HTML

<!
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,
initial-scale=1">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?
family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;
1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-
awesome.min.css">

<link rel="stylesheet" type="text/css" href="style.css"
<title>Italian Delights</title>
</head>
<body>

<div id="hero">
<div id="hero_content">
<h1>Italian Delights</h1>
<h2>A Taste You Will Remember</h2>
<a href="">Menu</a>
</div>
</div>



<div id="header">
<nav id="navbar">
<h1>Italian Delights</h1>
<ul>
<li><a href="">Home</a></li>
<li><a href=""> Menu</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Contact us</a></li>
</ul>
<div id="Phone">
<a href="tel:+112647815">+112647815</a>
</div>
</nav>
<div id="mobile menu">
<ul>
<li><a href="">Home</a></li>
<li><a href=""> Menu</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Contact us</a></li>
</ul>
</div>
</div>



<div id="menu">
<h1 id="section">Menu</h1>
<div id="menu_row">
<div id="menu_col">
<h2>Breakfast</h2>
<div class="box">
<div id="image">
<img src="imagecros.jpg">
</div>
<div>
<h3>Breakfast Option 01</h3>
<h4>10$</h4>
</div>
</div>
<div class="box">
<div id="image">
<img src="breakfastbun.jpg">
</div>
<div>
<h4>15$</h4>
</div>
</div>
<div class="box">
<div id="image">
<img src="Breakfastdonut.jpg">
</div>
<div>
<h4>8$</h4>
</div>
</div>
</div>
<div id="menu_col">
<h2>Lunch</h2>
<div class="box">
<div id="image">
<img src="Lunchitaly.jpg">
</div>
<div>
<h3>Lunch Option 01</h3>
<h4>20$</h4>
</div>
</div>
<div class="box">
<div id="image">
<img src="lunchchine.jpg">
</div>
<div>
<h4>18$</h4>
</div>
</div>
<div class="box">
<div id="image">
<img src="luncheng.jpg">
</div>
<div>
<h4>25$</h4>
</div>
</div>
</div>
<div id="menu_col">
<h2>Dinner</h2>
<div class="box">
<div id="image">
<img src="dinnerlasag.jpg">
</div>
<div>
<h3>Dinner Option 01</h3>
<h4>25$</h4>
</div>
</div>
<div class="box">
<div id="image">
<img src="dinnersalad.jpg">
</div>
<div>
<h4>10$</h4>
</div>
</div>
<div class="box">
<div id="image">
<img src="dinnerbbq.jpg">
</div>
<div>
<h4>40$</h4>
</div>
</div>
</div>
</div>
</div>



<div id="about">
<h1 id="section">About</h1>
<div id="About_row">
<div class="About_col">
<h1>About us</h1>
<p>
Welcome to Italian Delights, where we bring the authentic taste of Italy to your table. Our
mission is to provide delicious Italian cuisine in a cozy and inviting atmosphere.
We offer dine-in, takeaway, and home delivery services. Visit any of our locations to
experience the true flavors of Italy.
Founded in 2005 by Chef Giovanni, Italian Delights has been serving the community for over
19 years. Our dedicated team ensures that every dish is prepared with love and attention to
detail.
We look forward to serving you and making your dining experience memorable!
</p>
</div>
<div class="about_col">
<div id="about_img">
<img src="download5.jpg">
</div>
</div
</div>
</div>



<div id="Contact">
<h1 id="secion">Contact</h1>
<div id="contact_row">
<div class="contact_col">
<div>
<p>
<i class="fa fa-map-marker"></i>
Jade Garden Road,Colombo 02
</p>
<p>
<a href="mail to:Italiandelights@gmail.com">
<i class="fa fa-envelope"></i>
Italiandelights@gmail.com
</a>
</p>
<p>
<a href="tel:+942655013">
<i class="fa fa-phone-square"></i>
+942655013
</a>
</p>
<h3>Follow us</h3>
<p id ="social">
<a href=""><i class="fa fa-facebook-official fa-2x"></i></a>
<a href=""><i class="fa fa-instagram fa-2x"></i></a>
<a href=""><i class="fa fa-twitter-square fa-2x"></i></a>
<a href=""><i class="fa fa-youtube-square fa-2x"></i></a>
</p>
</div>
</div>
<div class="contact_col">
<form>
<h2>Get in touch</h2>
<input type="text" placeholder="Name">
<input type="email" placeholder="Email">
<input type="text" placeholder="telphone no:">
<input type="text" placeholder="Address">
<textarea rows="6" placeholder="type a message"></textarea>
<button>Send order</button>
</form>
</div>
</div>
</div>
</body>
</html>

HTML

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML

Uploaded by

Copyright:

Available Formats

<!

You might also like