<!--

    We are honoured you clicked "View source" :)

-->
<!DOCTYPE html>
<html lang="da" dir="ltr" class="no-js">
    <head>
        <link rel="preconnect" href="https://static.simply.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://gtm.simply.com">
<link rel="preconnect" href="https://cs.iubenda.com" crossorigin>
<link rel="preconnect" href="https://cdn.iubenda.com" crossorigin>
<meta charset="UTF-8">
<meta name="author" content="Tom Sommer">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
<meta name="format-detection" content="telephone=no, date=no, address=no, url=no">
<meta name="keywords" content="webhotel, domæne, webhoteller, billigt webhotel, køb domæne">
<meta name="theme-color" content="#fff" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#000" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" href="https://static.simply.com/assets/simply-favicon-96px.png" sizes="96x96">
<link rel="icon" type="image/png" href="https://static.simply.com/assets/simply-favicon-180px.png" sizes="180x180">
<link rel="icon" type="image/svg+xml" href="https://static.simply.com/assets/simply-favicon.svg">
<link rel="apple-touch-icon" type="image/png" href="https://static.simply.com/assets/simply-favicon-96px.png" sizes="96x96">
<link rel="apple-touch-icon" type="image/png" href="https://static.simply.com/assets/simply-favicon-180px.png" sizes="180x180">
<link rel="mask-icon" href="https://static.simply.com/assets/simply-favicon-maskicon.svg" color="#aa2484">
        <title>
                            Webhosting, WordPress og domæner - Simply.com
                    </title>
        <meta name="description" content="Professionelt, billigt og stabilt webhotel, til en pris hvor alle kan være med. Simply.com gør webhosting nemt, smart og tilgængeligt for alle. 5 stjerner på Trustpilot.">
        <meta property="fb:pages" content="37207469397">
        <meta property="fb:admins" content="630139270">
        <meta property="fb:app_id" content="157484727617117">
        <meta property="og:type" content="website">
        <meta property="og:title" content="Webhosting, WordPress og domæner">
        <meta property="og:description" content="Professionelt, billigt og stabilt webhotel, til en pris hvor alle kan være med. Simply.com gør webhosting nemt, smart og tilgængeligt for alle. 5 stjerner på Trustpilot.">
        <meta property="og:site_name" content="Simply.com">
        <meta property="og:url" content="https://www.simply.com/dk/">
        <meta property="og:image" content="https://static.simply.com/assets/simply-logo-opengraph.png">
        <meta property="og:image" content="https://static.simply.com/assets/simply-logo-opengraph-wide.png">
        <meta property="og:locale" content="da-DK">
        <meta name="twitter:card" content="summary">
        <meta name="twitter:site" content="@simplydotcom">
        <meta name="twitter:creator" content="@simplydotcom">
        <meta name="twitter:title" content="Webhosting, WordPress og domæner">
        <meta name="twitter:description" content="Professionelt, billigt og stabilt webhotel, til en pris hvor alle kan være med. Simply.com gør webhosting nemt, smart og tilgængeligt for alle. 5 stjerner på Trustpilot.">
        <meta name="twitter:domain" content="simply.com">
        <meta name="twitter:image" content="https://static.simply.com/assets/simply-logo-twitter.png">
        <meta name="apple-mobile-web-app-capable" content="no">
        <meta name="apple-mobile-web-app-title" content="Simply.com">
        <meta name="application-name" content="Simply.com">
        <link rel="canonical" href="https://www.simply.com/dk/">                                    <link rel="alternate" hreflang="da" href="https://www.simply.com/dk/">
                            <link rel="alternate" hreflang="en" href="https://www.simply.com/en/">
                            <link rel="alternate" hreflang="de" href="https://www.simply.com/de/">
                            <link rel="alternate" hreflang="sv" href="https://www.simply.com/se/">
                            <link rel="alternate" hreflang="nb" href="https://www.simply.com/no/">
                            <link rel="alternate" hreflang="fr" href="https://www.simply.com/fr/">
                            <link rel="alternate" hreflang="pl" href="https://www.simply.com/pl/">
                            <link rel="alternate" hreflang="fi" href="https://www.simply.com/fi/">
                            <link rel="alternate" hreflang="nl" href="https://www.simply.com/nl/">
                            <link rel="alternate" hreflang="es" href="https://www.simply.com/es/">
                            <link rel="alternate" hreflang="it" href="https://www.simply.com/it/">
                            <link rel="alternate" hreflang="pt" href="https://www.simply.com/pt/">
                            <link rel="alternate" hreflang="sk" href="https://www.simply.com/sk/">
                            <link rel="alternate" hreflang="cs" href="https://www.simply.com/cs/">
                            <link rel="alternate" hreflang="et" href="https://www.simply.com/et/">
                            <link rel="alternate" hreflang="lv" href="https://www.simply.com/lv/">
                            <link rel="alternate" hreflang="is" href="https://www.simply.com/is/">
                            <link rel="alternate" hreflang="lt" href="https://www.simply.com/lt/">
                            <link rel="alternate" hreflang="tr" href="https://www.simply.com/tr/">
                            <link rel="alternate" hreflang="ro" href="https://www.simply.com/ro/">
                            <link rel="alternate" hreflang="hu" href="https://www.simply.com/hu/">
                            <link rel="alternate" hreflang="el" href="https://www.simply.com/el/">
                            <script>
    var translations = [];
    translations['LabelOkay'] = "Okay";
    translations['LabelIAmSure'] = "Ja, jeg er sikker";
    translations['LabelNoCancel'] = "Annuller";
    translations['LabelAreYouSure'] = "Er du sikker?";
    translations['TextAreYouSure'] = "Er du sikker?";
    translations['TextCapsLockEnabled'] = "Caps-Lock er sl\u00e5et til p\u00e5 din computer.";
    translations['IubendaHeadline'] = "Du bestemmer over dine data";
</script>
        <script>!function () {
        'use strict';

        function l(e) {
            for (var t = e, r = 0, n = document.cookie.split(';'); r < n.length; r++) {
                var o = n[r].split('=');
                if (o[0].trim() === t) return o[1];
            }
        }

        function s(e) {
            return localStorage.getItem(e);
        }

        function u(e) {
            return window[e];
        }

        function A(e, t) {
            e = document.querySelector(e);
            return t ? null == e ? void 0 : e.getAttribute(t) : null == e ? void 0 : e.textContent;
        }

        var e = window, t = document, r = 'script', n = 'dataLayer', o = 'https://gtm.simply.com', a = '',
                i = '12qwpsducp', c = 'a0z=aWQ9R1RNLVRaVjhNRA%3D%3D&page=3', g = 'cookie', v = 'user_id', E = '', d = !1;
        try {
            var d = !!g && (m = navigator.userAgent, !!(m = new RegExp('Version/([0-9._]+)(.*Mobile)?.*Safari.*').exec(m))) && 16.4 <= parseFloat(m[1]),
                    f = 'stapeUserId' === g, I = d && !f ? function (e, t, r) {
                        void 0 === t && (t = '');
                        var n = {cookie: l, localStorage: s, jsVariable: u, cssSelector: A}, t = Array.isArray(t) ? t : [t];
                        if (e && n[e]) for (var o = n[e], a = 0, i = t; a < i.length; a++) {
                            var c = i[a], c = r ? o(c, r) : o(c);
                            if (c) return c;
                        } else console.warn('invalid uid source', e);
                    }(g, v, E) : void 0;
            d = d && (!!I || f);
        } catch (e) {
            console.error(e);
        }
        var m = e, g = (m[n] = m[n] || [], m[n].push({
                    'gtm.start': (new Date).getTime(),
                    event: 'gtm.js',
                }), t.getElementsByTagName(r)[0]), v = I ? '&bi=' + encodeURIComponent(I) : '', E = t.createElement(r),
                f = (d && (i = 8 < i.length ? i.replace(/([a-z]{8}$)/, 'kp$1') : 'kp' + i), !d && a ? a : o);
        E.async = !0, E.src = f + '/' + i + '.js?' + c + v, null != (e = g.parentNode) && e.insertBefore(E, g);
    }();
</script>
<script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
        window.dataLayer.push(arguments);
    }

    gtag('js', new Date());
</script>
<script>
    var _hsq = window._hsq || [];

    function hsq() {
        _hsq.push(arguments);
    }
</script>
<script>
    (function () {
        var mmapiws = window.__mmapiws = window.__mmapiws || {};
        mmapiws.accountId = 11830;
        var loadDeviceJs = function () {
            var element = document.createElement('script');
            element.async = true;
            element.src = 'https://device.maxmind.com/js/device.js';
            document.body.appendChild(element);
        };
        if (window.addEventListener) {
            window.addEventListener('load', loadDeviceJs, false);
        } else if (window.attachEvent) {
            window.attachEvent('onload', loadDeviceJs);
        }
    })();
</script>
<script type="text/javascript">
    var _iub = _iub || [];

    _iub.csLangConfiguration = {
        'en': {
            'cookiePolicyId': 85215963,
        },
        'da': {
            'cookiePolicyId': 85398683,
        },
        'sv': {
            'cookiePolicyId': 64422143,
        },
        'nb': {
            'cookiePolicyId': 11901605,
        },
        'pl': {
            'cookiePolicyId': 79851764,
        },
        'fi': {
            'cookiePolicyId': 76653875,
        },
        'de': {
            'cookiePolicyId': 40978846,
        },
        'fr': {
            'cookiePolicyId': 68648577,
        },
    };

    _iub.csConfiguration = {
        'askConsentAtCookiePolicyUpdate': false,
        'cookiePolicyId': 85215963,
        'floatingPreferencesButtonDisplay': 'bottom-left',
        'localConsentDomain': 'www.simply.com',
        'perPurposeConsent': true,
        'cookiePolicyInOtherWindow': false,
        'purposes': '1,2,3,4,5',
        'promptToAcceptOnBlockedElements': true,
        'preferenceCookie': {
            'expireAfter': 360,
        },
        'siteId': 3298105,
        'i18n': {
            'en':
                    {
                        'banner': {
                            'title': 'You are in charge of your data',
                        },
                    },
            'da':
                    {
                        'banner': {
                            'title': translations['IubendaHeadline'],
                        },
                    },
            'sv':
                    {
                        'banner': {
                            'title': translations['IubendaHeadline'],
                        },
                    },
            'nb':
                    {
                        'banner': {
                            'title': translations['IubendaHeadline'],
                        },
                    },
            'pl':
                    {
                        'banner': {
                            'title': translations['IubendaHeadline'],
                        },
                    },
            'fi': {
                'banner': {
                    'title': translations['IubendaHeadline'],
                },
            },
            'de':
                    {
                        'banner': {
                            'title': translations['IubendaHeadline'],
                        },
                    },
            'fr': {
                'banner': {
                    'title': translations['IubendaHeadline'],
                },
            },
        },
        'banner': {
            'acceptButtonCaptionColor': 'var(--bs-white)',
            'acceptButtonColor': 'var(--bs-success)',
            'acceptButtonDisplay': true,
            'applyStyles': true,
            'backgroundColor': 'var(--bs-white)',
            'backgroundOverlay': true,
            'brandBackgroundColor': 'var(--bs-white)',
            'brandTextColor': 'var(--bs-black)',
            'closeButtonDisplay': false,
            'continueWithoutAcceptingButtonColor': 'var(--bs-light)',
            'customizeButtonCaptionColor': 'var(--bs-black)',
            'customizeButtonColor': 'var(--bs-light)',
            'customizeButtonDisplay': true,
            'explicitWithdrawal': true,
            'floatingPreferencesButtonColor': 'var(--bs-light)',
            'fontSizeBody': '14px',
            'linksColor': 'var(--bs-primary)',
            'listPurposes': true,
            'logo': 'https://static.simply.com/assets/simply-logo-color.svg',
            'position': 'float-center',
            'rejectButtonCaptionColor': 'var(--bs-white)',
            'rejectButtonColor': 'var(--bs-success)',
            'rejectButtonDisplay': true,
            'showPurposesToggles': true,
            'textColor': 'var(--bs-black)',
        },
        'callback': {
            'onPreferenceExpressedOrNotNeeded': function (preference) {
                dataLayer.push({
                    iubenda_ccpa_opted_out: _iub.cs.api.isCcpaOptedOut(),
                });
                var otherPreferences = _iub.cs.api.getPreferences();
                if (otherPreferences) {
                    var usprPreferences = otherPreferences.uspr;
                    if (usprPreferences) {
                        for (var purposeName in usprPreferences) {
                            if (usprPreferences[purposeName]) {
                                dataLayer.push({
                                    event: 'iubenda_consent_given_purpose_' + purposeName,
                                });
                            }
                        }
                    }
                }
                if (!preference) {
                    dataLayer.push({
                        event: 'iubenda_preference_not_needed',
                    });
                } else if (preference.consent === true) {
                    dataLayer.push({
                        event: 'iubenda_consent_given',
                    });
                } else if (preference.consent === false) {
                    dataLayer.push({
                        event: 'iubenda_consent_rejected',
                    });
                } else if (preference.purposes) {
                    for (var purposeId in preference.purposes) {
                        if (preference.purposes[purposeId]) {
                            dataLayer.push({
                                event: 'iubenda_consent_given_purpose_' + purposeId,
                            });
                        }
                    }
                }
            },
        },
    };

</script>
<script type="text/javascript" src="https://cs.iubenda.com/autoblocking/3298105.js"></script>
<script type="text/javascript" src="https://cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
<script>
    const SimplyComIsUserLoggedIn = false;
    const SimplyComIsInternalSupport = false;
</script>
<script>
    gtag({'VisitorIsLoggedIn': SimplyComIsUserLoggedIn});
    gtag({'VisitorIsInternalSupport': SimplyComIsInternalSupport});
</script>
        <script>
    document.documentElement.classList.remove('no-js');
    document.documentElement.classList.add('js');
</script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;1,400;1,700&amp;display=swap">
<link rel="stylesheet" href="https://static.simply.com/assets/build/app.css?ef7a010dd9d527d036d8788ef50e7480" fetchpriority="high">
<script src="https://static.simply.com/assets/build/app.js?cee8ff801ab1b68b6346e495be2461a1" defer="defer"></script>
                            <script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>        <script type="application/ld+json">{"@context":"http://schema.org","@type":"Organization","name":"Simply.com","url":"https://www.simply.com/","logo":"https://www.simply.com/assets/simply-logo-color-square.png","address":{"@type":"PostalAddress","addressCountry":"DK"},"sameAs":["https://www.facebook.com/simplycom","https://www.instagram.com/simplycom/","https://www.trustpilot.com/review/simply.com","https://www.twitter.com/simplydotcom","https://www.x.com/simplydotcom","https://www.linkedin.com/company/simplycom","https://da.wikipedia.org/wiki/Simply.com"],"contactPoint":[{"@type":"ContactPoint","availableLanguage":["English","Danish"],"contactType":"customer service","telephone":"+45-86515030"},{"@type":"ContactPoint","telephone":"+46-776650650","contactType":"customer service","availableLanguage":["English","Swedish"]}],"potentialAction":[{"@type":"SearchAction","target":"/dk/domains/?q={search_term_string}","query-input":"required name=search_term_string"},{"@type":"SearchAction","target":"/dk/support/?q={search_term_string}","query-input":"required name=search_term_string"}]}</script>
                <script type="application/ld+json">{"@context":"https://schema.org/","@type":"Product","name":"Basic Suite","offers":{"@type":"Offer","url":{},"priceCurrency":"EUR","price":"5.88","priceValidUntil":"2027-04-18","availability":"https://schema.org/InStock","itemCondition":"https://schema.org/NewCondition"}}</script>        <script type="application/ld+json">{"@context":"https://schema.org/","@type":"Product","name":"Standard Suite","offers":{"@type":"Offer","url":{},"priceCurrency":"EUR","price":"6.36","priceValidUntil":"2027-04-18","availability":"https://schema.org/InStock","itemCondition":"https://schema.org/NewCondition"}}</script>        <script type="application/ld+json">{"@context":"https://schema.org/","@type":"Product","name":"Pro Suite","offers":{"@type":"Offer","url":{},"priceCurrency":"EUR","price":"36.00","priceValidUntil":"2027-04-18","availability":"https://schema.org/InStock","itemCondition":"https://schema.org/NewCondition"}}</script>    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const youtubeModalEl = document.getElementById('youtubeModal');
            let videoSrc = '';
            if (youtubeModalEl) {
                const elements = document.getElementsByClassName('youtube-modal-btn');
                Array.from(elements).forEach((element) => {
                    element.addEventListener('click', openYoutubeDialog);
                });
                youtubeModalEl.addEventListener('shown.bs.modal', () => {
                    document.getElementById('youtubeVideo').setAttribute('src', `${videoSrc}?autoplay=1&controls=0&iv_load_policy=3`);
                });
                youtubeModalEl.addEventListener('hide.bs.modal', () => {
                    document.getElementById('youtubeVideo').setAttribute('src', '');
                });

                function openYoutubeDialog(evt) {
                    videoSrc = evt.currentTarget.getAttribute('data-src');
                }
            }
        });


    </script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            var el = document.getElementById('bniGaugeCard');
            if (!el) return;
            var cpuEl = document.getElementById('bniCpuValue');
            var memEl = document.getElementById('bniMemValue');
            var reqEl = document.getElementById('bniReqValue');
            var trendEl = document.getElementById('bniReqTrend');
            var codeEl = document.getElementById('bniCodeWrap');
            var running = false;

            var observer = new IntersectionObserver(function (entries) {
                entries.forEach(function (entry) {
                    if (entry.isIntersecting && !running) {
                        running = true;
                        el.classList.add('bni-gauge-animated');
                        observer.disconnect();
                        startFluctuation();
                        if (codeEl) codeEl.classList.add('bni-code-typing');
                    }
                });
            }, {threshold: 0.3});
            observer.observe(el);

            function startFluctuation() {
                var reqBase = 3454;
                setInterval(function () {
                    var cpu = 12 + Math.round(Math.random() * 8);
                    var mem = 5 + Math.round(Math.random() * 8);
                    var req = reqBase + Math.floor(Math.random() * 80) - 30;
                    reqBase = req;
                    if (cpuEl) cpuEl.textContent = cpu + '%';
                    if (memEl) memEl.textContent = mem + '%';
                    if (reqEl) reqEl.textContent = req.toLocaleString();
                    if (trendEl) {
                        var pct = (8 + Math.random() * 10).toFixed(1);
                        var icon = pct >= 10 ? 'fa-arrow-trend-up' : 'fa-arrow-trend-down';
                        trendEl.innerHTML = '<i class="fa-solid ' + icon + '"></i> ' + pct + '%';
                    }
                }, 2000);
            }

        });
    </script>
        <link rel="alternate" type="application/rss+xml" title="Simply.com - Blog (RSS)" href="https://blog.simply.com/feed/rss/">
        <link rel="search" type="application/opensearchdescription+xml" href="/dk/opensearch-domaincheck.xml" title="Simply.com - Domænetest">
        <link rel="search" type="application/opensearchdescription+xml" href="/dk/opensearch-support.xml" title="Simply.com - Support">
        <script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Website",
    "url": "https://www.simply.com/dk/",
    "name": "Webhosting, WordPress og dom\u00e6ner"
}
</script>
    </head>
    <body>
                <!-- Google Tag Manager (noscript) -->
        <noscript>
            <iframe src="https://gtm.simply.com/ns.html?id=GTM-TZV8MD" height="0" width="0" style="display:none; visibility:hidden"></iframe>
        </noscript>
        <!-- End Google Tag Manager (noscript) -->
        <div class="grid-container">
                            <main class="index">
        <div class="container-extended bg-bright-blue rounded-xxl-5 rounded-bottom-only">
                <script>
        window.addEventListener('DOMContentLoaded', () => {
            document.getElementById('betterlanguage-button')?.addEventListener('click', () => {
                sessionStorage.setItem('betterlanguage-show', false)
            })
            document.getElementById('betterlanguage-warning')?.classList.toggle('show', sessionStorage.getItem('betterlanguage-show') ?? true)
        })
    </script>
        <div class="grid-header">
        <section class="container">
            <div class="d-flex flex-column gap-1" id="topbanners">
                                                                                    <section class="flex-fill text-lg-start text-center align-middle align-items-center collapse show" id="betterlanguage-warning">
                        <div class="container">
                            <div class="align-items-center d-flex flex-column flex-md-row gap-2">
                                <div class="fs-6 d-block">
                                    <i class="flag-icon-squared fi fi-gb"></i>
                                    Simply.com is available in english
                                </div>
                                <div class="d-block">
                                    <a class="btn btn-primary btn-sm d-xl-inline" rel="alternate" href="/en/">
                                        <i class="flag-icon-squared fi fi-gb"></i>
                                        Switch language to english
                                    </a>
                                    <button type="button" aria-label="Close" class="btn btn-sm text-reset" data-bs-toggle="collapse" data-bs-target="#betterlanguage-warning" id="betterlanguage-button">
                                        <i class="fal fa-fw fa-times"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </section>
                                <noscript>
                    <div class="alert alert-warning" id="noscript-warning">Du har slået JavaScript fra i din browser, det vil gøre at der er ting på vores hjemmeside der ikke virker efter hensigten.</div>
                </noscript>
            </div>
            <div class="pt-2 py-xl-4 py-xxl-5" id="mainmenu">
                <nav class="header-navbar navbar navbar-expand-xl gap-3 ">
                    <a class="navbar-brand p-0 pb-xl-1" href="/dk/">
                        <img src="//static.simply.com/assets/simply-logo-color.svg" alt="Simply.com" fetchpriority="high">
                    </a>
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                        <i class="fal fa-bars fa-fw fa-lg"></i>
                    </button>
                    <div class="collapse navbar-collapse p-5 p-xl-0" id="navbarNav">
                        <ul class="navbar-nav nav-hover gap-xl-3 me-auto primary-navigation align-items-xl-center" id="menu-products">
                            <li class="nav-item d-xl-none">
                                <a class="nav-link text-uppercase d-flex justify-content-between d-none" href="/dk/">
                                    <span>Forside</span>
                                    <i class="far fa-arrow-right-long d-lg-none"></i>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link text-uppercase d-flex justify-content-between" href="/dk/domains/">
                                    <span>Domæne</span>
                                    <i class="far fa-arrow-right-long d-lg-none"></i>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link text-uppercase d-flex justify-content-between align-items-center" href="/dk/hosting/">
                                    <span>Webhotel</span>
                                    <i class="far fa-arrow-right-long d-lg-none"></i>
                                </a>
                            </li>
                            <li class="nav-item d-xl-none">
                                <a class="nav-link text-uppercase d-flex justify-content-between align-items-center" href="/dk/email/">
                                    <span>E-mail</span>
                                    <i class="far fa-arrow-right-long d-lg-none"></i>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link text-uppercase d-flex justify-content-between align-items-center" href="/dk/websitebuilder/">
                                    <span>Hjemmeside-designer</span>
                                    <i class="far fa-arrow-right-long d-lg-none"></i>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link text-uppercase d-flex justify-content-between align-items-center"
                                   href="/dk/wordpress/"
                                   data-bs-offset="100,200"
                                   data-bs-auto-close="outside"
                                   data-bs-toggle="dropdown"
                                   data-bs-target="#wordPressMenuDropdown">
                                    <span>Wordpress</span>
                                    <i class="far fa-arrow-right-long d-lg-none"></i>
                                </a>
                                <div class="dropdown-menu p-3 shadow border-primary" id="wordPressMenuDropdown">
                                    <div class="grid d-block d-lg-grid gap-5">
                                        <div class="g-col-5 d-none d-lg-block bg-light p-3 rounded">
                                            <h3 class="h6">WordPress hos Simply.com</h3>
                                            <p class="lh-lg small">Vores produkter er skabt til WordPress. Vi har gjort det nemt at installere og komme igang med WordPress, om du er nybegynder eller ekspert - så vil du elske vores løsning.</p>
                                            <h3 class="h6">
                                                AI-assistent
                                                <span class="badge badge-success fs-7 bg-aigradient px-2"><i class="fal fa-custom-ai fa-fw"></i> AI</span>
                                            </h3>
                                            <p class="lh-lg small">Hvis du ønsker, kan vores indbyggede AI-assistent kan hjælpe dig opsætte og designe WordPress.</p>
                                        </div>
                                        <div class="g-col-7">
                                            <h3 class="text-opacity-50 h6">WordPress produkter</h3>
                                            <div class="d-flex flex-column gap-2 flex-wrap easy-points mb-3">
                                                <div class="d-flex gap-3 point-box position-relative p-3 rounded" style="--bs-border-color: var(--bs-primary)">
                                                    <i class="fab fa-wordpress fa-2x fa-fw"></i>
                                                    <div>
                                                        <h4 class="fw-normal">WordPress</h4>
                                                        <p class="small text-opacity-50 m-0">
                                                            Brug WordPress som du kender det, uden forhindringer.
                                                            <br>
                                                            <a href="/dk/wordpress/" title="WordPress" class="stretched-link link-primary small">Læs mere</a>
                                                        </p>
                                                        <div class="goto-point opacity-0 position-absolute fs-5">
                                                            <i class="fa-regular fa-arrow-right-long fa-lg"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="d-flex gap-3 point-box position-relative p-3 rounded" style="--bs-border-color: var(--bs-primary)">
                                                    <i class="fal fa-shopping-cart fa-2x fa-fw"></i>
                                                    <div>
                                                        <h4 class="fw-normal">WooCommerce</h4>
                                                        <p class="small text-opacity-50 m-0">
                                                            Start en WooCommerce webshop med blot få klik.
                                                            <br>
                                                            <a href="/dk/woocommerce/" title="WooCommerce" class="stretched-link link-primary small">Læs mere</a>
                                                        </p>
                                                        <div class="goto-point opacity-0 position-absolute fs-5">
                                                            <i class="fa-regular fa-arrow-right-long fa-lg"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <h3 class="text-opacity-50 h6">WordPress success</h3>
                                            <div class="d-flex flex-column flex-lg-row gap-3 justify-content-between mb-3">
                                                <div class="position-relative point-box">
                                                    <div>
                                                        <p class="fs-7 text-opacity-50 m-0">Cookie consent</p>
                                                        <h6>
                                                            <a href="/dk/iubenda/" class="text-decoration-none stretched-link">
                                                                <img src="//static.simply.com/assets/iubenda-logo.svg" alt="" height="16">
                                                                iubenda
                                                            </a>
                                                        </h6>
                                                    </div>
                                                </div>
                                                <div class="position-relative point-box">
                                                    <p class="fs-7 text-opacity-50 m-0">Betalingsgateway</p>
                                                    <h6>
                                                        <a href="/dk/paymentgateway/" class="text-decoration-none stretched-link">OnPay</a>
                                                    </h6>
                                                </div>
                                                <div class="position-relative point-box">
                                                    <p class="fs-7 text-opacity-50 m-0">Online booking</p>
                                                    <h6>
                                                        <a href="/dk/onlinebooking/" class="text-decoration-none stretched-link">SimplyBook.me</a>
                                                    </h6>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="/dk/ai/" title="AI">
                                                                            <i class="fab fa-fw fa-xl fa-custom-ai-black"></i>
                                                                    </a>
                            </li>
                        </ul>
                        <ul class="navbar-nav secondary-links mt-3 mt-xl-0 rounded-3 border border-xl-0 px-2 p-xl-0 align-items-xl-center" id="menu-services">
                                                        <li class="nav-item text-truncate">
                                <a class="nav-link fs-xl-7" href="/dk/support/">
                                    <i class="far fa-fw fa-life-ring d-xl-none"></i>
                                    Support
                                </a>
                            </li>
                            <li class="nav-item text-truncate">
                                <a class="nav-link fs-xl-7" href="/dk/webmail/">
                                    <i class="far fa-fw fa-envelope"></i>
                                    Webmail
                                </a>
                            </li>
                            <li class="nav-item text-truncate">
                                <a class="nav-link fs-xl-7" href="/dk/controlpanel/">
                                                                            <i class="far fa-fw fa-lock"></i>
                                                                        Kontrolpanel
                                </a>
                            </li>
                        </ul>
                    </div>
                </nav>
            </div>
        </section>
                                </div>
            <div class="container mt-md-7 mt-3">
                <div class="row">
                    <div class="col-12 col-md-6">
                        <span class="badge badge-dark fs-6 mb-2 fw-semibold">
                                                            <i class="fal fa-earth fa-fw fa-sm"></i> Webhosting
                                                    </span>
                        <div class="mb-md-3 mb-0">
                            <h1 class="display-1 fw-normal">
                                Domæne, <span class="text-highlight">hjemmeside</span> & e-mail
                            </h1>
                        </div>
                                                <div class="mb-3">
                            <a href="/dk/order/?id=80" id="btnFrontpageCTA" class="btn btn-primary fw-bold btn-xl btn-hover-icon btn-shine d-block d-md-inline-block">
                                <span>Kom i gang for 0,49 US$/md.</span><i class="fa-regular fa-arrow-right-long d-none d-sm-inline"></i>
                            </a>
                            <div class="text-uppercase fw-semibold fs-7 mt-2">
                                <strong>0,49 US$/md. første år.</strong>
                                <span class="opacity-75">Fornyelse: 3,99 US$/md.</span>
                            </div>
                        </div>
                        <div class="d-block d-md-none mb-3 overflow-hidden">
                                                            <div class="trustpilot-widget overflow-hidden"
                                     data-locale="da-DK"
                                     data-template-id="5419b6a6fbfb950b10de65e5"
                                     data-businessunit-id="4ab0a7d2000064000500bdfe"
                                     data-style-height="20px"
                                     data-style-width="100%"
                                     data-theme="light"
                                     data-font-family="DM Sans"
                                     data-text-color="#0A1D2E">
                                    <a href="https://trustpilot.com/review/simply.com" target="_blank" rel="noopener">Trustpilot</a>
                                </div>
                                                    </div>
                    </div>
                    <div class="col-lg-6 col-sm-6 col-7 d-none d-md-block">
                        <img src="//static.simply.com/assets/new2022/index/banner-desktop.webp" fetchpriority="high" alt="" class="mt-lg-n4 img-fluid">
                        <div class="mt-2 mt-lg-n4 ms-lg-n4 mt-xl-n5 ms-xl-2 w-50">
                                                            <div class="trustpilot-widget"
                                     data-locale="da-DK"
                                     data-template-id="5419b6a6fbfb950b10de65e5"
                                     data-businessunit-id="4ab0a7d2000064000500bdfe"
                                     data-style-height="20px"
                                     data-style-width="100%"
                                     data-theme="light"
                                     data-font-family="DM Sans"
                                     data-text-color="#0A1D2E">
                                    <a href="https://trustpilot.com/review/simply.com" target="_blank" rel="noopener">Trustpilot</a>
                                </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="container pb-4 mt-md-6 mt-3">
                <div class="card bg-dark-navy rounded-4 mb-3 text-white mb-n8">
                    <div class="card-body p-3">
                        <form action="/dk/domains/" method="get" autocomplete="off" class="d-flex justify-content-evenly mb-2" role="search">
                            <div class="input-group">
                                <input name="q"
                                       type="text"
                                       aria-label="Søg domæne"
                                       required
                                       inputmode="url"
                                       value=""
                                       class="form-control form-control-lg border-0 px-4 p-3"
                                       autocapitalize="off"
                                       placeholder="Tjek, om det domæne du drømmer om, er ledigt. ..."
                                       spellcheck="false">
                                <button type="submit" class="btn text-uppercase btn-lg btn-cta text-nowrap px-5" aria-label="Søg">
                                    <span class="d-none d-sm-inline">Søg domæne</span>
                                    <i class="far fa-search"></i>
                                </button>
                            </div>
                        </form>
                        <div class="row align-items-center">
                                                            <div class="col-6 col-xl pt-3">
                                    <div class="d-md-flex align-items-center justify-content-center w-100">
                                        <h3 class="h1 me-3 m-0 p-0">.us</h3>
                                        <div class="d-flex flex-column">
                                            <p class="small m-0 fs-xl-5 fs-6 text-cta fw-bold">Registrer: 12,00 US$</p>
                                            <p class="small m-0 fs-7">Forny: 14,40 US$/år</p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="col-6 col-xl pt-3">
                                    <div class="d-md-flex align-items-center justify-content-center w-100">
                                        <h3 class="h1 me-3 m-0 p-0">.com</h3>
                                        <div class="d-flex flex-column">
                                            <p class="small m-0 fs-xl-5 fs-6 text-cta fw-bold">Registrer: 2,02 US$</p>
                                            <p class="small m-0 fs-7">Forny: 19,80 US$/år</p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="col-6 col-xl pt-3">
                                    <div class="d-md-flex align-items-center justify-content-center w-100">
                                        <h3 class="h1 me-3 m-0 p-0">.eu</h3>
                                        <div class="d-flex flex-column">
                                            <p class="small m-0 fs-xl-5 fs-6 text-cta fw-bold">Registrer: 6,00 US$</p>
                                            <p class="small m-0 fs-7">Forny: 15,60 US$/år</p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="col-6 col-xl pt-3">
                                    <div class="d-md-flex align-items-center justify-content-center w-100">
                                        <h3 class="h1 me-3 m-0 p-0">.org</h3>
                                        <div class="d-flex flex-column">
                                            <p class="small m-0 fs-xl-5 fs-6 text-cta fw-bold">Registrer: 16,80 US$</p>
                                            <p class="small m-0 fs-7">Forny: 21,60 US$/år</p>
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container my-md-7 my-lg-13 mt-10">
            <div class="row justify-content-between align-items-start align-items-lg-end">
                <div class="col-12 col-md-6 col-xl-auto">
                    <h2 class="mb-6 display-1">
                        Gør det <br>nemt
                    </h2>
                    <div class="position-relative ms-xl-ncontainer">
                        <div class="about-case text-light fs-7 p-4 text-italic opacity-75 d-none d-md-block">
                            <em>Mød Peter og Thomas, stifterne af myselfie.</em>
                            <br class="d-none d-lg-block">
                            <em>1 ud af 500.000+ hostede løsninger hos Simply.com</em>
                        </div>
                        <div class="happy-customers-badge d-flex align-items-center position-absolute">
                            <div class="fs-6 lh-1 w-100 ps-6 ps-lg-7 pt-2">
                                <div class="fw-bold">200.000+</div>
                                glade kunder
                            </div>
                        </div>
                        <img class="img-fluid" src="//static.simply.com/assets/new2022/index/myselfie.webp" loading="lazy" alt="MySelfie people">
                    </div>
                </div>
                <div class="col-12 col-md-6 easy-points gap-5 d-flex flex-column">
                    <div class="point-box rounded-3 position-relative">
                        <div class="goto-point opacity-0 position-absolute fs-5">
                            <a href="/dk/wordpress/" title="WordPress">
                                <i class="fa-regular fa-arrow-right-long fa-lg"></i>
                            </a>
                        </div>
                        <div class="d-flex align-items-center flex-wrap flex-lg-nowrap p-3">
                            <div class="pe-lg-6 col col-sm-6">
                                <img class="img-fluid rounded-4" src="//static.simply.com/assets/new2022/index/created-for-wordpress.svg" alt="Created for WordPress" loading="lazy"/>
                            </div>
                            <div>
                                <h2 class="fw-normal m-0 mb-2 mt-3 mt-lg-0">Skabt til WordPress</h2>
                                <p class="opacity-75 m-0">
                                    Få klik med musen, og du er kørende på WordPress.
                                    <a class="stretched-link text-primary" href="/dk/wordpress/">Læs mere</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="point-box rounded-3 position-relative">
                        <div class="goto-point opacity-0 position-absolute fs-5">
                            <a href="/dk/hosting/" title="Personlig e-mail">
                                <i class="fa-regular fa-arrow-right-long fa-lg"></i>
                            </a>
                        </div>
                        <div class="d-flex align-items-center flex-wrap flex-lg-nowrap p-3">
                            <div class="pe-lg-6 col col-sm-6">
                                <img class="img-fluid rounded-4" src="//static.simply.com/assets/new2022/index/professionel-mail.svg" alt="Professionel mail" loading="lazy"/>
                            </div>
                            <div>
                                <h2 class="fw-normal m-0 mb-2 mt-3 mt-lg-0">
                                    Personlig<br> e-mail
                                </h2>
                                <p class="opacity-75 m-0">
                                    Få alle de e-mailadresser, du vil, med dit eget domæne.
                                    <a class="stretched-link text-primary" href="/dk/hosting/">Læs mere</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="point-box rounded-3 position-relative">
                        <div class="goto-point opacity-0 position-absolute fs-5">
                            <a href="/dk/hosting/" title="SSL beskyttelse">
                                <i class="fa-regular fa-arrow-right-long fa-lg"></i>
                            </a>
                        </div>
                        <div class="d-flex align-items-center flex-wrap flex-lg-nowrap p-3">
                            <div class="pe-lg-6 col col-sm-6">
                                <img class="img-fluid rounded-4" src="//static.simply.com/assets/new2022/index/free-ssl.svg" alt="Free SSL" loading="lazy"/>
                            </div>
                            <div>
                                <h2 class="fw-normal m-0 mb-2 mt-3 mt-lg-0">Gratis SSL-beskyttelse</h2>
                                <p class="opacity-75 m-0">
                                    Pas på dine besøgende med Let's Encrypt.
                                    <a class="stretched-link text-primary" href="/dk/hosting/">Læs mere</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-extended bg-dark-navy text-bg-dark-navy rounded-xxl-5 mt-lg-8 pt-lg-10 py-xl-7 pt-6">
            <div class="container">
                <div class="d-flex justify-content-between pb-lg-6 gap-3">
                    <div>
                        <h2 class="text-light display-1">Skabt af nørder</h2>
                    </div>
                    <div>
                        <div class="display-1 text-cta">99.99%</div>
                        <div class="fs-6 uptime">oppetid og daglig backup</div>
                    </div>
                </div>
                <div class="row mt-lg-5 mt-3 flex-column-reverse flex-lg-row">
                    <div class="col">
                        <div class="row created-by-nerds pt-2">
                            <div class="col-12 col-lg-6 pb-lg-5 mb-lg-2">
                                <div class="row">
                                    <div class="col-auto col-lg-12">
                                        <div class="circle-icon d-inline-block rounded-circle bg-light-navy ratio ratio-1x1">
                                            <div class="d-flex justify-content-center align-items-center">
                                                <i class="fad fa-square-bolt fa-lg" style="--fa-primary-color: var(--bs-white); --fa-secondary-color: var(--bs-white)"></i>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col col-lg-12 m-0 mt-lg-2 pt-lg-2 pb-lg-3 pb-5">
                                        <h6 class="text-light fs-3 fw-normal">PHP OPcache</h6>
                                        <div class="opacity-60">Med OPcache til PHP sætter serveren raketfart til din hjemmeside - helt automatisk.</div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-lg-6">
                                <div class="row">
                                    <div class="col-auto col-lg-12">
                                        <div class="circle-icon d-inline-block rounded-circle bg-light-navy ratio ratio-1x1">
                                            <div class="d-flex justify-content-center align-items-center">
                                                <i class="fa-duotone fa-shield-check fa-lg" style="--fa-primary-color: var(--bs-white); --fa-secondary-color: var(--bs-white)"></i>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col col-lg-12 m-0 mt-lg-2 pt-lg-2 pb-lg-3 pb-5">
                                        <h6 class="text-light fs-3 fw-normal">SSH til dit webhotel</h6>
                                        <div class="opacity-60">Kør kommandoer på dit webhotel - præcis som hvis du havde din egen server.</div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-lg-6">
                                <div class="row">
                                    <div class="col-auto col-lg-12">
                                        <div class="circle-icon d-inline-block rounded-circle bg-light-navy ratio ratio-1x1">
                                            <div class="d-flex justify-content-center align-items-center">
                                                <i class="fa-duotone fa-bug fa-lg" style="--fa-primary-color: var(--bs-white); --fa-secondary-color: var(--bs-white)"></i>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col col-lg-12 m-0 mt-lg-2 pt-lg-2 pb-lg-3 pb-5">
                                        <h6 class="text-light fs-3 fw-normal">DDoS-beskyttelse</h6>
                                        <div class="opacity-60">Vi beskytter vores netværk mod DDoS-angreb, så du får maksimal oppetid.</div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-lg-6">
                                <div class="row">
                                    <div class="col-auto col-lg-12">
                                        <div class="circle-icon d-inline-block rounded-circle bg-light-navy ratio ratio-1x1">
                                            <div class="d-flex justify-content-center align-items-center">
                                                <i class="fa-duotone fa-computer fa-lg" style="--fa-primary-color: var(--bs-white); --fa-secondary-color: var(--bs-white)"></i>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col col-lg-12 m-0 mt-lg-2 pt-lg-2 pb-lg-3 pb-5">
                                        <h6 class="text-light fs-3 fw-normal">Verdensklasse selvbetjening</h6>
                                        <div class="opacity-60">Et kontrolpanel, der giver dig kontrollen. Ingen PHP-versionering eller blokeret MySQL her.</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div>
                            <a href="/dk/hosting/" class="btn btn-link-icon text-light text-hover-cta fs-4 px-0 mt-lg-7 mt-1">
                                <span>Se flere funktioner</span><i class="fa-regular fa-circle-arrow-right text-cta ms-3"></i>
                            </a>
                        </div>
                    </div>
                    <div class="col-12 col-lg-7 ps-5 mb-6"><div class="by-nerds-illustration" aria-label="By Nerds">
    <style>
        .by-nerds-illustration {
            position: relative;
            width: 100%;
            aspect-ratio: 720 / 648;
            font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;
            overflow: visible;
        }
        .bni-back-panel {
            position: absolute;
            top: 8.7%;
            right: 0;
            width: 90.6%;
            height: 76.4%;
            background: #213548;
            border-radius: 1.8% 0 0 1.8%;
            overflow: hidden;
        }
        .bni-back-panel::after {
            content: '';
            position: absolute;
            left: 13%;
            top: 0;
            bottom: 0;
            width: 1px;
            background: rgba(212, 220, 241, 0.12);
        }
        .bni-sidebar-icons {
            position: absolute;
            left: 4.2%;
            top: 8%;
            display: flex;
            flex-direction: column;
            gap: 1.1em;
        }
        .bni-sidebar-icon {
            width: 1.8em;
            height: 1.8em;
            background: rgba(250, 251, 252, 0.1);
            border-radius: 25%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .bni-sidebar-icon i {
            color: #fafbfc;
            opacity: 0.5;
            font-size: 0.8em;
        }
        .bni-code-wrap {
            position: absolute;
            left: 16%;
            top: 5%;
            right: 3%;
            bottom: 5%;
            overflow: hidden;
            pointer-events: none;
        }
        .bni-code-block {
            font-size: 0.6em;
            line-height: 1.8;
            color: rgba(255, 255, 255, 0.25);
            white-space: pre;
            transform: translateY(0);
        }
        .bni-code-typing .bni-code-block {
            animation: bni-type 4s linear infinite;
        }
        @keyframes bni-type {
            0% { transform: translateY(0); opacity: 1; }
            85% { transform: translateY(-55%); opacity: 1; }
            92% { transform: translateY(-55%); opacity: 0; }
            92.01% { transform: translateY(0); opacity: 0; }
            100% { transform: translateY(0); opacity: 1; }
        }
        .bni-code-block .bni-kw { color: rgba(181, 34, 193, 0.5); }
        .bni-code-block .bni-fn { color: rgba(214, 255, 126, 0.35); }
        .bni-code-block .bni-str { color: rgba(165, 219, 232, 0.35); }
        .bni-code-block .bni-var { color: rgba(255, 255, 255, 0.3); }
        .bni-code-block .bni-cm { color: rgba(255, 255, 255, 0.15); font-style: italic; }
        .bni-front-panel {
            position: absolute;
            top: 34.3%;
            left: 0;
            width: 77.2%;
            height: 65.7%;
            background: #d4dcf1;
            border-radius: 3.2%;
            box-shadow: 0 8px 32px rgba(10, 29, 46, 0.18);
        }
        .bni-url-bar {
            position: absolute;
            top: 7.2%;
            left: 5.8%;
            width: 72%;
            height: 8%;
            background: #fff;
            border-radius: 100px;
            display: flex;
            align-items: center;
            padding: 0 3%;
            gap: 2%;
            border: 1px solid #b7b7b7;
        }
        .bni-url-search {
            width: 45%;
            height: 55%;
            background: #f5f6f7;
            border-radius: 100px;
            border: 1px solid #b7b7b7;
            display: flex;
            align-items: center;
            padding: 0 6%;
        }
        .bni-url-search i {
            color: #b0b7c3;
            font-size: 0.6em;
            flex-shrink: 0;
        }
        .bni-url-dots {
            display: flex;
            gap: 0.3em;
            margin-left: auto;
        }
        .bni-url-dots span {
            width: 0.5em;
            height: 0.5em;
            border-radius: 50%;
            background: #b0b7c3;
        }
        .bni-logo-card {
            position: absolute;
            top: 7.2%;
            right: 5.8%;
            width: 7.2%;
            height: 8%;
            background: #fff;
            border-radius: 20%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        }
        .bni-logo-card svg {
            width: 45%;
            height: 55%;
        }
        .bni-gauge-card {
            position: absolute;
            top: 19%;
            left: 5.7%;
            width: 51.7%;
            height: 42.8%;
            background: #fff;
            border-radius: 3%;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4%;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
            padding: 2%;
        }
        .bni-gauge {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 42%;
        }
        .bni-gauge svg {
            width: 100%;
            height: auto;
        }
        .bni-gauge-track {
            fill: none;
            stroke: #f5f5f5;
            stroke-width: 5.2;
            stroke-linecap: round;
        }
        .bni-gauge-fill {
            fill: none;
            stroke-width: 6;
            stroke-linecap: round;
            transition: stroke-dashoffset 0.1s;
        }
        .bni-gauge-fill-cpu {
            stroke: #d6ff7e;
        }
        .bni-gauge-fill-mem {
            stroke: #b522c1;
        }
        .bni-gauge-animated .bni-gauge-fill-cpu {
            animation: bni-fill-cpu 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards,
                       bni-pulse-cpu 2.5s ease-in-out 1.5s infinite;
        }
        .bni-gauge-animated .bni-gauge-fill-mem {
            animation: bni-fill-mem 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0.3s forwards,
                       bni-pulse-mem 3s ease-in-out 1.8s infinite;
        }
        @keyframes bni-fill-cpu {
            from { stroke-dashoffset: 113; }
            to { stroke-dashoffset: 96; }
        }
        @keyframes bni-fill-mem {
            from { stroke-dashoffset: 113; }
            to { stroke-dashoffset: 104; }
        }
        @keyframes bni-pulse-cpu {
            0%, 100% { stroke-dashoffset: 96; }
            30% { stroke-dashoffset: 90; }
            70% { stroke-dashoffset: 102; }
        }
        @keyframes bni-pulse-mem {
            0%, 100% { stroke-dashoffset: 104; }
            40% { stroke-dashoffset: 98; }
            65% { stroke-dashoffset: 107; }
        }
        .bni-gauge-value {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            font-size: 16px;
            font-weight: 700;
            text-anchor: middle;
            dominant-baseline: central;
        }
        .bni-gauge-value-cpu { fill: #8ab534; }
        .bni-gauge-value-mem { fill: #b522c1; }
        .bni-gauge-label {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            font-size: 13px;
            fill: #0a1d2e;
            text-anchor: middle;
            font-weight: 600;
            letter-spacing: 0.05em;
        }
        .bni-stats-card {
            position: absolute;
            bottom: 5%;
            left: 5.7%;
            width: 27%;
            height: 26%;
            background: #fff;
            border-radius: 5%;
            padding: 3% 5%;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 0.2em;
        }
        .bni-stats-label {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            font-size: 0.65em;
            color: #b0b7c3;
            text-transform: uppercase;
            letter-spacing: 0.06em;
        }
        .bni-stats-num {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            font-size: 1.5em;
            font-weight: 700;
            color: #4e5d78;
            line-height: 1;
        }
        .bni-stats-trend {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            display: inline-flex;
            align-items: center;
            gap: 0.2em;
            font-size: 0.65em;
            color: #8ab534;
            font-weight: 600;
        }
        .bni-cms-card {
            position: absolute;
            bottom: 5%;
            left: 36%;
            right: 5%;
            height: 26%;
            background: #fff;
            border-radius: 3.5%;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        }
        .bni-cms-icon {
            width: 3em;
            height: 3em;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .bni-cms-wp { background: #464342; }
        .bni-cms-woo { background: #7f54b3; }
        .bni-cms-drupal { background: #009cde; }
        .bni-cms-icon i {
            color: #fff;
            font-size: 1.5em;
        }
        .bni-info-card {
            position: absolute;
            top: 19%;
            left: 60%;
            right: 5%;
            height: 42.8%;
            background: #fff;
            border-radius: 3%;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
            padding: 3% 4%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 0.25em;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        }
        .bni-info-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.7em;
            line-height: 1.5;
        }
        .bni-info-label {
            color: #b0b7c3;
        }
        .bni-info-value {
            color: #0a1d2e;
            font-weight: 600;
        }
        .bni-info-value-green {
            color: #8ab534;
        }
        .bni-info-bar {
            height: 0.25em;
            background: #f5f5f5;
            border-radius: 100px;
            overflow: hidden;
        }
        .bni-info-bar-fill {
            height: 100%;
            border-radius: 100px;
            background: #d6ff7e;
            width: 42%;
        }
        .bni-top-card {
            position: absolute;
            top: 0;
            right: 0;
            width: 31.8%;
            height: 23.8%;
            border-radius: 0 0 0 4%;
            box-shadow: 0 4px 20px rgba(10, 29, 46, 0.15);
            overflow: hidden;
        }
        .bni-top-card-header {
            height: 71%;
            background: #b522c1;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6%;
        }
        .bni-avatar {
            width: 1.7em;
            height: 1.7em;
            border-radius: 50%;
            background: #f5f6f7;
        }
        .bni-top-card-body {
            height: 29%;
            background: #f5f6f7;
            padding: 4% 8%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 0.3em;
        }
        .bni-top-card-line {
            height: 0.3em;
            border-radius: 100px;
            background: #ddd;
        }
        .bni-top-card-line:nth-child(1) { width: 75%; }
        .bni-top-card-line:nth-child(2) { width: 55%; }
        @media (max-width: 991px) {
            .by-nerds-illustration { font-size: 0.7em; }
        }
        @media (max-width: 575px) {
            .by-nerds-illustration { font-size: 0.5em; }
        }
    </style>
    <div class="bni-back-panel">
        <div class="bni-sidebar-icons">
            <div class="bni-sidebar-icon">
                <i class="fa-solid fa-file"></i>
            </div>
            <div class="bni-sidebar-icon">
                <i class="fa-solid fa-wrench"></i>
            </div>
            <div class="bni-sidebar-icon">
                <i class="fa-solid fa-laptop"></i>
            </div>
            <div class="bni-sidebar-icon">
                <i class="fa-solid fa-database"></i>
            </div>
            <div class="bni-sidebar-icon">
                <i class="fa-solid fa-user"></i>
            </div>
        </div>
        <div class="bni-code-wrap" id="bniCodeWrap">
                    <div class="bni-code-block"><span class="bni-kw">&lt;?php</span>

<span class="bni-kw">declare</span>(<span class="bni-var">strict_types</span>=<span class="bni-var">1</span>);

<span class="bni-var">$config</span> = <span class="bni-fn">parse_ini_file</span>(<span class="bni-str">'config.ini'</span>);
<span class="bni-var">$db</span> = <span class="bni-kw">new</span> <span class="bni-fn">PDO</span>(<span class="bni-var">$config</span>[<span class="bni-str">'dsn'</span>]);
<span class="bni-var">$db</span>-&gt;<span class="bni-fn">setAttribute</span>(<span class="bni-fn">PDO</span>::<span class="bni-var">ATTR_ERRMODE</span>,
  <span class="bni-fn">PDO</span>::<span class="bni-var">ERRMODE_EXCEPTION</span>);

<span class="bni-kw">function</span> <span class="bni-fn">sanitize</span>(<span class="bni-kw">string</span> <span class="bni-var">$input</span>): <span class="bni-kw">string</span> {
  <span class="bni-kw">return</span> <span class="bni-fn">htmlspecialchars</span>(
    <span class="bni-fn">trim</span>(<span class="bni-var">$input</span>), <span class="bni-var">ENT_QUOTES</span>, <span class="bni-str">'UTF-8'</span>
  );
}

<span class="bni-kw">function</span> <span class="bni-fn">fetchUsers</span>(<span class="bni-fn">PDO</span> <span class="bni-var">$db</span>): <span class="bni-kw">array</span> {
  <span class="bni-var">$sql</span> = <span class="bni-str">'SELECT id, name, email, status,
    created_at FROM users
    WHERE deleted_at IS NULL
    ORDER BY created_at DESC'</span>;
  <span class="bni-kw">return</span> <span class="bni-var">$db</span>-&gt;<span class="bni-fn">query</span>(<span class="bni-var">$sql</span>)
    -&gt;<span class="bni-fn">fetchAll</span>(<span class="bni-fn">PDO</span>::<span class="bni-var">FETCH_ASSOC</span>);
}

<span class="bni-var">$users</span> = <span class="bni-fn">fetchUsers</span>(<span class="bni-var">$db</span>);
<span class="bni-var">$active</span> = <span class="bni-fn">array_filter</span>(<span class="bni-var">$users</span>,
  <span class="bni-kw">fn</span>(<span class="bni-var">$u</span>) =&gt; <span class="bni-var">$u</span>[<span class="bni-str">'status'</span>] === <span class="bni-str">'active'</span>
);

<span class="bni-var">$grouped</span> = [];
<span class="bni-kw">foreach</span> (<span class="bni-var">$active</span> <span class="bni-kw">as</span> <span class="bni-var">$user</span>) {
  <span class="bni-var">$month</span> = <span class="bni-fn">date</span>(<span class="bni-str">'Y-m'</span>,
    <span class="bni-fn">strtotime</span>(<span class="bni-var">$user</span>[<span class="bni-str">'created_at'</span>])
  );
  <span class="bni-var">$grouped</span>[<span class="bni-var">$month</span>][] = <span class="bni-var">$user</span>;
}

<span class="bni-kw">foreach</span> (<span class="bni-var">$active</span> <span class="bni-kw">as</span> <span class="bni-var">$user</span>) {
  <span class="bni-var">$name</span> = <span class="bni-fn">sanitize</span>(<span class="bni-var">$user</span>[<span class="bni-str">'name'</span>]);
  <span class="bni-var">$email</span> = <span class="bni-fn">filter_var</span>(
    <span class="bni-var">$user</span>[<span class="bni-str">'email'</span>],
    <span class="bni-var">FILTER_VALIDATE_EMAIL</span>
  );
  <span class="bni-kw">if</span> (!<span class="bni-var">$email</span>) <span class="bni-kw">continue</span>;

  <span class="bni-var">$token</span> = <span class="bni-fn">bin2hex</span>(<span class="bni-fn">random_bytes</span>(<span class="bni-var">16</span>));
  <span class="bni-var">$hash</span> = <span class="bni-fn">password_hash</span>(
    <span class="bni-var">$token</span>, <span class="bni-var">PASSWORD_ARGON2ID</span>
  );

  <span class="bni-var">$stmt</span> = <span class="bni-var">$db</span>-&gt;<span class="bni-fn">prepare</span>(
    <span class="bni-str">'UPDATE users SET token = ?
     WHERE id = ?'</span>
  );
  <span class="bni-var">$stmt</span>-&gt;<span class="bni-fn">execute</span>([<span class="bni-var">$hash</span>, <span class="bni-var">$user</span>[<span class="bni-str">'id'</span>]]);

  <span class="bni-var">$headers</span> = <span class="bni-fn">implode</span>(<span class="bni-str">"\r\n"</span>, [
    <span class="bni-str">'From: noreply@example.com'</span>,
    <span class="bni-str">'Content-Type: text/html'</span>,
    <span class="bni-str">'X-Mailer: PHP/'</span> . <span class="bni-fn">phpversion</span>(),
  ]);

  <span class="bni-fn">mail</span>(<span class="bni-var">$email</span>, <span class="bni-str">'Welcome'</span>,
    <span class="bni-str">"&lt;h1&gt;Hi {$name}&lt;/h1&gt;"</span>,
    <span class="bni-var">$headers</span>
  );
}

<span class="bni-var">$stats</span> = [
  <span class="bni-str">'total'</span> =&gt; <span class="bni-fn">count</span>(<span class="bni-var">$users</span>),
  <span class="bni-str">'active'</span> =&gt; <span class="bni-fn">count</span>(<span class="bni-var">$active</span>),
  <span class="bni-str">'months'</span> =&gt; <span class="bni-fn">count</span>(<span class="bni-var">$grouped</span>),
  <span class="bni-str">'memory'</span> =&gt; <span class="bni-fn">memory_get_peak_usage</span>(),
  <span class="bni-str">'time'</span> =&gt; <span class="bni-fn">microtime</span>(<span class="bni-kw">true</span>),
];

<span class="bni-fn">header</span>(<span class="bni-str">'Content-Type: application/json'</span>);
<span class="bni-fn">header</span>(<span class="bni-str">'Cache-Control: no-store'</span>);
<span class="bni-kw">echo</span> <span class="bni-fn">json_encode</span>(<span class="bni-var">$stats</span>,
  <span class="bni-var">JSON_PRETTY_PRINT</span>
);</div>
                    </div>
    </div>
    <div class="bni-top-card">
        <div class="bni-top-card-header">
            <div class="bni-avatar"></div>
            <div class="bni-avatar"></div>
            <div class="bni-avatar"></div>
        </div>
        <div class="bni-top-card-body">
            <div class="bni-top-card-line"></div>
            <div class="bni-top-card-line"></div>
        </div>
    </div>
    <div class="bni-front-panel">
        <div class="bni-url-bar">
            <div class="bni-url-search">
                <i class="fa-solid fa-magnifying-glass"></i>
                <span style="color: #b0b7c3; font-family: -apple-system, sans-serif; font-size: 0.6em; margin-left: 0.4em; white-space: nowrap;">simply.com</span>
            </div>
            <div class="bni-url-dots">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="bni-logo-card">
            <svg viewBox="0 0 42 44" fill="#b522c1">
                <path d="M20.129.286.156,25.833a.729.729,0,0,0,.582,1.176H15.556a.734.734,0,0,0,.722-.586L21.432.876A.736.736,0,0,0,20.129.286Z" />
                <path d="M21.706,46.775,41.679,21.228a.729.729,0,0,0-.582-1.176H26.278a.734.734,0,0,0-.722.586L20.4,46.185A.736.736,0,0,0,21.706,46.775Z" transform="translate(-2.937 -2.889)" />
            </svg>
        </div>
        <div class="bni-gauge-card" id="bniGaugeCard">
            <div class="bni-gauge">
                <svg viewBox="-5 -6 100 66" overflow="visible">
                    <text class="bni-gauge-label" x="45" y="2">CPU</text>
                    <path class="bni-gauge-track" d="M9 50 A36 36 0 0 1 81 50" />
                    <path class="bni-gauge-fill bni-gauge-fill-cpu" d="M9 50 A36 36 0 0 1 81 50" stroke-dasharray="113" stroke-dashoffset="113" />
                    <text class="bni-gauge-value bni-gauge-value-cpu" id="bniCpuValue" x="45" y="40">15%</text>
                </svg>
            </div>
            <div class="bni-gauge">
                <svg viewBox="-5 -6 100 66" overflow="visible">
                    <text class="bni-gauge-label" x="45" y="2">Memory</text>
                    <path class="bni-gauge-track" d="M9 50 A36 36 0 0 1 81 50" />
                    <path class="bni-gauge-fill bni-gauge-fill-mem" d="M9 50 A36 36 0 0 1 81 50" stroke-dasharray="113" stroke-dashoffset="113" />
                    <text class="bni-gauge-value bni-gauge-value-mem" id="bniMemValue" x="45" y="40">8%</text>
                </svg>
            </div>
        </div>
        <div class="bni-info-card">
            <div class="bni-info-row">
                <span class="bni-info-label">Status</span>
                <span class="bni-info-value bni-info-value-green"><i class="fa-solid fa-circle" style="font-size: 0.5em; vertical-align: middle;"></i> Online</span>
            </div>
            <div class="bni-info-row">
                <span class="bni-info-label">PHP</span>
                <span class="bni-info-value">8.5</span>
            </div>
            <div class="bni-info-row">
                <span class="bni-info-label">Disk</span>
                <span class="bni-info-value">4.2 / 10 GB</span>
            </div>
            <div class="bni-info-bar">
                <div class="bni-info-bar-fill"></div>
            </div>
            <div class="bni-info-row">
                <span class="bni-info-label">SSL</span>
                <span class="bni-info-value bni-info-value-green"><i class="fa-solid fa-lock" style="font-size: 0.8em;"></i> Active</span>
            </div>
            <div class="bni-info-row">
                <span class="bni-info-label">Uptime</span>
                <span class="bni-info-value">99.99%</span>
            </div>
        </div>
        <div class="bni-stats-card">
            <div class="bni-stats-label">Requests</div>
            <div class="bni-stats-num" id="bniReqValue">3,454</div>
            <div class="bni-stats-trend" id="bniReqTrend">
                <i class="fa-solid fa-arrow-trend-up"></i> 12.5%
            </div>
        </div>
        <div class="bni-cms-card">
            <div class="bni-cms-icon bni-cms-wp">
                <i class="fab fa-wordpress"></i>
            </div>
            <div class="bni-cms-icon bni-cms-woo">
                <i class="fab fa-joomla"></i>
            </div>
            <div class="bni-cms-icon bni-cms-drupal">
                <i class="fab fa-drupal"></i>
            </div>
        </div>
    </div>
</div>
</div>
                </div>
                                    <div class="mt-lg-7 mt-xxl-9 mt-5 pt-7 text-center">
                        <div class="text-uppercase text-cta">Succeshistorier</div>
                        <h2 class="text-light m-0 mt-2 display-4 fw-normal">Se, hvordan vi hjælper</h2>
                    </div>
                    <div class="d-flex cases flex-nowrap mb-n12 mt-5 mt-lg-12 overflow-x-auto overflow-lg-visible scroll-snap gap-3 gap-lg-9">
                        <div class="col-12 col-lg-4 flex-fill order-1 order-lg-0" style="scroll-snap-align: center">
                            <div class="w-100 case case-bareen p-3 rounded-5 youtube-modal-btn d-flex lazy-background flex-column justify-content-between"
                                 role="button"
                                 data-bs-toggle="modal"
                                 data-bs-target="#youtubeModal"
                                 data-src="https://www.youtube.com/embed/JeyzEldT88g">
                                <div class="d-flex justify-content-between align-items-center text-bg-light rounded-3 py-3 px-3">
                                    <div class="lh-0">
                                        <i class="fa-regular fa-ellipsis fs-5 opacity-75"></i>
                                    </div>
                                    <div>
                                        <img class="img-fluid" src="//static.simply.com/assets/new2022/index/cases/bareen-logo.png" alt="Bareen logo" loading="lazy"/>
                                    </div>
                                </div>
                                <div class="py-1 px-3 d-flex flex-nowrap justify-content-between align-items-center">
                                    <div>
                                        <div class="medium fw-bold">Frederik Pitter</div>
                                        <div class="small">BAREEN T-SHIRT.</div>
                                    </div>
                                    <div class="lh-0">
                                        <img class="img-fluid" src="//static.simply.com/assets/new2022/graphics/play.svg" alt="Play icon" loading="lazy"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-lg-4 flex-fill order-0 order-lg-1" style="scroll-snap-align: center">
                            <div class="case big-case case-copenhagen-cartel p-3 rounded-5 youtube-modal-btn d-flex lazy-background flex-column justify-content-between"
                                 role="button"
                                 data-bs-toggle="modal"
                                 data-bs-target="#youtubeModal"
                                 data-src="https://www.youtube.com/embed/-JcQoUrtRPk">
                                <div class="browser-bar d-flex justify-content-between align-items-center text-bg-light rounded-3 py-3 px-3 mx-lg-n3 mt-lg-n3">
                                    <div class="lh-0">
                                        <i class="fa-regular fa-ellipsis fs-5 opacity-75"></i>
                                    </div>
                                    <div class="ps-3">
                                        <img src="//static.simply.com/assets/new2022/index/cases/copenhagen-cartel-logo.png" alt="Copenhagen Cartel logo" loading="lazy" class="img-fluid"/>
                                    </div>
                                </div>
                                <div class="py-1 px-3 d-flex flex-nowrap justify-content-between align-items-center">
                                    <div>
                                        <div class="medium fw-bold">Katrine Lee Larsen</div>
                                        <div class="small">Copenhagen Cartel</div>
                                    </div>
                                    <div class="lh-0">
                                        <img class="img-fluid" src="//static.simply.com/assets/new2022/graphics/play.svg" alt="Play icon" loading="lazy"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-lg-4 flex-fill order-3" style="scroll-snap-align: center">
                            <div class="case case-bold p-3 rounded-5 youtube-modal-btn d-flex lazy-background flex-column justify-content-between"
                                 data-bs-toggle="modal"
                                 role="button"
                                 data-bs-target="#youtubeModal"
                                 data-src="https://www.youtube.com/embed/ra7WpiPE6S8">
                                <div class="d-flex justify-content-between align-items-center text-bg-light rounded-3 py-3 px-3">
                                    <div class="lh-0">
                                        <i class="fa-regular fa-ellipsis fs-5 opacity-75"></i>
                                    </div>
                                    <div>
                                        <img class="img-fluid" src="//static.simply.com/assets/new2022/index/cases/norrebro-bryghus-logo.png" alt="logo" loading="lazy"/>
                                    </div>
                                </div>
                                <div class="py-1 px-3 d-flex flex-nowrap justify-content-between align-items-center">
                                    <div>
                                        <div class="medium fw-bold">Mathias Pedersen</div>
                                        <div class="small">Nørrebro Bryghus</div>
                                    </div>
                                    <div class="lh-0">
                                        <img class="img-fluid" src="//static.simply.com/assets/new2022/graphics/play.svg" alt="Play icon" loading="lazy"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                            </div>
        </div>
        <div class="container mt-12 pt-6">
            <div class="row justify-content-between align-items-center">
                <div class="col-4 col-lg-auto text-center py-2 px-4">
                    <img class="img-fluid" alt="Gasoline Grill" src="//static.simply.com/assets/new2022/index/logo-cases/gasoline-grill.svg" loading="lazy"/>
                </div>
                <div class="col-4 col-lg-auto text-center py-2 px-4">
                    <img class="img-fluid" alt="Nørrebro Bryghus" src="//static.simply.com/assets/new2022/index/logo-cases/norrebro-bryghus.png" loading="lazy"/>
                </div>
                <div class="col-4 col-lg-auto text-center py-2 px-4">
                    <img class="img-fluid" alt="OrganicBasics" src="//static.simply.com/assets/new2022/index/logo-cases/organicbasics.svg" loading="lazy"/>
                </div>
                <div class="col-4 col-lg-auto text-center py-2 px-4">
                    <img class="img-fluid" alt="Vuffeli" src="//static.simply.com/assets/new2022/index/logo-cases/vuffeli.png" loading="lazy"/>
                </div>
                <div class="col-4 col-lg-auto text-center py-2 px-4">
                    <img class="img-fluid" alt="Barons" src="//static.simply.com/assets/new2022/index/logo-cases/barons.svg" loading="lazy"/>
                </div>
                <div class="col-4 col-lg-auto text-center py-2 px-4">
                    <img class="img-fluid" alt="MySelfie" src="//static.simply.com/assets/new2022/index/logo-cases/myselfie.svg" loading="lazy"/>
                </div>
            </div>
        </div>
        <div class="container position-relative zi-max">
            <div class="row personal-support-row align-items-center">
                <div class="col-11 col-sm-5 col-md-6 col-lg-5 order-1 order-sm-0 position-relative">
                    <div class="personal-support leftside-background pe-5 rounded-end-5 ps-3 py-3">
                        <img src="//static.simply.com/assets/new2022/index/tim.webp" alt="Tim Holmvard - Mr Awesome" loading="lazy" class="rounded-4 img-fluid"/>
                        <div class="text-light mt-3">
                            <div class="fw-bold">Tim Holmvard</div>
                            <div class="text-cta pb-1">Support Manager</div>
                        </div>
                        <div class="support-info position-absolute align-items-center rounded-lg-4 rounded-2 bg-light p-2 p-lg-5 d-flex">
                            <div class="ps-1">
                                <i class="fa-duotone fa-3x fa-message-lines" style="--fa-primary-color: var(--bs-white); --fa-secondary-color: var(--bs-dark)"></i>
                            </div>
                            <div class="ps-lg-4 ps-2 lh-sm fw-normal">
                                Gennemsnitlig svartid på kun <span class="text-primary">8 min.</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-lg-5 ms-auto pe-2 order-0 order-sm-1">
                    <h3 class="m-0 pt-2 display-2 fw-normal">Vores support har haft din ryg siden 2004</h3>
                    <div class="mt-6 mb-3 d-none d-xl-block">
                                                    <div class="trustpilot-widget"
                                 data-locale="da-DK"
                                 data-template-id="5419b6ffb0d04a076446a9af"
                                 data-businessunit-id="4ab0a7d2000064000500bdfe"
                                 data-style-height="20px"
                                 data-style-width="471px"
                                 data-theme="light"
                                 data-font-family="DM Sans"
                                 data-text-color="#0A1D2E">
                                <a href="https://trustpilot.com/review/simply.com" target="_blank" rel="noopener">Trustpilot</a>
                            </div>
                                            </div>
                    <div class="d-xl-none mt-3 mb-5">
                                                    <div class="trustpilot-widget"
                                 data-locale="da-DK"
                                 data-template-id="5419b6a6fbfb950b10de65e5"
                                 data-businessunit-id="4ab0a7d2000064000500bdfe"
                                 data-style-height="20px"
                                 data-style-width="100%"
                                 data-theme="light"
                                 data-font-family="DM Sans"
                                 data-text-color="#0A1D2E">
                                <a href="https://trustpilot.com/review/simply.com" target="_blank" rel="noopener">Trustpilot</a>
                            </div>
                                            </div>
                    <div class="mb-xl-6">
                        <a href="/dk/support/" class="btn btn-hover-icon btn-lg fs-4">
                            <span>Kontakt vores support her</span>
                            <i class="fa-regular fa-lg fa-circle-arrow-right text-primary"></i>
                        </a>
                    </div>
                    <div class="mb-3">
                        <a href="/dk/hosting/" class="btn btn-primary btn-xl btn-hover-icon fw-normal">
                            <span>Få dit webhotel nu</span>
                            <i class="fa-regular fa-fw fa-arrow-right-long"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-extended bg-light-navy text-bg-light-navy rounded-xxl-5 bg-simply-faded lazy-background mt-8 pb-15 pt-10">
            <div class="container">
                <div class="mb-5 mb-lg-8 mt-7 text-center">
                    <div class="text-cta text-uppercase">Pakker til alle</div>
                    <h2 class="mt-5 mt-lg-2 display-1 text-start lh-1 text-md-center">
                        Få dit<br class="d-lg-none"> webhotel nu
                    </h2>
                </div>
                <div class="price-matrix">
                    <div class="d-flex gap-3 flex-row flex-nowrap gap-5 overflow-x-auto overflow-lg-visible scroll-snap">
                        <div class="flex-fill d-flex flex-column" style="scroll-snap-align: center">
                            <div class="rounded-4 bg-dark-navy px-4 px-lg-5 pb-3 pb-lg-5 rounded-bottom-only mb-3">
                                <div class="bg-basicsuite pt-1 rounded-4 mx-n4 mx-lg-n5 mb-lg-5"></div>
                                <div class="fs-2 pt-2 text-basicsuite">Basic Suite</div>
                                <div class="medium pb-3 border-bottom mb-3">Til de simple behov</div>
                                <div class="d-flex justify-content-between mb-1 mb-lg-2 gap-3">
                                    <div>
                                        <div class="fs-5 fw-bold">0,59 US$/md</div>
                                        <div>første år</div>
                                    </div>
                                    <div class="opacity-60">
                                        <div class="fs-5">8,94 US$/md</div>
                                        <div>ved fornyelse</div>
                                    </div>
                                </div>
                            </div>
                            <div class="rounded-3 bg-dark-navy px-6 py-5 mb-3 flex-grow-1">
                                <ul class="p-0">
                                    <li>
                                        <strong>10 GB</strong> serverplads
                                    </li>
                                    <li>
                                        <strong>2 GB</strong> plads per mailkonto
                                    </li>
                                    <li>
                                        <strong>512 MB</strong> RAM
                                    </li>
                                </ul>
                                <ul class="p-0 mb-1">
                                    <li>Tilknyt alle de domæner du vil</li>
                                    <li>Fri og ubegrænset trafik</li>
                                    <li>PHP eller ASP.NET/.NET Core</li>
                                    <li>Let's Encrypt SSL</li>
                                    <li>
                                        <i class="fa-brands fa-wordpress-simple"></i> WordPress værktøjer
                                    </li>
                                    <li>Hurtig hjælp via supportformular/ticket</li>
                                </ul>
                            </div>
                            <div class="text-center text-uppercase">
                                <a href="/dk/order/?id=basicsuite" class="btn btn-basicsuite d-block btn-lg py-3 mb-3">Bestil pakke</a>
                                <a href="/dk/hosting/" class="link-light">Se alle detaljer</a>
                            </div>
                        </div>
                        <div class="flex-fill d-flex flex-column" style="scroll-snap-align: center">
                            <div class="rounded-4 bg-dark-navy px-4 px-lg-5 pb-3 pb-lg-6 rounded-bottom-only position-relative mb-3">
                                <div class="featured-badge d-none d-lg-block">
                                    <span class="best-choice-badge text-bg-light">Populær</span>
                                </div>
                                <div class="bg-standardsuite pt-1 rounded-4 mx-n4 mx-lg-n5 mb-lg-5"></div>
                                <div class="fs-2 pt-2 pt-lg-4 text-standardsuite">Standard Suite</div>
                                <div class="medium pb-3 border-bottom mb-3">Til de fleste behov</div>
                                <div class="d-flex justify-content-between mb-1 mb-lg-2 gap-3">
                                    <div>
                                        <div class="fs-5 fw-bold">0,64 US$/md</div>
                                        <div>første år</div>
                                    </div>
                                    <div class="opacity-60">
                                        <div class="fs-5">16,74 US$/md</div>
                                        <div>ved fornyelse</div>
                                    </div>
                                </div>
                            </div>
                            <div class="rounded-3 bg-dark-navy px-6 py-5 mb-3 flex-grow-1">
                                <ul class="p-0">
                                    <li>
                                        <strong>20 GB</strong> serverplads
                                    </li>
                                    <li>
                                        <strong>8 GB</strong> plads per mailkonto
                                    </li>
                                    <li>
                                        <strong>1024 MB</strong> RAM
                                    </li>
                                </ul>
                                <ul class="p-0 mb-1">
                                    <li>Tilknyt alle de domæner du vil</li>
                                    <li>Fri og ubegrænset trafik</li>
                                    <li>PHP eller ASP.NET/.NET Core</li>
                                    <li>Let's Encrypt SSL</li>
                                    <li>
                                        <i class="fa-brands fa-wordpress-simple"></i> WordPress værktøjer
                                    </li>
                                    <li>Hurtig hjælp via supportformular/ticket</li>
                                </ul>
                            </div>
                            <div class="text-center text-uppercase">
                                <a href="/dk/order/?id=standardsuite" class="btn btn-standardsuite d-block btn-lg py-3 mb-3">Bestil pakke</a>
                                <a href="/dk/hosting/" class="link-light">Se alle detaljer</a>
                            </div>
                        </div>
                        <div class="flex-fill d-flex flex-column" style="scroll-snap-align: center">
                            <div class="rounded-4 bg-dark-navy px-4 px-lg-5 pb-3 pb-lg-5 rounded-bottom-only mb-3">
                                <div class="bg-prosuite pt-1 rounded-4 mx-n4 mx-lg-n5 mb-lg-5"></div>
                                <div class="fs-2 pt-2 text-prosuite">Pro Suite</div>
                                <div class="medium pb-3 border-bottom mb-3">Til webshops og større websites</div>
                                <div class="d-flex justify-content-between mb-1 mb-lg-2 gap-3">
                                    <div>
                                        <div class="fs-5 fw-bold">3,60 US$/md</div>
                                        <div>første år</div>
                                    </div>
                                    <div class="opacity-60">
                                        <div class="fs-5">25,20 US$/md</div>
                                        <div>ved fornyelse</div>
                                    </div>
                                </div>
                            </div>
                            <div class="rounded-3 bg-dark-navy px-6 py-5 mb-3 flex-grow-1">
                                <ul class="p-0">
                                    <li>
                                        <strong>100 GB</strong> serverplads
                                    </li>
                                    <li>
                                        <strong>16 GB</strong> plads per mailkonto
                                    </li>
                                    <li>
                                        <strong>1536 MB</strong> RAM
                                    </li>
                                </ul>
                                <ul class="p-0 mb-1">
                                    <li>Tilknyt alle de domæner du vil</li>
                                    <li>Fri og ubegrænset trafik</li>
                                    <li>PHP eller ASP.NET/.NET Core</li>
                                    <li>Let's Encrypt SSL</li>
                                    <li>
                                        <i class="fa-brands fa-wordpress-simple"></i> WordPress værktøjer
                                    </li>
                                    <li>Hurtig hjælp via supportformular/ticket</li>
                                    <li>
                                        <i class="fal fa-phone-flip fa-fw"></i> Telefonsupport
                                        <span class="badge bg-light-blue text-dark-navy fs-10 ms-1">inkluderet</span>
                                    </li>
                                </ul>
                            </div>
                            <div class="text-center text-uppercase">
                                <a href="/dk/order/?id=prosuite" class="btn btn-prosuite d-block btn-lg py-3 mb-3">Bestil pakke</a>
                                <a href="/dk/hosting/" class="link-light">Se alle detaljer</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="d-none d-md-block mt-n10 mb-10"><div class="container cta-box-wrapper zi-1">
    <div class="text-bg-dark-navy rounded-md-4 py-7 pt-xl-8 px-5 px-lg-8 cta-box get-webhotel">
        <h3 class="mb-lg-4 text-uppercase opacity-60 fs-5">Kast dig ud i det. Vi hjælper dig.</h3>
        <h4 class="d-flex align-items-center display-4 mb-5 pt-2 pb-1">
            <span>Skal vi komme</span><span class="ms-2 text-highlight-circle text-nowrap">i gang?</span>
        </h4>
        <div>
            <a class="btn btn-special text-nowrap" href="/dk/hosting/">
                <div class="special-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="42.405" height="48.186" viewBox="0 0 42.405 48.186">
                        <g id="Group_1110" data-name="Group 1110" transform="translate(-19.799 -17.406)">
                        <path id="Vector" d="M21.944.312.17,28.181A.8.8,0,0,0,.8,29.464H16.959a.8.8,0,0,0,.787-.64L23.365.955A.8.8,0,0,0,21.944.312Z" transform="translate(19.799 17.406)" fill="#b522c1" />
                        <path id="Vector-2" data-name="Vector" d="M23.607,50.972,45.382,23.1a.8.8,0,0,0-.634-1.283H28.592a.8.8,0,0,0-.787.64l-5.619,27.87A.8.8,0,0,0,23.607,50.972Z" transform="translate(16.652 14.309)" fill="#b522c1" />
                        </g>
                    </svg>
                </div>
                <span>Få dit webhotel nu</span>
                <i class="fa-regular fa-arrow-right-long"></i>
            </a>
        </div>
    </div>
</div>
</div>
    </main>
    <div class="modal fade youtube-modal" id="youtubeModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content rounded-5 overflow-hidden lh-0">
                <div class="modal-body p-0 lh-0 video-container">
                    <iframe id="youtubeVideo" width="1140" height="641" src="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </div>
    <svg height="0" width="0">
        <defs>
            <clipPath id="svgPath">
                <path d="M104.17,76.754l.824-7.157a2.272,2.272,0,0,0-2.267-2.532L3.677,67.5a2.834,2.834,0,0,1-2.245-4.581l48.128-61.5A2.272,2.272,0,0,1,53.6,3.161l-1.229,8.191a2.272,2.272,0,0,0,2.247,2.609h98.668a2.835,2.835,0,0,1,2.188,4.637l-9.412,11.425-37.842,48.39A2.272,2.272,0,0,1,104.17,76.754Z" transform="translate(-0.825 -0.544)" fill="#e7ebf6"/>
            </clipPath>
        </defs>
    </svg>
        </div>
                    <footer class="mt-6 pb-6">
    <div class="container border-top pt-6">
        <div class="row justify-content-between">
            <div class="col-md-4 pe-xxl-6">
                <a href="/dk/">
                    <img class="footer-logo w-75" alt="Simply.com - By team.blue" src="//static.simply.com/assets/simply-logo-tb.svg" loading="lazy">
                </a>
                <div class="pt-3 fs-7 opacity-75">Stiftet tilbage i 2004 - Vores mål er at levere velfungerende tekniske løsninger, som både tilfredsstiller kunder med og uden dyb teknisk viden.</div>
            </div>
            <div class="col-md-7">
                <div class="row mt-4 mt-md-0">
                    <div class="col-6 col-lg-3 mb-4 mb-lg-0">
                        <h5 class="fw-semibold">Produkter</h5>
                        <ul class="list-unstyled">
                            <li>
                                <a href="/dk/hosting/">Hosting</a>
                            </li>
                            <li>
                                <a href="/dk/websitebuilder/">Hjemmesidedesigner</a>
                            </li>
                            <li>
                                <a href="/dk/">Webhotel</a>
                            </li>
                            <li>
                                <a href="/dk/domains/">Domæner</a>
                            </li>
                            <li>
                                <a href="/dk/domainprices/">Domænepriser</a>
                            </li>
                            <li>
                                <a href="/dk/wordpress/">WordPress</a>
                            </li>
                            <li>
                                <a href="/dk/woocommerce/">WooCommerce</a>
                            </li>
                            <li>
                                <a href="/dk/email/">E-mail</a>
                            </li>
                            <li>
                                <a href="/dk/iubenda/">iubenda</a>
                            </li>
                            <li>
                                <a href="/dk/onlinebooking/">SimplyBook.me</a>
                            </li>
                            <li>
                                <a href="/dk/paymentgateway/">Betalingsgateway</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3 mb-4 mb-lg-0">
                        <h5 class="fw-semibold">Services</h5>
                        <ul class="list-unstyled">
                            <li>
                                <a href="/dk/domains/">Domænetest</a>
                            </li>
                            <li>
                                <a href="/dk/webmail/">Webmail</a>
                            </li>
                            <li>
                                <a href="/dk/ninja/">Domæneninja</a>
                            </li>
                            <li>
                                <a href="/dk/diagnostics/">Diagnostics</a>
                            </li>
                            <li>
                                <a href="/dk/docs/api/">API dokumentation</a>
                            </li>
                            <li>
                                <a href="/dk/docs/mcp/">MCP Server</a>
                            </li>
                            <li>
                                <a href="/dk/partner/">Partner</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3 mb-4 mb-lg-0">
                        <h5 class="fw-semibold">Support</h5>
                        <ul class="list-unstyled">
                            <li>
                                <a href="/dk/support/">Kontakt os</a>
                            </li>
                            <li>
                                <a href="/dk/support/">Vidensdatabase</a>
                            </li>
                            <li>
                                <a href="/dk/serverstatus/">Driftstatus</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3 mb-4 mb-lg-0">
                        <h5 class="fw-semibold">Simply.com</h5>
                        <ul class="list-unstyled">
                            <li>
                                <a href="/dk/about/">Om Simply.com</a>
                            </li>
                            <li>
                                <a href="https://blog.simply.com">Nyheder / Blog</a>
                            </li>
                            <li>
                                <a href="/dk/ebook/">E-bog</a>
                            </li>
                            <li>
                                <a href="/dk/compliance/">Compliance</a>
                            </li>
                            <li>
                                <a href="/dk/terms-of-service/">Betingelser</a>
                            </li>
                            <li>
                                <a href="/dk/privacy-policy/">Persondata- & Cookie politik</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="row mb-xxl-7 my-6 pb-1 align-items-end justify-content-between">
            <div class="col-lg-auto mb-5 mb-lg-1">
                <div class="border rounded-4 p-3 py-lg-4 w-100">
                    <div class="text-uppercase opacity-75">Tryg og sikker betaling</div>
                    <div class="d-flex align-items-center justify-content-between py-lg-4 gap-lg-2 flex-wrap">
                        <i class="pf pf-visa pf-2x" data-bs-toggle="tooltip" title="VISA"></i>
                        <i class="pf pf-mastercard-alt pf-2x" data-bs-toggle="tooltip" title="Mastercard"></i>
                        <i class="pf pf-visa-debit pf-2x" data-bs-toggle="tooltip" title="VISA Debit"></i>
                        <i class="pf pf-google-wallet-alt pf-2x" data-bs-toggle="tooltip" title="Google Pay"></i>
                        <i class="pf pf-apple-pay pf-2x" data-bs-toggle="tooltip" title="Apple Pay"></i>
                    </div>
                    <div class="opacity-75">
                                                    Alle priser er USD ex. moms
                                            </div>
                </div>
            </div>
            <div class="col-lg-auto">
                <ul class="list-inline justify-content-evenly d-flex gap-3">
                    <li class="list-inline-item">
                        <a href="https://www.facebook.com/simplycom" target="_blank" title="Facebook">
                            <i class="fab fa-facebook fa-fw fa-lg text-decoration-none"></i>
                        </a>
                    </li>
                    <li class="list-inline-item">
                        <a href="https://www.twitter.com/simplydotcom" target="_blank" title="X">
                            <i class="fab fa-x-twitter fa-fw fa-lg text-decoration-none"></i>
                        </a>
                    </li>
                    <li class="list-inline-item">
                        <a href="https://www.instagram.com/simplycom/" target="_blank" title="Instagram">
                            <i class="fab fa-instagram fa-fw fa-lg text-decoration-none"></i>
                        </a>
                    </li>
                    <li class="list-inline-item">
                        <a href="https://www.youtube.com/@simplycom" target="_blank" title="YouTube">
                            <i class="fab fa-youtube fa-fw fa-lg text-decoration-none"></i>
                        </a>
                    </li>
                    <li class="list-inline-item">
                        <a href="https://www.linkedin.com/company/simplycom/" target="_blank" title="LinkedIn">
                            <i class="fab fa-linkedin fa-fw fa-lg text-decoration-none"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container pt-1 pt-xxl-0">
        <div class="bg-bright-blue rounded-4 px-3 py-3 px-xxl-5 py-xxl-5">
            <div class="d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-3">
                <nav>
                    <ul class="nav flex-column flex-sm-row">
                        <li class="nav-item">
                            <a href="/dk/about/" class="nav-link">Om</a>
                        </li>
                        <li class="nav-item">
                            <a href="https://blog.simply.com/" class="nav-link">Nyheder</a>
                        </li>
                        <li class="nav-item">
                            <a href="/dk/serverstatus/" class="nav-link">Driftstatus</a>
                        </li>
                        <li class="nav-item">
                            <a href="/dk/terms-of-service/" class="nav-link">Betingelser</a>
                        </li>
                    </ul>
                </nav>
                <nav>
                    <div class="nav flex-column flex-sm-row">
                                                                            <div class="nav-item dropup">
                                <button type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
                                    <span class="fi fi-dk"></span> Dansk
                                </button>
                                <div class="dropdown-menu dropdown-menu-end">
                                    <h3 class="dropdown-header">Skift sprog</h3>
                                                                            <a href="/cs/" rel="alternate" hreflang="cs" class="dropdown-item">
                                            <span class="fi fi-cz"></span>
                                            Czech
                                            <small class="text-opacity-50">(Czech)</small>
                                        </a>
                                                                            <a href="/dk/" rel="alternate" hreflang="da" class="dropdown-item active">
                                            <span class="fi fi-dk"></span>
                                            Dansk
                                            <small class="text-opacity-50">(Danish)</small>
                                        </a>
                                                                            <a href="/de/" rel="alternate" hreflang="de" class="dropdown-item">
                                            <span class="fi fi-de"></span>
                                            Deutsch
                                            <small class="text-opacity-50">(German)</small>
                                        </a>
                                                                            <a href="/et/" rel="alternate" hreflang="et" class="dropdown-item">
                                            <span class="fi fi-ee"></span>
                                            Eesti
                                            <small class="text-opacity-50">(Estonian)</small>
                                        </a>
                                                                            <a href="/en/" rel="alternate" hreflang="en" class="dropdown-item">
                                            <span class="fi fi-gb"></span>
                                            English
                                            <small class="text-opacity-50">(English)</small>
                                        </a>
                                                                            <a href="/es/" rel="alternate" hreflang="es" class="dropdown-item">
                                            <span class="fi fi-es"></span>
                                            Español
                                            <small class="text-opacity-50">(Spanish)</small>
                                        </a>
                                                                            <a href="/fr/" rel="alternate" hreflang="fr" class="dropdown-item">
                                            <span class="fi fi-fr"></span>
                                            Français
                                            <small class="text-opacity-50">(French)</small>
                                        </a>
                                                                            <a href="/it/" rel="alternate" hreflang="it" class="dropdown-item">
                                            <span class="fi fi-it"></span>
                                            Italiano
                                            <small class="text-opacity-50">(Italien)</small>
                                        </a>
                                                                            <a href="/lv/" rel="alternate" hreflang="lv" class="dropdown-item">
                                            <span class="fi fi-lv"></span>
                                            Latviešu
                                            <small class="text-opacity-50">(Latvian)</small>
                                        </a>
                                                                            <a href="/lt/" rel="alternate" hreflang="lt" class="dropdown-item">
                                            <span class="fi fi-lt"></span>
                                            Lietuvių kalba
                                            <small class="text-opacity-50">(Lithuanian)</small>
                                        </a>
                                                                            <a href="/hu/" rel="alternate" hreflang="hu" class="dropdown-item">
                                            <span class="fi fi-hu"></span>
                                            Magyar
                                            <small class="text-opacity-50">(Hungarian)</small>
                                        </a>
                                                                            <a href="/nl/" rel="alternate" hreflang="nl" class="dropdown-item">
                                            <span class="fi fi-nl"></span>
                                            Nederlands
                                            <small class="text-opacity-50">(Dutch)</small>
                                        </a>
                                                                            <a href="/no/" rel="alternate" hreflang="nb" class="dropdown-item">
                                            <span class="fi fi-no"></span>
                                            Norsk
                                            <small class="text-opacity-50">(Norwegian)</small>
                                        </a>
                                                                            <a href="/pl/" rel="alternate" hreflang="pl" class="dropdown-item">
                                            <span class="fi fi-pl"></span>
                                            Polski
                                            <small class="text-opacity-50">(Polish)</small>
                                        </a>
                                                                            <a href="/pt/" rel="alternate" hreflang="pt" class="dropdown-item">
                                            <span class="fi fi-pt"></span>
                                            Português
                                            <small class="text-opacity-50">(Portuguese)</small>
                                        </a>
                                                                            <a href="/ro/" rel="alternate" hreflang="ro" class="dropdown-item">
                                            <span class="fi fi-ro"></span>
                                            Română
                                            <small class="text-opacity-50">(Romanian)</small>
                                        </a>
                                                                            <a href="/sk/" rel="alternate" hreflang="sk" class="dropdown-item">
                                            <span class="fi fi-sk"></span>
                                            Slovak
                                            <small class="text-opacity-50">(Slovak)</small>
                                        </a>
                                                                            <a href="/fi/" rel="alternate" hreflang="fi" class="dropdown-item">
                                            <span class="fi fi-fi"></span>
                                            Suomeksi
                                            <small class="text-opacity-50">(Finnish)</small>
                                        </a>
                                                                            <a href="/se/" rel="alternate" hreflang="sv" class="dropdown-item">
                                            <span class="fi fi-se"></span>
                                            Svenska
                                            <small class="text-opacity-50">(Swedish)</small>
                                        </a>
                                                                            <a href="/tr/" rel="alternate" hreflang="tr" class="dropdown-item">
                                            <span class="fi fi-tr"></span>
                                            Türkçe
                                            <small class="text-opacity-50">(Turkish)</small>
                                        </a>
                                                                            <a href="/is/" rel="alternate" hreflang="is" class="dropdown-item">
                                            <span class="fi fi-is"></span>
                                            Íslenska
                                            <small class="text-opacity-50">(Icelandic)</small>
                                        </a>
                                                                            <a href="/el/" rel="alternate" hreflang="el" class="dropdown-item">
                                            <span class="fi fi-gr"></span>
                                            Ελληνικά
                                            <small class="text-opacity-50">(Greek)</small>
                                        </a>
                                                                    </div>
                            </div>
                                            </div>
                </nav>
            </div>
        </div>
    </div>
</footer>
                <div id="fb-root"></div>
        <div class="modal" id="haveibeenpwned-modal" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
            <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
                <div class="modal-content">
                    <div class="modal-header">
                        <div class="h2 modal-title">Adgangskoden er kompromitteret</div>
                    </div>
                    <div class="modal-body">
                        <div class="alert alert-warning text-center">
                            <i class="fal fa-fw fa-exclamation-triangle mb-3 fa-5x"></i>
                            <p class="h4">Vi anbefaler kraftigt, du vælger en anden adgangskode</p>
                        </div>
                        <p>Den indtastede adgangskode er kendt i "Have I Been Pwned", der er en offentlig database over lækkede adgangskoder på internettet.</p>
                        <p>Formentlig har du (eller anden) brugt adgangskoden før på en anden hjemmeside, som har lækket adgangskoden. Adgangskoden er derfor ikke sikker at bruge.</p>
                        <p class="fw-bold">Vi anbefaler kraftigt, du vælger en anden adgangskode.</p>
                        <p>
                            Slå adgangskoden op her for mere information
                            <a href="https://haveibeenpwned.com/Passwords" target="_blank" class="fw-bold" rel="nofollow">https://haveibeenpwned.com/Passwords</a>
                            .
                        </p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Forstået</button>
                    </div>
                </div>
            </div>
        </div>
                <noscript>
            <img src="/noscript.png" width="1" height="1" alt="">
        </noscript>
        <script>
    /* Old IE-compat code */
    if (window.document.documentMode) {
        var el = document.getElementById('ie-warning');
        if (el.classList) {
            el.classList.remove('d-none');
        }
        el.style.cssText = 'display: block;';
        el.setAttribute('style', 'display: block');
        el.className += " d-block";
    }
        </script>
    </body>
</html>
