TheDoskz

Untitled

May 14th, 2021
1,042
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>У Гафурова!</title>
  5.         <style type="text/css">
  6.             header, section, footer, aside, nav, article, figure, figcaption {
  7.                 display: block;}
  8.             body {
  9.                 color: #666666;
  10.                 background-color: #f9f8f6;
  11.                 background-image: url("images/dark-wood.jpg");
  12.                 background-position: center;
  13.                 font-family: Georgia, Times, serif;
  14.                 line-height: 1.4em;
  15.                 margin: 0px;}
  16.             .wrapper {
  17.                 width: 940px;
  18.                 margin: 20px auto 20px auto;
  19.                 border: 1px solid #000000;
  20.                 background-color: #ffffff;}
  21.             header {
  22.                 height: 160px;
  23.                 background-image: url(images/header.png);}
  24.             h1 {
  25.                 text-indent: -9999px;
  26.                 width: 940px;
  27.                 height: 130px;
  28.                 margin: 0px;}
  29.             nav, footer {
  30.                 clear: both;
  31.                 color: #ffffff;
  32.                 background-color: #605d55;
  33.                 height: 30px;}
  34.             nav ul {
  35.                 margin: 0px;
  36.                 padding: 5px 0px 5px 30px;}
  37.             nav li {
  38.                 display: inline;
  39.                 margin-right: 40px;}
  40.             nav li a {
  41.                 color: #ffffff;}
  42.             nav li a:hover, nav li a.current {
  43.                 color: #000000;}
  44.             section.courses {
  45.                 float: left;
  46.                 width: 659px;
  47.                 border-right: 1px solid #eeeeee;}
  48.             article {
  49.                 clear: both;
  50.                 overflow: auto;
  51.                 width: 100%;}
  52.             hgroup {
  53.                 margin-top: 40px;}
  54.             figure {
  55.                 float: left;
  56.                 width: 290px;
  57.                 height: 220px;
  58.                 padding: 5px;
  59.                 margin: 20px;
  60.                 border: 1px solid #eeeeee;}
  61.             figcaption {
  62.                 font-size: 90%;
  63.                 text-align: left;}
  64.             aside {
  65.                 width: 230px;
  66.                 float: left;
  67.                 padding: 0px 0px 0px 20px;}
  68.             aside section a {
  69.                 display: block;
  70.                 padding: 10px;
  71.                 border-bottom: 1px solid #eeeeee;}
  72.             aside section a:hover {
  73.                 color: #985d6a;
  74.                 background-color: #efefef;}
  75.             a {
  76.                 color: #de6581;
  77.                 text-decoration: none;}
  78.             h1, h2, h3 {
  79.                 font-weight: normal;}
  80.             h2 {
  81.                 margin: 10px 0px 5px 0px;
  82.                 padding: 0px;}
  83.             h3 {
  84.                 margin: 0px 0px 10px 0px;
  85.                 color: #de6581;}
  86.             aside h2 {
  87.                 padding: 30px 0px 10px 0px;
  88.                 color: #de6581;}
  89.             footer {
  90.                 font-size: 80%;
  91.                 padding: 7px 0px 0px 20px;}
  92.         </style>
  93.         <!--[if lt IE 9]>
  94.         <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  95.         <![endif]-->
  96.     </head>
  97.     <body>
  98.         <div class="wrapper">
  99.  
  100.  
  101.             <header>
  102.                 <h1>Кафе "У Гафурова"</h1>
  103.                 <nav>
  104.                     <ul>
  105.                         <li><a href="" class="current">Главная</a></li>
  106.                         <li><a href="">Кафе</a></li>
  107.                         <li><a href="">Меню</a></li>
  108.                         <li><a href="">О нас</a></li>
  109.                         <li><a href="">Контакты</a></li>
  110.                         <li><a href="Reg/aut.php">Войти</a></li>
  111.                     </ul>
  112.                 </nav>
  113.             </header>
  114.             <section class="courses">
  115.                 <article>
  116.                     <figure>
  117.                         <img src="images/bok-choi.jpg" alt="Bok Choi" />
  118.                         <figcaption>Китайская капуста</figcaption>
  119.                     </figure>
  120.                     <hgroup>
  121.                         <h2>Японская вегетарианская кухня</h2>
  122.                         <h3>Пятинедельные курсы в Лондоне</h3>
  123.                     </hgroup>
  124.                     <p>Знакомство с традиционными японскими вегетарианскими блюдами из риса и лапши.</p>
  125.                 </article>
  126.             </section>
  127.             <aside>
  128.                 <section class="login-pass">
  129.                     <a href="guestbook/test.html">Комментарий</a>
  130.                     <a href="order.php">Оформить заказ</a>
  131.                 </section>
  132.                 <section class="popular-recipes">
  133.                     <h2>Популярные рецепты</h2>
  134.                     <a href="https://www.povarenok.ru/recipes/show/36004/" target="_blank">Якитори (жареная курица)</a>
  135.                     <a href="">Цукунэ (пирожки с куриным фаршем)</a>
  136.                     <a href="">Окономияки (блины из различных ингредиентов)</a>
  137.                     <a href="">Мизутаки (тушеная курица)</a>
  138.                 </section>
  139.                 <section class="contact-details">
  140.                     <script src='script.js'></script>
  141.                 </section>
  142.             </aside>
  143.             <footer>
  144.                 &copy; 2021 Кафе "У Гафурова!"
  145.             </footer>
  146.         </div><!-- .wrapper -->
  147.     </body>
  148. </html>
RAW Paste Data