diff --git a/Fast Foods.jpg b/Fast Foods.jpg new file mode 100644 index 0000000..411bc8c Binary files /dev/null and b/Fast Foods.jpg differ diff --git a/Mini Fast foods.jpg b/Mini Fast foods.jpg new file mode 100644 index 0000000..fdbef08 Binary files /dev/null and b/Mini Fast foods.jpg differ diff --git a/cart-regular-24.png b/cart-regular-24.png new file mode 100644 index 0000000..d16fe16 Binary files /dev/null and b/cart-regular-24.png differ diff --git a/facebook.png b/facebook.png new file mode 100644 index 0000000..39a1034 Binary files /dev/null and b/facebook.png differ diff --git a/index.html b/index.html index a2219e1..00eec21 100644 --- a/index.html +++ b/index.html @@ -4,10 +4,66 @@ - Document + Elmi ast-Food + - + +
+ Logo +
+
+ +

24/7 Online

+ +
+ + + +
+
+

Perfect Fast-Food,
Perfect Date

+

The best burgers and fast food the ones
shared with friends!

+ +
+
+ Fast foods + +
+ +
+ + + + + + + diff --git a/instagram.jpg b/instagram.jpg new file mode 100644 index 0000000..6b6372b Binary files /dev/null and b/instagram.jpg differ diff --git a/style/style.css b/style/style.css index e69de29..abf2ed5 100644 --- a/style/style.css +++ b/style/style.css @@ -0,0 +1,105 @@ + +.bar-top{ + display: flex; + align-items: center; + justify-content: space-around; + padding: 10px 150px; + background: white; + border-bottom: 1px solid #d8d8d8; + +} + +.menu-bar{ + display: flex; + align-items: center; + justify-items: center; + gap: 20px; + font-size: 25px; + margin-left: 30%; + + + +} + +.menu-bar li{ + list-style-type: none; + +} + + + +.p{ +margin-left:40%; + +} + +.img2{ + height: 35px; + width: 55px; + +} + +.img3 { + height: 300px; + width: 300px; +} + +.main-d{ + display: flex; + justify-content: space-around; + margin-top: 10%; + align-items: center; + +} + +.main-d div{ + width: 50%; + +} + + +.div1{ + font-size: 30px; + display:flex; + flex-direction: column; + align-items: center; + text-align: center; + +} + +.div1 button{ + color: white; + background-color: red; + font-size: 25px; + +} +.img3{ + width: 500px; + height: 500px; + + +} + +.footer{ + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 30px; + border-top: 1px solid #d8d8d8; + +} + + + .social-link{ + height: 50px; + margin : 20px; + gap:3px; + width: 40px; + + } + + + + + + diff --git a/whatsapp.jpg b/whatsapp.jpg new file mode 100644 index 0000000..cc09e76 Binary files /dev/null and b/whatsapp.jpg differ