-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 3.15 KB
/
index.html
1
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Ex uppgift *css grid*</title><meta name="viewport" content="width=device-width, initial-scale=1"><link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700" rel="stylesheet"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"><link rel="stylesheet" href="/assets/css/style.css"></head><body><header><div class="text wrapper"><a class="logo" href="./" title="Gå till startsidan" tabindex="1"><h1>Lars Jönsson</h1></a><div class="dropdown-menu"><label for="toogle">☰</label><input class="toogle" type="checkbox" id="toogle"><nav class="nav menu"><ul><li><a href="#" title="Det här är jag" tabindex="2">Om mig</a></li><li><a href="#" title="Vad jag kan erbjuda dig" tabindex="3">Mina tjänster</a></li><li><a href="#" title="Mina färdiga arbeten" tabindex="4">Showcase</a></li><li><a href="#" title="Maila mig" tabindex="5">Kontakt</a></li><li><a href="process.html" title="Min process" tabindex="6">Min process</a></li></ul></nav></div></div><article class="about"><p>div Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt labore consectetur fugit voluptas quidem quam, tempore enim optio iste neque quaerat quae nobis voluptatem doloremque quas consequatur ex dolorum error.</p></article></header><main><div class="features wrapper"><div class="card test-1"><figure><img class="gizmo" src="/assets/img/3.svg" alt="En bild på våran hund Gizmo"></figure><article><p>div Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quibusdam quaerat modi blanditiis numquam sit, aliquam exercitationem pariatur asperiores? Repudiandae dolore placeat doloremque impedit rem soluta dolores harum blanditiis ducimus eveniet.</p></article></div><div class="card test-2"><figure><img class="me" src="/assets/img/1.svg" alt="En bild på mig"></figure><article><p>div Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius dolore vel quam doloribus consequuntur inventore numquam in officiis quo ullam, earum obcaecati culpa doloremque, incidunt nulla error repudiandae? Ab, eum?</p></article></div><div class="card test-3"><figure><img class="family" src="/assets/img/2.svg" alt="En bild på min familj"></figure><article><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius dolore vel quam doloribus consequuntur inventore numquam in officiis quo ullam, earum obcaecati culpa doloremque, incidunt nulla error repudiandae? Ab, eum?</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Est harum excepturi repudiandae, accusantium quia tempore soluta velit. Quos nisi excepturi iste quod. Autem obcaecati eligendi et veniam eius ducimus blanditiis?</p></article></div></div></main><footer class="wrapper"><address><div class="one"><h2>Adress</h2><p>Storgatan 1</p><p>123 45 Lillestad</p></div><div class="two"><h2>Telefon</h2><p><a href="tel: 0123 - 456 789">(+46) 123 - 456 789</a></p><p><a href="tel: 070 - 123 45 678">(+46) 70 - 123 45 678</a></p></div><div class="three"><h2>E-post</h2><p><a href="mailto: [email protected]">[email protected]</a></p><p><a href="mailto: [email protected]">[email protected]</a></p></div></address></footer></body></html>