102 lines
5.2 KiB
HTML
102 lines
5.2 KiB
HTML
|
<!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">
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
<title>Food menu</title>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<div class="logo">
|
||
|
|
<img src="images/logo.png" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="plashka">
|
||
|
|
<div class="plashka-item-1">
|
||
|
|
<img src="images/car.png" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="plashka-item-2">
|
||
|
|
<span class="slogan">EXPRESS DELIVERY</span>
|
||
|
|
<br>
|
||
|
|
<span class="phone">+1 234 567 890</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="clear"></div>
|
||
|
|
<div class="burger-image">
|
||
|
|
<img src="images/Burger.png" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="section-1">
|
||
|
|
<div class="menu-1">
|
||
|
|
<li><span class="title">BURGERS</span></li>
|
||
|
|
<li><span>Lorem ipsum dolor</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>Duis aute irure</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>Excepteur sint occaecat</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>consectetur adipiscing elit</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>reprehenderit in voluptate</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>nostrud exercitation</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>Ut enim</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>Spinach Artichoke Dip</span><a>.........................</a><span>10$</span></li>
|
||
|
|
</div>
|
||
|
|
<div class="menu-2">
|
||
|
|
<li><span class="title">DRINKS</span></li>
|
||
|
|
<li><span>Lorem ipsum dolor</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>Duis aute irure</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>Excepteur sint occaecat</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>consectetur adipiscing elit</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>reprehenderit in voluptate</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>nostrud exercitation</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>Ut enim</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>Spinach Artichoke Dip</span><a>.........................</a><span>10$</span></li>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="clear"></div>
|
||
|
|
<img src="images/Layer 3.png" alt="" class="botl">
|
||
|
|
<img src="images/Sauce.png" alt="" class="souse">
|
||
|
|
<div class="section-2">
|
||
|
|
<div class="menu-1">
|
||
|
|
<li><span class="title">DESSERTS</span></li>
|
||
|
|
<li><span>Lorem ipsum dolor</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>Duis aute irure</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>Excepteur sint occaecat</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>consectetur adipiscing elit</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>reprehenderit in voluptate</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>nostrud exercitation</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>Ut enim</span><a>.........................</a><span>10$</span></li>
|
||
|
|
<li><span>Spinach Artichoke Dip</span><a>.........................</a><span>10$</span></li>
|
||
|
|
</div>
|
||
|
|
<div class="menu-3">
|
||
|
|
<a class="text">It is a good time for the great taste of burgers</a><br>
|
||
|
|
<a class="burger-week">BURGER</a><br>
|
||
|
|
<a class="week">WEEK</a><br>
|
||
|
|
<div class="burger-action">
|
||
|
|
<img src="images/action.png" alt="" class="burger-action-img">
|
||
|
|
<div class="price">
|
||
|
|
<div class="price-m">
|
||
|
|
<a class="price-m-item-1">$5<a class="price-m-sub">.49</a></a><br>
|
||
|
|
<a class="price-m-item-2">Only</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img src="images/Burger1.png" alt="" class="burger-image-clone">
|
||
|
|
<div class="clear"></div>
|
||
|
|
<div class="footer-line">
|
||
|
|
<div class="spicy">
|
||
|
|
<img src="images/Vector Smart Object2.png" alt="" class="spicy-img">
|
||
|
|
<a class="spicy-text">Spicy Availaable</a>
|
||
|
|
</div>
|
||
|
|
<div class="address">
|
||
|
|
<a>info@yoursite.com // wwww.yoursite.com</a>,<br>
|
||
|
|
<a>Main Road, Building Name, Country</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|