Scribd
Upload
15 views

Restuturent HTML

The document is the code for a website for an online food delivery service. It includes sections for the navigation bar, hero content with an offer and call to action, features listing key benefits, a menu section with images, and footer with links and social media icons. The hero section promotes 50% off and encourages users to explore the delicious food options. The features highlight fast delivery, healthy options, and discounts. The menu shows images of food for customers to explore.

Uploaded by

anshnarola8
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
15 views

Restuturent HTML

The document is the code for a website for an online food delivery service. It includes sections for the navigation bar, hero content with an offer and call to action, features listing key benefits, a menu section with images, and footer with links and social media icons. The hero section promotes 50% off and encourages users to explore the delicious food options. The features highlight fast delivery, healthy options, and discounts. The menu shows images of food for customers to explore.

Uploaded by

anshnarola8
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel=" stylesheet" href=" style.css"/>
<script src="https://kit.fontawesome.com/ef9285d094.js"
crossorigin="anonymous"></script>

</head>
<body>
<nav>
<div class=" navication_container">
<div class="logo_container">
<img src=" ">
</div>
</div>
<div class="bar_icon">
<i class="fa-solid fa-bars"></i>
</div>
</nav>
<!-- Hero section-->
<div class="container">
<div class="hero">
<div class="hero_section">
<img src="Hero Image.png "alt="img"/>
</div>
<div class=" hero_content">
<div class="tag">
50% off on all products
</div>
<h1> ENJOY YOUR DELICIOUS FOOD </h1>
<P> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloremque
consequatur eum id, quo cum iure commodi natus illum suscipit adipisci? Nisi
facilis aperiam eligendi ducimus debitis reprehenderit. Optio, tempore
excepturi.</P>
<button class=" explore_btn"> EXPLORE NOW

</button>
</div>
</div>
<section class=" features">
<div class=" feature">
<img src="icons8-delivery-64 1.png " alt=" small 1"/>

<div class="feature_content">
<h3>Fast Home delivery </h3>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores, laborum?

</p>

</div>
</div>
<div class=" feature">
<img src="icons8-fruits-and-vegetables-64 1.png " >
<div class="feature_content"></div>
<h3> Fress healthy Food </h3>
<P> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit,
laudantium.</P>

</div>
<diV class=" Feature" >
<img src="icons8-summer-sales-48 1.png">
<div class=" feature_content">
<h3> Discount vouture</h3>
<P> Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel,
impedit.</P>
</div>
</diV>

</diV>
</section>
<div class=" divider "></div>
<div class=" Menu">
<div class=" tag "> Our Menu</div>
<h2> EXPLORE MENU </h2>

<div class=" grid">


<div class=" item1">
<img class=" grid_img" src=" img 1.png " alt=" img 1"/>
</div>
<div class=" item2">
<img class=" grid_img"src=" img 2.png" alt=" img 2"/>
</div>
<div class=" item3">
<img class=" grid_img"src=" img 3.png" alt=" img 3"/>
</div>
<div class=" item4">
<img class=" grid_img"src=" img 4.png " alt=" img 4"/>
</div>
<div class=" item5">
<img class=" grid_img"src=" img 5.png " alt=" img 5"/>
</div>
<div class=" item6">
<img class=" grid_img" src="img 6.png " alt=" img 6"/>
</div>

<div class=" item7">


<img class=" grid_img"src=" img 7.png" alt=" img 7"/>
</div>
</div>

</div>
</div>
<footer>
<div class="footer_container container">
<div class="footer_logo">
<img src=" pngwing.com_5_18.png" alt="logo" />
</div>
<div class="link_lists">
<h3>Main Links</h3>
<ul>
<li>Order Tracking</li>
<li>New Order</li>
<li>Contact Us</li>
<li>News & Blogs</li>
</ul>
</div>
<div class="link_lists">
<h3>Support</h3>
<ul>
<li>About Us</li>
<li>Privacy Policy</li>
<li>Terms & Conditons</li>
</ul>
</div>
<div class="news_letter">
<h3>Support</h3>
<input type="email" placeholder="Enter your Email..." />
<h3>Follow Us</h3>
<div class="icon_container">
<div class="icon">
<i class="fa fa-facebook"></i>
</div>
<div class="icon">
<i class="fa fa-twitter" aria-hidden="true"></i>
</div>
<div class="icon">
<i class="fa fa-instagram" aria-hidden="true"></i>
</div>
<div class="icon">
<i class="fa fa-youtube" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>

You might also like