1 files changed, 61 insertions, 14 deletions
diff --git a/template/base.html b/template/base.html
index cd937ba..fe10cb2 100644
--- a/template/base.html
+++ b/template/base.html
@@ -1,23 +1,70 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-<head>
-    <style>
-      input.required, error {
-        border: 2px solid red;
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>{% block title %} {% endblock %}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="JAM2012-IIT Bombay">
+    <meta name="author" content="Parth Buch, Primal Pappachan">
+
+    <!-- Le styles -->
+    <link href="{{ STATIC_URL }}css/bootstrap.css" rel="stylesheet">
+    <style type="text/css">
+      body {
+        padding-top: 60px;
+        padding-bottom: 40px;
+      }
+      .sidebar-nav {
+        padding: 9px 0;
       }
     </style>
-    <title>{% block title %} {% endblock %}</title>
-</head>
+    <link href="{{ STATIC_URL }}css/bootstrap-responsive.css" rel="stylesheet">
+
+    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
+    <!--[if lt IE 9]>
+      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+  </head>
+
 
 <body>
-    <div id="sidebar">
-        {% block sidebar %}{% endblock %}
+<div class="navbar navbar-fixed-top">
+      <div class="navbar-inner">
+        <div class="container-fluid">
+          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </a>
+          <a class="brand" href="#">JAM 2012</a>
+          <div class="nav-collapse">
+            <ul class="nav">
+              <li class="active"><a href="#">Home</a></li>
+              <li><a href="#faq">FAQs</a></li>
+              <li><a href="#contact">Contact</a></li>
+            </ul>
+          </div><!--/.nav-collapse -->
+        </div>
+      </div>
     </div>
 
-    <div id="content">
-        {% block content %}{% endblock %}
-        {% block main_content %}{% endblock %}
+
+<div class="container">
+    <div class="span9 well">
+        <div id="content">
+            {% block content %}{% endblock %}
+            {% block main_content %}{% endblock %}
+        </div>
+    </div>
+    <div class="span3">
+        <div id="sidebar">
+            {% block sidebar %}{% endblock %}
+        </div>
     </div>
+    
+
+
+</div> <!-- /container -->
+    
 </body>
 </html>