lemansky

Untitled

Mar 31st, 2021
390
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Document</title>
  7.     <style>
  8.         body{
  9.             font-family: "Myriad Pro";
  10.             margin:0px;
  11.             font-size:0px;
  12.         }
  13.         nav{
  14.             background: #62513f;
  15.             border-bottom: solid 12px #a66c95;
  16.         }
  17.         .container{
  18.             width:950px;
  19.             margin:0 auto;
  20.             text-align:justify;
  21.         }
  22.         .menu{
  23.             padding:0;
  24.             margin:0;
  25.             list-style-type: none;
  26.             padding:15px 0px 22px 18px;
  27.         }
  28.         .menu li a{
  29.             color: white;
  30.             text-decoration: none;
  31.             font-size:20px;
  32.         }
  33.         .menu li{
  34.             display:inline-block;
  35.             vertical-align:top;
  36.             margin:0px 10px;
  37.         }
  38.         section{
  39.             background: rgb(121,106,74);
  40.             background: linear-gradient(180deg, rgba(121,106,74,1) 0%, rgba(98,86,60,1) 40%, rgba(64,56,39,1) 100%);
  41.         }
  42.         .heading{
  43.             padding-left:6px;
  44.             padding-top:21px;
  45.             padding-bottom:28px;
  46.         }
  47.         .heading img, .heading h1{
  48.             display:inline-block;
  49.             vertical-align: middle;
  50.             margin-right:11px;
  51.             color:white;
  52.             font-size:40px;
  53.             font-weight:normal;
  54.             margin-top:0px;
  55.             margin-bottom:0px;
  56.         }
  57.         .slider{
  58.             padding:18px 10px;
  59.             background:#a56c97;
  60.             border-radius:10px;
  61.         }
  62.  
  63.         .left a{
  64.           width: 0;
  65.           height: 0;
  66.           border-top: 10px solid transparent;
  67.           border-bottom: 10px solid transparent;
  68.           border-right: 10px solid #6e4563;
  69.           display:inline-block;
  70.         }
  71.  
  72.         .right a{
  73.           width: 0;
  74.           height: 0;
  75.           border-top: 10px solid transparent;
  76.           border-bottom: 10px solid transparent;
  77.           border-left: 10px solid #6e4563;
  78.           display:inline-block;
  79.         }
  80.  
  81.         .left{
  82.             margin-right:15px;
  83.         }
  84.  
  85.         .right{
  86.             margin-left:20px;
  87.         }
  88.  
  89.         .left, .right, .middle{
  90.             display:inline-block;
  91.             vertical-align:middle;
  92.             font-size:16px;
  93.         }
  94.  
  95.         .middle{
  96.             width:875px;
  97.         }
  98.         .title{
  99.             color:#ffe6b9;
  100.             font-size:36px;
  101.         }
  102.  
  103.         .meta{
  104.             padding:3px 3px;
  105.             border-top: solid 1px #764c72;
  106.             border-bottom: solid 1px #764c72;
  107.             font-weight:bold;
  108.         }
  109.         .p-body{
  110.             margin-top:11px;
  111.             color:white;
  112.             font-family:"Rockwell";
  113.             font-size:19px;
  114.         }
  115.         .main-content{
  116.             background:#201b15;
  117.             border:solid 2px #3e0d2b;
  118.             padding-left:19px;
  119.             padding-top:25px;
  120.             margin-top:24px;
  121.         }
  122.         .row{
  123.             padding-right:39px;
  124.         }
  125.         .col-left-title{
  126.             color:#ffe6b9;
  127.             font-size:24px;
  128.             margin-bottom:24px;
  129.         }
  130.         .post-title{
  131.             color:#7c5568;
  132.             font-size:16px;
  133.             margin-bottom:9px;
  134.         }
  135.         .post-meta{
  136.             border-top:solid 1px #422239;
  137.             border-bottom:solid 1px #422239;
  138.             padding:7px;
  139.             font-size:14px;
  140.             color:#4b363f;
  141.         }
  142.  
  143.     </style>
  144. </head>
  145. <body>
  146.     <nav>
  147.         <div class="container">
  148.             <ul class="menu">
  149.                 <li>
  150.                     <a href="">about</a>
  151.                 </li>
  152.                 <li>
  153.                     <a href="">contact</a>
  154.                 </li>
  155.                 <li>
  156.                     <a href="">portfolio</a>
  157.                 </li>
  158.                 <li>
  159.                     <a href="">quote</a>
  160.                 </li>
  161.                 <li>
  162.                     <a href="">products</a>
  163.                 </li>
  164.                 <li>
  165.                     <a href="">testimonials</a>
  166.                 </li>
  167.  
  168.             </ul>
  169.         </div>
  170.     </nav>
  171.     <section>
  172.         <div class="container">
  173.             <div class="heading">
  174.                 <img src="http://placehold.it/80x50" alt="">
  175.                 <h1>ИУ - Варна</h1>
  176.             </div>
  177.             <div class="slider">
  178.                 <div class="left">
  179.                     <a href="#previous"> </a>
  180.                 </div>
  181.                 <div class="middle">
  182.                     <div class="title">
  183.                         Lorem ipsum dolor sit
  184.                     </div>
  185.                     <div class="meta">
  186.                         Posted by admin in on 09 30th, 2018|2 Comments
  187.                     </div>
  188.                     <div class="p-body">
  189.                         Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi nam obcaecati ullam? Iure omnis voluptatem aliquam, eaque quas aspernatur! Ex exercitationem nihil magnam reiciendis nulla eos amet vel quibusdam incidunt.
  190.                     </div>
  191.                 </div>
  192.                 <div class="right">
  193.                     <a href="#next"> </a>
  194.                 </div>
  195.             </div>
  196.             <div class="main-content">
  197.                 <div class="row">
  198.                     <div class="col-left">
  199.                         <div class="col-left-title">
  200.                             Popular Articles
  201.                         </div>
  202.                         <div class="post">
  203.                             <div class="post-title">
  204.                                 Maecenas scelerisque fermentur
  205.                             </div>
  206.                             <div class="post-meta">
  207.                                 Posted by admin in on 09 30th, 2008|2 Comments
  208.                             </div>
  209.                             <div class="post-body">
  210.                                 <img src="http://placehold.it/80x80" alt="">
  211.                                 <div class="post-exc">
  212.                                     Lorem ipsum dolor, sit amet, consectetur adipisicing elit. Ex alias blanditiis voluptatibus, nihil molestias est id tenetur labore velit quam magnam tempore quas!
  213.                                 </div> 
  214.                             </div>
  215.                         </div>
  216.                     </div>
  217.                     <div class="col-middle">
  218.                        
  219.                     </div>
  220.                     <div class="col-right">
  221.                        
  222.                     </div>
  223.                 </div>
  224.             </div>
  225.         </div>
  226.     </section>
  227. </body>
  228. </html>
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×