From ba85e2d327bf908d97775f4260ce82f0fce52a21 Mon Sep 17 00:00:00 2001 From: munira Date: Tue, 14 Feb 2023 23:34:04 -0600 Subject: [PATCH 1/5] changes index.html --- index.html | 105 ++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 104 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 64867a7..2d81358 100644 --- a/index.html +++ b/index.html @@ -1 +1,104 @@ - + + + + + + + + + Fatuma Restaurant + + + +
+
+

+ Fatuma Restaurant +

+ + +
+
+
+

+ TASTE THE DIFFERENCE +

+

+ LOCAL. FRESH & DELICIOUS + +

+
+
+
+

+ ABOUT FATUMA RESTAURANT +

+ +

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. +

+
+
+
+

+ PASTA WITH BANANA +

+

+ scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing +

+
+ +
+

+ RICE WITH BANANA +

+

+ scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing +

+
+
+
+
+

+ CATERING +

+

+ scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing +

+
+
+

+ Contact info@fatumarestaurant.com 619- 555-0144 4209 Bobcat Drive San Diego, CA, 48219 +

+
+
+ + + From 2d75346ec27f755bdae6524358205ed8ce12220d Mon Sep 17 00:00:00 2001 From: munira Date: Thu, 16 Feb 2023 01:13:16 -0600 Subject: [PATCH 2/5] make some changes on html & css file --- .DS_Store | Bin 6148 -> 8196 bytes index.html | 86 ++++++++++++++++++++++++++++++----------------------- styles.css | 47 ++++++++++++++++++++++++++++- 3 files changed, 94 insertions(+), 39 deletions(-) diff --git a/.DS_Store b/.DS_Store index 80a9037a63d118762f81ecdb61dd5696ee5c533b..a5742aa4d4b571a19c8ade4245832c436b5d56cb 100644 GIT binary patch delta 334 zcmZoMXmOBWU|?W$DortDU;r^WfEYvza8FDWo2aMAD7rCVH}hr%jz7$c**Q2S7O*gi zPUd0hkn+sQPfp6oPXeh0Vn-m>`ws@2n^<}nrP1WqBjgz-C$bA~=3^^mtmk6LWXNMk zVMt}DV9;a8U?^e8WynF*$#fRzJ}-#LKr + Fatuma Restaurant @@ -24,14 +25,14 @@

-
+

TASTE THE DIFFERENCE

LOCAL. FRESH & DELICIOUS - -

+

+
@@ -39,44 +40,53 @@

ABOUT FATUMA RESTAURANT

-

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. -

-
-
-
-

- PASTA WITH BANANA -

-

- scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing +

+ +
+
+ +
+

+ It was popularised in the 1960s with the release

-
- -
-

- RICE WITH BANANA -

-

- scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing -

-
-
-
-
-

- CATERING -

-

- scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing -

-
-
-

- Contact info@fatumarestaurant.com 619- 555-0144 4209 Bobcat Drive San Diego, CA, 48219 -

+
+ +
+

+ scrambled it to make a type specimen book. +

+
+ +
+

+ Duis consectetur sit amet metus quis congue. +

+
+
+
+

+ CONTACT +

+
+ +
+
+ +
+
+

+ +
+ +
-
+ + +
diff --git a/styles.css b/styles.css index 945c1b5..dbfea54 100644 --- a/styles.css +++ b/styles.css @@ -1 +1,46 @@ -/* Paste your css code here */ +body{ font-family: Arial, Helvetica, sans-serif; margin:0;} + .wrapper{ display: flex; + justify-content: space-around; color:white;} + .wrapper nav a{ text-decoration:none; color:white;} + nav{ margin-top:18px; + margin-left: 350px;} + header{ background: #454f6f} + + .boxes{ display:flex; + justify-content: space-between; + padding:50px;} + .box{ width:30%; + background-color: white; + text-align: center; +margin-bottom: 50px;} + +.box img{ width: 100%; +height: auto; +margin-top: 0px; +padding:0px;} + +.form{text-align: center; + width:300px; +border:none; +border-radius: 5px; + padding:0px 10px;} + + + + + + + + + + .container{display: flex; + justify-content: space-around;} + .conatiner{ display: block-inline;} + .container{ background-color:#454f6f; padding:10px; + color:white} + .container nav a{text-decoration:none; color:white} + div.a{text-align: center; + background-color:#e6834c; + padding:1px;} + + From 3d3694516468d51a5b6cce0beff1ea1039f7ad22 Mon Sep 17 00:00:00 2001 From: munira Date: Thu, 16 Feb 2023 23:53:16 -0600 Subject: [PATCH 3/5] changes css and added media querie --- index.html | 38 ++++++++++++++------------ styles.css | 79 +++++++++++++++++++++++++++++++++++++++++------------- 2 files changed, 81 insertions(+), 36 deletions(-) diff --git a/index.html b/index.html index 96ad2e5..a197afb 100644 --- a/index.html +++ b/index.html @@ -26,34 +26,38 @@

-

- TASTE THE DIFFERENCE -

-

- LOCAL. FRESH & DELICIOUS -

+
+

+ TASTE THE DIFFERENCE +

+

+ LOCAL. FRESH & DELICIOUS +

+
-
+

-

- ABOUT FATUMA RESTAURANT -

- +
+

+ ABOUT FATUMA RESTAURANT +

- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. -

- + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. +

+
+
+

It was popularised in the 1960s with the release

-
+

scrambled it to make a type specimen book.

@@ -65,7 +69,7 @@

-
+

CONTACT

@@ -103,7 +107,7 @@


- Copyright Fatuma Restaurant + Copyright Fatuma Restaurant 2020

diff --git a/styles.css b/styles.css index dbfea54..11c66d7 100644 --- a/styles.css +++ b/styles.css @@ -6,31 +6,55 @@ body{ font-family: Arial, Helvetica, sans-serif; margin:0;} margin-left: 350px;} header{ background: #454f6f} - .boxes{ display:flex; - justify-content: space-between; - padding:50px;} - .box{ width:30%; - background-color: white; - text-align: center; -margin-bottom: 50px;} - -.box img{ width: 100%; -height: auto; -margin-top: 0px; -padding:0px;} - -.form{text-align: center; - width:300px; -border:none; -border-radius: 5px; - padding:0px 10px;} - + .first{ display:flex; + background-color: #e6834c; + padding: 18px;} + .first img{ width:30%; + padding:18px 25px; + border-radius: 60%;} + .header{color:white; + padding: 10px 5px; + margin: 0px;} + .para1{ text-align:center; + background-color:#f2f3f4; + padding:25 28px;} + .para1 p{ text-align: center; + text-align: justify; + margin:0px 60px;} + .boxes{ display:flex; + justify-content: space-around; + padding:50px;} + .box{ width: 30%; + background-color: white; + text-align: center; + margin-bottom: 45px;} + .box img{width:100%; + height:auto; + margin-top:20px; + border-radius: 5px;} + + + + .form1{text-align: center; + width:300px; + border:none; + border-radius: 5px; + padding:0px 10px; + background-color:#b6bdc5; + color:black;} + + .form1 input:focus {outline: none;} + .form1 button:hover {background-color: #48617d; + cursor:pointer;} + .form1 button{background-color:#e6834c; + padding: 5 51px; + border-radius: 3px;} .container{display: flex; @@ -42,5 +66,22 @@ border-radius: 5px; div.a{text-align: center; background-color:#e6834c; padding:1px;} + + + + + @media (max-width:540px) { + .first{ flex-direction: column;} + + .nav a {flex-direction: column; + padding:12 20px; + color:red;} + + .box img { width:100%; + margin-bottom: 15px;;} + .form{ width:100%; + padding:10px} + + } From e9f2316cef0ec9d70532acaa8b5ffab75836cbbb Mon Sep 17 00:00:00 2001 From: munira Date: Fri, 17 Feb 2023 17:23:17 -0600 Subject: [PATCH 4/5] finished --- styles.css | 112 ++++++++++++++++++++++------------------------------- 1 file changed, 47 insertions(+), 65 deletions(-) diff --git a/styles.css b/styles.css index 11c66d7..2190a45 100644 --- a/styles.css +++ b/styles.css @@ -1,86 +1,68 @@ -body{ font-family: Arial, Helvetica, sans-serif; margin:0;} +body{ font-family: Arial, Helvetica, sans-serif; + margin:0;} .wrapper{ display: flex; - justify-content: space-around; color:white;} - .wrapper nav a{ text-decoration:none; color:white;} + justify-content: space-around; + color:white;} + .wrapper nav a{ text-decoration:none; + color:white;} nav{ margin-top:18px; margin-left: 350px;} header{ background: #454f6f} - .first{ display:flex; - background-color: #e6834c; - padding: 18px;} - .first img{ width:30%; - padding:18px 25px; - border-radius: 60%;} + background-color: #e6834c; + padding: 18px;} + .first img{ width:30%; + padding:18px 25px; + border-radius: 60%;} .header{color:white; - padding: 10px 5px; - margin: 0px;} - - - .para1{ text-align:center; - background-color:#f2f3f4; - padding:25 28px;} - .para1 p{ text-align: center; - text-align: justify; - margin:0px 60px;} - - - + padding: 10px 5px; + margin: 0px;} + .para1{ text-align:center; + background-color:#f2f3f4; + padding:25 28px;} + .para1 p{ text-align: center;text-align: justify; + margin:0px 60px;} .boxes{ display:flex; - justify-content: space-around; - padding:50px;} + justify-content: space-around; + padding:50px;} .box{ width: 30%; - background-color: white; - text-align: center; - margin-bottom: 45px;} - + background-color: white; + text-align: center; + margin-bottom: 45px;} .box img{width:100%; - height:auto; - margin-top:20px; - border-radius: 5px;} - - - - .form1{text-align: center; - width:300px; - border:none; - border-radius: 5px; - padding:0px 10px; - background-color:#b6bdc5; - color:black;} - - .form1 input:focus {outline: none;} - .form1 button:hover {background-color: #48617d; - cursor:pointer;} + height:auto; + margin-top:20px; + border-radius: 5px;} + .form1{text-align: center;width:300px;border:none; + border-radius: 5px; + padding:0px 10px; + background-color:#b6bdc5; + color:black;} + .form1 input:focus {outline: none;} + .form1 button:hover {background-color: #48617d; + cursor:pointer;} .form1 button{background-color:#e6834c; - padding: 5 51px; - border-radius: 3px;} - - + padding: 5 51px; + border-radius: 3px;} .container{display: flex; - justify-content: space-around;} + justify-content: space-around;} .conatiner{ display: block-inline;} .container{ background-color:#454f6f; padding:10px; - color:white} + color:white} .container nav a{text-decoration:none; color:white} - div.a{text-align: center; - background-color:#e6834c; - padding:1px;} - - - + div.a{text-align: center; background-color:#e6834c; + padding:1px;} @media (max-width:540px) { .first{ flex-direction: column;} - - .nav a {flex-direction: column; - padding:12 20px; - color:red;} - .box img { width:100%; - margin-bottom: 15px;;} - .form{ width:100%; - padding:10px} + .nav a {flex-direction: column; + padding:12 20px; + color:red;} + .box img { width:100%; + margin-bottom: 15px;;} + .form{ width:100%; + padding:10px} } From b8fdcc99136163f442cde9f212cf84039cb621cc Mon Sep 17 00:00:00 2001 From: munira Date: Fri, 24 Feb 2023 14:17:24 -0600 Subject: [PATCH 5/5] change some media querie --- index.html | 2 +- styles.css | 5 +++-- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index a197afb..1660f86 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - + Fatuma Restaurant diff --git a/styles.css b/styles.css index 2190a45..9fcb45a 100644 --- a/styles.css +++ b/styles.css @@ -53,12 +53,13 @@ body{ font-family: Arial, Helvetica, sans-serif; div.a{text-align: center; background-color:#e6834c; padding:1px;} - @media (max-width:540px) { + @media (max-width: 540px) { + .wrapper{ flex-direction: column;} .first{ flex-direction: column;} .nav a {flex-direction: column; padding:12 20px; - color:red;} + color:rgb(73, 62, 231);} .box img { width:100%; margin-bottom: 15px;;} .form{ width:100%;