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
84 lines (83 loc) · 2.71 KB
/
index.html
File metadata and controls
84 lines (83 loc) · 2.71 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
<!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" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="style.css" />
<title>Responsive Cake webpage</title>
</head>
<body>
<header>
<img
id="header-image"
src="images/Screenshot 2023-02-07 at 00.24.25.png"
alt=""
/>
<nav id="nav-mobile">≡</nav>
<h2 id="header-title">The best cakes in town delivered to your door</h2>
</header>
<nav id="nav-desktop">
<ul id="nav-desktop-list">
<li class="nav-list">Home</li>
<li class="nav-list">Cakes</li>
<li class="nav-list">Order In</li>
<li class="nav-list">Lessons</li>
<li class="nav-list">About</li>
</ul>
</nav>
<main>
<section id="section-one">
<h1 id="section-one-title">Welcome</h1>
<p id="section-one-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Eleifend
quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus.
Fermentum iaculis eu non diam phasellus vestibulum lorem sed. Fames ac
turpis egestas sed. Nullam non nisi est sit amet. Id diam vel quam
elementum pulvinar etiam. Ullamcorper malesuada proin libero nunc
consequat. Consequat mauris nunc congue nisi. Arcu vitae elementum
curabitur vitae.
</p>
</section>
<section id="section-two">
<img
id="section-two-image"
src="images/Screenshot 2023-02-06 at 23.58.36.png"
alt=""
/>
</section>
<section id="section-three">
<img
class="gallery-image"
src="images/Screenshot 2023-02-06 at 23.57.34.png"
alt=""
/>
<img
class="gallery-image"
src="images/Screenshot 2023-02-06 at 23.57.45.png"
alt=""
/>
<img
class="gallery-image"
src="images/Screenshot 2023-02-06 at 23.57.55.png"
alt=""
/>
<img
class="gallery-image"
src="images/Screenshot 2023-02-06 at 23.58.25.png"
alt=""
/>
</section>
</main>
<footer>
<ul id="footer-list">
<li class="footer-list-item">Read More</li>
<li class="footer-list-item">Fan's feedback</li>
<li class="footer-list-item">Local Bake Off's near you</li>
</ul>
<span id="copyright">Cakes we can all be proud of</span>
</footer>
</body>
</html>