From a3936b55e8929a662b8a8b5442f05e0929cbe00b Mon Sep 17 00:00:00 2001 From: ayan jama Date: Fri, 17 Feb 2023 13:09:23 +0300 Subject: [PATCH 1/2] finished --- index.html | 94 ++++++++++++++++++++++++ styles.css | 208 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 302 insertions(+) diff --git a/index.html b/index.html index 64867a7..8e74594 100644 --- a/index.html +++ b/index.html @@ -1 +1,95 @@ + + + + + + + + + + + + + +
+ +

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.

+
+ +
+
+ +

it was popularised in the 1960s with the release

+
+ +
+ +
scrambled it make a type specimen book
+
+ +
+ +

duis consectetur sit amet metus .

+
+
+ +
+

contact

+
+ + + + + + +
+ +
+ + + + + + \ No newline at end of file diff --git a/styles.css b/styles.css index 945c1b5..3879afd 100644 --- a/styles.css +++ b/styles.css @@ -1 +1,209 @@ /* Paste your css code here */ + +.Fatuma{ + background-color: #454f6f; + padding: 20px; + display: flex; + color: white; + align-items: center; + + } + + + + + + nav{ + width: 100%; + } + + + + ul{ + + display: flex; + width: 60%; + justify-content: space-around; + margin: auto; + + + +} + + + + li{ + text-decoration: none; + list-style: none; + } + + + .Hero{ + + background-color : #974f0c; + margin: top 5rem; + margin-bottom: 4rem; + text-align: center; + padding-top: 3rem; + padding-bottom: 1.5rem; + display: flex; + align-items: center; + justify-content: space-around; + color: white; + } + + + +.Hero img{ + + border-radius: 100%; + height: 50%; + width: 50%; +} + +.sec1{ + background-color: #f3f2f2; + padding: 2rem; + width: 95%; + margin:auto; + text-align: center; +} + +.sec1 p{ +text-align: justify; +padding: 1rem; +line-height: 21px; +} + + + + .total{ + display: flex; + margin-top: 3rem; + width: 100%; + + + } + +.past_banana{ + + +} + + +.rice_banana{ + margin: 0 2rem; +} + +.catering{ + +} + + +.past_banana img{ + width: 100%; + border-radius: 5px; +} + +.rice_banana img{ + width: 100%; + border-radius: 5px; +} + + +.catering img{ + width: 100%; + border-radius: 5px; +} + + +.contact{ + background-color: #f3f2f2; +} + + +.contact h2{ + text-align: center; +} + + + +form{ + display: flex; + flex-direction: column; + width: 80%; + margin: auto; + +} + + +form input{ + padding: 0.5rem; + margin: 1rem; + border-radius: 2px; + border: none; + + +} + + + + + + +form button{ + background-color: #ac5d13 ; + color: white; + border: none; + padding: .5rem; + margin: 1rem; + border-radius: 2px; +} + + +.sec4{ +display: flex; +color: white; +background-color: #454f6f; +width: 100%; +justify-content: center; +} + +ol{ + display: flex; + width: 80%; + justify-content: space-around; + margin-top: 2rem; + + +} +.sec5{ + text-align: center; + padding-top: 1rem; + background-color: #ac5d13 ; + padding-bottom: .3rem; + +} + +/* */ + + +@media (max-width: 400px){ +.Fatuma{ + flex-direction: column +} + +.Hero{ + flex-direction: column; +} + +.total{ + flex-direction: column; +} + +.sec4{ + flex-direction: column; + +} + +} \ No newline at end of file From 195dd9495d2c72cd7fe0587285948f4b0b3bf9cc Mon Sep 17 00:00:00 2001 From: ayan jama Date: Fri, 17 Feb 2023 14:33:26 +0300 Subject: [PATCH 2/2] finished --- styles.css | 8 -------- 1 file changed, 8 deletions(-) diff --git a/styles.css b/styles.css index 3879afd..c721bc6 100644 --- a/styles.css +++ b/styles.css @@ -85,21 +85,13 @@ line-height: 21px; } -.past_banana{ -} - .rice_banana{ margin: 0 2rem; } -.catering{ - -} - - .past_banana img{ width: 100%; border-radius: 5px;