SHARE
TWEET

Untitled

a guest Nov 17th, 2019 70 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.         <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7.  
  8.         <link rel="stylesheet" href="css/main.css">
  9.         <!-- <link rel="stylesheet" href="css/fontawesome-free-5.11.2-web/css/all.css"> -->
  10.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" type="text/css">
  11.         <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Roboto+Slab&display=swap" rel="stylesheet">
  12.  
  13.         <script src="js/main.js" defer></script>
  14.  
  15.         <title>Batkiewicz</title>
  16.     </head>
  17.  
  18.     <body>
  19.         <header>
  20.             <span class="top-bar">
  21.                 <div class="slideout-menu">
  22.                     <ul>
  23.                         <li><a href="index.html">Home</a></li>
  24.                         <li><a href="blogl.html">Blog</a></li>
  25.                         <li><a href="blogl.html">Projects</a></li>
  26.                         <li><a href="about.html">About</a></li>
  27.                         <li>
  28.                             <input type="text" placeholder="Search..."><br>
  29.                         </li>
  30.                     </ul>
  31.                 </div>
  32.  
  33.  
  34.                 <nav class="menu">
  35.                     <div class="logo-img">
  36.                         <a href="#">
  37.                             <img src="img/logo-img.png" alt="BATKIEWICZ">
  38.                         </a>
  39.                     </div>
  40.                     <div class="menu-icon">
  41.                         <i class="fas fa-bars"></i>
  42.                     </div>
  43.  
  44.                     <ul>
  45.                         <li><a href="index.html">Home</a></li>
  46.                         <li><a href="blogl.html" class="active">Blog</a></li>
  47.                         <li><a href="blogl.html">Projects</a></li>
  48.                         <li><a href="about.html">About</a></li>
  49.                         <li>
  50.                             <div class="search-icon">
  51.                                 <i class="fas fa-search"></i>
  52.                             </div>
  53.                         </li>
  54.                     </ul>
  55.                 </nav>
  56.  
  57.                 <div class="search-box">
  58.                     <input type="text" placeholder="Search...">
  59.                 </div>
  60.             </span>
  61.         </header>
  62.  
  63.         <main>
  64.             <h2 class="page-heading">Blog Post Heading</h2>
  65.             <div class="post-container">
  66.                 <section class="blogpost">
  67.                     <div class="card">
  68.                         <div class="card-meta-blogpost">
  69.                             Posted by Hubert Batkiewicz on 13.11.2019 in <a href="#">Linux</a>
  70.                         </div>
  71.                         <div class="card-image">
  72.                             <img src="img/art-pic1.jpg" alt="IMAGE">
  73.                         </div>
  74.                         <div class="card-desc">
  75.                             <h3>Post Title</h3>
  76.                             <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nihil perspiciatis repudiandae illum possimus asperiores est quas id officiis. Rem id doloremque sint necessitatibus aut maiores libero totam laudantium amet eum adipisci facere fuga atque corrupti odio reprehenderit, itaque cumque? Ullam a inventore facere neque ab, at id labore! Esse, reiciendis!</p>
  77.                             <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nihil perspiciatis repudiandae illum possimus asperiores est quas id officiis. Rem id doloremque sint necessitatibus aut maiores libero totam laudantium amet eum adipisci facere fuga atque corrupti odio reprehenderit, itaque cumque? Ullam a inventore facere neque ab, at id labore! Esse, reiciendis!</p>
  78.                             <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nihil perspiciatis repudiandae illum possimus asperiores est quas id officiis. Rem id doloremque sint necessitatibus aut maiores libero totam laudantium amet eum adipisci facere fuga atque corrupti odio reprehenderit, itaque cumque? Ullam a inventore facere neque ab, at id labore! Esse, reiciendis!</p>
  79.                         </div>
  80.                     </div>
  81.  
  82.                     <div class="comments-section">
  83.                         Comments Section
  84.                     </div>
  85.                 </section>
  86.  
  87.                 <aside class="sidebar">
  88.                     <h3>Sidebar Title</h3>
  89.                 </aside>
  90.             </div>
  91.        
  92.             <footer>
  93.                     <div class="left-footer">
  94.                         <h3>Quick Links</h3>
  95.                         <p>
  96.                             <ul>
  97.                                 <li><a href="#">Home</a></li>
  98.                                 <li><a href="#">About</a></li>
  99.                                 <li><a href="#">Privacy Policy</a></li>
  100.                                 <li><a href="#">Blogs</a></li>
  101.                                 <li><a href="#">Projects</a></li>
  102.                                 <li><a href="#">Contact</a></li>
  103.                             </ul>
  104.                         </p>
  105.                     </div>
  106.        
  107.                     <div class="right-footer">
  108.                         <h3>Follo me on</h3>
  109.                         <div class="social-media-footer">
  110.                             <ul>
  111.                                 <li><a href="#"><i class="fab fa-facebook"></i></a></li>
  112.                                 <li><a href="#"><i class="fab fa-youtube"></i></a></li>
  113.                                 <li><a href="#"><i class="fab fa-github"></i></a></li>
  114.                             </ul>
  115.                         </div>
  116.        
  117.                         <p>Hubert Batkiewicz &copy; 2019</p>
  118.                     </div>
  119.                 </footer>
  120.         </main>
  121.     </body>
  122. </html>
RAW Paste Data
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
 
Top