Advertisement
Atanasov_88

Untitled

Mar 1st, 2017
388
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.84 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Aside</title>
  6. </head>
  7. <body>
  8.  
  9.     <div class="container">
  10.  
  11.         <aside class="left-column">
  12.             <header>
  13.                 <h1 class="logo"><a href="#">Soft Funny</a></h1>
  14.                 <img src="images/logo.png" alt="SoftFunny logo">
  15.             </header>
  16.  
  17.             <ul class="vertical-nav">
  18.  
  19.                 <li><a href="#">Courses</a></li>
  20.                 <li><a href="#">Videos</a></li>
  21.                 <li><a href="#">Hot Trending</a></li>
  22.  
  23.             </ul>
  24.  
  25.             <hr class="line-divider">
  26.  
  27.             <div class="registration-button">
  28.             <input type="button" class="button" value="Register">
  29.             </div>
  30.  
  31.             <div class="login-button">
  32.                 <input type="button" class="button" value="Log in Email">
  33.                 <input type="button" class="button" value="Log in Facebook">
  34.             </div>
  35.  
  36.             <hr class="line-divider">
  37.  
  38.             <footer class="footer">
  39.                 <ul class="left-column">
  40.                     <li>About Us</li>
  41.                     <li>Privacy Policy</li>
  42.                     <li>Terms of Service</li>
  43.                 </ul>
  44.  
  45.                 <section class="sofial-links">
  46.                     <ul class="social">
  47.                         <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
  48.                         <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
  49.                         <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
  50.                         <a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a>
  51.                     </ul>
  52.                 </section>
  53.                 <p>&copy;SoftFunny 2017 LTD</p>
  54.             </footer>
  55.  
  56.  
  57.         </aside>
  58.  
  59.  
  60.     </div>
  61.  
  62.  
  63. </body>
  64. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement