Skip to content

[WXSFUS-162]- create & style the landing page for food ordering #2298

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
chimmalambo wants to merge 10 commits into
base: master
Choose a base branch
from
Open

[WXSFUS-162]- create & style the landing page for food ordering #2298

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
48653c5
create landing page for food ordering
chimmalambo Nov 19, 2022
c14297e
add log files
chimmalambo Nov 19, 2022
f1fa2c1
posting some shorthand corrections suggested
chimmalambo Nov 19, 2022
0ef3ed5
deleting to redo the work
chimmalambo Nov 19, 2022
e4e9995
adding landing page for food ordering website
chimmalambo Nov 19, 2022
9000472
perform test for landing page
chimmalambo Nov 19, 2022
e60499d
adding disabled pics and updating work
chimmalambo Nov 24, 2022
aa5a277
corrections to style doc
chimmalambo Nov 24, 2022
bcf3262
adding changes on styling for landing page
chimmalambo Nov 28, 2022
03e4112
Merge branch 'master' into about-chim
Mayowa2020 Nov 28, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
105 changes: 105 additions & 0 deletions submissions/chimukaMalambo/Css/css/Foodbag.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,105 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style1.css">
<title>FoodBag</title>
</head>
<body>

<header>
<h3><a href="index.html">Food<span>Bag</span></a></h3>
<nav>
<li><a href="#">Cart</a></li>
<li><a href="#">Login</a></li>
<button>Sign up</button>
</nav>
</header>
<section>

<div class="title">
<h1>FoodBag</h1>
<p>Anything food, we have you covered.</p>
</div>

<div class="address-container">
<label for="address"><strong>Where are you?</strong></label> <br><br>
<input list="location-list" id="location" name="location" placeholder="Enter your delivery address" style="width: 1115px;">
<datalist class="address-input"id="location-list">
<option value="Lusaka">Lusaka</option>
<option value="Chingola">Chingola</option>
<option value="Kitwe">Kitwe</option>
<option value="Ndola">Ndola</option>
</datalist>
</div>
</section>

<div class="parent">
<h3>Pick an interest</h3> <br>
<div class="parent-1">
<div class="box-1">
<img src="css task 1 image assets/fast-food_disabled.svg"><br>
<h4><span style="color: lightgrey;">Fast Food</span></h4><br>
<small>All sorrows are less with bread.</small>
</div>
<div class="box-2">
<img src="css task 1 image assets/Vegetables & Drinks_disabled.svg"><br>
<h4><span style="color: lightgrey;">Vegetables & Fruits</span></h4><br>
<small>May not want it, but good for you.</small>
</div>
<div class="box-3">
<img src="css task 1 image assets/Drinks & Cocktails_disabled.svg"><br>
<h4><span style="color: lightgrey;">Drinks & Cocktails</span></h4><br>
<small>I feel sad for those who don't drink.</small>
</div>
<div class="box-4">
<img src="css task 1 image assets/resturant_disabled.svg"><br>
<h4><span style="color: lightgrey;">Restuarant</span></h4><br>
<small>All sorrows are less with bread.</small>
</div>
</div>
</div>

<div class="parent-2">
<h3>How we serve you</h3>
<div class="parent-3">
<div class="box-5">
<img src="css task 1 image assets/Illustration_1.svg"><br>
<h4>Tell us where you are</h4>
<p>Select the location you want us to deliver.</p>
</div>
<div class="box-6">
<img src="css task 1 image assets/illustration_2.svg"><br>
<h4>Tell us what you want</h4>
<p>Browse the type of food that interest you.</p>
</div>
<div class="box-7">
<img src="css task 1 image assets/illustration_3.svg"><br>
<h4>We'll come running</h4>
<p>Your order will be delivered to you in no time.</p>
</div>
</div>
</div>


</body>

<footer>
<div class="contact">
<p>Contact us</p> <br> <br>
<div class="box-8">
<img src="css task 1 image assets/twitter 2.svg">
<img src="css task 1 image assets/youtube 1.svg">
<img src="css task 1 image assets/facebook-f 1.svg">
</div>
</div> <br>
<div class="box-9">
<p>Terms & Conditions . Privacy Policy</p>
<p>&copy; Copyright 2021 FoodBag is a registered trademark</p>
</div>
<br>
</footer>


</html>
22 changes: 22 additions & 0 deletions .../chimukaMalambo/Css/css/css task 1 image assets/Drinks & Cocktails_disabled.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading