Anzor.Zakri/food-menu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

блочная верстка с использованием float(clear:both)

Browse Source
This commit is contained in:
anzorzakriev
2023-03-15 23:50:44 +03:00
commit b72524adf0
13 changed files with 359 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+102
View File
@@ -0,0 +1,102 @@
<!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>