Guest User

Untitled

a guest
Aug 17th, 2016
95
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <title>i am a title</title>
  6.     <meta charset="utf-8" />
  7.     {% load staticfiles %}
  8.     <link rel="stylesheet" href="{% static 'personal/css/bootstrap.min.css' %}" type = "text/css"/>
  9.     <meta name="viewport" content = "width=device-width, initial-scale=1.0">
  10.    
  11.     <style type="text/css">
  12.         html,
  13.         body {
  14.           height:100%
  15.         }
  16.     </style>
  17. </head>
  18.  
  19. <body class="body" style="background-color:#f6f6f6">
  20.     <div class="container-fluid" style="min-height:95%; ">
  21.         <div class="row">
  22.               <div class="col-sm-2">
  23.                   <br>
  24.                   <center>
  25.                     <img src="{% static 'personal/img/profile.jpg' %}" class="responsive-img" style='max-height:100px;' alt="face">
  26.                   </center>
  27.               </div>
  28.               <div class="col-sm-10">
  29.                   <br>
  30.                   <center>
  31.                   <h3>Programming, Teaching, Entrepreneurship</h3>
  32.                   </center>
  33.               </div>
  34.         </div><hr>
  35.  
  36.         <div class="row">
  37.           <div class="col-sm-2">
  38.           <br>
  39.  
  40.           <br>
  41.            <!-- Great, til you resize. -->
  42.             <!--<div class="well bs-sidebar affix" id="sidebar" style="background-color:#fff">-->
  43.             <div class="well bs-sidebar" id="sidebar" style="background-color:#fff">
  44.               <ul class="nav nav-pills nav-stacked">
  45.                 <li><a href='/'>Home</a></li>
  46.                 <li><a href='/blog/'>Blog</a></li>
  47.                 <li><a href='/contact/'>Contact</a></li>
  48.               </ul>
  49.             </div> <!--well bs-sidebar affix-->
  50.           </div> <!--col-sm-2-->
  51.           <div class="col-sm-10">
  52.          
  53.             <div class='container-fluid'>
  54.             <br><br>
  55.                {% block content %}
  56.                {% endblock %}  
  57.             </div>
  58.           </div>
  59.         </div>
  60.     </div>
  61.     <footer>
  62.         <div class="container-fluid" style='margin-left:15px'>
  63.             <p><a href="#" target="blank">Contact</a> | <a href="#" target="blank">LinkedIn</a> | <a href="#" target="blank">Twitter</a> | <a href="#" target="blank">Google+</a></p>
  64.         </div>
  65.     </footer>  
  66.    
  67. </body>
  68.  
  69. </html>
  70. Okay, so that's quite the change from before! Let's break it down a bit:
  71.  
  72. <head>
  73.     <title>Harrison Kinsley</title>
  74.     <meta charset="utf-8" />
  75.     {% load staticfiles %}
  76.     <link rel="stylesheet" href="{% static 'personal/css/bootstrap.min.css' %}" type = "text/css"/>
  77.     <meta name="viewport" content = "width=device-width, initial-scale=1.0">
  78.    
  79.     <style type="text/css">
  80.         html,
  81.         body {
  82.           height:100%
  83.         }
  84.     </style>
  85. </head>
RAW Paste Data