styling updates

Author: siddii

index.html

@@ -8,15 +8,15 @@
 
     <!-- Le styles -->
     <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
+    <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
+
     <link href="docs/css/docs.css" rel="stylesheet">
     <link href="docs/css/prettify.css" rel="stylesheet">
 
     <style type="text/css">
-        body {
-            padding-top: 30px;
-            padding-bottom: 20px;
+        .page-content {
+            padding-top: 15px;
         }
-
         .navbar .brand {
             padding-left: 75px;
         }
@@ -31,7 +31,6 @@
             }
         }
     </style>
-    <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
     <script src="jquery/jquery-1.9.1.min.js"></script>
     <script src="bootstrap/js/bootstrap.min.js"></script>
     <script src="angular/angular.min.js"></script>
@@ -87,7 +86,7 @@
     </div>
 </div>
 
-<div class="container">
+<div class="container page-content">
     <section id="introduction">
         <h1>Introduction</h1>
         <p>Directives in <a target="_new" href="http://angularjs.org">AngularJS</a> is a powerful way of building reusable <em>UI components</em>.