diff --git a/css/index.css b/css/index.css
index 21442c782..59fd98b5d 100644
--- a/css/index.css
+++ b/css/index.css
@@ -52,9 +52,6 @@ table {
 }
 
 html {
-    max-width: 1920px;
-    min-width: 428px;
-    width: 100%;
     font-size: 62.5%;
 }
 
@@ -63,8 +60,9 @@ body {
     line-height: 1.5;
 }
 
-h1, h2, h3, h4, h5, h6, p, a, i {
+h1, h2, h3, h4, h5, h6, p, a, i ,label, small{
     text-decoration: none;
+    color: rgb(225, 239, 230);
 }
 
 h1 {
@@ -73,6 +71,7 @@ h1 {
 
 h2 {
     font-size: 6rem;
+    padding: 1rem 0;
 }
 
 h3 {
@@ -80,7 +79,13 @@ h3 {
 }
 
 p, a {
-    font-size: 3rem;
+    font-size: 2.5rem;
+}
+button, input, label {
+    font-size: 2rem;
+} 
+small {
+    font-size: 1rem;
 }
 
 /* header section */
@@ -91,6 +96,23 @@ header {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
+    text-align: center;
+}
+.header-container {
+    background-color: rgb(0, 4, 17, .8);
+    display: flex;
+    flex-direction: column;
+    
+}
+.header-container nav {
+    display: flex;
+    justify-content: space-around;
+}
+.header-container nav a {
+    padding: 1rem 4%;
+}
+.header-container .icons a {
+    padding: 1rem 1%;
 }
 
 /* spacers */
@@ -108,15 +130,23 @@ header {
 /* gallery section */
 .gallery {
     width: 100%;
-    height: 100vh;
     text-align: center;
     background-color: rgb(0, 4, 17);
 }
+.gallery-container {
+    display: flex;
+    flex-flow: row wrap;
+    align-items: center;
+}
+
+.gallery img {
+    margin: 1rem auto;
+    width: 30%;
+}
 
 /* about us section */
 .about {
     width: 100%;
-    height: 75vh;
     text-align: center;
     background-image: url("../img/staff-cooks.jpg");
     background-size: cover;
@@ -127,18 +157,16 @@ header {
 .about-container {
     height: 100%;
     display: flex;
-    flex-wrap: wrap;
+    flex-flow: column wrap;
     justify-content: center;
     align-items: center;
     background-color: rgb(0, 4, 17, .8);
-}
-
-.about h2 {
-    width: 100%;
+    padding: 2rem;
 }
 
 .about-container .text {
-    width: 50%;
+    width: 60%;
+    padding: 10rem 0;
 }
 
 /* contact us section */
@@ -191,41 +219,91 @@ header {
 /* footer section */
 footer {
     width: 100%;
-    height: 15vh;
-    padding-top: 2.5vh;
-    font-size: 3rem;
+    padding: 2rem;
+    background-color: rgb(0, 4, 17);
+    display: flex;
+    flex-flow: row wrap;
 }
-
-/* mobile media query */
-@media (max-width: 428px) {
-    /* header section */
+footer form {
+    flex-basis: 25%;
+    display: flex;
+    flex-flow: wrap;
+    justify-content: center;
     
+}
+footer form label{
+    flex-basis: 100%;
+    text-align: center;
+    padding: 1rem;
+}
+footer form input {
+    flex-basis: 75%;
+}
+footer form button {
+    padding: 0.5rem;
+    flex-basis: 25%;
+    
+}
+footer nav {
+    flex-basis: 75%;
+    display: flex;
+    justify-content: space-around;
+}
 
-    /* gallery section */
-    .gallery {
-        height: auto;
+footer nav a {
+    padding-bottom: 3rem;
+}
+
+footer small {
+    flex-basis: 100%;
+    text-align: right;
+    margin-right: 10%;
+}
+@media screen and (max-width: 1440px) {
+    .contact a {
+        font-size: 2rem;
     }
-    
-    /* about us section */
+    footer form input {
+        flex-basis: 100%;
+    }
+    footer form button {
+        flex-basis: 100%;
+    }
+    footer form {
+        flex-basis: 35%;
+    }
+    footer nav {
+        flex-basis: 65%;
+    }
+}
 
-    .about {
-        height: 200vh;
+/* mobile media query */
+@media screen and (max-width: 800px) {
+    p, a {
+        font-size: 2rem;
     }
-    
-    .about h2 {
-        width: 100%;
-        padding-top: 5vh;
+    h1 {
+        font-size: 4.5rem;
     }
-    
-    .about-container .text {
-        width: 85%;
+    h2 {
+        font-size: 5.5rem;
     }
-    
-    /* contact us section */
-    .contact h3 {
-        padding-top: 2.5vh;
+    /* header section */
+    header h1 span {
+        display: block;
     }
-    
+    header nav {
+        flex-flow: column wrap ;
+    }
+    /* gallery section */
+    .gallery-container {
+        flex-direction: column;
+    }
+    .gallery img {
+        width: 70%;
+        margin: 1rem auto;
+    }
+    /* about section */
     .info {
         flex-wrap: wrap;
     }
@@ -243,11 +321,92 @@ footer {
         width: 100%;
         padding-bottom: 2.5vh;
     }
+    /* footer section */
+    footer {
+        flex-flow: column wrap;
+        align-items: center;
+    }
+    footer nav {
+        flex-flow: column;
+        align-items: center;
+        padding: 2rem 0;
+    }
+    footer nav a {
+        padding-bottom: 1rem;
+    }
+    footer small {
+        margin: 0;
+        text-align: center;
+    }
+    
+}
+
+@media screen and (max-width: 428px) {
+    h2 {
+        font-size: 5rem;
+    }
+    /* header section */
+
+    h1 {
+        font-size: 4rem;
+    }
+
+    h3 {
+        font-size: 4rem;
+    }
 
+    header h1 span {
+        display: block;
+    }
+    
+    /* gallery section */
+    
+    .gallery img {
+        width: 100%;
+        margin: 1rem auto;
+    }
+    
+    /* about us section */
+    
+    .about {
+        height: 200vh;
+    }
+    
+    .about h2 {
+        width: 100%;
+        padding-top: 4vh;
+    }
+    .about-container {
+        padding: 0;
+    }
+    
+    .about-container .text {
+        width: 90%;
+        padding: 5vh 0;
+    }
+    
+    /* contact us section */
+    .contact h3 {
+        padding-top: 2.5vh;
+    }
+    
+    
     /* footer section */
     footer {
-        height: auto;
         padding-top: 2.5vh;
+    }    
+}
+
+
+
+@media screen and (max-width:350px) {
+    h2 {
+        font-size: 4rem;
+    }
+    h3 {
+        font-size: 3rem;
+    }
+    p {
         font-size: 2rem;
     }
 }
diff --git a/css/menu.css b/css/menu.css
index 9aba6954d..977418143 100644
--- a/css/menu.css
+++ b/css/menu.css
@@ -52,8 +52,6 @@ table {
 }
 
 html {
-    max-width: 1920px;
-    min-width: 428px;
     font-size: 62.5%;
 }
 
@@ -62,8 +60,9 @@ body {
     line-height: 1.5;
 }
 
-h1, h2, h3, h4, h5, h6, p, a, i {
+h1, h2, h3, h4, h5, h6, p, a, i ,label, small{
     text-decoration: none;
+    color: rgb(225, 239, 230);
 }
 
 h1 {
@@ -72,28 +71,52 @@ h1 {
 
 h2 {
     font-size: 6rem;
+    padding: 1rem 0;
 }
 
 h3 {
     font-size: 5rem;
 }
-
 h4 {
-    font-size: 4rem;
+    font-size: 3.5rem;
 }
 
 p, a {
-    font-size: 3rem;
+    font-size: 2.5rem;
+}
+button, input, label {
+    font-size: 2rem;
+} 
+small {
+    font-size: 1rem;
 }
 
 /* header section */
+
 header {
     width: 100%;
     height: 100vh;
-    background-image: url('../img/menu-header.jpg');
+    background-image: url('../img/home-header.jpg');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
+    text-align: center;
+}
+.header-container {
+    background-color: rgb(0, 4, 17, .8);
+    display: flex;
+    flex-direction: column;
+    
+}
+.header-container nav {
+    display: flex;
+    justify-content: space-around;
+}
+.header-container nav a {
+    padding: 1rem 4%;
+}
+.header-container .icons a {
+    padding: 1rem 1%;
 }
 
 /* spacer */
@@ -119,17 +142,165 @@ header {
     background-position: center;
     background-repeat: no-repeat;
 }
+.menu-container {
+    margin: 0 auto;
+    background-color:  rgb(0, 4, 17, 0.8);
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: center;
+}
+.menu-container > div {
+    width: 50%;
+    padding: 3% 7%;
+}
+.menu-container > div > h3 {
+    padding: 2% 6%;
+}
+.menu-item {
+    padding: 2% 6%;
+}
+
+.menu h2 {
+    text-align: center;
+    width: 100%;
+}
+.menu-item > h4 {
+    display: inline-block;
+}
+.menu-item h4:nth-child(2) {
+    float: right;
+}
 
 /* footer section */
 footer {
     width: 100%;
-    height: 15vh;
-    padding-top: 2.5vh;
-    font-size: 3rem;
+    padding: 2vh;
+    background-color: rgb(0, 4, 17);
+    display: flex;
+    flex-flow: row wrap;
+}
+footer form {
+    flex-basis: 25%;
+    display: flex;
+    flex-flow: wrap;
+    justify-content: center;
+    
+}
+footer form label{
+    flex-basis: 100%;
+    text-align: center;
+    padding: 1rem;
+}
+footer form input {
+    flex-basis: 75%;
+}
+footer form button {
+    padding: 0.5rem;
+    flex-basis: 25%;
+    
+}
+footer nav {
+    flex-basis: 75%;
+    display: flex;
+    justify-content: space-around;
+}
+
+footer nav a {
+    padding-bottom: 3rem;
+}
+
+footer small {
+    flex-basis: 100%;
+    text-align: right;
+    margin-right: 10%;
 }
 
 /* mobile media query */
+@media screen and (max-width: 1440px) {
+    footer form input {
+        flex-basis: 100%;
+    }
+    footer form button {
+        flex-basis: 100%;
+    }
+    footer form {
+        flex-basis: 35%;
+    }
+    footer nav {
+        flex-basis: 65%;
+    }
+}
+
+@media screen and (max-width: 800px) {
+    p, a {
+        font-size: 2rem;
+    }
+    h1 {
+        font-size: 4.5rem;
+    }
+    h2 {
+        font-size: 5rem;
+    }
+    h3 {
+        font-size: 4.5rem;
+    }
+    /* header section */
+    header h1 span {
+        display: block;
+    }
+    header nav {
+        flex-flow: column wrap ;
+    }
+    /* menu section*/
+    .menu-container > div {
+        width: 100%;
+    }
+
+    
+    /* footer section */
+    footer {
+        flex-flow: column wrap;
+        align-items: center;
+    }
+    footer nav {
+        flex-flow: column;
+        align-items: center;
+        padding: 2rem 0;
+    }
+    footer nav a {
+        padding-bottom: 1rem;
+    }
+    footer small {
+        margin: 0;
+        text-align: center;
+    }
+    
+}
+
 @media (max-width: 428px) {
+    h2 {
+        font-size: 5rem;
+    }
+    /* header section */
+
+    h1 {
+        font-size: 4rem;
+    }
+
+    h3 {
+        font-size: 4rem;
+    }
+    h4 {
+        font-size: 3.5rem;
+    }
+    p {
+        font-size: 2.5rem;
+    }
+
+    header h1 span {
+        display: block;
+    }
+
     /* header section */
     .header-title {
         width: 75%;
@@ -138,11 +309,63 @@ footer {
         font-size: 4rem;
     }
 
+    
     /* menu */
     .menu {
         background-image: none;
+        background-color: rgb(225, 239, 230);
+    }
+
+    .menu :is(h1, h2, h3, h4, h5, h6, p, a, i ,label, small, article) {
+        text-decoration: none;
+        color: rgb(0, 4, 17);
+    }
+
+    .menu-container {
+        background: none;
+        text-align: center;
+        padding: 3%;
+    }
+
+    .menu-container > h2:after {
+        width: 80%;
+        content: '';
+        margin: 0 auto;
+        display: block;
+        border-bottom: 1.5rem solid rgb(0, 4, 17);
+    }
+
+    .menu-container > div > h3 {
+        border: 0.5rem solid rgb(0, 4, 17);
+        width: min-content;
+        padding: 1% 4%;
+        margin: 4% auto;
+    }
+    .menu-container > div:not(:nth-child(2)){
+        padding: 5rem 0;
+    }
+
+    .menu-item:not(:last-child)::after {
+        content: "";
+        display: block;
+        border-bottom: 0.5rem solid rgb(0, 4, 17);
+        width: 75%;
+        padding-top:1.5rem;
+        margin: 2% auto;
     }
+    
+    
+    
 
+    .menu-item h4 {
+        display: block;
+    }
+    .menu-item h4:nth-child(2) {
+        float: none;
+    }
+
+
+    
     /* footer section */
     footer {
         height: auto;
@@ -150,3 +373,17 @@ footer {
         font-size: 2rem;
     }
 }
+@media screen and (max-width:350px) {
+    h2 {
+        font-size: 4rem;
+    }
+    h3 {
+        font-size: 3rem;
+    }
+    h4 {
+        font-size: 3rem;
+    }
+    p {
+        font-size: 2rem;
+    }
+}
diff --git a/index.html b/index.html
index a59021d2a..992c40c1d 100644
--- a/index.html
+++ b/index.html
@@ -4,50 +4,57 @@
 
 <head>
 	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link href="./css/index.css" rel="stylesheet">
+	<link href="./menu.html" rel="stylesheet">
 
 	<title>Sprint Challenge - Anasayfa</title>
-
 	<link href="https://fonts.googleapis.com/css?family=Roboto|Rubik" rel="stylesheet">
 	<script src="https://kit.fontawesome.com/5b12ffad4b.js" crossorigin="anonymous"></script>
 </head>
 
 <body>
-	<div>
 		<!-- header -->
 		<header>
-			<div>
-				ERGİNEER BAR VE MANGAL
-
-				<!-- nav -->
-				Menü
-				Rezervasyonlar
-				Özel Teklifler
-				İletişim
+			<div class="header-container">
+				<a href="./index.html"><h1>ERGİNEER <span>BAR VE MANGAL</span></h1></a>
+				<nav>
+					<a href="./menu.html">Menü</a>
+					<a href="">Rezervasyonlar</a>
+					<a href="">Özel Teklifler</a>
+					<a href="">İletişim</a>
+				</nav>
+				<div class="icons">
+					<a class="fa-brands fa-square-facebook"></a>				
+					<a class="fa-brands fa-square-twitter"></a>				
+					<a class="fa-brands fa-square-instagram"></a>				
+				</div>
 			</div>
 		</header>
 
 		<!-- gallery section -->
 		<section class="gallery">
-			<div>
-				<h2>YEMEKLERİMİZ</h2>
-
-				img/food-avocadotoast.jpg
-
+			<h2>YEMEKLERİMİZ</h2>
+			<div class="gallery-container">
+				<img src="./img/food-avocadotoast.jpg" alt="avocado toast">
+				<img src="./img/food-burger.jpg" alt="burger">
+				<img src="./img/food-poutine.jpg" alt="poutine">
+				<img src="./img/food-ribs.jpg" alt="ribs">
+				<img src="./img/food-sandwich.jpg" alt="sandwich">
+				<img src="./img/food-sausage.jpg" alt="sausage">
+				<img src="./img/food-steak.jpg" alt="steak">
+				<img src="./img/food-tacos.jpg" alt="tacos">
+				<img src="./img/food-wings.jpg" alt="wings">
+				<!-- img/food-avocadotoast.jpg
 				img/food-burger.jpg
-
 				img/food-poutine.jpg
-
 				img/food-ribs.jpg
-
 				img/food-sandwich.jpg
-
 				img/food-sausage.jpg
-
 				img/food-steak.jpg
-
 				img/food-tacos.jpg
-
-				img/food-wings.jpg
+				img/food-wings.jpg -->
 			</div>
 		</section>
 
@@ -73,19 +80,19 @@ <h3>Güzel Yemekler, Güzel İnsanlar</h3>
 						shankle duis chicken dolore andouille do tenderloin qui.</p>
 				</div>
 
-				<div id="bartender" class="pic">
-				</div>
 			</div>
 		</section>
+	</div>
 
-		<!-- spacer -->
-		<div class="spacer"></div>
+	<!-- spacer -->
+	<div class="spacer"></div>
 
-		<!-- contact section -->
-		<section class="contact">
-			<div class="contact-container">
-				<h2>BİZE ULAŞIN</h2>
+	<!-- contact section -->
+	<section class="contact">
+		<div class="contact-container">
+			<h2>BİZE ULAŞIN</h2>
 
+			<div id="bartender" class="pic"></div>
 				<div class="info">
 					<div class="address">
 						<h3>Adres</h3>
@@ -116,26 +123,37 @@ <h3>İletişim</h3>
 						</div>
 					</div>
 				</div>
-			</div>
-		</section>
-
-		<!-- spacer -->
-		<div class="spacer-sm"></div>
-
-		<!-- footer -->
-		<footer>
-			<!-- email signup -->
-			Mail listemize katılın!
-			Üye Ol
-			<!-- nav -->
-			Menü
+	</section>
+
+	<!-- spacer -->
+	<div class="spacer-sm"></div>
+
+	<!-- footer -->
+	<footer>
+		<!-- email signup -->
+		<form action="">
+			<label for="email">Mail listemize katilin!</label>
+			<input type="text" placeholder="E-posta Adresi" name="email" required>
+			<button type="submit">Uye Ol</button>
+		</form>
+		<!-- Mail listemize katılın!
+			Üye Ol -->
+		<!-- nav -->
+		<nav>
+			<a href="./menu.html">Menü</a>
+			<a href="">Rezervasyonlar</a>
+			<a href="">Özel Teklifler</a>
+			<a href="">İletişim</a>
+		</nav>
+		<!-- Menü
 			Rezervasyonlar
 			Özel Teklifler
-			İletişim
-			<!-- copyright -->
+			İletişim -->
+		<!-- copyright -->
+		<small>
 			©2022 ERGİNEER Restoran Zinciri, Tüm hakları saklıdır.
-		</footer>
-	</div>
+		</small>
+	</footer>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/menu.html b/menu.html
index 6fec23a78..9e129dcdb 100644
--- a/menu.html
+++ b/menu.html
@@ -6,22 +6,31 @@
     <meta charset="utf-8">
 
     <title>Sprint Challenge - Menu</title>
-
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="https://fonts.googleapis.com/css?family=Roboto|Rubik" rel="stylesheet">
     <script src="https://kit.fontawesome.com/5b12ffad4b.js" crossorigin="anonymous"></script>
+    <link href="./css/menu.css" rel="stylesheet">
 </head>
 
 <body>
     <div>
         <!-- header -->
         <header>
-				ERGİNEER BAR VE MANGAL
-
-				<!-- nav -->
-				Menü
-				Rezervasyonlar
-				Özel Teklifler
-				İletişim
+            <div class="header-container">
+                <a href="./index.html"><h1>ERGİNEER <span>BAR VE MANGAL</span></h1></a>
+                <nav>
+                    <a href="./menu.html">Menü</a>
+                    <a href="./rezervasyonlar.html">Rezervasyonlar</a>
+                    <a href="./teklifler">Özel Teklifler</a>
+                    <a href="./contact">İletişim</a>
+                </nav>
+                <div class="icons">
+					<a class="fa-brands fa-square-facebook"></a>				
+					<a class="fa-brands fa-square-twitter"></a>				
+					<a class="fa-brands fa-square-instagram"></a>				
+				</div>
+            </div>
         </header>
 
         <!-- spacer -->
@@ -29,88 +38,119 @@
 
         <!-- menu -->
         <article class="menu">
-            Yemekler & İçecekler
-
-                İçecekler
-                    Soda
-                    ₺2
-                    Gazlı İçecekler
-
-                    Kahve
-                    ₺2
-                    İsteğe bağlı sütlü ve şekerli
-
-                    Bira
-                    ₺5
-                    Delicious and refreshing
-
-                    Şarap
-                    ₺5
-                    Hafif ve meyveli
-
-                    Kokteyl
-                    ₺10
-                    Spesyellerimizi sorabilirsiniz
-
-                Aperatifler
-                    Kızartılmış Turşu
-                    ₺6
-                    Tavsiyemizdir
-                    (V)
-                    
-                    Buffalo Soslu Kanat
-                    ₺10
-                    Her porsiyonda 5 adet kanat; hafif, orta veya acı sos ve bleu peyniri/çiftlik ve havuç çubukları ile servis edilir
-                    (GF)
-
-                    Patates Kızartması
-                    ₺5
-                    Ev yapımı patates kızartması
-
-                Çorbalar ve Salatalar
-                    Ev Salatası
-                    ₺8
-                    Ispanak ve roka ile güzel sebzeler; ₺6 'ye tavuk ekleyebilirsiniz
-                    (GF, V)
-                    
-                    Fransız Soğan Çorbası
-                    ₺4
-                    Kalın bir peynir ve lezzetli ekmek ile servis edilir.
-                    
-                    Çedarlı Brokoli Çorbası
-                    ₺5
-                    Kremalı ve doldurma
-                    (GF)
-                    
-                Mezeler
-                    Domuz bifteği
-                    ₺32
-                    Patates püresi ve kavrulmuş kuşkonmaz ile servis edilir
-
-                    Büyük Hamburger
-                    ₺14
-                    Patates kızartması ve salata ile servis edilir
-                    Cheseburger: (V)
-                    
-                    Dana Kaburga
-                    ₺18
-                    Eşsiz lezzetiyle
-                    (GF)
-                    
-                Tatlılar
-                    Çikolatalı Kek
-                    ₺7
-                    Çikolata cenneti
-                    (GF)
-                    
-                    Kurabiye ve Dondurma
-                    ₺6
-                    2 kurabiye ve 1 top dondurma seçin
-                    
-                    Profiteröllü Pasta
-                    ₺8
-                    Şefin önerisi
-                    (GF)
+            <div class="menu-container">
+                <h2>Yemekler & İçecekler</h2>
+                <div id="icecek" class="menu-section">
+                    <h3>Içecekler</h3>
+                    <div class="menu-item">
+                        <h4>Soda</h4>
+                        <h4>2₺</h4>
+                        <p>Gazlı İçecekler</p>
+                    </div>
+                    <div class="menu-item">
+                        <h4>Kahve</h4>
+                        <h4>2₺</h4>
+                        <p>İsteğe bağlı sütlü ve şekerli</p>
+                    </div>
+                    <div class="menu-item">
+                        <h4>Bira</h4>
+                        <h4>5₺</h4>
+                        <p>Delicious and refreshing</p>
+                    </div>
+                    <div class="menu-item">
+                        <h4>Şarap</h4>
+                        <h4>5₺</h4>
+                        <p>Hafif ve meyveli</p>
+                    </div>
+                    <div class="menu-item">
+                        <h4>Kokteyl</h4>
+                        <h4>10₺</h4>
+                        <p>Spesyellerimizi sorabilirsiniz</p>
+                    </div>
+                </div>
+                <div id="aperatif" class="menu-section">
+                    <h3>Aperatifler</h3>
+                    <div class="menu-item">
+                        <h4>Kızartılmış Turşu</h4>
+                        <h4>6₺</h4>
+                        <p>Tavsiyemizdir</p>
+                        <p>(V)</p>
+                    </div>
+                    <div class="menu-item">
+                        <h4>Buffalo Soslu Kanat</h4>
+                        <h4>10₺</h4>
+                        <p>Her porsiyonda 5 adet kanat; hafif, orta veya acı sos ve bleu peyniri/çiftlik ve havuç
+                            çubukları ile servis edilir</p>
+                        <p>(GF)</p>
+                    </div>
+                    <div class="menu-item">
+                        <h4>Patates Kızartması</h4>
+                        <h4>5₺</h4>
+                        <p>Ev yapımı patates kızartması</p>
+                    </div>
+                </div>
+                <div id="corba_salata" class="menu-section">
+                    <h3>Çorbalar ve Salatalar</h3>
+                    <div class="menu-item">
+                        <h4>Ev Salatası</h4>
+                        <h4>8₺</h4>
+                        <p>Ispanak ve roka ile güzel sebzeler; ₺6 'ye tavuk ekleyebilirsiniz</p>
+                        <p>(GF, V)</p>
+                    </div>
+                    <div class="menu-item">
+                        <h4>Fransız Soğan Çorbası</h4>
+                        <h4>4₺</h4>
+                        <p>Kalın bir peynir ve lezzetli ekmek ile servis edilir.</p>
+                        <p>(GF)</p>
+                    </div>
+                    <div class="menu-item">
+                        <h4>Çedarlı Brokoli Çorbası</h4>
+                        <h4>5₺</h4>
+                        <p>Kremalı ve doldurma</p>
+                        <p>(GF)</p>
+                    </div>
+                </div>
+                <div id="meze" class="menu-section">
+                    <h3>Mezeler</h3>
+                    <div class="menu-item">
+                        <h4>Domuz bifteği</h4>
+                        <h4>32₺</h4>
+                        <p>Patates püresi ve kavrulmuş kuşkonmaz ile servis edilir</p>
+                    </div>
+                    <div class="menu-item">
+                        <h4>Büyük Hamburger</h4>
+                        <h4>14₺</h4>
+                        <p>Patates kızartması ve salata ile servis edilir</p>
+                        <p>Cheseburger: (V)</p>
+                    </div>
+                    <div class="menu-item">
+                        <h4>Dana Kaburga</h4>
+                        <h4>18₺</h4>
+                        <p>Eşsiz lezzetiyle</p>
+                        <p>(GF)</p>
+                    </div>
+                </div>
+                <div id="tatli" class="menu-section">
+                    <h3>Tatlılar</h3>
+                    <div class="menu-item">
+                        <h4>Çikolatalı Kek</h4>
+                        <h4>7₺</h4>
+                        <p>Çikolata cenneti</p>
+                        <p>(GF)</p>
+                    </div>
+                    <div class="menu-item">
+                        <h4>Kurabiye ve Dondurma</h4>
+                        <h4>6₺</h4>
+                        <p>2 kurabiye ve 1 top dondurma seçin</p>
+                    </div>
+                    <div class="menu-item">
+                        <h4>Profiteröllü Pasta</h4>
+                        <h4>8₺</h4>
+                        <p>Şefin önerisi</p>
+                        <p>(GF)</p>
+                    </div>
+                </div>
+            </div>
         </article>
 
         <!-- spacer -->
@@ -118,16 +158,29 @@
 
         <!-- footer -->
         <footer>
-			<!-- email signup -->
-			Mail listemize katılın!
-			Üye Ol
-			<!-- nav -->
-			Menü
-			Rezervasyonlar
-			Özel Teklifler
-			İletişim
-			<!-- copyright -->
-			©2022 ERGİNEER Restoran Zinciri, Tüm hakları saklıdır.
+            <!-- email signup -->
+            <form action="">
+                <label for="email">Mail listemize katilin!</label>
+                <input type="text" placeholder="E-posta Adresi" name="email" required>
+                <button type="submit">Uye Ol</button>
+            </form>
+            <!-- Mail listemize katılın!
+                Üye Ol -->
+            <!-- nav -->
+            <nav>
+                <a href="./menu.html">Menü</a>
+                <a href="">Rezervasyonlar</a>
+                <a href="">Özel Teklifler</a>
+                <a href="">İletişim</a>
+            </nav>
+            <!-- Menü
+                Rezervasyonlar
+                Özel Teklifler
+                İletişim -->
+            <!-- copyright -->
+            <small>
+                ©2022 ERGİNEER Restoran Zinciri, Tüm hakları saklıdır.
+            </small>
         </footer>
     </div>
 </body>