diff --git a/.DS_Store b/.DS_Store index 6cca566a9..c3108a983 100644 Binary files a/.DS_Store and b/.DS_Store differ 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..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 { @@ -94,6 +97,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,18 +153,48 @@ header { background-size: cover; background-position: center; background-repeat: no-repeat; + color: white; } -/* footer section */ -footer { - width: 100%; - height: 15vh; - padding-top: 2.5vh; - font-size: 3rem; +.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-item { + margin-bottom: 20px; } + +.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%; +} + + /* mobile media query */ -@media (max-width: 428px) { +@media (max-width: 620px) { /* header section */ .header-title { width: 75%; @@ -138,15 +203,94 @@ 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; 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 a59021d2a..a2bce4c65 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

diff --git a/menu.html b/menu.html index 98c45ac05..f18468d7e 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,106 +38,155 @@
- 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 - - 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) +
+

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

+
+
+
+

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

+

Gazlılar

+
+
+

Kahve

+

₺2

+

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)

+
+
+
- +