CodeYourFuture · TimeaReich · Dec 1, 2021 · Dec 3, 2021 · Dec 3, 2021 · Dec 4, 2021
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
diff --git a/.github/workflows/close.yml b/.github/workflows/close.yml
diff --git a/GRADING.md b/GRADING.md
diff --git a/HOW-TO-GET-HELP.md b/HOW-TO-GET-HELP.md
diff --git a/HOW-TO-SUBMIT.md b/HOW-TO-SUBMIT.md
diff --git a/HOW_TO_MARK.md b/HOW_TO_MARK.md
diff --git a/design/cakes wireframe - desktop.png b/design/cakes wireframe - desktop.png
diff --git a/design/cakes wireframe - mobile.png b/design/cakes wireframe - mobile.png
diff --git a/images/envelope-regular.svg b/images/envelope-regular.svg
diff --git a/images/instagram-brands.svg b/images/instagram-brands.svg
diff --git a/images/menu-hamburger.svg b/images/menu-hamburger.svg
diff --git a/images/rice cake 1.jpg b/images/rice cake 1.jpg
diff --git a/images/rice cake 2.jpg b/images/rice cake 2.jpg
diff --git a/images/rice cake 3.jpg b/images/rice cake 3.jpg
diff --git a/images/rice cake 4.jpg b/images/rice cake 4.jpg
diff --git a/images/twitter-brands.svg b/images/twitter-brands.svg
diff --git a/images/—Pngtree—delicious snack rice cake illustration_4691066.png b/images/—Pngtree—delicious snack rice cake illustration_4691066.png
diff --git a/images/—Pngtree—rice cake slices_5625760.png b/images/—Pngtree—rice cake slices_5625760.png
diff --git a/index.html b/index.html
@@ -5,12 +5,90 @@
     <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>
-    <!-- Add a link to your css file here -->
+    <title>Responsive RiceCake webpage</title>
+    <link rel="stylesheet" href="style.css" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Comforter+Brush&family=Quicksand:wght@300;400&display=swap"
+        rel="stylesheet">
 </head>
 
 <body>
-    <!-- Add your markup here -->
+    <header class="header">
+        <div class="header-logo"><img src="images/—Pngtree—delicious snack rice cake illustration_4691066.png"
+                alt="logo" /></div>
+        <div class="header-p">
+            <p>The best rice cakes in town delivered to your door</p>
+        </div>
+        <button class="hamburger"><img src="images/menu-hamburger.svg" alt="icon"></button>
+    </header>
+
+
+    <nav class="navigation">
+        <ul class="navigation-list">
+            <li><a href="#">HOME</a></li>
+            <li><a href="#">CAKES</a></li>
+            <li><a href="#">ORDERING</a></li>
+            <li><a href="#">LESSONS</a></li>
+            <li><a href="#">ABOUT</a></li>
+        </ul>
+    </nav>
+
+    <main class="main">
+        <div>
+            <h1>Welcome</h1>
+        </div>
+        <div class="welcome-section-article">
+            <p>Some text about rice cakes and how we make them. Some more text about how delicious they are and why you
+                should try them. Some more about us and what can you do on this website. Also you can order our cakes
+                this and this way. Some text about rice cakes and how we make them. Some more text about how delicious
+                they are and why you should try
+                them. Some more about us and what can you do on this website. Also you can order our cakes this and this
+                way. Some text about rice cakes and how we make them. Some more text about how delicious they are and
+                why you should try
+                them. Some more about us and what can you do on this website. Also you can order our cakes this and this
+                way. Some text about rice cakes and how we make them. Some more text about how delicious they are and
+                why you should try
+                them. Some more about us and what can you do on this website. Also you can order our cakes this and this
+                way. Some text about rice cakes and how we make them. Some more text about how delicious they are and
+                why you should try
+                them. Some more about us and what can you do on this website. Also you can order our cakes this and this
+                way. Some text about rice cakes and how we make them.</p>
+        </div>
+
+        <div class="main-section-image"><img src="images/—Pngtree—rice cake slices_5625760.png" />
+        </div>
+
+        <div class="feature-section"><img src="images/rice cake 1.jpg" alt="rice cake" /></div>
+        <div class="feature-section"><img src="images/rice cake 2.jpg" alt="rice cake" /></div>
+        <div class="feature-section"><img src="images/rice cake 3.jpg" alt="rice cake" /></div>
+        <div class="feature-section"><img src="images/rice cake 4.jpg" alt="rice cake" /></div>
+    </main>
+
+    <footer class="footer">
+        <div>
+            <p>Follow us on</p>
+            <a href="#">
+                <img src="images/instagram-brands.svg" alt="instagram-logo" />
+            </a>
+        </div>
+        <div>
+            <p>Find us on</p>
+            <a href="#">
+                <img src="images/twitter-brands.svg" alt="twitter-logo" />
+            </a>
+        </div>
+        <div>
+            <p>Contact us at</p>
+            <a href="#">
+                <img src="images/envelope-regular.svg" alt="email-logo" />
+            </a>
+        </div>
+        <div>
+            <p class="copyright">COPYRIGHT<span>&#169;</span>Jaiso Cake Company</p>
+        </div>
+    </footer>
+
 </body>
 
 </html>
diff --git a/readme.md b/readme.md