generated from Code-Institute-Org/ci-full-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (146 loc) · 6.49 KB
/
index.html
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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="love cooking, cakes, home made cake, sweet dream">
<link rel="stylesheet" href="style.css">
<title>VR-sweets</title>
</head>
<body>
<!-- create a header with logo and nav menu -->
<header >
<a href="index.html">
<h1 id="logo">VR-sweets</h1>
</a>
<nav>
<ul id="menu">
<li>
<a href="contact-us.html"> Contact us</a>
</li>
<li>
<a href="gallery.html"> Gallery</a>
</li>
<li>
<a href="index.html" class="active">Home</a>
</li>
</ul>
</nav>
</header>
<!-- create a section for image -->
<section id="img-outer">
<div id="top-img"></div>
</section>
<!-- create a section for Trending Treats -->
<section id="second">
<h1 class="welcome">Cakes that taste as good as they look!</h1>
<div class="blocs">
<div class="pict">
<img src="images/pic1.png">
</div>
<h2>Bespoke designs</h2>
<h3>Custom creations designed especially for you.</h3>
</div>
<div class="blocs">
<div class="pict">
<img src="images/pic2.png">
</div>
<h2>Enriched taste</h2>
<h3>Unlimited choice of Mouth-watering homemade recipes.</h3>
</div>
<div class="blocs">
<div class="pict">
<img src="images/pic3.png">
</div>
<h2>Quality ingredients </h2>
<h3>Freshly sourced quality ingredients. 100% vegetarian and alcohol free.</h3>
</div>
<div class="blocs">
<div class="pict">
<img src="images/pic4.png">
</div>
<h2>Home Delivery</h2>
<h3>Free collection and Local delivery option available.</h3>
</div>
</section>
<!-- create a third section with more information -->
<section id="third">
<div class="about-us">
<h1 class="welcome">About us</h1>
<p>With an immense passion for baking beautiful bespoke cakes, we aim for each of our creations to be unique, just like the occasion they are made for. But we know looks aren’t enough, so we make sure that every cake really does taste as good as it looks!</p>
<p>We make all types of home-made amazing cakes. Every mouth-watering creation that leaves our kitchen is made fresh to order using the highest quality ingredients. We know that every occasion is special and every cake has to have the WOW factor … so let us make the one that everyone will remember!!!</p>
<h1 class="welcome">What can we do?</h1>
<p>Pretty much anything you can think of. You can choose anything from simple cupcakes to succulent fresh cream fruit cakes or even custom themed multi-tier sponge cakes. For themed parties, we offer coordinated cakes, cupcakes and cake pops too. So, whether it’s a small birthday gathering, a wedding to serve hundreds, your baby’s christening, or a corporate event, we have you covered. Have a look at some of our <a href="gallery.html" class="active">previous work</a> for inspiration and ideas.</p>
<h1 class="welcome">About us</h1>
<p>We believe in complete customisation for our clients. Have something in mind? Let us know and we’ll make it come to life! Not too sure what you want? Talk to us and we’ll help create a magical masterpiece for you. You can even mix and match the flavours to ensure your taste buds are left as mesmerised as your eyes!</p>
<p>Have a budget? Want something special? Need it fresh? <a href="contact-us.html" class="active"> Get in touch </a> today and see what we can do for you <i class="fa-solid fa-wand-sparkles"></i> !</p>
</div>
</section>
<!-- create a section Trending Treats -->
<section id="fourth">
<h1 class="welcome">Trending Treats!</h1>
<div class="card">
<div class="card-pics">
<img src="images/celebrationcake.png">
</div>
<div class="card-txt">
<h3>Pricess cake</h3>
</div>
</div>
<div class="card">
<div class="card-pics">
<img src="images/hero cake.png">
</div>
<div class="card-txt">
<h3>Hero cake</h3>
</div>
</div>
<div class="card">
<div class="card-pics">
<img src="images/mixcakesbox.png">
</div>
<div class="card-txt">
<h3>Mixed flavours cakes Box</h3>
</div>
</div>
<div class="card">
<div class="card-pics">
<img src="images/mixmacaronsbox.png">
</div>
<div class="card-txt">
<h3>Mixed Macarons Box</h3>
</div>
</div>
<div class="card">
<div class="card-pics">
<img src="images/par.png">
</div>
<div class="card-txt">
<h3>A big order for a big Party</h3>
</div>
</div>
</section>
<!-- create a footer -->
<footer>
<ul class="social-networks">
<li>
<a href="https://facebook.com" target="_blank" rel="noopener"
aria-label="Visit our Facebook page (opens in a new tab)"><i class="fab fa-facebook"></i></a>
</li>
<li>
<a href="https://twitter.com" target="_blank" rel="noopener"
aria-label="Visit our Twitter page (opens in a new tab)"><i class="fab fa-twitter-square"></i></a>
</li>
<li>
<a href="https://youtube.com" target="_blank" rel="noopener"
aria-label="Visit our YouTube page (opens in a new tab)"><i class="fab fa-youtube-square"></i></a>
</li>
<li>
<a href="https://instagram.com" target="_blank" rel="noopener"
aria-label="Visit our Instagram page (opens in a new tab)"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</footer>
<script src="https://kit.fontawesome.com/771967ee0e.js" crossorigin="anonymous"></script>
</body>
</html>