diff --git a/assets/arrows.png b/assets/arrows.png
new file mode 100644
index 0000000..3951a7b
Binary files /dev/null and b/assets/arrows.png differ
diff --git a/index.html b/index.html
index e24190b..3478fb4 100644
--- a/index.html
+++ b/index.html
@@ -24,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>
@@ -97,9 +97,33 @@ <h5>Challenge Partners aims to improve pupil outcomes by advancing effective sch
                     </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 -->
@@ -142,6 +166,7 @@ <h5>Challenge Partners aims to improve pupil outcomes by advancing effective sch
         </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 -->
@@ -181,7 +206,7 @@ <h5>Challenge Partners aims to improve pupil outcomes by advancing effective sch
         </div>
       </div>
     </div>
-  </div>
+
 
 
     <footer class="footer">
diff --git a/style.css b/style.css
index 344003e..1e03546 100644
--- a/style.css
+++ b/style.css
@@ -180,9 +180,26 @@ nav ul {
 
 .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;
+}