CodeYourFuture · Melesegithub · Feb 10, 2023 · Feb 11, 2023
diff --git a/img/imagecake.jpg b/img/imagecake.jpg
diff --git a/img/imagecake2.jpg b/img/imagecake2.jpg
diff --git a/img/imageicecream.jpg b/img/imageicecream.jpg
diff --git a/img/imageicecream2.jpg b/img/imageicecream2.jpg
diff --git a/img/imageicecream3.jpg b/img/imageicecream3.jpg
diff --git a/img/imageicecream4.jpg b/img/imageicecream4.jpg
diff --git a/index.html b/index.html
@@ -6,11 +6,93 @@
     <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>
-    <!-- Add a link to your css file here -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
+
+
+    <!-- Add a link to your css file here --> 
+    <link rel="stylesheet" href="style.css">
 </head>
 
 <body>
     <!-- Add your markup here -->
+    <body>
+        <div class="grid-container">
+
+
+            <div class="header"><div class="images">
+                <img src="img/imagecake2.jpg"></div>  
+                          <div class="icon">
+                                <nav>
+                                        <input type="checkbox" id="check">
+
+
+                                        <label for="check" class="checkbtn">
+                                        <i style=" font-size:40px;border:none; background-color:pink;">&#9776;</i>     
+                                        </label>
+
+
+
+                                        <ul>
+                                            <li><a href="#">HOME</a></li>
+                                            <li><a href="#">CAKES</a></li>
+                                            <li><a href="#">ORDERIN</a></li>
+                                            <li><a href="#">LESSONS</a></li>
+                                            <li><a href="#">ABOUT</a></li>
+                                        </ul>
+                                </nav>
+                                <div><p class="para">                The best cakes in town
+                                    delivered to your door</p></div>
+                         </div>
+
+            </div> 
+            <!-- navbar -->
+             <div class="navbar">
+                <nav>
+
+
+                    <li><a href="#">Home</a></li>
+                    <li><a href="#">About</a></li>
+                    <li><a href="#">Services</a></li>
+                    <li><a href="#">Contact</a></li>
+                    <li><a href="#">Feedback</a></li>
+
+                </nav>
+
+             </div>
+
+            <!-- navbar end -->
+            <!-- welcome -->
+            <div class="welcome"><h3>Welcome</h3><p>There's nothing quite like sharing generous <br>slices of mouthwatering homemade <br>cake with family or friends.  <br>    
+            In making a cake you are taking advantage of some magical <br>scientific transformations to create <br>something sugary, <br>delicate and delicious that everyone will love – and love you for.
+
+            Like many people,<br> I was inducted into cake making at the apron of my mother.<br> Some of my most treasured memories are of scooping fairy <br>cake mixture into little paper cases, <br>dipping my fingers into the melted chocolate icing, <br>and the satisfaction of eating the misshapen creations for tea.
+        </p></div>
+            <!-- welcome end -->
+
+            <div class="welcomeimage"><div class="welcomeimage-img"><img src="img/imagecake2.jpg"></div></div>
+            <div class="cakeimage">
+                <div><img src="img/imageicecream.jpg"></div>
+                    <div><img src="img/imageicecream2.jpg"></div>
+                    <div><img src="img/imageicecream4.jpg"></div>
+                    <div><img src="img/imageicecream3.jpg"></div>
+
+            </div>
+
+            <div class="footer">
+
+                <div><div><article><h1>Macmillans Kitchen</h1><p>Always great breakfast</p></article></div>
+
+                <div><article><h1>CupCakes</h1><p>Come and try</p></article></div>
+                <div><article><h1>Wild Flours</h1><p>Fantastic all time</p></article></div></div>
+                <div>Glasgow City Center</div>
+            </div>
+
+            </div>
+    </div>
+
+
+
 </body>
 
 </html>