https://www.pop2aarhus.dk/

Submitted URL:
https://www.pop2aarhus.dk/
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 14 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 1 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="da"><head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>POP2 - Moderne kontorlokaler og kontorfællesskab i Aarhus</title>
        <!-- Google tag (gtag.js) -->
        <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-VWMH5KF9DY"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag() {
                dataLayer.push(arguments);
            }
            gtag("js", new Date());

            gtag("config", "G-VWMH5KF9DY");
        </script>
        <link rel="canonical" href="https://www.pop2aarhus.dk/">
        <link href="output.css" rel="stylesheet">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
        <link rel="icon" type="image/svg+xml" href="favicon.svg" sizes="any">
        <meta property="og:title" content="POP2 - Moderne kontorlokaler og kontorfællesskab i Aarhus">
        <meta property="og:description" content="Et moderne kontorfællesskab i Aarhus med faciliteter som restaurant, motionscenter, padelbane og mere.">
        <meta property="og:image" content="https://pop2aarhus-dk.pages.dev/img/avif/pop2-corridor-walkway-with-sofa-640w.avif">
        <meta property="og:url" content="https://www.pop2aarhus.dk">
        <meta property="og:type" content="website">
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:title" content="POP2 - Moderne kontorlokaler og kontorfællesskab i Aarhus">
        <meta name="twitter:description" content="Et moderne kontorfællesskab i Aarhus med faciliteter som restaurant, motionscenter, padelbane og mere.">
        <meta name="twitter:image" content="https://pop2aarhus-dk.pages.dev/img/avif/pop2-corridor-walkway-with-sofa-640w.avif">
        <meta name="msapplication-TileImage" content="favicon.svg">
        <link rel="apple-touch-icon" sizes="180x180" href="favicon.svg">
        <link rel="mask-icon" href="favicon.svg" color="#1c4532">
        <meta name="msapplication-TileColor" content="#1c4532">
        <meta name="theme-color" content="#1c4532">
    </head>
    <body class="bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100 transition-colors duration-300">
        <!-- Navigation -->
        <nav class="fixed w-full z-20 top-0 left-0 bg-transparent transition-colors duration-300 px-8" id="navbar">
            <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
                <a href="/" class="flex items-center text-white dark:text-gray-100">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1520 714" width="1520" height="714" xmlns:v="https://vecta.io/nano" class="h-10 w-16 inline">
                        <path d="M0 169.5V339h67 67v128 128h137.5H409v59.5V714h263.344 263.343l.722-95.601.407-95.895c-.174-.162-6.053-.621-13.066-1.02l-12.75-.725v60.959l-.66 83.62-.659 22.662H672.34 435v-59.5V569H297.5 160V441 313H92.5 25V169 25h100.5H226v57 57h54.5H335V82 25h289 289v84 84h12.338 12.337l.663-39.164.662-96.5V0H624 309v56.5V113h-29-29V56.5 0H125.5 0v169.5m1087 211V642h216 216V444.5 247h-134.5H1250v-64-64h-81.5-81.5v261.5m25 .5v236h191 191V445 273h-135-135v-64-64h-56-56v236M512 236.486c-23.803 4.515-45.357 15.886-62.557 33.001-15.125 15.052-25.46 33.023-31.178 54.219-2.432 9.012-2.643 11.351-2.643 29.294s.211 20.282 2.643 29.294c5.726 21.225 16.077 39.211 31.195 54.206 17.51 17.368 39.61 28.886 63.376 33.031 10.814 1.885 32.514 1.885 43.328 0 43.812-7.641 81.032-40.671 93.219-82.725 3.84-13.252 4.966-23.451 4.331-39.229-2.144-53.239-36.156-95.744-87.42-109.25-8.467-2.231-12.3-2.627-28.294-2.922-13.103-.242-20.688.073-26 1.081m390.5 2.996c-13.771 3.718-25.101 10.311-36.658 21.332l-7.25 6.914 5.852 6.665 5.851 6.665 5.653-5.921c21.189-22.2 51.586-25.813 70.255-8.351 20.226 18.92 19.932 49.642-.793 82.915-15.529 24.931-46.516 57.511-94.355 99.208l-17.5 15.312-3.055 2.72 78.75.03L988 467v-9.159-9.159l-56.636.595c-31.151.328-56.238.236-55.75-.204s7.315-6.305 15.172-13.034c70.077-60.016 98.413-109.364 87.585-152.539-5.382-21.463-22.082-38.483-43.102-43.93-7.476-1.937-25.738-1.987-32.769-.088M270 352.915V467h9.5 9.5v-45.385-45.385l20.25-.502c23.832-.591 31.926-2.214 46.629-9.348 17.173-8.332 29.852-23.644 34.679-41.88 2.444-9.234 2.943-25.558 1.054-34.5-3.882-18.376-15.295-32.849-32.612-41.354-16.882-8.291-20.781-8.932-57.25-9.404l-31.75-.411v114.084m428 0V467h9.5 9.5v-45.385-45.385l20.25-.502c23.832-.591 31.926-2.214 46.629-9.348 12.5-6.064 24.029-17.169 29.464-28.38 5.672-11.699 7.132-18.561 7.127-33.5-.003-10.6-.41-14.292-2.205-20-5.056-16.083-15.618-28.141-31.494-35.956-16.61-8.177-20.619-8.831-57.021-9.302l-31.75-.411v114.084m-184.987-97.847c-30.239 6.55-54.384 24.791-67.572 51.049-20.01 39.843-11.559 88.528 20.731 119.427 13.818 13.222 26.649 20.464 44.337 25.025 9.25 2.385 11.178 2.541 25.991 2.101 11.971-.355 17.924-1.002 23.64-2.568 38.361-10.508 65.187-39.041 72.49-77.102 2.056-10.713 1.807-30.423-.524-41.627-7.689-36.944-34.672-65.347-71.629-75.396-11.966-3.253-34.635-3.688-47.464-.909M289 307.342V359l7.25-.023c32.807-.102 52.159-5.949 64.796-19.575 8.342-8.994 11.924-19.397 11.942-34.684.019-15.362-3.927-24.983-13.94-33.985-11.254-10.118-23.253-13.525-50.798-14.422l-19.25-.627v51.658m428 0V359l7.25-.023c32.807-.102 52.159-5.949 64.796-19.575 8.342-8.994 11.924-19.397 11.942-34.684.019-15.362-3.927-24.983-13.94-33.985-11.254-10.118-23.253-13.525-50.798-14.422l-19.25-.627v51.658" fill="currentColor" fill-rule="evenodd"></path>
                    </svg>
                </a>
                <button data-collapse-toggle="navbar-default" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-white dark:text-gray-100 rounded-lg md:hidden hover:bg-gray-100 dark:hover:bg-gray-700 hover:bg-opacity-20 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:focus:ring-gray-600" aria-controls="navbar-default" aria-expanded="false" onclick="toggleMenu()">
                    <span class="sr-only">Åben Menu</span>
                    <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"></path>
                    </svg>
                </button>
                <script>
                    function toggleMenu() {
                        var menu = document.getElementById("navbar-default");
                        menu.classList.toggle("hidden");
                    }

                    document
                        .querySelectorAll("#navbar-default a")
                        .forEach(function (link) {
                            link.addEventListener("click", function () {
                                var menu =
                                    document.getElementById("navbar-default");
                                menu.classList.add("hidden");
                            });
                        });
                </script>
                <div class="hidden w-full md:block md:w-auto" id="navbar-default">
                    <ul class="font-medium flex flex-col p-4 md:p-0 mt-4 rounded-lg md:flex-row md:space-x-8 md:mt-0 md:border-0 bg-transparent">
                        <li>
                            <a href="/" class="block py-2 pl-3 pr-4 text-white dark:text-gray-100 rounded md:bg-transparent md:p-0" aria-current="page">Forside</a>
                        </li>
                        <li>
                            <a href="#faciliteter" class="block py-2 pl-3 pr-4 text-white dark:text-gray-100 rounded hover:bg-gray-100 dark:hover:bg-gray-700 hover:bg-opacity-20 md:hover:bg-transparent md:border-0 md:hover:text-gray-300 md:p-0">Faciliteter</a>
                        </li>
                        <li>
                            <a href="#priser" class="block py-2 pl-3 pr-4 text-white dark:text-gray-100 rounded hover:bg-gray-100 dark:hover:bg-gray-700 hover:bg-opacity-20 md:hover:bg-transparent md:border-0 md:hover:text-gray-300 md:p-0">Priser</a>
                        </li>
                        <li>
                            <a href="#om-pop2" class="block py-2 pl-3 pr-4 text-white dark:text-gray-100 rounded hover:bg-gray-100 dark:hover:bg-gray-700 hover:bg-opacity-20 md:hover:bg-transparent md:border-0 md:hover:text-gray-300 md:p-0">Om POP2</a>
                        </li>
                        <li>
                            <a href="#kontakt" class="block py-2 pl-3 pr-4 text-white dark:text-gray-100 rounded hover:bg-gray-100 dark:hover:bg-gray-700 hover:bg-opacity-20 md:hover:bg-transparent md:border-0 md:hover:text-gray-300 md:p-0">Kontakt</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

        <script>
            window.addEventListener("scroll", function () {
                var navbar = document.getElementById("navbar");
                if (window.scrollY > window.innerHeight) {
                    navbar.classList.remove("bg-transparent");
                    navbar.classList.add("bg-pop2green", "dark:bg-gray-800");
                } else {
                    navbar.classList.remove("bg-pop2green", "dark:bg-gray-800");
                    navbar.classList.add("bg-transparent");
                }
            });
        </script>

        <!-- Header Section -->
        <header class="relative bg-cover bg-center h-screen" style="
                background-image: url(&quot;img/avif/pop2-corridor-walkway-with-sofa.avif&quot;);
            ">
            <div class="absolute inset-0 bg-black dark:bg-gray-900 opacity-50"></div>
            <div class="relative z-10 flex flex-col items-center justify-center h-full text-white dark:text-gray-100">
                <h1 class="text-6xl font-bold">POP2</h1>
                <p class="mt-4 text-2xl text-center px-4">
                    Et moderne kontorfællesskab i Aarhus
                </p>
                <a href="#faciliteter" class="mt-8 px-8 py-4 bg-green-900 dark:bg-green-700 text-white text-xl font-bold rounded-lg hover:bg-green-800 dark:hover:bg-green-600 transition-all duration-300 transform hover:scale-105">
                    Læs mere
                </a>
            </div>
        </header>

        <!-- Features Section -->
        <section id="faciliteter" class="container mx-auto my-16 relative pt-32 p-12">
            <h2 class="text-4xl font-semibold text-center mb-12 text-pop2green dark:text-emerald-500">
                Faciliteter
            </h2>

            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
                    <img src="img/avif/pop2-corridor-walkway-with-sofa-640w.avif" alt="Modern Office Space" class="w-full h-48 object-cover" loading="lazy">
                    <div class="p-4 bg-opacity-75 bg-pop2green dark:bg-gray-600 h-full">
                        <h3 class="text-2xl font-semibold mb-2 text-white dark:text-emerald-500">
                            Moderne kontorlokaler
                        </h3>
                        <p class="text-white dark:text-gray-300">
                            Arbejdspladser designet til produktivitet og
                            samarbejde, med flot design og velgennemtænkt
                            arkitektur.
                        </p>
                    </div>
                </div>
                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
                    <img src="img/avif/pop2-speaker-presentation3-640w.avif" alt="Konferencefaciliteter" class="w-full h-48 object-cover" loading="lazy">
                    <div class="p-4 bg-opacity-75 bg-pop2green dark:bg-gray-600 h-full">
                        <h3 class="text-2xl font-semibold mb-2 text-white dark:text-emerald-500">
                            Konferencefaciliteter
                        </h3>
                        <p class="text-white">
                            Moderne mødelokaler og konferencelokaler til 10-80
                            personer.
                        </p>
                    </div>
                </div>
                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
                    <img src="img/avif/pop2-kitchen-staff-640w.avif" alt="Egen Restaurant" class="w-full h-48 object-cover" loading="lazy">
                    <div class="p-4 bg-opacity-75 bg-pop2green dark:bg-gray-600 h-full">
                        <h3 class="text-2xl font-semibold mb-2 text-white dark:text-emerald-500">
                            Restaurant
                        </h3>
                        <p class="text-white">
                            Restaurant på stedet med uddannede kokke, der
                            tilbereder lækre måltider og snacks.
                        </p>
                    </div>
                </div>
                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
                    <img src="img/avif/pop2-fitness-center-2-640w.avif" alt="Medarbejderpleje" class="w-full h-48 object-cover" loading="lazy">
                    <div class="p-4 bg-opacity-75 bg-pop2green dark:bg-gray-600 h-full">
                        <h3 class="text-2xl font-semibold mb-2 text-white dark:text-emerald-500">
                            Medarbejderpleje
                        </h3>
                        <p class="text-white">
                            Hold dig aktiv med vores veludstyrede motionscenter
                            og fitnessfaciliteter.
                        </p>
                    </div>
                </div>
                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
                    <img src="img/avif/pop2-padel-court-trees-640w.avif" alt="Sportsfaciliteter" class="w-full h-48 object-cover" loading="lazy">
                    <div class="p-4 bg-opacity-75 bg-pop2green dark:bg-gray-600 h-full">
                        <h3 class="text-2xl font-semibold mb-2 text-white dark:text-emerald-500">
                            Sportsfaciliteter
                        </h3>
                        <p class="text-white">
                            Nyd padelbanen, bordtennis og bordfodbold til
                            rekreation og teambuilding.
                        </p>
                    </div>
                </div>
                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
                    <img src="img/avif/pop2-team-break-640w.avif" alt="Grønne områder" class="w-full h-48 object-cover" loading="lazy">
                    <div class="p-4 bg-opacity-75 bg-pop2green dark:bg-gray-600 h-full">
                        <h3 class="text-2xl font-semibold mb-2 text-white dark:text-emerald-500">
                            Grønne områder
                        </h3>
                        <p class="text-white">
                            Smukke gårdhaver og udendørsområder til afslapning
                            og uformelle møder. 5 minutters gang til
                            <a href="https://da.wikipedia.org/wiki/Mollerup_Skov" class="underline">Mollerup Skov</a>.
                        </p>
                    </div>
                </div>
                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
                    <img src="img/pop2-optimal-location.avif" alt="Optimal placering og nem adgang til byer og lufthavne" class="w-full h-48 object-cover" loading="lazy">
                    <div class="p-4 bg-opacity-75 bg-pop2green dark:bg-gray-600 h-full">
                        <h3 class="text-2xl font-semibold mb-2 text-white dark:text-emerald-500">
                            Optimal placering
                        </h3>
                        <p class="text-white">
                            Central beliggenhed med mindre end 30 minutters
                            kørsel fra Silkeborg og Randers. Omkring 60
                            minutters kørsel fra Vejle, Herning og Aalborg.
                        </p>
                    </div>
                </div>
                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
                    <img src="img/avif/pop2-office-aerial-view-1-640w.avif" alt="Gratis parkeringsfaciliteter" class="w-full h-48 object-cover" loading="lazy">
                    <div class="p-4 bg-opacity-75 bg-pop2green dark:bg-gray-600 h-full">
                        <h3 class="text-2xl font-semibold mb-2 text-white dark:text-emerald-500">
                            Gratis parkering
                        </h3>
                        <p class="text-white">
                            Gratis parkering til rådighed og ladestandere til
                            elbiler.
                        </p>
                    </div>
                </div>
                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
                    <img src="img/avif/pop2-coffee-making-action-640w.avif" alt="Premium Coffee Stations" class="w-full h-48 object-cover" loading="lazy">
                    <div class="p-4 bg-opacity-75 bg-pop2green dark:bg-gray-600 h-full">
                        <h3 class="text-2xl font-semibold mb-2 text-white dark:text-emerald-500">
                            Lækre kaffe- og snackstationer
                        </h3>
                        <p class="text-white">
                            Nyd ægte baristakaffe fra vores flotte
                            kaffestationer med ægte baristamaskiner.
                        </p>
                    </div>
                </div>
                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
                    <img src="img/pop2-green-energy-logo.svg" alt="100% grøn strøm" class="w-full h-48 object-cover" loading="lazy">
                    <div class="p-4 bg-opacity-75 bg-pop2green dark:bg-gray-600 h-full">
                        <h3 class="text-2xl font-semibold mb-2 text-white dark:text-emerald-500">
                            100% Grøn strøm fra egne solceller
                        </h3>
                        <p class="text-white">
                            POP2 er drevet af 100% grøn strøm fra egne solceller
                            på taget.
                        </p>
                    </div>
                </div>

                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
                    <img src="img/pop2-kort-afstand-til-hotel-skejby.avif" alt="Kort afstand til hotel og overnatningsmuligheder" class="w-full h-48 object-cover" loading="lazy">

                    <div class="p-4 bg-opacity-75 bg-pop2green dark:bg-gray-600 h-full">
                        <h3 class="text-2xl font-semibold mb-2 text-white dark:text-emerald-500">
                            Tæt på hoteller
                        </h3>
                        <p class="text-white">
                            <a href="https://www.guestapart.dk/" class="underline">Hotel GUESTapart</a>,
                            <a href="https://www.zleep.com/da/hotel/aarhus-skejby/" class="underline">Zleep Hotel Aarhus Skejby</a>
                            og
                            <a href="https://www.athomeapartments.dk/" class="underline">Homelike Apartments</a>
                            inden for gåafstand og ca. 5 min i bil gør det nemt
                            at indkvartere gæster.
                        </p>
                    </div>
                </div>
                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
                    <img src="img/pop2-kort-afstand-offentlig-transport.avif" alt="Kort" afstand="" til="" offentlig="" transport"="" class="w-full h-48 object-cover" loading="lazy">
                    <div class="p-4 bg-opacity-75 bg-pop2green dark:bg-gray-600 h-full">
                        <h3 class="text-2xl font-semibold mb-2 text-white dark:text-emerald-500">
                            Cykelafstand og nem adgang til offentlig transport
                        </h3>
                        <p class="text-white">
                            POP2 er i cykelafstand fra Aarhus C og 750m til
                            nærmeste større busstoppested
                            (Skejbyvej/Randersvej).
                        </p>
                    </div>
                </div>
            </div>
        </section>

        <!-- Pricing Section -->
        <section id="priser" class="container mx-auto my-16 relative pt-32 p-12">
            <h2 class="text-4xl font-semibold text-center mb-12 text-pop2green dark:text-green-400">
                Priser
            </h2>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-sm">
                <div class="bg-white dark:bg-gray-600 p-6 rounded-lg shadow-md text-center flex flex-col justify-between">
                    <div>
                        <h3 class="text-2xl font-semibold mb-4 text-pop2green dark:text-green-400">
                            Fast kontorplads
                        </h3>
                        <p class="text-4xl font-bold mb-4">
                            4.000,-<span class="text-sm font-normal">/måned</span>
                        </p>
                        <ul class="text-left mb-6">
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Eget skrivebord
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Inkl. forplejning til en værdi af 2.000,-/måned
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Wifi
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>24/7 adgang
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Adgang til mødelokaler og konferencelokaler
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Rengøringsservice inkluderet
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Mulighed for posthåndtering
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Gratis parkering
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Mulighed for opbevaringsrum
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Fri adgang til snacks, kaffe, te osv
                            </li>
                        </ul>
                    </div>
                    <button class="bg-pop2green dark:bg-green-700 text-white px-6 py-2 rounded-full hover:bg-green-600 dark:hover:bg-green-600 transition duration-300 mt-auto open-modal" data-type="Fast Kontorplads">
                        Forespørg
                    </button>
                </div>
                <div class="bg-white dark:bg-gray-600 p-6 rounded-lg shadow-md text-center flex flex-col justify-between">
                    <div>
                        <h3 class="text-2xl font-semibold mb-4 text-pop2green dark:text-green-400">
                            Eget kontor
                        </h3>
                        <p class="text-4xl font-bold mb-4">
                            25 - 1.600 m<sup>2</sup><span class="text-sm font-normal"></span>
                        </p>
                        <ul class="text-left mb-6">
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Eget kontor
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Inkluderer forplejning
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Wifi
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>24/7 adgang
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Adgang til mødelokaler og konferencelokaler
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Rengøringsservice inkluderet
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Mulighed for posthåndtering
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Gratis parkering
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Mulighed for opbevaringsrum
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Fri adgang til snacks, kaffe, te osv
                            </li>
                        </ul>
                    </div>
                    <button class="bg-pop2green dark:bg-green-700 text-white px-6 py-2 rounded-full hover:bg-green-600 dark:hover:bg-green-600 transition duration-300 mt-auto open-modal" data-type="Eget Kontor">
                        Forespørg
                    </button>
                </div>
                <div class="bg-white dark:bg-gray-600 p-6 rounded-lg shadow-md text-center relative flex flex-col justify-between">
                    <div>
                        <h3 class="text-2xl font-semibold mb-4 text-pop2green dark:text-green-400">
                            Flex Kontorplads
                        </h3>
                        <p class="text-4xl font-bold mb-4">
                            2.000,-<span class="text-sm font-normal">/måned</span>
                        </p>
                        <ul class="text-left mb-6">
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Fleksibel siddeplads
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Mulighed for at tilkøbe forplejning efter behov
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Wifi
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Adgang i åbningstiden (kl 8 - 17 på hverdage)
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Adgang til mødelokaler og konferencelokaler
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Rengøringsservice inkluderet
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Gratis parkering
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Mulighed for opbevaringsrum
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Perfekt til deltidsbehov
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-green-500 mr-2"></i>Kommer i 2025 og fordeles efter venteliste
                            </li>
                        </ul>
                    </div>
                    <button class="bg-pop2green dark:bg-green-700 text-white px-6 py-2 rounded-full hover:bg-green-600 dark:hover:bg-green-600 transition duration-300 mt-auto open-modal" data-type="Flex Kontorplads">
                        Tilmeld venteliste
                    </button>
                </div>
            </div>
        </section>

        <!-- Modal -->
        <div id="modal" class="fixed z-50 inset-0 overflow-y-auto hidden">
            <form id="inquiry-form" action="https://formspree.io/f/xgvwbzkp" method="POST">
                <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
                    <div class="fixed inset-0 transition-opacity" aria-hidden="true">
                        <div class="absolute inset-0 bg-gray-500 dark:bg-gray-700 opacity-75"></div>
                    </div>
                    <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">​</span>
                    <div class="inline-block align-bottom bg-white dark:bg-gray-800 rounded-lg text-left overflow-hidden shadow-2xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full border-4 border-pop2green dark:border-green-400">
                        <div class="bg-white dark:bg-gray-800 px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
                            <h3 class="text-lg leading-6 font-medium text-gray-900 dark:text-white" id="modal-title">
                                Forespørgsel / Tilmelding til venteliste
                            </h3>
                            <div class="mt-2">
                                <div class="mb-4">
                                    <label for="name" class="block text-sm font-medium text-gray-700 dark:text-gray-300">Navn</label>
                                    <input type="text" name="name" id="name" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
                                </div>
                                <div class="mb-4">
                                    <label for="company" class="block text-sm font-medium text-gray-700 dark:text-gray-300">Virksomhedsnavn</label>
                                    <input type="text" name="company" id="company" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
                                </div>
                                <div class="mb-4">
                                    <label for="email" class="block text-sm font-medium text-gray-700 dark:text-gray-300">Email</label>
                                    <input type="email" name="email" id="email" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
                                </div>
                                <div class="mb-4">
                                    <label for="phone" class="block text-sm font-medium text-gray-700 dark:text-gray-300">Telefonnummer</label>
                                    <input type="tel" name="phone" id="phone" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
                                </div>
                                <div class="mb-4">
                                    <label for="interest" class="block text-sm font-medium text-gray-700 dark:text-gray-300">Interesse</label>
                                    <select name="interest" id="interest" class="mt-1 block w-full py-2 px-3 border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm text-gray-900 dark:text-white">
                                        <option value="Fast Kontorplads">
                                            Fast Kontorplads
                                        </option>
                                        <option value="Eget Kontor">
                                            Eget Kontor
                                        </option>
                                        <option value="Flex Kontorplads">
                                            Flex Kontorplads
                                        </option>
                                    </select>
                                </div>
                                <div id="office-size-container" class="mb-4 hidden">
                                    <label for="office-size" class="block text-sm font-medium text-gray-700 dark:text-gray-300">Ca. antal m2-behov</label>
                                    <input type="range" name="office-size" id="office-size" min="25" max="1600" step="25" class="mt-1 block w-full border border-gray-300 dark:border-gray-600">
                                    <span id="office-size-value" class="text-sm text-gray-500 dark:text-gray-400"></span>
                                </div>
                                <p id="form-status" class="text-center mt-4"></p>
                            </div>
                        </div>
                        <div class="bg-gray-50 dark:bg-gray-700 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
                            <button type="submit" class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-pop2green dark:bg-green-700 text-base font-medium text-white hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm" id="submit-form">
                                Send
                            </button>
                            <button type="button" class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 dark:border-gray-600 shadow-sm px-4 py-2 bg-white dark:bg-gray-800 text-base font-medium text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm" id="close-modal">
                                Luk
                            </button>
                            <p id="my-form-status"></p>
                        </div>
                    </div>
                </div>
            </form>
        </div>

        <!-- Testimonials Section -->
        <section id="hvad-siger-lejerne-om-pop2" class="container mx-auto my-16 relative pt-32 p-12">
            <h2 class="text-4xl font-semibold text-center mb-12 text-pop2green dark:text-green-400">
                Hvad siger lejerne om POP2?
            </h2>
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <div class="bg-white dark:bg-gray-500 p-6 rounded-lg shadow-md flex flex-col items-center">
                    <a href="https://www.anyday.io/"><img class="max-h-16 h-full p-4 mb-4" src="img/pop2-anyday-logo.svg" loading="lazy"></a>
                    <p class="text-lg mb-4 text-center dark:text-white">
                        “I POP2 har vi fundet et unikt miljø, hvor sparring med
                        andre virksomheder er en naturlig del af hverdagen. Det
                        er uvurderligt at kunne dele viden og erfaringer med
                        ligesindede, der forstår de udfordringer, vi står
                        overfor.”
                    </p>
                    <p class="font-semibold dark:text-white">
                        - Jonas Overgaard, Anyday
                    </p>
                </div>
                <div class="bg-white dark:bg-gray-500 p-6 rounded-lg shadow-md flex flex-col items-center">
                    <a href="https://vibrant.io/"><img class="max-h-16 h-full p-4 mb-4" src="img/pop2-vibrant-logo.avif" loading="lazy"></a>
                    <p class="text-lg mb-4 text-center dark:text-white">
                        “POP2’s koncept og lokation er perfekt for os – vi kan
                        fokusere fuldt ud på at bygge vores virksomhed, fordi
                        alt andet er taget hånd om. Det gør det lettere at vokse
                        og udvikle os.”
                    </p>
                    <p class="font-semibold dark:text-white">
                        - Kasper Krog, Vibrant
                    </p>
                </div>
                <div class="bg-white dark:bg-gray-500 p-6 rounded-lg shadow-md flex flex-col items-center">
                    <a href="https://www.hakio.com/"><img class="max-h-16 h-full p-4 mb-4" src="img/pop2-hakio-logo.svg" loading="lazy"></a>
                    <p class="text-lg mb-4 text-center dark:text-white">
                        “POP2 giver os mulighed for at fokusere 100% på vores
                        arbejde, da alle faciliteterne er i top. Med alt fra en
                        verdensklasse kantine til padelbane og træningscenter,
                        har vi alt, hvad vi har brug for – og det sætter vores
                        ansatte stor pris på. Derudover er miljøet fyldt med
                        spændende virksomheder på vækstrejser, som vi kan sparre
                        med og blive inspireret af.”
                    </p>
                    <p class="font-semibold dark:text-white">
                        - Malte Bjerg Vittrup, Hakio
                    </p>
                </div>
                <div class="bg-white dark:bg-gray-500 p-6 rounded-lg shadow-md flex flex-col items-center">
                    <a href="https://eio.energy/"><img class="max-h-16 h-full p-4 mb-4" src="img/pop2-eio-logo.png" loading="lazy">
                    </a>
                    <p class="text-lg mb-4 text-center dark:text-white">
                        "Den optimale beliggenhed af POP2 har været afgørende
                        for vores medarbejdere. Kombineret med de førsteklasses
                        faciliteter og lækre madmuligheder, er det det perfekte
                        sted for vores team."
                    </p>
                    <p class="font-semibold dark:text-white">
                        - Bjørn Pedersen, Eio Energy
                    </p>
                </div>
                <!--
                <div
                    class="bg-white dark:bg-gray-500 p-6 rounded-lg shadow-md flex flex-col items-center"
                >
                    <img
                        class="max-h-16 h-full p-4 mb-4"
                        src="img/pop2-mymedcards-logo.png"
                        loading="lazy"
                    />
                    <p class="text-lg mb-4 text-center dark:text-white">
                        "POP2's moderne faciliteter har været perfekte for vores
                        voksende startup. Den gode placering og den lækre mad på
                        stedet har gjort det nemt at tiltrække og fastholde
                        toptalent."
                    </p>
                    <p class="font-semibold dark:text-white">
                        - Sarah Munkholm, MyMedCards
                    </p>
                </div>
                -->
                <!--
                <div
                    class="bg-white dark:bg-gray-500 p-6 rounded-lg shadow-md flex flex-col items-center"
                >
                    <img
                        class="max-h-16 h-full p-4 mb-4"
                        src="img/pop2-jysk-energi-logo.png"
                        loading="lazy"
                    />
                    <p class="text-lg mb-4 text-center dark:text-white">
                        "Den nemme adgang til POP2 fra hele Midtjyllands-området
                        er en fordel. De moderne faciliteter og den fremragende
                        mad i kantinen skaber et miljø, hvor vores team virkelig
                        trives."
                    </p>
                    <p class="font-semibold dark:text-white">
                        - Jens Jensen, Jysk Energi
                    </p>
                </div>
                -->
            </div>
        </section>

        <!-- Press Mentionings Section -->
        <section id="presse" class="container mx-auto my-16 relative pt-32 p-12">
            <h2 class="text-4xl font-semibold text-center mb-12 text-pop2green dark:text-green-400">
                POP2 i pressen
            </h2>
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <div class="bg-white dark:bg-gray-500 p-6 rounded-lg shadow-md">
                    <img src="img/pop2-techsavvy-logo.avif" alt="Techsavvy Logo" loading="lazy" class="h-16 mb-4">
                    <h3 class="text-xl font-semibold mb-2 dark:text-white">
                        Succesfulde fintech-foundere manglede det perfekte
                        scaleup-hub. Så nu har de bygget det selv
                    </h3>
                    <p class="text-gray-600 dark:text-gray-300 mb-4">
                        Efter succesfulde exits har stifterne af Clearhaus og
                        Quickpay skabt POP2: Et premium iværksætterfællesskab
                        for ambitiøse tech-scaleups i Aarhus.
                    </p>
                    <a href="https://techsavvy.media/succesfulde-fintech-foundere-manglede-det-perfekte-scaleup-hub-saa-nu-har-de-bygget-det-selv/" class="text-pop2green dark:text-green-400 hover:underline">Læs artikel</a>
                </div>
                <div class="bg-white dark:bg-gray-500 p-6 rounded-lg shadow-md">
                    <img src="img/pop2-techsavvy-logo.avif" alt="Techsavvy Logo" loading="lazy" class="h-16 mb-4">
                    <h3 class="text-xl font-semibold mb-2 dark:text-white">
                        Vækstzoner: Fra finanser til fællesskab – Et
                        co-workingspace hvor maden spiller en helt central rolle
                    </h3>
                    <p class="text-gray-600 dark:text-gray-300 mb-4">
                        POP2 blev grundlagt med ét mål for øje, at tilbyde alt,
                        hvad folk har brug for til, at deres virksomheder kan
                        vokse. Det har udartet sig i et lækkert miljø, som
                        stadig har vokseværk.
                    </p>
                    <a href="https://techsavvy.media/fra-finanser-til-faellesskab-et-co-working-space-hvor-maden-spiller-en-helt-central-rolle/" class="text-pop2green dark:text-green-400 hover:underline">Læs artikel</a>
                </div>
                <div class="bg-white dark:bg-gray-500 p-6 rounded-lg shadow-md">
                    <img src="img/pop2-erhvervslivaarhus-logo.svg" alt="Erhvervsliv Aarhus Logo" loading="lazy" class="h-16 mb-4">
                    <h3 class="text-xl font-semibold mb-2 dark:text-white">
                        Anyday og Vibrant er en del af POP2: - Vi kan ikke klare
                        os alene
                    </h3>
                    <p class="text-gray-600 dark:text-gray-300 mb-4">
                        CEO i Vibrant, Kasper Enggaard Krog, og CEO i Anyday,
                        Jonas Overgaard, er begge en del af den nye uofficielle
                        fintech-klynge POP2. Og for dem at se er der kun fordele
                        ved fællesskabet, og det vil kun vokse over tid.
                    </p>
                    <a href="https://erhvervslivaarhus.dk/erhvervslivaarhus-dk/anyday-og-vibrant-er-en-del-af-pop2-vi-kan-ikke-klare-os-alene" class="text-pop2green dark:text-green-400 hover:underline">Læs artikel</a>
                </div>
                <div class="bg-white dark:bg-gray-500 p-6 rounded-lg shadow-md">
                    <img src="img/pop2-erhvervslivaarhus-logo.svg" alt="Erhvervsliv Aarhus Logo" loading="lazy" class="h-16 mb-4">
                    <h3 class="text-xl font-semibold mb-2 dark:text-white">
                        Ny fintech-klynge er en opgradering af Aarhus
                    </h3>
                    <p class="text-gray-600 dark:text-gray-300 mb-4">
                        Aarhus har blandt andet en vand-klynge, retail-klynge,
                        design-klynge, fødevare-klynge, energi-klynge og flere
                        endnu. Men listen bliver kun længere, for vi har nu også
                        fået en fintech-klynge, i daglig tale kendt som POP2.
                    </p>
                    <a href="https://erhvervslivaarhus.dk/erhvervslivaarhus-dk/ny-fintech-klynge-er-en-opgradering-af-aarhus" class="text-pop2green dark:text-green-400 hover:underline">Læs artikel</a>
                </div>
            </div>
        </section>

        <!-- About Section -->
        <section id="om-pop2" class="container mx-auto my-16 relative pt-32 p-12">
            <h2 class="text-4xl font-semibold text-center mb-12 text-pop2green dark:text-green-400">
                Om POP2
            </h2>
            <div class="flex flex-col md:flex-row gap-8">
                <div class="w-full md:w-1/2 bg-white dark:bg-gray-600 p-6 rounded-lg shadow-md">
                    <p class="text-lg mb-4 dark:text-white">
                        POP2 er et kontorfællesskab beliggende på
                        <a class="underline text-pop2green dark:text-green-400 hover:text-green-600 dark:hover:text-green-300" href="https://maps.app.goo.gl/VqBUpTMLjArAm3Cf9">P. O. Pedersens Vej 2, 8200 Aarhus</a>, skabt til startups, freelancere samt små og
                        mellemstore virksomheder. POP2 tilbyder et produktivt,
                        fællesskabsorienteret miljø med en ideel beliggenhed,
                        der er let tilgængelig og tæt på Aarhus centrum.
                    </p>
                    <p class="text-lg mb-4 dark:text-white">
                        Bygningen, oprindeligt opført i 1975 af Kommunedata som
                        Skejby Sygehus' datacenter, spillede en central rolle i
                        digitaliseringen af det danske sundhedsvæsen. I 1988
                        blev bygningen udvidet af arkitekterne
                        <a class="underline text-pop2green dark:text-green-400 hover:text-green-600 dark:hover:text-green-300" href="https://friis-moltke.dk/">Friis &amp; Moltke</a>
                        for at imødekomme den stigende vækst. I 2021 gennemgik
                        bygningerne en omfattende renovering, der hævede
                        standarden til et moderne, inspirerende miljø, som
                        indbyder til innovation og samtidig bevarer den
                        arkitektoniske arv.
                    </p>
                    <p class="text-lg mb-4 dark:text-white">
                        I dag strækker POP2 sig over 9.500 m<sup>2</sup> og kan
                        huse op til 500 mennesker. Det tilbyder moderne
                        faciliteter, der opfylder en bred vifte af arbejdsbehov
                        – fra åbne kontormiljøer til private kontorer for
                        virksomheder.
                    </p>
                </div>
                <div class="w-full md:w-1/2 flex flex-col justify-center bg-white dark:bg-gray-600 p-6 rounded-lg shadow-md">
                    <img src="img/avif/pop2-coffee-station-view-640w.avif" alt="POP2 Kontorfællesskab Kaffestation" loading="lazy" class="rounded-lg">
                </div>
            </div>
            <div class="w-full pt-16">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1198057.9820188095!2d10.210376516031896!3d56.17034658066844!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x464c3f0cb86a0f2d%3A0x1ab4e9bc5e09f453!2sP.%20O.%20Pedersens%20Vej%202%2C%208200%20Aarhus%20N%2C%20Denmark!5e0!3m2!1sen!2s!4v1693641988857!5m2!1sen!2s&amp;z=6" width="100%" height="600" style="border: 0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
                </iframe>
            </div>
        </section>

        <!-- Facts Section -->
        <!--
        <section id="facts" class="container mx-auto my-16 relative pt-32 p-12">
            <h2
                class="text-4xl font-semibold text-center mb-12 text-pop2green dark:text-green-400"
            >
                POP2 i tal
            </h2>
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-8">
                <div
                    class="bg-white dark:bg-gray-600 p-6 rounded-lg shadow-md text-center"
                >
                    <h3
                        class="text-xl font-semibold mb-2 text-pop2green dark:text-green-400"
                    >
                        Måltider serveret
                    </h3>
                    <p class="text-4xl font-bold num" data-val="135000">0</p>
                    <p class="text-sm">per år</p>
                </div>
                <div
                    class="bg-white dark:bg-gray-600 p-6 rounded-lg shadow-md text-center"
                >
                    <h3
                        class="text-xl font-semibold mb-2 text-pop2green dark:text-green-400"
                    >
                        Solenergi produceret
                    </h3>
                    <p class="text-4xl font-bold num" data-val="300">0</p>
                    <p class="text-sm">MWh per år</p>
                </div>
                <div
                    class="bg-white dark:bg-gray-600 p-6 rounded-lg shadow-md text-center"
                >
                    <h3
                        class="text-xl font-semibold mb-2 text-pop2green dark:text-green-400"
                    >
                        Antal virksomheder
                    </h3>
                    <p class="text-4xl font-bold num" data-val="17">0</p>
                </div>
                <div
                    class="bg-white dark:bg-gray-600 p-6 rounded-lg shadow-md text-center"
                >
                    <h3
                        class="text-xl font-semibold mb-2 text-pop2green dark:text-green-400"
                    >
                        Antal medarbejdere
                    </h3>
                    <p class="text-4xl font-bold num" data-val="240">0</p>
                </div>
                <div
                    class="bg-white dark:bg-gray-600 p-6 rounded-lg shadow-md text-center"
                >
                    <h3
                        class="text-xl font-semibold mb-2 text-pop2green dark:text-green-400"
                    >
                        Kopper kaffe
                    </h3>
                    <p class="text-4xl font-bold num" data-val="275000">0</p>
                    <p class="text-sm">per år</p>
                </div>
            </div>
        </section>
        -->

        <!-- Contact Section -->
        <section id="kontakt" class="container mx-auto my-16 relative pt-32 p-12">
            <h2 class="text-4xl font-semibold text-center mb-12 text-pop2green dark:text-green-400">
                Kontakt os
            </h2>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
                <div class="bg-white dark:bg-gray-800 p-8 rounded-lg shadow-lg transition-all duration-300 hover:shadow-xl">
                    <h3 class="text-2xl font-semibold mb-6 text-pop2green dark:text-green-400">
                        Adresse
                    </h3>
                    <p class="dark:text-white mb-2">POP2 ApS (CVR: 42473839)</p>
                    <p class="dark:text-white mb-2">P. O. Pedersens Vej 2</p>
                    <p class="dark:text-white mb-2">8200 Aarhus N</p>
                    <p class="dark:text-white">Danmark</p>
                </div>
                <div class="bg-white dark:bg-gray-800 p-8 rounded-lg shadow-lg transition-all duration-300 hover:shadow-xl">
                    <h3 class="text-2xl font-semibold mb-6 text-pop2green dark:text-green-400">
                        Kontakt
                    </h3>
                    <div class="flex items-center mb-6">
                        <img src="img/pop2-usk-portrait.avif" alt="Ulrikke Skov Kejser, Adm. Direktør" loading="lazy" class="w-24 h-24 rounded-full mr-6 shadow-md">
                        <div>
                            <p class="font-semibold text-lg dark:text-white">
                                Ulrikke Skov Kejser
                            </p>
                            <p class="text-sm text-gray-600 dark:text-gray-300">
                                Adm. Direktør
                            </p>
                        </div>
                    </div>
                    <p class="dark:text-white mb-3">
                        <i class="far fa-envelope mr-2 text-pop2green dark:text-green-400"></i>
                        <a href="mailto:[email protected]" class="text-pop2green dark:text-green-400 hover:text-green-600 dark:hover:text-green-300 transition duration-300">
                            [email protected]
                        </a>
                    </p>
                    <p class="dark:text-white mb-3">
                        <i class="fas fa-phone-alt mr-2 text-pop2green dark:text-green-400"></i>
                        <a href="tel:+4591917001" class="text-pop2green dark:text-green-400 hover:text-green-600 dark:hover:text-green-300 transition duration-300">
                            +45 91 91 70 01
                        </a>
                    </p>
                    <p class="mt-4">
                        <a href="https://www.linkedin.com/company/pop2/" class="text-pop2green dark:text-green-400 hover:text-green-600 dark:hover:text-green-300 transition duration-300" target="_blank">
                            <i class="fab fa-linkedin text-3xl"></i>
                        </a>
                    </p>
                </div>
            </div>
        </section>

        <!-- Footer -->
        <footer class="container mx-auto p-6 text-center text-pop2green dark:text-green-400 pt-48">
            <p>POP2 - P. O. Pedersens Vej 2 - 8200 Aarhus N - Denmark</p>
        </footer>
    <!-- Cloudflare Pages Analytics --><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js" data-cf-beacon="{&quot;token&quot;: &quot;875fd990ec8a42b08c18d803af8088da&quot;}"></script><!-- Cloudflare Pages Analytics -->
    <script async="" src="index.js"></script>

</body></html>