From 8c4e6bd4be330f16132a9b32d27e71fdb598b4ce Mon Sep 17 00:00:00 2001 From: ezgikardes Date: Mon, 18 Sep 2023 22:17:53 +0200 Subject: [PATCH 1/2] =?UTF-8?q?et=C3=BCtte=20yap=C4=B1lan=20k=C4=B1s=C4=B1?= =?UTF-8?q?m?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .DS_Store | Bin 6148 -> 6148 bytes css/index.css | 62 +++++++++++++++- css/menu.css | 111 ++++++++++++++++++++++++++++- index.html | 77 +++++++++++--------- menu.html | 190 ++++++++++++++++++++++++++++++++++++++++++-------- 5 files changed, 378 insertions(+), 62 deletions(-) diff --git a/.DS_Store b/.DS_Store index 6cca566a91109c14602f4eba3362293bd43688ca..c3108a98387d2bd18954b33d0077bc6912df1c64 100644 GIT binary patch delta 521 zcmZoMXfc=|#>B!kF;Q%yo+6{j#(>?7iv?Ji7)2)YFg4XDl@}Kz<>V(ZFfi;$D#*z! zE-^5;#>m9X!pg?Z!Op?W5gVM5UmjeNSW;T-lvorE;)Uer=On?{iAiCZspatkBF_1F zC5f4NsYPH7nJKA2B{AWdc`5njPWh#IDaByD!4L@!P7cm^0f}nYYC}Uq9R(9ZlUf~x zYD*&nAluliww9AaR9W9TC_XzUH!r^n=r|x?WQ5QRyigiObx&?#Dy>guC}t=w3ogpb z$5F<_M8B%m9#0igN$} delta 79 zcmZoMXfc=|#>B)qF;Q%yo+6{b#(>?7i~^H+Sehosux3wQ&6YPgm|bwP1N-sK3LGbx iH?wo_a{!fZ7UcNOJegm_k%IvU7#SE?Hb;o8VFmzW<`dii diff --git a/css/index.css b/css/index.css index 21442c782..0060b825b 100644 --- a/css/index.css +++ b/css/index.css @@ -65,6 +65,7 @@ body { h1, h2, h3, h4, h5, h6, p, a, i { text-decoration: none; + color: white; } h1 { @@ -88,11 +89,42 @@ header { width: 100%; height: 100vh; background-image: url('../img/home-header.jpg'); + color: white; background-size: cover; background-position: center; background-repeat: no-repeat; } +header i { + font-size: 3rem; + margin: 1.5rem; +} + +header>div { + background-color: rgb(0, 4, 17, .8); + padding: 2rem 0; +} + +header h1 { + text-align: center; +} + +.social-links { + text-align: center; +} + +nav { + width: 60%; + margin: 0 auto; + display: flex; + justify-content: space-between; +} + +nav a { + text-decoration: none; + color: white; +} + /* spacers */ .spacer { width: 100%; @@ -109,10 +141,18 @@ header { .gallery { width: 100%; height: 100vh; + padding-top: 5rem; text-align: center; background-color: rgb(0, 4, 17); } +.gallery img { + width: 25%; + margin: 1%; +} + + + /* about us section */ .about { width: 100%; @@ -191,9 +231,29 @@ header { /* footer section */ footer { width: 100%; - height: 15vh; padding-top: 2.5vh; font-size: 3rem; + display: flex; + justify-content: space-around; + align-items: flex-start; + background: black; +} + +footer nav { + width: 100%; +} + +label { + color: white; +} + +footer>div { + width: 60%; +} + +footer .copyright { + text-align: right; + font-size: 2rem; } /* mobile media query */ diff --git a/css/menu.css b/css/menu.css index 9aba6954d..1983fa0c0 100644 --- a/css/menu.css +++ b/css/menu.css @@ -94,6 +94,38 @@ header { background-size: cover; background-position: center; background-repeat: no-repeat; + color: white; +} + + +header i { + font-size: 3rem; + margin: 1.5rem; +} + +header>div { + background-color: rgb(0, 4, 17, .8); + padding: 2rem 0; +} + +header h1 { + text-align: center; +} + +.social-links { + text-align: center; +} + +nav { + width: 60%; + margin: 0 auto; + display: flex; + justify-content: space-between; +} + +nav a { + text-decoration: none; + color: white; } /* spacer */ @@ -118,6 +150,39 @@ header { background-size: cover; background-position: center; background-repeat: no-repeat; + color: white; +} + +.menu-container { + background-color: rgb(0, 4, 17, .8); + display: flex; + flex-wrap: wrap; + justify-content: center; + column-gap: 5%; +} + +.menu-section { + width: 35%; + margin: 3% 0; + +} + +.menu h2 { + width: 80%; + text-align: center; +} + +h4 { + display: inline-block; + } + +h4:first-child { + width: 70%; +} + +h4:nth-child(2) { + text-align: right; + width: 25%; } /* footer section */ @@ -129,7 +194,7 @@ footer { } /* mobile media query */ -@media (max-width: 428px) { +@media (max-width: 600px) { /* header section */ .header-title { width: 75%; @@ -138,11 +203,55 @@ footer { font-size: 4rem; } + h1 { + font-size: 5rem; + } + + nav { + flex-direction: column; + text-align: center; + } + /* menu */ .menu { background-image: none; } + .menu p { + text-align: center; + } + + .menu-container { + background: rgb(225, 239, 230); + color: rgb(0, 4, 17); + } + + h2 { + border-bottom: 10px solid rgb(0, 4, 17); + } + + h3 { + padding: 3%; + border: 3px solid rgb(0, 4, 17); + text-align: center; + } + + h4 { + width: 90%; + margin: auto; + display: block; + text-align: center!important; + + } + + .menu-item { + border-bottom: 3px solid rgb(0, 4, 17); + } + + .menu-section { + width: 70%; + } + /* footer section */ footer { height: auto; diff --git a/index.html b/index.html index a59021d2a..acf628fba 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ Sprint Challenge - Anasayfa - + @@ -16,13 +16,19 @@
- ERGİNEER BAR VE MANGAL - +

ERGİNEER BAR VE MANGAL

- Menü - Rezervasyonlar - Özel Teklifler - İletişim + +
@@ -30,24 +36,15 @@

YEMEKLERİMİZ

- - 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 + + + + + + + + +
@@ -125,15 +122,31 @@

İletişim

- Mail listemize katılın! - Üye Ol +
+ + +
+ + +
+ +

©2022 ERGİNEER Restoran Zinciri, Tüm hakları saklıdır. +

+
+ - Menü - Rezervasyonlar - Özel Teklifler - İletişim + - ©2022 ERGİNEER Restoran Zinciri, Tüm hakları saklıdır.
diff --git a/menu.html b/menu.html index 98c45ac05..2393eec05 100644 --- a/menu.html +++ b/menu.html @@ -6,22 +6,31 @@ Sprint Challenge - Menu - +
+
- ERGİNEER BAR VE MANGAL - - - Menü - Rezervasyonlar - Özel Teklifler - İletişim +
+

ERGİNEER BAR VE MANGAL

+ + + +
@@ -29,29 +38,154 @@
- Yemekler & İçecekler +
+

Yemekler & İçecekler

+ +
+

İçecekler

+
+

Soda

+

₺2

+

Gazlılar

+
+
+

Kahve

+

₺2

+

İsteğe bağlı sütlü ve şekerli

+
+
+

Bira

+

₺5

+

Lezzetli ve Ferah

+
+
+

Şarap

+

₺5

+

Hafif ve meyveli

+
+
+

Kokteyl

+

₺10

+

Spesyellerimizi sorabilirsiniz

+
+
+
+

İçecekler

+
+

Soda

+

₺2

+

Gazlılar

+
+
+

Kahve

+

₺2

+

İsteğe bağlı sütlü ve şekerli

+
+
+

Bira

+

₺5

+

Lezzetli ve Ferah

+
+
+

Şarap

+

₺5

+

Hafif ve meyveli

+
+
+

Kokteyl

+

₺10

+

Spesyellerimizi sorabilirsiniz

+
+
+
+

İçecekler

+
+

Soda

+

₺2

+

Gazlılar

+
+
+

Kahve

+

₺2

+

İsteğe bağlı sütlü ve şekerli

+
+
+

Bira

+

₺5

+

Lezzetli ve Ferah

+
+
+

Şarap

+

₺5

+

Hafif ve meyveli

+
+
+

Kokteyl

+

₺10

+

Spesyellerimizi sorabilirsiniz

+
+
+
+

İçecekler

+
+

Soda

+

₺2

+

Gazlılar

+
+
+

Kahve

+

₺2

+

İsteğe bağlı sütlü ve şekerli

+
+
+

Bira

+

₺5

+

Lezzetli ve Ferah

+
+
+

Şarap

+

₺5

+

Hafif ve meyveli

+
+
+

Kokteyl

+

₺10

+

Spesyellerimizi sorabilirsiniz

+
+
+
+

İçecekler

+
+

Soda

+

₺2

+

Gazlılar

+
+
+

Kahve

+

₺2

+

İsteğe bağlı sütlü ve şekerli

+
+
+

Bira

+

₺5

+

Lezzetli ve Ferah

+
+
+

Şarap

+

₺5

+

Hafif ve meyveli

+
+
+

Kokteyl

+

₺10

+

Spesyellerimizi sorabilirsiniz

+
+
- İçecekler - Soda - ₺2 - Gazlılar - Kahve - ₺2 - İsteğe bağlı sütlü ve şekerli - - Bira - ₺5 - Lezzetli ve Ferah - - Şarap - ₺5 - Hafif ve meyveli - - Kokteyl - ₺10 - Spesyellerimizi sorabilirsiniz +
+ Aperatifler Kızartılmış Turşu ₺6 From 85d12637bcb2b696affbaa98685b87ba81ca638e Mon Sep 17 00:00:00 2001 From: ezgikardes Date: Wed, 20 Sep 2023 20:25:55 +0200 Subject: [PATCH 2/2] done --- css/menu.css | 51 ++++++-- index.html | 2 +- menu.html | 362 ++++++++++++++++++++------------------------------- 3 files changed, 187 insertions(+), 228 deletions(-) diff --git a/css/menu.css b/css/menu.css index 1983fa0c0..bd0046103 100644 --- a/css/menu.css +++ b/css/menu.css @@ -30,6 +30,7 @@ footer, header, hgroup, menu, nav, section { } body { line-height: 1; + } ol, ul { list-style: none; @@ -60,6 +61,7 @@ html { body { font-family: 'Roboto', sans-serif; line-height: 1.5; + } h1, h2, h3, h4, h5, h6, p, a, i { @@ -76,6 +78,7 @@ h2 { h3 { font-size: 5rem; + margin-bottom: 20px; } h4 { @@ -164,9 +167,13 @@ nav a { .menu-section { width: 35%; margin: 3% 0; +} +.menu-item { + margin-bottom: 20px; } + .menu h2 { width: 80%; text-align: center; @@ -185,16 +192,9 @@ h4:nth-child(2) { width: 25%; } -/* footer section */ -footer { - width: 100%; - height: 15vh; - padding-top: 2.5vh; - font-size: 3rem; -} /* mobile media query */ -@media (max-width: 600px) { +@media (max-width: 620px) { /* header section */ .header-title { width: 75%; @@ -257,5 +257,40 @@ footer { height: auto; padding-top: 2.5vh; font-size: 2rem; + } } + +/* footer section */ +footer { + width: 100%; + height: 15vh; + padding-top: 2.5vh; + font-size: 3rem; + display: flex; + justify-content: space-around; + align-items: flex-start; + background: black; +} + +footer .copyright { + color: white +} + +footer nav { + width: 100%; + +} + +label { + color: white; +} + +footer>div { + width: 60%; +} + +footer .copyright { + text-align: right; + font-size: 2rem; +} diff --git a/index.html b/index.html index acf628fba..a2bce4c65 100644 --- a/index.html +++ b/index.html @@ -19,7 +19,7 @@

ERGİNEER BAR VE MANGAL

- +