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
75 lines (59 loc) · 2.89 KB
/
index.html
File metadata and controls
75 lines (59 loc) · 2.89 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
<!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 href="style.css" rel="stylesheet">
</head>
<body>
<main class="homepage-main">
<section class="homepage-hero">
<img src="https://img.freepik.com/premium-vector/cupcake-logo-design_9845-141.jpg" alt="cake-logo">
<label class="hamburger-menu">
<input type="checkbox">
<span class="menu"> <span class="hamburger"></span></span>
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">CAKES</a></li>
<li><a href="#">ORDERIN</a></li>
<li><a href="#">LESSONS</a></li>
<li><a href="#">ABOUT</a></li>
</ul>
</label>
<P class="">The best cake in town delivered to your door</P>
</section>
<section class="page-menu">
<div class="menu">
<div class=""><a href="#">HOME</a></div>
<div class=""><a href="#">HOME</a></div>
<div class=""><a href="#">HOME</a></div>
<div class=""><a href="#">HOME</a></div>
<div class=""><a href="#">HOME</a></div>
</div>
</section>
<section class="homepage">
<img src="https://ik.imagekit.io/0bods5tu3//Photos/Ordering1/2657/vegan%20courgette%20lime%20cake%20(4).jpg?Version=" alt="cake">
</section>
<section class="products">
<img class="pic-cake" src="https://assets-eu-01.kc-usercontent.com/559bb7d3-88a4-01c1-79a3-dd4d5b2d2bb0/6bd0d3ee-5e39-453a-bdcb-bd4400c188bc/Cookie,%20Oreo%20&%20Brownie%20Layered%20Cake-_landscape%203.jpg" alt="cake"/>
<img class="pic-cake" src="https://ik.imagekit.io/0bods5tu3//Photos/Ordering1/3728/eton-mess-cake3144.jpg?Version=" alt="cake"/>
<img class="pic-cake" src="https://assets.epicurious.com/photos/57d6d471adcedbfa6105f654/5:4/w_830,h_663,c_limit/amy-sedariss-vanilla-cupcakes.jpg" alt="cake"/>
<img class="pic-cake" src="https://img.freepik.com/premium-photo/chocolate-donuts-isolated-white-background_525574-8710.jpg?w=2000" alt="cake"/>
</section>
<aside class="homepage-aside">
<h1>Welcome</h1>
<p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book. It usually begins</p>
</aside>
<section class="page-footer">
<div class="links">
<a class="link1" href="#">Contact</a>
<a class="link1" href="#">Email</a>
<a class="link1" href="#">Facebook</a>
</div>
<p class="">© copyright Cake Co</p>
</section>
</main>
</body>
</html>