1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 ">
5+ < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
6+ < link rel ="preconnect " href ="https://fonts.googleapis.com ">
7+ < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css " integrity ="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw== " crossorigin ="anonymous " referrerpolicy ="no-referrer " />
8+ < link rel ="preconnect " href ="https://fonts.gstatic.com " crossorigin >
9+ < link href ="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap " rel ="stylesheet ">
10+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
11+ < link rel ="stylesheet " href ="style.css ">
12+ < title > Sonu's cakes</ title >
13+ </ head >
14+ < body >
15+ < div class ="wrapper ">
16+ < nav >
17+ < a href ="index.html ">
18+ < img src ="logo.png " class ="logo ">
19+ </ a >
20+
21+ < ul >
22+ < li > < a href ="# " class ="active "> Home</ a > </ li >
23+ < li > < a href ="#aboutUs "> About Us</ a > </ li >
24+ < li > < a href ="#featured "> Featured</ a > </ li >
25+ < li > < a href ="#address "> Address</ a > </ li >
26+ </ ul >
27+ </ nav >
28+ <!-- <nav id="mobileNav">
29+ <a href="index.html">
30+ <img src="logo.png" class="logo">
31+ </a>
32+
33+ <p style="float:right;background:red;width:60px;">MENU</p>
34+
35+ <ul>
36+ <li><a href="#" class="active">Home</a></li>
37+ <li><a href="#aboutUs">About Us</a></li>
38+ <li><a href="#featured">Featured</a></li>
39+ <li><a href="#address">Address</a></li>
40+ </ul>
41+ </nav> -->
42+ < main >
43+ < div class ="content ">
44+ < img src ="cake.png " alt ="" class ="cake ">
45+ < h1 class ="hero "> The Best Cakes in the Town</ h1 >
46+ < p > From Cupcakes to Muffins, Cookies to Brownies and from Hot Chocolate to Choco Lava Cake, We've got you all !</ p >
47+ < div class ="buttons ">
48+ < a href ="# " id ="first "> < i class ="fa-solid fa-utensils "> </ i > See Menu</ a >
49+ < a href ="# " id ="second "> < i class ="fa-regular fa-circle-play "> </ i > Watch Video</ a >
50+ </ div >
51+ </ div >
52+
53+
54+ </ main >
55+ < div class ="about " id ="aboutUs ">
56+ < img src ="Lava-Cake-PNG-Free-Download.png " alt ="" class ="chocoLava ">
57+
58+ < div >
59+ < h2 > About Sonu's Bakery</ h2 >
60+ < p >
61+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Minima porro
62+ eveniet eaque quos modi facere commodi saepe quia ullam amet.
63+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Minima porro
64+ eveniet eaque quos modi facere commodi saepe quia ullam amet. Minima porro
65+ eveniet eaque quos modi facere commodi saepe quia ullam amet.
66+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Minima porro
67+ eveniet eaque quos modi facere commodi.
68+ </ p >
69+ </ div >
70+ </ div >
71+
72+
73+
74+
75+ < h2 class ="featured-heading " id ="featured "> Featured</ h2 >
76+ < div class ="featured " >
77+
78+ < div class ="food ">
79+ < img src ="lava-cake.png " alt ="">
80+ < h3 > Choco Lava Cake</ h3 >
81+ < p > ₹ 124</ p >
82+ </ div >
83+
84+ < div class ="food ">
85+ < img src ="Pastry-PNG-Images.png " alt ="">
86+ < h3 > Pastries</ h3 >
87+ < p > ₹ 52</ p >
88+ </ div >
89+
90+ < div class ="food ">
91+ < img src ="garlic-bread.png " alt ="">
92+ < h3 > Garlic Breads</ h3 >
93+ < p > ₹ 124</ p >
94+ </ div >
95+
96+ < div class ="food ">
97+ < img src ="hot-choco.png " alt ="">
98+ < h3 > Hot Chocolate</ h3 >
99+ < p > ₹ 90</ p >
100+ </ div >
101+
102+ < div class ="food ">
103+ < img src ="cookie-cliparts-transparent-download-clip-art-17.png " alt ="">
104+ < h3 > Cookies</ h3 >
105+ < p > ₹ 60</ p >
106+ </ div >
107+
108+ < div class ="food ">
109+ < img src ="crossiant.png " alt ="">
110+ < h3 > Crossiant</ h3 >
111+ < p > ₹ 52</ p >
112+ </ div >
113+
114+ </ div >
115+ < div class ="address " id ="address ">
116+ < h2 class ="featured-heading " id ="featured "> Address</ h2 >
117+ < div class ="iframecontainer ">
118+ < iframe src ="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7368.059858064633!2d88.36043369310836!3d22.57798391795137!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a02764da5ea8389%3A0xb5e9ce61dfadde9f!2sCollege%20Street%2C%20Kolkata%2C%20West%20Bengal!5e0!3m2!1sen!2sin!4v1685778090359!5m2!1sen!2sin " width ="600 " height ="450 " style ="border:0; " allowfullscreen ="" loading ="lazy " referrerpolicy ="no-referrer-when-downgrade "> </ iframe >
119+ </ div >
120+ </ div >
121+
122+ < footer >
123+ < div >
124+ < h2 > Social</ h2 >
125+ < p > Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo, nesciunt?</ p >
126+ < p > < a href ="# "> < i class ="fa-brands fa-facebook "> </ i > </ a > < a href ="# "> < i class ="fa-solid fa-envelope "> </ i > </ a >
127+ < a href ="# "> < i class ="fa-brands fa-instagram "> </ i > </ a > < a href ="# "> < i class ="fa-brands fa-linkedin "> </ i > </ a > </ p >
128+ </ div >
129+ < div >
130+ < h2 > Location and Phone</ h2 >
131+ < p > < i class ="fa-solid fa-location-dot "> </ i > Beside Adi Mohini Mohan Kanjilal, College Square, Kolkata</ p >
132+ < p > < i class ="fa-solid fa-phone "> </ i > </ i > +91 7011111111</ p >
133+ </ div >
134+ < div >
135+ < h2 > Services</ h2 >
136+ < p >
137+ < img src ="swiggy.jpg " alt ="">
138+ < img src ="zomato.png " alt ="">
139+ </ p >
140+ </ div >
141+ </ footer >
142+
143+
144+ </ div >
145+
146+ </ body >
147+ </ html >
0 commit comments