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
62 lines (55 loc) · 2.53 KB
/
index.html
File metadata and controls
62 lines (55 loc) · 2.53 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
<!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>
<!-- Add a link to your css file here -->
<link rel="stylesheet" href="./style.css">
</head>
<body>
<header class="head">
<!-- Add your markup here -->
<img src="/design/logo pic.jfif" alt="logo">
<div class="head__part">
<input class="menu__toggle" id="menu__toggle" type="checkbox" />
<label class="menu__btn" for="menu__toggle">
<span class="nav-icon"></span>
</label>
<ul class="nav-menu">
<li><a class="menu__item" href="#">Home</a></li>
<li><a class="menu__item" href="#">Cakes</a></li>
<li><a class="menu__item" href="#">Ordering</a></li>
<li><a class="menu__item" href="#">About</a></li>
</ul>
<h5 class="head-paragraph">The best cakes in town delivered to your door</h5>
</div>
</header>
<main>
<section class="body1">
<img class="birthday" src="design/istockphoto-184754154-612x612 22.jpg" alt="Birthday"/>
<div class="body1-2">
<h1 class="main__title">Welcome</h1>
<p class="main__paragraph">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex exercitationem, error inventore alias quibusdam ratione aliquam enim fugiat sequi ut, nostrum esse atque tempore vitae consequatur, officiis mollitia. Omnis illum quasi iste quis enim exercitationem necessitatibus voluptatem voluptates ipsum ipsa error ullam beatae cupiditate a nulla eveniet optio, eaque labore assumenda in voluptate! Autem magnam vel molestias porro, harum aperiam.</p>
</div>
</section>
<div class="four__pic">
<img class="img1" src="design/istockphoto-1200027239-612x612 31.jpg" alt="image1">
<img class="img2" src="design/istockphoto-854142612-612x612 32.jpg" alt="image2">
<img class="img3" src="design/istockphoto-477411296-612x612 33.jpg" alt="image3">
<img class="img4" src="design/istockphoto-1204924850-612x612 34.jpg" alt="image3">
</div>
<footer class="foot">
<div class="links">
<a class="link1" href="#">Facebook</a>
<a class="link2" href="#">Instagram</a>
<a class="link3" href="#">Twitter</a>
</div>
<div>
<p>Thanks for your support</p>
</div>
</footer>
</main>
</body>
</html>