API tools faq
paste
Advertisement
Guest User

pizza

a guest
Aug 21st, 2014
243
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.84 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  <head>
  3.   <link rel="shortcut icon" href="http://mariopizza.com.ua/design/img/mario-logo.png" type="image/x-icon">
  4.    <title>Марио Пицца</title>
  5.   <style>
  6.  
  7.  body {
  8.     background: url(http://365psd.ru/images/patterns/medium/wood-texture-072.jpg);
  9.   background-size: 130%;
  10.   color: white;
  11.  }
  12.  
  13.  a {
  14.   color: white;
  15.  }
  16.      
  17.  a:hover {
  18.   color: rgb(199, 179, 31);
  19.  }
  20.  
  21.  #left a{
  22.   color: rgb(199, 179, 31);
  23.  }
  24.  
  25.  #left a:hover {
  26.   color: white;
  27.  }
  28.  #center a{
  29.   text-decoration: none;
  30.  }
  31.  
  32.  img{
  33.   width: 120px;
  34.   height: 120px;
  35.  }
  36.  
  37.  #right img{
  38.   width: 160px;
  39.   height: 160px;
  40.   margin-top: 20%;
  41.  }
  42.  
  43.  #center img{
  44.   width: 500px;
  45.   height: 500px;
  46.   margin-top: 2%;
  47.  }
  48.  
  49.  
  50.  #wrapper {
  51.   border: 0px solid black;
  52.   width: 81%;
  53.   height: 100%;
  54.   margin: 0 auto;
  55.   text-align: center;
  56.  }
  57.  
  58.  #header {
  59.   border: 0px solid black;
  60.   height: 180px;
  61.   display: table-cell;
  62.   vertical-align: bottom;
  63.  
  64.  }
  65.  
  66.  #left {
  67.   border: 0px solid black;
  68.   width: 16%;
  69.   float: left;
  70.   text-align: left;
  71.   box-sizing: border-box;
  72.   color: rgb(236, 181, 6);
  73.  }
  74.  
  75.  #center {
  76.   border: 0px solid black;
  77.   width: 68%;
  78.   float: left;
  79.   box-sizing: border-box;
  80.  }
  81.  
  82.  #right {
  83.   border: 0px solid black;
  84.   width: 16%;
  85.   float: right;
  86.   box-sizing: border-box;
  87.   text-align: left;
  88.   color: rgb(241, 215, 18);
  89.   font-size: 18;
  90.  }
  91.  
  92.  #footer {
  93.   border: 0px solid black;
  94.   width: 100%;
  95.   margin-top: 70px;
  96.   color: rgba(231, 165, 66, 0.78);
  97.  
  98.  }
  99.  
  100.  #content {
  101.   overflow: hidden;
  102.  
  103.  }
  104.  
  105.  .button {
  106.   border: 0px solid black;
  107.   width: 13%;
  108.   height: 140px;
  109.   float: left;
  110.   margin-left: 1%;
  111.   overflow: hidden;
  112.  }
  113.  
  114.  #buy {
  115.  background-image: -webkit-linear-gradient(top, #FFD117, #AC9108);
  116.  -webkit-border-radius:  5px;
  117.  padding: 3px 7px;
  118.  border: 1px solid #8D6C15;
  119. }
  120.  
  121.  ol {
  122.   margin-left: -18%;
  123.  }
  124.  
  125.  Ul {
  126.   margin-left: -19%;
  127.   margin-top: 8;
  128.  }
  129.  
  130.   </style>
  131.  </head>
  132.  
  133.  <body>
  134.   <div id="wrapper">
  135.     <div id="header"><img src="http://mariopizza.com.ua/design/img/mario-logo.png"><br>
  136.      <div class="button"><img src='http://mariopizza.com.ua/design/img/product/big/mario.png' >«<a href="#">Марио</a>»</div>
  137.      <div class="button"><img src='http://mariopizza.com.ua/design/img/product/big/mama-miya.png' >«<a href="#">Мама мия</a>»</div>
  138.      <div class="button"><img src='http://mariopizza.com.ua/design/img/product/big/karbonara.png' >«<a href="#">Карбонара</a>»</div>
  139.      <div class="button"><img src='http://mariopizza.com.ua/design/img/product/big/neapoletano.png' >«<a href="#">Наполитано</a>»</div>
  140.      <div class="button"><img src='http://mariopizza.com.ua/design/img/product/big/filadelfiya.png' >«<a href="#">Филадельфия</a>»</div>
  141.      <div class="button"><img src='http://mariopizza.com.ua/design/img/product/big/DSC_2314.png' >«<a href="#">Мафия</a>»</div>
  142.      <div class="button"><img src='http://mariopizza.com.ua/design/img/product/big/DSC_2315.png' >«<a href="#">Охотьничья</a>»</div>
  143.  
  144.     </div>
  145.  
  146.  <div id="content">
  147.    <div id="left">
  148.         <ol>Наши пиццы:<ul><a href="#">Марио</a></ul>
  149.             <ul><a href="#">Мама мия</a></ul>
  150.             <ul><a href="#">Аль крудо</a></ul>
  151.             <ul><a href="#">Карбонара</a></ul>
  152.             <ul><a href="#">Кватро стаджиони</a></ul>
  153.             <ul><a href="#">Наполитано</a></ul>
  154.             <ul><a href="#">Филадельфия</a></ul>
  155.             <ul><a href="#">Кватро формаджи</a></ul>
  156.             <ul><a href="#">Маргарита</a></ul>
  157.             <ul><a href="#">Маринара</a></ul>
  158.             <ul><a href="#">Мафия</a></ul>
  159.             <ul><a href="#">Охотничья</a></ul>
  160.             <ul><a href="#">Имперо Романо</a></ul>
  161.             <ul><a href="#">Пеперони</a></ul>
  162.             <ul><a href="#">4 сыра</a></ul>
  163.             <ul><a href="#">Дорблю</a></ul>
  164.             <ul><a href="#">Кардинальская</a></ul>
  165.             <ul><a href="#">Мадьярская</a></ul>
  166.             <ul><a href="#">Адмирал</a></ul>
  167.         </ol>
  168.       </div>
  169.  
  170.    <div id="center"><img src="http://mariopizza.com.ua/design/img/product/big/karbonara.png"><br><b>«Карбонара»</b><br>
  171. Cыр, шампиньоны, ветчина, перец болгарский, базилик.
  172.  
  173.    </div>
  174.    <div id="right"><br><br>
  175.  
  176. &nbspРайон:<br>
  177.  
  178. <select>
  179.  <option>Голосеевский</option>
  180.   <option>Соломенский</option>  
  181.  <option>Святошинский</option>
  182.  <option>Оболонский</option>
  183.  <option>Подольский</option>
  184.  <option>Печерский</option>
  185.  <option>Шевченковский</option>
  186.  <option>Дарницкий</option>
  187.  <option>Днепровский</option>
  188.  <option>Деснянский</option>
  189. </select><br><br>
  190.  
  191.  
  192. &nbspПицца:<br>
  193.  
  194. <select>
  195.  <option> Марио</option>
  196.  <option> Мама мия</option>
  197.  <option> Аль курдо</option>
  198.  <option> Карбонада</option>
  199.  <option> Кватро стражиони</option>
  200.  <option> Наполитано</option>
  201.  <option> Филадельфия</option>
  202.  <option> Кватро формаджи</option>
  203.  <option> Маргарита</option>
  204.  <option> Марионара</option>
  205.  <option> Мафия</option>
  206.  <option> Охотничья</option>
  207.  <option> Паперони</option>
  208.  <option> 4 Сыра</option>
  209.  <option> Дорблю</option>
  210.  <option> Кардинальская</option>
  211.  <option> Мадьярская</option>
  212.  <option> Адмирал</option>
  213. </select><br><br>
  214.  
  215. &nbspРазмер:<br>
  216.  
  217. <select>
  218.  <option> 30см.</option>
  219.  <option> 40см.</option>
  220. </select><br><br>
  221.  
  222. <button id="buy">Заказать</button>
  223.  
  224.  
  225.   </div>
  226. </div>
  227.  
  228.  <div id="footer"><tr>Пиццерия «Марио» широко популярна среди любителей настоящей пиццы. Именно такую пиццу, приготовленную по традиционным рецептам и испеченную в дровяной печи, вы можете попробовать в нашей пиццерии. Посетив уютную пиццерию в центре Житомира, Вы сможете замечательно провести время на летней площадке, в верхнем или нижнем зале, насладиться пиццей, приготовленной у Вас на глазах и выпеченной в специальной дровяной печи. В нижнем зале пиццерии расположился комфортный Лаунж-бар. Если же Вы предпочитаете домашний уют, то можете воспользоваться услугой заказ пиццы на дом. Оформить свой заказ можно через форму на сайте или по телефону. Вам не придется долго ожидать доставку пиццы и беспокоится о том, будет ли она горячей. Мы гарантируем Вам быструю доставку. Вы можете заказать пиццу один раз, и этого будет достаточно, чтобы ощутить преимущества заказа пиццы на дом. Кроме широкого ассортимента пицц, «Марио» предлагает комплекс завтраков и обедов. Они были разработаны нашими поварами с учетом Ваших предпочтений и особенностей национальных кухонь разных стран.</div>
  229.  </div>
  230. </body>
  231. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!