This repository has been archived by the owner on Jun 28, 2023. It is now read-only.
forked from leolisinski-nti-johanneberg/WU_2A_ProjektHT20
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
82 lines (82 loc) · 4.62 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>door.ly</title>
<link rel="stylesheet" href="css/style.css" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap" rel="stylesheet" />
<link rel="icon" href="misc/new_logo.svg" />
</head>
<body class="grid-body index-grid">
<nav id="navbar">
<ul>
<li id="logo-container">
<a href="index.html">
<img src="misc/new_logo.svg" alt="logo" />
<p>door.ly</p>
</a>
</li>
<li><a href="menu.html">Menu</a></li>
<li><a href="order.html">Order</a></li>
</ul>
</nav>
<div class="top-placeholder"></div>
<header id="start-screen">
<h1>door.ly</h1>
<h2>Your restaurant at home.</h2>
</header>
<section id="card-screen">
<h2>Who are we?</h2>
<div class="card-container">
<article>
<h3>Why?</h3>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequatur maxime explicabo voluptate quam, sed exercitationem voluptatum
sint voluptas voluptatem minus nulla, officia dicta dolore veniam voluptatibus, consequuntur placeat distinctio atque quae repellendus!
Quas maiores eius adipisci culpa repellendus optio nihil, nostrum vero ipsum quod, excepturi eaque ad? Ad, expedita quibusdam?
</p>
</article>
<article>
<h3>How?</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci reiciendis dolorum in neque veniam hic provident nostrum dignissimos
consectetur est perspiciatis similique natus harum, deleniti tenetur. Quo, itaque aliquid illum molestias asperiores enim rerum, quae
alias nisi inventore rem neque suscipit aut laudantium qui natus error officia ex vitae nam!
</p>
</article>
<article>
<h3>When?</h3>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Deserunt deleniti ipsum architecto, assumenda dolore dicta minus tempore cum
harum perspiciatis excepturi laboriosam laudantium reiciendis aperiam impedit dolorum! Consequuntur tempora incidunt repudiandae
assumenda veritatis corrupti sunt animi cum ipsam enim, illum similique officia quaerat? Ducimus, similique nulla minima nobis iusto
non.
</p>
</article>
</div>
<div class="card-container">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Soluta, eum vitae recusandae atque in magni consequatur reprehenderit labore sequi
corrupti rerum repudiandae beatae eos! Illum similique dignissimos laborum minus delectus voluptas voluptatibus accusantium fugiat maiores
temporibus, tempore quibusdam non cumque vitae quos quasi, tenetur officia optio aliquam saepe nihil amet.
</div>
</section>
<footer id="contact-screen">
<div>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quo voluptas nihil repellat reiciendis quas, maxime accusamus hic. Consequatur
consequuntur similique ea id ab est aliquid impedit, dolor omnis officiis provident sunt! Eius et, aspernatur eos recusandae beatae maiores
veniam ut, cumque odit error itaque dolorem nihil quae, blanditiis incidunt repellendus?
</p>
<br />
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aperiam pariatur amet excepturi nulla mollitia, explicabo vitae maxime sunt aut.
Totam aliquid voluptas reprehenderit vel sequi eveniet inventore voluptate asperiores! Reprehenderit ex in corrupti quos quidem voluptatem,
harum facere, eius, accusantium dicta sunt! Tempore, similique. Ipsum reprehenderit tempore ad tenetur culpa!
</p>
</div>
</footer>
</body>
</html>