<pre><code style="color: #000000">&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Dungeons &amp; Dragons&lt;/title&gt;
    &lt;link rel="stylesheet" href="css/style.css"&gt;
    &lt;script src="javascript/script.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body class="body"&gt;
    &lt;header&gt;
        &lt;picture&gt;
            &lt;source media="(min-width: 1024px)" srcset="img/Banner.jpg"&gt;
            &lt;source media="(min-width: 500px)" srcset="img/Banner_Mobile_1200px.jpg"&gt;
            &lt;img src="img/Banner_Mobile_400px.jpg" alt="DnD Banner"&gt;
        &lt;/picture&gt;
    &lt;/header&gt;
    &lt;div class="MobileNav"&gt;
        &lt;div id="burgerMenu" class="class" onclick="this.classList.toggle('On');"&gt;
        &lt;/div&gt;
        &lt;nav class="Mobile" id="Mobile"&gt;
            &lt;ul&gt;
                &lt;li onclick="this.classList.toggle('On');"&gt;
                    &lt;a href="index.html"&gt;Forside&lt;/a&gt;
                &lt;/li&gt;
                &lt;li onclick="this.classList.toggle('On');"&gt;
                    &lt;a href="#"&gt;Classes&lt;/a&gt;
                    &lt;div class="dropdown-dropdown-content"&gt;
                        &lt;a href="classes/barbarian.html"&gt;Barbarian&lt;/a&gt;
                        &lt;a href="classes/cleric.html"&gt;Cleric&lt;/a&gt;
                        &lt;a href="classes/fighter.html"&gt;Fighter&lt;/a&gt;
                        &lt;a href="classes/sorcerer.html"&gt;Sorcerer&lt;/a&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
                &lt;li onclick="this.classList.toggle('On');"&gt;
                    &lt;a href="#"&gt;Races&lt;/a&gt;
                    &lt;div class="dropdown-dropdown-content"&gt;
                        &lt;a href="races/dwarf.html"&gt;Dwarf&lt;/a&gt;
                        &lt;a href="races/elf.html"&gt;Elf&lt;/a&gt;
                        &lt;a href="races/human.html"&gt;Human&lt;/a&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
                &lt;li onclick="this.classList.toggle('On');"&gt;
                    &lt;a href="#"&gt;Spells&lt;/a&gt;
                    &lt;div class="dropdown-dropdown-content"&gt;
                        &lt;a href="spells/abjuration.html"&gt;Abjuration&lt;/a&gt;
                        &lt;a href="spells/conjuration.html"&gt;Conjuration&lt;/a&gt;
                        &lt;a href="spells/divination.html"&gt;Divination&lt;/a&gt;
                        &lt;a href="spells/enchantment.html"&gt;Enchantment&lt;/a&gt;
                        &lt;a href="spells/evocation.html"&gt;Evocation&lt;/a&gt;
                        &lt;a href="spells/illusion.html"&gt;Illusion&lt;/a&gt;
                        &lt;a href="spells/necromancy.html"&gt;Necromancy&lt;/a&gt;
                        &lt;a href="spells/transmutation.html"&gt;Transmutation&lt;/a&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;
                    &lt;a href="kontaktOs.html"&gt;Contact Us&lt;/a&gt;
                &lt;/li&gt;
                &lt;li class="cta"&gt;
                    &lt;a href="shop.html"&gt;Shop&lt;/a&gt;
                &lt;/li&gt;
            &lt;/ul&gt;
        &lt;/nav&gt;
    &lt;/div&gt;
    &lt;nav class="Desktop"&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="index.html"&gt;Forside&lt;/a&gt;&lt;/li&gt;
            &lt;li class="dropdown"&gt;
                &lt;a href="" class="dropbtn"&gt;Classes&lt;/a&gt;
                &lt;div class="dropdown-content"&gt;
                    &lt;a href="classes/barbarian.html"&gt;Barbarian&lt;/a&gt;
                    &lt;a href="classes/cleric.html"&gt;Cleric&lt;/a&gt;
                    &lt;a href="classes/fighter.html"&gt;Fighter&lt;/a&gt;
                    &lt;a href="classes/sorcerer.html"&gt;Sorcerer&lt;/a&gt;
                &lt;/div&gt;
            &lt;/li&gt;
            &lt;li class="dropdown"&gt;
                &lt;a href="" class="dropbtn"&gt;Races&lt;/a&gt;
                &lt;div class="dropdown-content"&gt;
                    &lt;a href="races/dwarf.html"&gt;Dwarf&lt;/a&gt;
                    &lt;a href="races/elf.html"&gt;Elf&lt;/a&gt;
                    &lt;a href="races/human.html"&gt;Human&lt;/a&gt;
                &lt;/div&gt;
            &lt;/li&gt;
            &lt;li class="dropdown"&gt;
                &lt;a href="" class="dropbtn"&gt;Spells&lt;/a&gt;
                &lt;div class="dropdown-content"&gt;
                    &lt;a href="spells/abjuration.html"&gt;Abjuration&lt;/a&gt;
                    &lt;a href="spells/conjuration.html"&gt;Conjuration&lt;/a&gt;
                    &lt;a href="spells/divination.html"&gt;Divination&lt;/a&gt;
                    &lt;a href="spells/enchantment.html"&gt;Enchantment&lt;/a&gt;
                    &lt;a href="spells/evocation.html"&gt;Evocation&lt;/a&gt;
                    &lt;a href="spells/illusion.html"&gt;Illusion&lt;/a&gt;
                    &lt;a href="spells/necromancy.html"&gt;Necromancy&lt;/a&gt;
                    &lt;a href="spells/transmutation.html"&gt;Transmutation&lt;/a&gt;
                &lt;/div&gt;
            &lt;/li&gt;
            &lt;li&gt;
                &lt;a href="kontaktOs.html"&gt;Contact Us&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class="cta"&gt;
                &lt;a href="shop.html"&gt;Visit our shop&lt;/a&gt;
            &lt;/li&gt;
        &lt;/ul&gt;
    &lt;/nav&gt;
    &lt;main&gt;
        &lt;section&gt;
            &lt;article&gt;
                &lt;h1&gt;Thank you for contacting us.&lt;/h1&gt;
                &lt;h3&gt;We will get back to you as soon as possible.&lt;/h3&gt;
                &lt;h5&gt;Your D&amp;D team&lt;/h5&gt;
            &lt;/article&gt;
        &lt;/section&gt;
    &lt;/main&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>