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
82 lines (67 loc) · 2.4 KB
/
index.html
File metadata and controls
82 lines (67 loc) · 2.4 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
<!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="css/normalize.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<header>
<img src="img/cake-logo-name.jpg" alt="logo" width:auto;>
<h1>The best cakes in town, delivered to your door</h1>
<img src="img/cake-logo-name.jpg" alt="logo" width:auto;>
<menu-bar>
<nav>
<a href=""> Home</a>
<a href="" > Cakes</a>
<a href=""> Orderin</a>
<a href=""> Lessons</a>
<a href="" >About</a>
</nav>
</menu-bar>
</header>
<main>
<section class="Introdution">
<div class="text">
<h2> Cakes by Sobia</h2>
<p>A cake for everyone. A slice of heaven. Art of Cakes
Bake Someone Happy. Baked fresh for you. Baking people happy. Cake? Cakes and bakes from the house of Queens!
Cakes handcrafted with care. Come in for a cake lift
Come see what we can do! Come taste the difference
Creations for Celebrations Did someone say Cake?!
Eat like it is your last cake Eat your heart out
Every batch from scratch Exceptional taste
Exceptional Taste, Exceptional Price Expressions with confection.
If in doubt. Bake a cake. Just cake! Let us create joy for you!
</p>
</div>
<img scr="" alt=" cake for all taste">
</section>
<section class="product-varieties">
<div class="cake-type" >
<img src="img/Birthday-Cakes2.jpg" alt="Birthday Cakes">
</div>
<div class="cake-type" >
<img src="img/wedding.jpg " alt="Wedding Cakes">
</div>
<div class="cake-type" >
<img src="img/anniversarycake.jpg" alt="Anniversary Cakes">
</div>
<div class="cake-type" >
<img src="img/thankyou.jpg" alt="Thank You Cakes">
</div>
</section>
</main>
<footer>
<p>For updates and news, Follow us here: </p>
<img src="img/facebook-icon.svg" alt="facebook" width=25px; height=20px;>
<img src="img/twitter-icon.svg" alt="twitter" width=25px; height=20px;>
<img src="img/instagram-icon.svg" alt="instagram" width=25px; height=20px;>
</footer>
</div>
</body>
</html>