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
77 lines (71 loc) · 3.32 KB
/
index.html
File metadata and controls
77 lines (71 loc) · 3.32 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
<!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>
<!-- Add your markup here -->
<div class="container">
<header class="header">
<img src="design/images/photo-1559620192-032c4bc4674e.avif" alt="cake">
<p class="paragaph">
Sugar Bliss: Indulge in Heavenly Delights at Our Cake Shop
</p>
</header>
<nav class="nav">
<ul class="ul-nav">
<li>
<a href="#" class="n-link">HOME</a>
</li>
<li>
<a href="#" class="n-link">CAKES</a>
</li>
<li>
<a href="#" class="n-link">ORDERIN</a>
</li>
<li>
<a href="#" class="n-link">LESSONS</a>
</li>
<li>
<a href="#" class="n-link">ABOUT</a>
</li>
</ul>
</nav>
<main class="main">
<div class="main-1">
<article class="article-1">
<img src="design/images/photo-1562777717-dc6984f65a63.avif" alt="cake-image" class="cake-1">
</article>
<section class="section-1"> welcome</section>
<section class="section-2">
Experience pure bliss at Sugar Bliss, where our heavenly cakes are crafted with love and passion. From classic favorites to innovative creations, our cakes cater to every palate and occasion. Indulge in velvety chocolate or fruity delights, or explore our specialty cakes that are true works of art. We also offer gluten-free, vegan, and sugar-free options. Pair your cake with premium coffees and teas for the ultimate pleasure. Our friendly staff will assist you in finding the perfect treat. Visit our cake shop today and indulge in pure bliss.
</section>
</div>
<div class="main-2">
<article class="article-a">
<img src="design/images/photo-1560180474-e8563fd75bab.avif" alt="cake-image" class="cake-a">
</article>
<article class="article-b">
<img src="design/images/photo-1516054575922-f0b8eeadec1a.avif" alt="cake-image" class="cake-b">
</article>
<article class="article-c">
<img src="design/images/photo-1595272568891-123402d0fb3b.avif" alt="cake-image" class="cake-c">
</article>
<article class="article-d">
<img src="design/images/photo-1535141192574-5d4897c12636.avif" alt="cake-image" class="cake-d">
</article>
</div>
</main>
<footer class="footer">
<section class="section-a"><img src="design/icons/Instagram_logo_2016.svg.png" alt="instagram" class="icon-a"></section>
<section class="section-b"><img src="design/icons/Facebook_icon.svg.png" alt="facebook" class="icon-b"></section>
<section class="section-c"><img src="design/icons/1189129.png" alt="whatsApp" class="icon-c"></section>
<section class="section-d"> [email protected]</section>
</footer>
</div>
</body>
</html>