Merge pull request #53 from Anisha1234/master

Add of partner page

_includes/footer.html

@@ -7,6 +7,8 @@
       <a href="/events" class="footer-link" target="_blank">Hack Events</a> &bull;
       <a href="/blog" class="footer-link">Blog</a> &bull;
       <a href="/contribute" class="footer-link">Contribute</a> &bull;
+      <a href="/blog/2016/06/why-hospitalrun" class="footer-link">Why HospitalRun?</a>&bull;
+      <a href="/partners" class="footer-link">Our Partners</a>
       <a href="/stats" class="footer-link">Stats</a> &bull;
       <a href="/tryit" class="footer-link">Try it</a>
     </nav>

_includes/nav-links.html

@@ -3,5 +3,7 @@
 <a href="/events" class="nav-link">Hack Events</a>
 <a href="/blog" class="nav-link">Blog</a>
 <a href="/contribute" class="nav-link">Contribute</a>
+<a href="/blog/2016/06/why-hospitalrun" class="nav-link">Why HospitalRun?</a>
+<a href="/partners" class="nav-link">Our Partners</a>
 <a href="/stats" class="nav-link">Stats</a>
 <a href="/tryit" class="nav-link cta">Try it</a>

_includes/partners-list.html

@@ -0,0 +1,30 @@
+<div style="text-align:center" class='each-partner'>
+  <div class="partner-post">
+    <img src="../img/CURE-Logo.png" alt="Cure International logo" class="partner-logo">
+  </div>
+  <h3 class="partner-name">Cure International</h3>
+</div>
+<div style="text-align:center" class='each-partner'>
+  <div class="partner-post">
+    <img src="../img/ehealth.jpg" alt="eHealthAfrica logo" class="partner-logo" >
+  </div>
+  <h3 class="partner-name">eHealthAfrica</h3>
+</div>
+<div style="text-align:center" class='each-partner center'>
+  <div class="partner-post">
+    <img src="../img/ember.png" alt="Ember Sherpa logo" class="partner-logo" >
+  </div>
+  <h3 class="partner-name">Ember Sherpa</h3>
+</div>
+<div style="text-align:center" class='each-partner center'>
+  <div class="partner-post">
+    <img src="../img/newrelic.png" alt="New Relic logo" class="partner-logo" >
+  </div>
+  <h3 class="partner-name">New Relic</h3>
+</div>
+<div style="text-align:center" class='each-partner'>
+  <div class="partner-post">
+    <img src="../img/microsoft.jpg" alt="Microsoft's Bizspark logo" class="partner-logo" >
+  </div>
+  <h3 class="partner-name">Microsoft's Bizspark</h3>
+</div>

_layouts/partners.html

@@ -0,0 +1,10 @@
+---
+layout: default
+---
+<div style="text-align:center" class="partner-heading">
+    <h1>Our Partners</h1>
+</div>
+
+<section class='partners'>
+  {% include partners-list.html %}
+</section>

_sass/_partners.scss

@@ -0,0 +1,82 @@
+@media screen and (min-width: 280px) {
+    .each-partner {
+        max_width: 100%;
+        background-color: #ffffff;
+    }
+    .partner-logo{
+      max-width: 100%;
+      padding: 1%;
+    }
+    .partner-post{
+      padding-top: 5px;
+      padding-bottom: 5px;
+    }
+    .each-partner {
+    display: inline-block;
+    margin-right: 40px;
+    margin-bottom: 40px;
+    border-radius: 10px;
+    }
+}
+@media screen and (min-width: 480px) {
+  section.partners {
+      margin-right: -10%;
+    }
+    .each-partner {
+        width: 39%;
+        background-color: #ffffff;
+        border-radius: 10px;
+    }
+}
+@media screen and (min-width: 730px) {
+  section.partners {
+      margin-right: -10%;
+    }
+    .each-partner {
+        width: 39%;
+        background-color: #ffffff;
+        border-radius: 10px;
+    }
+}
+@media screen and (min-width: 980px) {
+    .each-partner {
+        width: 28%;
+        background-color: #ffffff;
+        border-radius: 10px;
+    }
+}
+@media screen and (min-width: 1310px) {
+    .partners{
+        margin: 0 -15% 0 -5%;
+    }
+    .each-partner {
+        width: 28%;
+        background-color: #ffffff;
+        border-radius: 10px;
+    }
+}
+@media screen and (min-width: 1610px) {
+
+    section.partners {
+        margin-left: -20%;
+        margin-right: -30%;
+    }
+
+    .each-partner {
+        width: 28%;
+        background-color: #ffffff;
+        border-radius: 10px;
+    }
+}
+
+.partner-name {
+    text-align: center;
+    margin: 10px 0;
+    font-size: 18px;
+    color: #000000;
+    font-weight: bold;
+}
+.partner-heading{
+    text-align: center;
+    margin-bottom: 50px;
+}

css/main.scss

@@ -17,3 +17,6 @@
 
 // Blog
 @import "blog";
+
+//partners
+@import "partners";

partners/index.md

@@ -0,0 +1,4 @@
+---
+title: HospitalRun Partners
+layout: partners
+---