forked from CodeYourFuture/HTML-CSS-Coursework-Week3
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
92 lines (76 loc) · 3.09 KB
/
index.html
File metadata and controls
92 lines (76 loc) · 3.09 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Responsive Cake webpage</title>
<link rel="stylesheet" href="style.css">
<!-- Add a link to your css file here -->
</head>
<body>
<!-- Add your markup here -->
<header class="logo">
<img src="/images/cake.jpg" alt="cake">
<h1>Cake Co</h1>
<p class="slogan">The best cakes in town delivered to your door</p>
</header>
<nav class="nav-container">
<input type="checkbox" id="tab-nav" class="tab-nav">
<label for="tab-nav" class="label">
<div class="burger"></div>
<div class="burger"></div>
<div class="burger"></div>
</label>
<ul class="content_nav">
<li><a href="#">Home</a></li>
<li><a href="#">Cake</a></li>
<li><a href="#">Order In</a></li>
<li><a href="#">Lessons</a></li>
<li><a href="#">About</a></li>
</ul>
<!-- <input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
<ul class="menu">
<li><a href="#home">Home</a></li>
<li><a href="#cake">Cake</a></li>
<li><a href="#order-in">Order in</a></li>
<li><a href="#lessons">Lessons</a></li>
<li><a href="about">About</a></li>
</ul> -->
</nav>
<div class="content">
<div class="content-info">
<h1>welcome</h1>
<p>Lorem ipsum dolor sit amet. Qui voluptatum quis est voluptatem recusandae et velit corrupti sed esse quia
qui asperiores facilis sed voluptates deserunt. Est dolores architecto qui dolorem voluptatibus ea
debitis repellat.<br>
Id amet error et eveniet magnam in mollitia delectus ex omnis voluptatibus id consequuntur perferendis?
Qui expedita blanditiis eos repudiandae optio non eius quos et alias deleniti eos illum velit ad
inventore molestiae sed blanditiis minima.</p>
</div>
<div class="content-img">
<img src="/images/chocolate cake.jpg" alt="" width="300px">
</div>
</div>
<div class="products">
<div class="product-img">
<img src="/images/cheesecake.jpg" alt="" width="200px" height="140px">
</div>
<div class="product-img">
<img src="/images/macarons.jpg" alt="" width="200px" height="140px">
</div>
<div class="product-img">
<img src="/images/cupcakes.jpg" alt="" width="200px" height="140px">
</div>
<div class="product-img">
<img src="/images/croissant.jpg" alt="" width="200px" height="140px">
</div>
</div>
<footer class="foot-info">
<div><P>Email Us At: <br> [email protected]</P></div>
<div><p>Privacy Policy</p></div>
<div><p>© 2022 Cake Co</p></div>
</footer>
</body>
</html>