Merge pull request #19 from eleanorreem/sectiontitles

Sectiontitles
eleanorreem · Apr 29, 2016 · fcbbd19 · fcbbd19
2 parents ba6662c + b0c1a77
commit fcbbd19
Show file tree

Hide file tree

Showing 3 changed files with 75 additions and 13 deletions.
diff --git a/assets/arrows.png b/assets/arrows.png
diff --git a/index.html b/index.html
@@ -5,6 +5,7 @@
     <title>Home</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
     <link rel="stylesheet" href="style.css">
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
   </head>
@@ -23,7 +24,7 @@
         <div id="navbar" class="navbar-collapse collapse">
           <ul class="nav navbar-nav">
             <li class=""><a href="#">About</a></li>
-            <li><a href="#about">Our Programmes</a></li>
+            <li><a href="#about">Our programmes</a></li>
             <li><a href="#contact">News</a></li>
             <li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Members <span class="caret"></span></a>
@@ -47,19 +48,15 @@ <h1>Challenge Partners</h1>
           <h3>A national network of local school partnerships that challenge each other to improve.</h3>
         </div>
       </div>
-    <div class="container">
+    <div class="container" id="info">
       <div class="row">
-        <div class='col-md-5 col-md-offset-3'>
+        <div class='col-md-8 col-md-offset-2'>
           <div class='what-we-do'>
-            What we do
+            <h1>What we do</h1>
+            <h5>Challenge Partners aims to improve pupil outcomes by advancing effective school collaboration through the Hub model. </h5>
           </div>
         </div>
       </div>
-      <div class="row">
-        <div class='col-md-5 col-md-offset-3'>
-          HOW WE DO IT
-        </div>
-      </div>
       <div class="row">
         <!-- IMPACT CAROUSEL -->
             <div class="bs-example">
@@ -100,9 +97,33 @@ <h3>A national network of local school partnerships that challenge each other to
                     </a>
                 </div>
             </div>
+      </div>
+      <div class="row">
+        <div class='col-md-8 col-md-offset-2'>
+          <div class='what-we-do'>
+            <h1>How we do it</h1>
+            <h5>Sharing best practice through...</h5>
+            <div><img id="arrows" src="assets/arrows.png"/></div>
+
+          </div>
+        </div>
+      </div>
+      <div class='labels'>
+      <h2 class="col-xs-3 col-xs-offset-2">
+        Programmes
+      </h2>
+      <h2 class="col-xs-2">
+        Events
+      </h2>
+      <h2 class="col-xs-3">
+        Case studies
+      </h2>
+    </div>
+
       <div class="row">
         <div class="col-md-6 no-padding" id="left-no-padding">
           <!-- OUR PROGRAMS -->
+          <h2 class="titles">Our programmes</h2>
               <div class="bs-example">
                   <div id="programmes" class="carousel slide half-carousel" data-ride="carousel">
                       <!-- Carousel indicators -->
@@ -145,6 +166,7 @@ <h3>A national network of local school partnerships that challenge each other to
         </div>
         <div class="col-md-6 no-padding" id="right-no-padding">
           <!-- EVENTS  -->
+          <h2 class="titles">Upcoming events</h2>
           <div class="bs-example">
               <div id="events" class="carousel slide half-carousel" data-ride="carousel">
                   <!-- Carousel indicators -->
@@ -184,7 +206,7 @@ <h3>A national network of local school partnerships that challenge each other to
         </div>
       </div>
     </div>
-  </div>
+
 
 
     <footer class="footer">

diff --git a/style.css b/style.css
@@ -48,15 +48,16 @@ nav ul {
   background-color: transparent;
   color: white;
   height: 50vh;
+  margin-bottom: 0px;
 }
 
 .jumbotron h3 {
   text-shadow: 1px 1px grey;
 }
 
 #jumbotron-text {
-  margin-top: 9%;
-  margin-left: 5%;
+  margin-top: 8%;
+  text-align: center;
 
 }
 
@@ -120,7 +121,7 @@ nav ul {
   padding: 70px 25%;
   width: 100%;
   height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(0, 0, 0, 0.1);
 }
 .bs-example{
 	margin: 20px 30px;
@@ -163,3 +164,42 @@ nav ul {
 #impact3{
   background-image: url('./assets/challengepartnerlogo.jpg');
 }
+
+
+.what-we-do {
+  text-align: center;
+  padding: 1em;
+  margin-bottom: 1em;
+}
+
+.what-we-do  h1 {
+  font-weight: bold;
+  font-size: 4em;
+  color: #90be42;
+}
+
+.what-we-do h5 {
+  font-size: 1.5em;
+  line-height: 1.5em;
+}
+
+#info {
+  position: relative;
+  top: -30px;
+}
+
+.titles {
+  margin-left: 30px;
+  color: #90be42;
+}
+
+#arrows {
+  width: 50%;
+}
+
+.labels{
+  position: relative;
+  top: -20px;
+  text-align: center;
+  color: #373B33;
+}