Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name= "viewport" content="width=device-width">
- <meta name="description" content = "Got Extra Food! Find the nearby homwless shelter or food bank to donate your food.">
- <meta name="keywords" content = "donate, food, homeless, grateful">
- <title> DonATE | Welcome </title>
- <link rel = "stylesheet" href = "./css/css/style.css">
- </head>
- <body>
- <header>
- <div class="container">
- <div id="branding">
- <h1><span class = "highlight">Don</span>ATE </h1>
- </div>
- <nav>
- <ul>
- <li class="current"><a href="donATE.html">Home</a></li>
- <li><a href="donate1.html">Donate</a></li>
- <li><a href="about.html">About</a></li>
- </ul>
- </nav>
- </header>
- <section id= "showcase">
- <div class="container">
- <h1> Donate Food for the Benefit of Others <h2>
- </div>
- </section>
- <section id="donate">
- <div class="container">
- <h1> Sign Up </h1>
- <form>
- <input type="username" placeholder="Enter Username:">
- <input type="email" placeholder="Enter email:">
- <input type="password" placeholder="Enter password:">
- <button type="submit" class= "button_1"> Sign Up </button>
- </form>
- </div>
- </section>
- <section id="boxes">
- <div class="container">
- <div class="box">
- <img src="./img/img .jpg" alt="Cooked Food" height="55" width="55">
- <h3> Cooked Food </h3>
- <p> You can donate unspoiled cooked food like pizza, burgers etc which are leftover after parties, events and even hackathons</p>
- </div>
- <div class="box">
- <img src="./img/img1.jpg" alt="Fresh Food" height="55" width="55">
- <h3> Fresh food </h3>
- <p> You can donate food like fruits, vegetables etc. </p>
- </div>
- <div class="box">
- <img src= "./img/pack.jpg" alt="Packaged Food" height="55" width="55">
- <h3> Packaged Food </h3>
- <p> You can donate packaged food which are not expired</p>
- </div>
- </div>
- </section>
- <footer>
- <p> Done Eating? Don(e) ATE your food for a good cause</p>
- </footer>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement