its up and running
<title>Natay's Website</title>
<meta charset="utf-8" />
{% load staticfiles %}
+ <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" type = "text/css"/>
+ <meta name="viewport" content = "width=device-width, initial-scale=1.0">
+
+ <style type="text/css">
+ html,
+ body {
+ height:100%
+ }
+ </style>
</head>
<body class="body" style="background-color:#f6f6f6">
- <div>
+ <div class="container-fluid" style="min-height:95%; ">
+ <div class="row">
+ <div class="col-sm-2">
+ <br>
+ <center>
+ <img src="{% static 'personal/img/profile.jpg' %}" class="responsive-img" style='max-height:100px;' alt="face">
+ </center>
+ </div>
+ <div class="col-sm-10">
+ <br>
+ <center>
+ <h3>hackers welcome</h3>
+ </center>
+ </div>
+ </div><hr>
+
+ <div class="row">
+ <div class="col-sm-2">
+ <br>
+
+ <br>
+ <!-- Great, til you resize. -->
+ <div class="well bs-sidebar affix" id="sidebar" style="background-color:#fff">
+ <!--<div class="well bs-sidebar" id="sidebar" style="background-color:#fff">-->
+ <ul class="nav flex-column">
+ <li class="nav-item">
+ <a class="nav-link active" href="#">Active</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="#">Link</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="#">Link</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link disabled" href="#">Disabled</a>
+ </li>
+ </ul>
+ </ul>
+ </div> <!--well bs-sidebar affix-->
+ </div> <!--col-sm-2-->
+ <div class="col-sm-10">
+
+ <div class='container-fluid'>
+ <br><br>
{% block content %}
{% endblock %}
</div>
+ </div>
+ </div>
+ </div>
+ <footer>
+ <div class="container-fluid" style='margin-left:15px'>
+ <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>
+ </div>
+ </footer>
+
</body>
</html>
