HTML website
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Best Online Food Delivery in Gorakhpur!Sweetymeals.com</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" media="screen and (max-width:1170px)" href="phone.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Baloo+2&display=swap" rel="stylesheet">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="mylogo.jpg" alt="Sweetymeals.com">
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#services-container">Services</a></li>
<li class="item"><a href="#clients-section">Our Clients</a></li>
<li class="item"><a href="#contact">Contact Us</a></li>
</ul>
</nav>
<section id="home">
<h1 class="h-primary">Welcome to Sweetymeals</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda possimus sed deleniti </p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit </p>
<button class="btn">Order Now</button>
</section>
<section id="services-container">
<h1 class="h-primary center">Our Services</h1>
<div id="services">
<div class="box">
<img src="pizzahurt.png" alt="">
<h2 class="h-secondary center">Food Catering</h2>
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fuga autem nihil similique
quos, obcaecati alias a deleniti voluptatem cum nisi illo molestias cupiditate enim explicabo
placeat suscipit voluptas magnam corrupti aliquid adipisci doloremque asperiores!</p>
</div>
<div class="box">
<img src="chesseset.jpg" alt="">
<h2 class="h-secondary center">Bulk Odering</h2>
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fuga autem nihil similique
quos, obcaecati alias a deleniti voluptatem cum nisi illo molestias cupiditate enim explicabo
placeat suscipit voluptas magnam corrupti aliquid adipisci doloremque asperiores!</p>
</div>
<div class="box">
<img src="delivery.png" alt="">
<h2 class="h-secondary center">Food Ordering</h2>
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fuga autem nihil similique
quos, obcaecati alias a deleniti voluptatem cum nisi illo molestias cupiditate enim explicabo
placeat suscipit voluptas magnam corrupti aliquid adipisci doloremque asperiores!</p>
</div>
</div>
</section>
<section id="client-section">
<h1 class="h-primary center">Our Clients</h1>
<div id="clients">
<div class="client-item">
<img src="image.png" alt="Our Client">
</div>
<div class="client-item">
<img src="facebooklogo.png" alt="Our Client">
</div>
<div class="client-item">
<img src="skypee.png" alt="Our Client">
</div>
<div class="client-item">
<img src="delivery.png" alt="Our Client">
</div>
<div class="client-item">
<img src="image.png" alt="Our Client">
</div>
</div>
</section>
<section id="contact">
<h1 class="h-primary center">Contact Us</h1>
<div id="contact-box">
<form action="">
<div class="form-group">
<label for="name">Name: </label>
<input type="text" name="name" id="name" placeholder="Enter your name">
</div>
<div class="form-group">
<label for="email">Email: </label>
<input type="email" name="name" id="name" placeholder="Enter your email">
</div>
<div class="form-group">
<label for="phone">phone Number: </label>
<input type="phone" name="name" id="name" placeholder="Enter your phone">
</div>
<div class="form-group">
<label for="message">Message: </label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
</div>
</form>
</div>
</section>
<footer>
<div class="center">
Copyright © www.Sweetymeals.com. all right reserved!
</div>
</footer>
</body>
</html>
Comments
Post a Comment