<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title></title>
    <meta name="robots" content="noindex,follow">
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet" />
    <script src="https://kit.fontawesome.com/bc7bc7050a.js" crossorigin="anonymous"></script>
    <link rel="icon" href="https://www.theory7.net/Assets/icon.ico" sizes="any"/>
    <link rel="icon" href="https://www.theory7.net/Assets/icon.svg" type="image/svg+xml"/>
    <link rel="apple-touch-icon" href="https://www.theory7.net/Assets/apple-touch-icon.png"/>
    <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
</head>
<style>
    *, *::before, *::after {
        box-sizing: border-box;
    }
    * {
        margin: 0;
        padding: 0;
        font: inherit;
    }
    button {
        border: none;
        cursor: pointer;
    }
    body {
        min-height: 100dvh;
        font-family: 'Inter', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        background-color: var(--gray-lightest);
        -webkit-font-smoothing: antialiased;
    }
    :root {
        --t7red-dark: rgb(99, 24, 24);
        --t7red: rgb(217, 50, 50);
        --t7red-light: rgb(242, 138, 138);
        --t7red-lightest: rgb(247, 187, 175);
        --t7blue: rgb(82, 84, 239);
        --t7blue-dark: rgb(72, 75, 224);
        --t7blue-light: rgb(211, 209, 249);
        --t7green: rgb(40, 192, 118);
        --t7green-light: rgb(149, 232, 190);
        --t7green-dark: rgb(10, 58, 29);
        --gray-lightest: rgb(251, 249, 247);
        --gray-light: rgb(243, 241, 240);
        --gray: rgb(237, 237, 237);
        --gray-medium: rgb(220, 220, 220);
        --gray-dark: rgb(158, 158, 158);
        --paragraph-clr: #000000cc;
        --large-btn-text: 1.125rem;
        --border: 2px solid #EDEDED;
        --bold: 700;
        --semibold: 600;
        --medium: 500;
        --shadow-sm: 0 1px 2px 0 rgb(0, 0, 0, 0.05);
        --shadow: 0 1px 3px 0 rgb(0, 0, 0, 0.1), 0 1px 2px -1px rgb(0, 0, 0, 0.1);
        --shadow-no: 0 4px 6px -1px rgb(0, 0, 0, 0), 0 2px 4px -2px rgb(0, 0, 0, 0);
        --shadow-md: 0 4px 6px -1px rgb(0, 0, 0, 0.1), 0 2px 4px -2px rgb(0, 0, 0, 0.1);
        --shadow-lg: 0 10px 15px -3px rgb(0, 0, 0, 0.1), 0 4px 6px -4px rgb(0, 0, 0, 0.1);
        --shadow-xl: 0 20px 25px -5px rgb(0, 0, 0, 0.1), 0 8px 10px -6px rgb(0, 0, 0, 0.1);
        --text-h1: 3.125rem;
        --text-h2: 2.375rem;
        --text-h3: 1.85rem;
        --text-h4: 1.55rem;
        --text-h5: 1.3rem;
        --text-p: 1.125rem;
        --tiny-text: 0.9rem;
        --small-text: 1rem;
        --medium-text: 1.2rem;
        --big-text: 1.375rem;
    }
    h1, h2, h3, h4, h5 {
        font-weight: var(--bold);
        letter-spacing: 0.015rem;
        text-wrap: pretty;
        color: rgba(0, 0, 0, 0.9);
    }
    .container {
        max-width: 1300px;
        width: calc(100vw - 4rem);
        margin-inline: auto;
    }
    @media (max-width: 900px) {
        :root {
            --text-h1: 2.4rem;
            --text-h2: 2.375rem;
            --text-h3: 1.85rem;
            --big-text: 1.15rem;
            --medium-text: 1.15rem;
            --small-text: 1rem;
            --text-p: 1rem;
        }
    }
    strong {
        font-weight: var(--bold);
    }
    h1 {
        font-size: var(--text-h1);
    }
    h2 {
        font-size: var(--text-h2);
    }
    h3, .h3 {
        font-size: var(--text-h3);
        font-weight: var(--bold);
    }
    h4, .h4 {
        font-size: var(--text-h4);
        font-weight: var(--semibold);
    }
    h5, .h5 {
        font-size: var(--text-h5);
        font-weight: var(--semibold);
    }
    p {
        font-size: var(--text-p);
        line-height: 1.61;
        color: var(--paragraph-clr);
        text-wrap: pretty;
    }
    .flex {
        display: flex;
        gap: 1rem;
    }
    nav {
        display: flex;
        width: 100%;
        padding-inline: 1rem;
        background-color: white;
        padding: 1rem;
        position: sticky;
        top: 0;
        z-index: 100;
        box-shadow: var(--shadow-sm);
    }
    .nav-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: min(100%, 1300px);
        gap: 1rem;
        margin-inline: auto;
    }
    .logo {
        display: block;
        width: 170px;
        transition: 0.2s ease;
    }
    .logo:hover {
        transform: scale(1.05);
    }
    a {
        text-decoration: none;
    }
    .text-small {
        font-size: var(--small-text);
    }
    .button {
        display: inline-block;
        background-color: var(--gray);
        padding: 0.75rem 0.9rem;
        font-weight: 600;
        letter-spacing: 0.02rem;
        border-radius: 0.35rem;
        color: black;
        transition:
                transform 0.2s ease-in-out,
                color 0.2s ease-in-out,
                background-color 0.2s ease-in-out,
                box-shadow 0.2s ease-in-out;
        box-shadow: var(--shadow-no);
    }
    .button.small {
        font-size: 0.9rem;
    }
    .button i {
        margin-right: 0.5rem;
    }
    .button.red {
        background-color: var(--t7red);
        color: white;
    }
    .button:hover {
        background-color: var(--t7red-lightest);
        color: var(--t7red-dark);
        transform: scale(1.05) translateY(-5px);
        box-shadow: var(--shadow-xl);
    }
    .button.red:hover {
        background-color: var(--t7red-lightest);
        color: var(--t7red-dark);
    }
    section {
        padding-block: 3rem;
    }
    h1, h2, h3, h4, h5, h6, p:not(:last-child) {
        margin-bottom: 1em;
    }
    .bg-wide-red {
        background-color: var(--t7red-light);
        background-image: url(https://www.theory7.net/Assets/red-bg.webp);
        background-size: cover;
    }
    .hero {
        width: min(100%, 1300px + 6rem);
        margin-inline: auto;
        border-radius: 0 0 1rem 1rem;
    }
    .iconblock-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
        align-items: start;
        gap: 3rem;
    }
    .iconblock {
        display: grid;
        gap: 1rem;
        row-gap: 0.25rem;
        align-items: center;
        grid-template-columns: auto 1fr;
    }
    .iconblock div:last-of-type {
        grid-column: 2 / 3;
    }
    .iconblock h5 {
        margin: 0;
    }
    .iconblock-icon {
        background-color: var(--gray);
        display: grid;
        place-items: center;
        padding: 0.65rem;
        aspect-ratio: 1;
        border-radius: 0.5rem;
    }
    .iconblock-icon i {
        font-size: 1.25rem;
        color: var(--t7blue);
    }
    .lang-selector {
        position: fixed;
        background-color: white;
        box-shadow: var(--shadow-xl);
        border-radius: 0.5rem;
        bottom: 1rem;
        left: 1rem;
    }
    .lang-selector i  {
        padding: 0.8rem 1rem;
        width: 100%;
        font-size: 1.1rem;
        background-color: var(--gray);
        border-radius: 0.5rem 0.5rem 0 0;
    }
    .lang-wrapper {
        padding: 1rem;
        display: grid;
        align-items: center;
        gap: 1rem;
    }
    .lang-selector button {
        height: 24px;
        aspect-ratio: 1;
        border-radius: 100%;
        transition: 0.2s ease;
        outline: 6px solid white;
    }
    .lang-selector button[aria-current="false"] {
        opacity: 0.3;
    }
    .lang-selector button:hover, .lang-selector button:focus, button[aria-current="true"] {
        opacity: 1;
        outline: 6px solid var(--t7green-light);
    }
</style>
<body>
    <nav>
        <div class="nav-container">
            <!--<a href="https://www.theory7.net/">-->
                <img class="logo" src="https://www.theory7.net/Assets/Theory7_logo_redblack.webp" title="Theory7 logo" alt="Theory7 logo">
            <!--</a>-->
            <!--<a href="https://support.theory7.net/hc/nl/" class="button small"><i class="fa-fw fa-regular fa-comment-question"></i>
	Support
	<!--</a>-->
        </div>
        <div class="lang-selector" id="lang-selector">
            <i class="fa-regular fa-language"></i>
            <div class="lang-wrapper">
                <button type="button" id="lang-nl" class="lang-btn" aria-label="nl" aria-current="true">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512">
                        <circle fill="#F0F0F0" cx="256" cy="256" r="256"/>
                        <path fill="#A2001D" d="M256,0C145.929,0,52.094,69.472,15.923,166.957h480.155C459.906,69.472,366.071,0,256,0z"/>
                        <path fill="#0052B4" d="M256,512c110.071,0,203.906-69.472,240.077-166.957H15.923C52.094,442.528,145.929,512,256,512z"/>
                    </svg>
                </button>
                <button type="button" id="lang-en" class="lang-btn" aria-label="en">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512">
                        <circle fill="#F0F0F0" cx="256" cy="256" r="256"/>
                        <g>
                            <path fill="#0052B4" d="M52.92,100.142c-20.109,26.163-35.272,56.318-44.101,89.077h133.178L52.92,100.142z"/>
                            <path fill="#0052B4" d="M503.181,189.219c-8.829-32.758-23.993-62.913-44.101-89.076l-89.075,89.076H503.181z"/>
                            <path fill="#0052B4" d="M8.819,322.784c8.83,32.758,23.993,62.913,44.101,89.075l89.074-89.075L8.819,322.784z"/>
                            <path fill="#0052B4" d="M411.858,52.921c-26.163-20.109-56.317-35.272-89.076-44.102v133.177L411.858,52.921z"/>
                            <path fill="#0052B4" d="M100.142,459.079c26.163,20.109,56.318,35.272,89.076,44.102V370.005L100.142,459.079z"/>
                            <path fill="#0052B4" d="M189.217,8.819c-32.758,8.83-62.913,23.993-89.075,44.101l89.075,89.075V8.819z"/>
                            <path fill="#0052B4" d="M322.783,503.181c32.758-8.83,62.913-23.993,89.075-44.101l-89.075-89.075V503.181z"/>
                            <path fill="#0052B4" d="M370.005,322.784l89.075,89.076c20.108-26.162,35.272-56.318,44.101-89.076H370.005z"/>
                        </g>
                        <g>
                            <path fill="#D80027" d="M509.833,222.609h-220.44V2.167C278.461,0.744,267.317,0,256,0s-22.461,0.744-33.391,2.167v220.44H2.167C0.744,233.539,0,244.683,0,256s0.744,22.461,2.167,33.391h220.44v220.442C233.539,511.256,244.681,512,256,512s22.461-0.743,33.391-2.167V289.391h220.442C511.256,278.461,512,267.319,512,256S511.256,233.539,509.833,222.609z"/>
                            <path fill="#D80027" d="M322.783,322.784L437.019,437.02c5.254-5.252,10.266-10.743,15.048-16.435l-97.802-97.802h-31.482z"/>
                            <path fill="#D80027" d="M189.217,322.784L74.98,437.019c5.252,5.254,10.743,10.266,16.435,15.048l97.802-97.804v-31.479z"/>
                            <path fill="#D80027" d="M189.217,189.219L74.981,74.98c-5.254,5.252-10.266,10.743-15.048,16.435l97.803,97.803h31.481z"/>
                            <path fill="#D80027" d="M322.783,189.219L437.02,74.981c-5.252-5.254-10.743-10.266-16.435-15.047l-97.802,97.803v31.482z"/>
                        </g>
                    </svg>
                </button>
            </div>
        </div>
    </nav>
    <section class="hero bg-wide-red">
        <div class="container">
            <h2><span id='showdom'></span><span id="header_title"> is geparkeerd en geregistreerd bij Theory7.</span></h2>
            <p>
                <span id="header_text">Dit domein is recentelijk geregistreerd, verhuisd of ontkoppeld bij Theory7 en is nu geparkeerd. Graag ook je eigen domeinnaam waar je mee kan mailen, een website op kan bouwen of je webshop draaien? Registreer deze dan op Theory7.net.</span>
            </p>
            <div class="flex">
                <a class="button" href="https://www.google.com/search?q=Domeinnaam+registreren+theory7"><span id="header_button">Domeinnaam registreren</span></a>
            </div>
        </div>
    </section>
    <section class="container iconblock-container">
        <div class="iconblock">
            <div class="iconblock-icon"><i class="fa-fw fa-regular fa-link"></i></div>
            <h5><span id="block_1_title">Domeinnaam koppelen</span></h5>
            <div class="iconblock-content">
                <p class="text-small"><span id="block_1_text">Ben je eigenaar van deze domeinnaam en zie je je website nog niet? Het kan na het koppelen aan een hostingpakket (of verandering van de DNS) zo'n 4 uur duren voordat dit overal te zien is.</span></p>
            </div>
        </div>
        <div class="iconblock">
            <div class="iconblock-icon"><i class="fa-fw fa-regular fa-globe-pointer"></i></div>
            <h5><span id="block_2_title">Domeinnaam registreren</span></h5>
            <div class="iconblock-content">
                <p class="text-small"><span id="block_2_text">Registreer je domeinnaam binnen enkele minuten, zorg dat jouw idee werkelijkheid wordt en kies uit meer dan 1500 domeinextensies.</span></p>
                <a class="button red" href="https://www.google.com/search?q=Domeinnaam+registreren+theory7"><span id="block_2_button">Domein registreren</span></a>
            </div>
        </div>
        <div class="iconblock">
            <div class="iconblock-icon"><i class="fa-fw fa-regular fa-person-dolly"></i></div>
            <h5><span id="block_3_title">Domeinnaam verhuizen</span></h5>
            <div class="iconblock-content">
                <p class="text-small"><span id="block_3_text">Heb je al een domein elders geregistreerd? Dan kan je deze altijd verhuizen naar Theory7 tegen scherpe tarieven. Een .nl domein kan je zelfs gratis verhuizen.</span></p>
                <a class="button red" href="https://www.google.com/search?q=Domeinnaam+verhuizen+theory7"><span id="block_3_button">Domein verhuizen</span></a>
            </div>
        </div>
        <div class="iconblock">
            <div class="iconblock-icon"><i class="fa-fw fa-regular fa-paintbrush-pencil"></i></div>
            <h5><span id="block_4_title">Website maken</span></h5>
            <div class="iconblock-content">
                <p class="text-small"><span id="block_4_text">Breng je visie tot leven met de intuïtieve Website Builder van Theory7. Creëer moeiteloos een professionele website, zonder enige codeerkennis.</span></p>
                <a class="button red" href="https://www.google.com/search?q=Website+maken+theory7"><span id="block_4_button">Start met je website</span></a>
            </div>
        </div>
        <div class="iconblock">
            <div class="iconblock-icon"><i class="fa-fw fa-regular fa-server"></i></div>
            <h5><span id="block_5_title">Webhosting</span></h5>
            <div class="iconblock-content">
                <p class="text-small"><span id="block_5_text">Host je website op het revolutionaire platform van Theory7. Gemakkelijk in gebruik, de snelste laadtijden en 7 dagen per week ondersteuning van ons team.</span></p>
                <a class="button red" href="https://www.google.com/search?q=Webhosting+theory7"><span id="block_5_button">Pakketten bekijken</span></a>
            </div>
        </div>
        <div class="iconblock">
            <div class="iconblock-icon"><i class="fa-brands fa-wordpress-simple"></i></div>
            <h5><span id="block_6_title">WordPress hosting</span></h5>
            <div class="iconblock-content">
                <p class="text-small"><span id="block_6_text">Start met jouw Wordpress website bij Theory7. Met one-click-install, automatische updates en 7 dagen per week ondersteuning van ons team.</span></p>
                <a class="button red" href="https://www.google.com/search?q=WordPress+hosting+theory7"><span id="block_6_button">Pakketten bekijken</span></a>
            </div>
        </div>
        <div class="iconblock">
            <div class="iconblock-icon"><i class="fa-fw fa-regular fa-cloud-binary"></i></div>
            <h5><span id="block_7_title">VPS</span></h5>
            <div class="iconblock-content">
                <p class="text-small"><span id="block_7_text">Op zoek naar flexibiliteit? De VPS-oplossingen van Theory7 bieden de perfecte balans om jouw projecten efficiënt te laten draaien. Volledig aanpasbaar naar jouw specificaties en klaar voor gebruik, direct na installatie door ons team.</span></p>
                <a class="button red" href="https://www.google.com/search?q=Goedkope+vps+theory7"><span id="block_7_button">Kies je VPS</span></a>
            </div>
        </div>
        <div class="iconblock">
            <div class="iconblock-icon"><i class="fa-fw fa-regular fa-microchip"></i></div>
            <h5><span id="block_8_title">Dedicated servers</span></h5>
            <div class="iconblock-content">
                <p class="text-small"><span id="block_8_text">Ben je klaar voor het echte werk? Een dedicated server heeft de kracht om jouw projecten optimaal te draaien. Compleet naar wens te configureren en door ons geïnstalleerd.</span></p>
                <a class="button red" href="https://www.google.com/search?q=Goedkope+dedicated-server+theory7"><span id="block_8_button">Kies je server</span></a>
            </div>
        </div>
    </section>
    <script type="text/javascript">
        let varUrl = window.location.hostname;
        let varNullDom = document.getElementById("showdom");
        varNullDom.innerHTML = varUrl;
        document.title = varUrl + " is geparkeerd - Theory7.net"
        let languageData = {};
        $.getJSON("/languagedata.json", function(data) { languageData = data; });
        function updateText(lang) {
            $("#header_title").text(languageData[lang].header_title);
            $("#header_text").text(languageData[lang].header_text);
            $("#header_button").text(languageData[lang].header_button);
            $("#block_1_title").text(languageData[lang].block_1_title);
            $("#block_1_text").text(languageData[lang].block_1_text);
            $("#block_1_button").text(languageData[lang].block_1_button);
            $("#block_2_title").text(languageData[lang].block_2_title);
            $("#block_2_text").text(languageData[lang].block_2_text);
            $("#block_2_button").text(languageData[lang].block_2_button);
            $("#block_3_title").text(languageData[lang].block_3_title);
            $("#block_3_text").text(languageData[lang].block_3_text);
            $("#block_3_button").text(languageData[lang].block_3_button);
            $("#block_4_title").text(languageData[lang].block_4_title);
            $("#block_4_text").text(languageData[lang].block_4_text);
            $("#block_4_button").text(languageData[lang].block_4_button);
            $("#block_5_title").text(languageData[lang].block_5_title);
            $("#block_5_text").text(languageData[lang].block_5_text);
            $("#block_5_button").text(languageData[lang].block_5_button);
            $("#block_6_title").text(languageData[lang].block_6_title);
            $("#block_6_text").text(languageData[lang].block_6_text);
            $("#block_6_button").text(languageData[lang].block_6_button);
            $("#block_7_title").text(languageData[lang].block_7_title);
            $("#block_7_text").text(languageData[lang].block_7_text);
            $("#block_7_button").text(languageData[lang].block_7_button);
            $("#block_8_title").text(languageData[lang].block_8_title);
            $("#block_8_text").text(languageData[lang].block_8_text);
            $("#block_8_button").text(languageData[lang].block_8_button);
        }
        $(document).ready(function () {
            const browserLanguage = navigator.language.slice(0,2);
            $(".lang-btn").click(function () {
                $(".lang-btn").attr("aria-current", "false");
                $(this).attr("aria-current", "true");
                updateText($(this).attr("aria-label"));
            });
        });
    </script>
</body>
</html>
