-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
79 lines (74 loc) · 2.72 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cupcake Delight</title>
<!-- Link to external CSS -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Header Section -->
<header>
<div class="container">
<h1 class="logo">Cupcake Delight</h1>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#menu">Menu</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Hero Section -->
<section id="home" class="hero">
<div class="container">
<h2>Delicious Cupcakes Made With Love</h2>
<a href="#menu" class="btn">View Menu</a>
</div>
</section>
<!-- Menu Section -->
<section id="menu" class="menu">
<div class="container">
<h2>Our Cupcake Menu</h2>
<div class="menu-items">
<div class="item">
<img src="image/strawberry.jpg" alt="Strawberry Cupcake">
<h3>Strawberry Bliss</h3>
<p>Soft, fluffy, and bursting with fresh strawberry flavor.</p>
</div>
<div class="item">
<img src="image/blue.jpg" alt="Blueberry Cupcake">
<h3>Blueberry Heaven</h3>
<p>Fresh blueberries swirled into a light, creamy frosting.</p>
</div>
<div class="item">
<img src="image/vanilla.jpg" alt="Vanilla Cupcake">
<h3>Classic Vanilla</h3>
<p>Simple, elegant, and timeless. Perfect for any occasion.</p>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="about">
<div class="container">
<h2>About Us</h2>
<p>At Cupcake Delight, we believe in creating sweet memories. Our cupcakes are baked fresh daily using the finest ingredients, ensuring that every bite is pure happiness. Visit us and taste the magic!</p>
</div>
</section>
<!-- Footer Section -->
<footer>
<div class="container">
<p>© 2024 Cupcake Delight. All Rights Reserved.</p>
<p>Follow us:
<a href="#">Facebook</a> |
<a href="#">Instagram</a> |
<a href="#">Twitter</a>
</p>
</div>
</footer>
</body>
</html>