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
123 lines (115 loc) · 4.1 KB
/
index.html
File metadata and controls
123 lines (115 loc) · 4.1 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
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
119
120
121
122
123
<!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">
</head>
<body>
<header>
<div class="logo-div">
<img class="logo" src="images/Cake Logo.png" alt="Bakery Logo">
<button>
<a href="#contact">Contact Us</a>
</button>
</div>
</header>
<nav>
<ul class="header-nav">
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Cakes</a>
</li>
<li>
<a href="#">Ordering</a>
</li>
<li>
<a href="#">Lessons</a>
</li>
<li>
<a href="#">About</a>
</li>
</ul>
</nav>
<main>
<div class="text">
<h1>Welcome to <strong>LT Bakery</strong>
</h1>
<p><em>Your one stop shop for all delicious cakes</em>
</p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam commodo turpis nec lacinia blandit. Fusce
at diam ligula. Ut volutpat, lacus et dictum hendrerit, eros metus dapibus mauris, sit amet facilisis
ligula odio a libero. Nulla egestas, tellus ut volutpat pretium, quam ligula gravida lectus, ac viverra
urna ipsum id neque. In egestas non odio id vulputate. Mauris pharetra dolor nec sodales scelerisque.
Pellentesque sollicitudin mauris porta, consequat mi at, tempor tellus. Sed eleifend hendrerit enim quis
varius. Morbi aliquam fringilla turpis vitae placerat. Aliquam odio nibh, egestas sed dapibus nec,
faucibus quis lectus. Vivamus porta porttitor ante, vitae porta metus dictum nec. Duis id tristique
erat, imperdiet vulputate elit.
</p>
</div>
<img class="main-img" src="https://p0.pikrepo.com/preview/146/356/blue-and-white-floral-cake.jpg"
alt="Blue and white floral cake">
</main>
<section class="cakes">
<figure>
<img class="cake"
src="https://c.pxhere.com/photos/b4/48/gingerbread_house_christmas_pastries_christmas_gingerbread_decoration_parties_candy_royal_icing-768337.jpg!d"
alt="Christmas cake">
<figcaption>
Christmas Cake
</figcaption>
</figure>
<figure>
<img class="cake" src="https://i.redd.it/pvrwtovoma751.jpg" alt="Spaghetti and meatballs gravity cake">
<figcaption>
Spaghetti and Meatballs Gravity Cake
</figcaption>
</figure>
<figure>
<img class="cake" src="https://i.insider.com/5d9e1cf38348690b2e706a94?width=600&format=jpeg&auto=webp"
alt="Doritos cake">
<figcaption>
Doritos Cake
</figcaption>
</figure>
<figure>
<img class="cake" src="https://www.howtocookthat.net/public_html/wp-content/comment-image/289633.jpg?x19907"
alt="Bag design cake">
<figcaption>
Bag Design Cake
</figcaption>
</figure>
</section>
<footer>
<ul class="footer-nav">
<li>
<a href="#">Site Map</a>
</li>
<li>
<a href="#">Delivery</a>
</li>
<li>
<a href="#">Return/Refund</a>
</li>
<li>
<a href="#">Terms and Conditions</a>
</li>
</ul>
<div id="contact">
<h2>
Contact Us
</h2>
<p><strong>LT Bakery</strong></p>
<p>xxxx shoplot,</p>
<p>street</p>
<p>postcode</p>
<p><em>Phone number: xxx-xxx-xxxxxxxx</em></p>
<p><em>Email: [email protected]</em></p>
</div>
</footer>
</body>
</html>