-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (113 loc) · 5.66 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="index.css">
<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=Big+Shoulders+Stencil+Text:wght@700&family=Delicious+Handrawn&family=Monoton&family=Stylish&display=swap"
rel="stylesheet">
<title>COFFEE SHOP</title>
</head>
<body>
<div class="container">
<div class="nav">
<div class="list">
<ul>
<li><a href="#home">home<span></span></a></li>
<li><a href="#aboutus">about us<span></span></a></li>
<li><a href="#menu">menu<span></span></a></li>
<li><a href="">contact<span></span></a></li>
</ul>
</div>
</div>
<div class="main" id="home">
<div class="text">
<div class="h">coffee cafe</div>
<div class="hd">the premium coffee shop</div>
</div>
<img src="logooo.png" id="img1" alt="">
</div>
<div class="intro">
<img src="cffe.png" class="pic" alt="">
<div class="heading">
it all starts over a coffee
</div>
</div>
<div class="about" id="aboutus">
<div class="hed">about us</div>
<div class="about-inside">
<div><img src="lelo.png" alt=""></div>
<div class="atext">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum officiis pariatur soluta
dolores animi perspiciatis vitae cumque deleniti voluptatibus, porro fuga hic voluptatem,
possimus culpa rem saepe asperiores error quod! Magnam sapiente quas odio cumque odit, delectus
saepe repudiandae voluptates minus ad harum, sequi quod. Eligendi fuga earum culpa libero,
facilis itaque deserunt repudiandae sunt, dignissimos amet voluptatibus harum delectus?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus ullam ipsam enim
necessitatibus? Eum vel porro repudiandae eligendi eveniet fugit reprehenderit fugiat, magnam
rem saepe, nostrum cum dolorum sequi aliquam consequatur. Consequuntur quisquam enim possimus
quis facilis a neque harum qui sunt deserunt beatae laboriosam dolorem soluta necessitatibus
corporis itaque perspiciatis illo animi delectus, dolore fuga perferendis consequatur. Dolorum,
officiis.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo, exercitationem! Ipsam sapiente
dolorem vero laboriosam quisquam fuga voluptates, aperiam, laudantium saepe officia id minus
nulla facilis hic optio, veritatis natus! Eaque possimus sint sequi. Delectus minima odit nobis
laborum omnis nesciunt, recusandae officia quas soluta nisi ipsam impedit porro, pariatur labore
vel qui accusantium. Iusto ad cupiditate quod! Blanditiis, explicabo.</p>
</div>
</div>
</div>
<div class="menu" id="menu">
<div class="mhd">MENU</div>
<div class="items">
<div class="item1">
<div class="mcont">
<div class="subhd">espresso</div>
<img src="pexels-iremonat-15892889.jpg" alt="">
</div>
<div class="mcont">
<div class="subhd">lattee</div>
<img src="pexels-ann-poan-5797914.jpg" alt="">
</div>
<div class="mcont">
<div class="subhd">mocha</div>
<img src="pexels-maria-orlova-4913342.jpg" alt="">
</div>
</div>
<div class="item1">
<div class="mcont">
<div class="subhd">chocolate cake pie</div>
<img src="pexels-abhinav-goswami-291528.jpg" alt="">
</div>
<div class="mcont">
<div class="subhd">strawberry cake pie</div>
<img src="pexels-pixabay-461431.jpg" alt="">
</div>
<div class="mcont">
<div class="subhd">flavoured bread</div>
<img src="pexels-larissa-farber-8027652.jpg" alt="">
</div>
</div>
<div class="item1">
<div class="mcont">
<div class="subhd">cafe special</div>
<img src="pexels-ioana-motoc-15918336.jpg " alt="">
</div>
<div class="mcont">
<div class="subhd">espresso</div>
<img src="icon.png" alt="">
</div>
<div class="mcont">
<div class="subhd">tea</div>
<img src="ll.png" alt="">
</div>
</div>
</div>
</div>
</div>
</body>
</html>