<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <title>Document</title>
</head>
<body>
    <!-- HEADER START-->
    <header id="home">
        <nav>
            <!-- Hamburger icons -->
            <div class="hamburger">
                <svg viewBox="-2.4 -2.4 28.80 28.80" fill="none" xmlns="http://www.w3.org/2000/svg" transform="rotate(0)matrix(1, 0, 0, 1, 0, 0)">
                    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
                    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
                    <g id="SVGRepo_iconCarrier"> 
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M4 5C3.44772 5 3 5.44772 3 6C3 6.55228 3.44772 7 4 7H20C20.5523 7 21 6.55228 21 6C21 5.44772 20.5523 5 20 5H4ZM7 12C7 11.4477 7.44772 11 8 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H8C7.44772 13 7 12.5523 7 12ZM13 18C13 17.4477 13.4477 17 14 17H20C20.5523 17 21 17.4477 21 18C21 18.5523 20.5523 19 20 19H14C13.4477 19 13 18.5523 13 18Z" fill="#000000"></path>
                    </g>
                </svg>
    
                <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
                    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
                    <g id="SVGRepo_iconCarrier"> 
                        <g id="Menu / Close_MD"> 
                            <path id="Vector" d="M18 18L12 12M12 12L6 6M12 12L18 6M12 12L6 18" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> 
                        </g> 
                    </g>
                </svg>
            </div>
            <!-- Navigation Buttons -->
            <ul>
                <li class="currentPage">
                    <a href="#home">Home</a>
                </li>
                <li>
                    <a href="#forhandlere">Forhandlere</a>
                </li>
                <li>
                    <a href="#priser">Priser</a>
                </li>
                <li>
                    <a href="#events">Events</a>
                </li>
                <li>
                    <a href="#members">Members</a>
                </li>
                <li id="login">
                    <button>Login</button>
                </li>
            </ul>
        </nav>
    </header>
    <!-- HEADER END-->
    <!-- MAIN START-->
    <main>
        <!-- Content Container -->
        <div class="container">
            <!-- Welcome Heading -->
            <section class="nissan">
                <h2>Kom og oplev det smarte flow i</h2>
                <h1>Nissan <span class="extra">Leaf</span></h1>
                <h4>Åbent hus hos all forhandlere søndag den <time datetime="2016-11-13">13. november 2016</time></h4>
                <button>Bestil prøvekørsel</button>
                <a href="#nextsection"></a>
            </section>
            <!-- Equipment Infomation -->
            <section id="nextsection" class="equipment">
                <!-- Small Infomation Cards -->
                <article class="col-4">
                    <div>
                        <h5 class="hashtag">#Modeller</h5>
                        <div class="info">
                            <h6>VÆLG MELLEM FLERE MODELLER</h6>
                            <p>Bliv en del af den elektriske revolution, og begynd at køre fremtidens eldrevne bil allerede i dag.</p>
                            <button>LÆS MERE</button>
                        </div>
                    </div>
                    <div class="udstyr">
                        <h5 class="hashtag">#Udstryr</h5>
                        <div class="info">
                            <h6>HØJTEKNOLOGISK UDSTYR</h6>
                            <p>Nissan LEAF leveres med en omfattende pakke af højteknologisk udstyr og tilbehør.</p>
                            <button>LÆS MERE</button>
                        </div>                            
                    </div>
                    <div class="elbiler">
                        <h5 class="hashtag">#Elbiler</h5>
                        <div class="info">
                            <h6>100% ELEKTRISK VIDUNDER</h6>
                            <p>Nissan LEAF har indbygget ECO Mode, som sørger for den mest effektive udnyttelse af dit batteri.</p>
                            <button>LÆS MERE</button>
                        </div>                            
                    </div>
                    <div class="fjernbetjening">
                        <h5 class="hashtag">#Fjernbetjening</h5>
                        <div class="info">
                            <h6>ONLINE MED NISSANCONNECT</h6>
                            <p>NissanConnect kan bruges til at tjekke kørehistorik og ruteplanlægning fra din smartphone.</p>
                            <button>LÆS MERE</button>
                        </div>                            
                    </div>
                </article>
                <!-- Main Talking Point Boards -->
                <article class="info-board">
                    <h5 class="hashtag">#Design</h5>
                    <div class="side-picture"><img src="Materialer/medium-design.jpg" alt="Nissan leaf"></div>
                    <div class="infomation">
                        <h3>DESIGN</h3>
                        <p>Med en vindmodstand på kun 0,28 er Nissan LEAF aerodynamisk designet til at minimere vindmodstanden. Dæk med lav rullemodstand er ligeledes med til at reducere energiforbruget.</p>
                        <p>LED-nærlysforlygterne, som er standard i modellen Tekna, bruger kun halvt så meget energi som almindelige forlygter, hvilket sænker batteriforbruget. Herudover er forlygterne i LEAF designet til at maksimere den aerodynamiske effektivitet.</p>
                    </div>
                </article>
                <article class="info-board reversed">
                    <h5 class="hashtag">#Udstyr</h5>
                    <div class="side-picture"><img src="Materialer/medium-interior.jpg" alt="Car interrior"></div>
                    <div class="infomation">
                        <h3>UDSTYR</h3>
                        <p>Vi har skabt plads, med et rummeligt interiør til fem passagerer i en bil, men hvorfor stoppe her? Vi har også designet nogle sæder, der delvist er lavet af genbrugsflasker. De er stilfulde, moderne og komfortable, og de passer perfekt til Nissan LEAF, for de er lige så miljøvenlige som bilens innovative, elektriske motor.</p>
                        <p>Med de stilfulde, opvarmede lædersæder for-og bag kan alle nyde godt af lidt ekstra varme, når det bliver koldt, i Nissan LEAF-udstyrsversionen Tekna.</p>
                    </div>
                </article>
                <article class="info-board">
                    <h5 class="hashtag">#Elbiler</h5>
                    <div class="side-picture"><img src="Materialer/medium-recharge.jpg" alt="Rechargeing Car"></div>
                    <div class="infomation">
                        <h3>RÆKKEVIDDE & OPLADNING</h3>
                        <p>Nissan LEAF elbilen er konstrueret med forskellige funktioner, der maksimerer rækkevidden, så du kan køre længere på hver opladning. En fuld opladning har en rækkevidde på op til 250 km.</p>
                        <p>Den nye Nissan LEAF har innovative funktioner, der maksimerer rækkevidden, men som dog stadig påvirkes af din kørestil og forholdene på turen. Hvilken rækkevidde når du? Lad os finde ud af det.</p>
                    </div>
                </article>
            </section>
        </div>
    </main>
    <!-- MAIN END -->
    <!-- FOOTER START -->
    <footer>
        <!-- Content Container -->
        <div class="container">
            <div class="col-3">
                <!-- Contact Infomation -->
                <div class="contact">
                    <h3>NISSAN NORDIC EUROPE</h3>
                    <p>CVR nr.: 28896808</p>
                    <p>Lyngbyvej 24, 2100</p>
                    <p>København Ø, Denmark</p>
                    <p>Telefon nr.: +45 39 10 00 10</p>
                </div>
                <!-- Customer Service Links -->
                <div class="service">
                    <h3>KUNDESERVICE</h3>
                    <a href="">Ofte stillede spørgsmål</a>
                    <a href="">Ordbog</a>
                    <a href="">Kontakt os</a>
                    <a href="">Firma oplysninger</a>
                </div>
                <!-- Social Media Links -->
                <div class="socials">
                    <h3>SOCIAL AFFAIRS</h3>
                    <div class="icons">
                        <a id="facebook" href=""><img src="Materialer/icon-facebook.png" alt="Facebook"></a>
                        <a id="google" href=""><img src="Materialer/icon-gplus.png" alt="Google+"></a>
                        <a id="twitter" href=""><img src="Materialer/icon-twitter.png" alt="Twitter"></a>
                        <a id="youtube" href=""><img src="Materialer/icon-youtube.png" alt="YouTube"></a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- FOOTER END -->
    <script src="js/script.js">
    </script>
</body>
</html>