Add contact section to coop layout

_coops/agile-collective.md

@@ -1,6 +1,10 @@
 ---
 name: Agile Collective
 website: http://agile.coop
+email: info@agile.coop
+twitter: AgileCollective
+telephone: 01865 403 120
+address: Room 301, The Old Music Hall, 106-108 Cowley Road, Oxford, United Kingdom, OX4 1JE
 clients:
   - oxfam
   - oxford-city-council

_coops/go-free-range.md

@@ -1,6 +1,11 @@
 ---
 name: Go Free Range
 website: http://gofreerange.com
+email: lets@gofreerange.com
+twitter: freerange
+github: freerange
+telephone: N/A
+address: London, United Kingdom
 services:
   - business-analysis
   - consultancy

_coops/outlandish.md

@@ -1,6 +1,11 @@
 ---
 name: Outlandish
 website: http://outlandish.com
+email: hello@outlandish.com
+twitter: outlandish
+github: outlandishideas
+telephone: +44 (0) 207 561 9968
+address: 3rd Floor, 149 Fonthill Road, Finsbury Park, London, United Kingdom, N4 3HF
 services:
   - business-analysis
 ---

_layouts/co-op.html

@@ -36,6 +36,56 @@
     </div>
   </div>
 
+  <div class="row">
+    <div class="small-12 small-centered medium-10 large-8 columns">
+        <div class="row">
+          <!-- Contact -->
+          <div class="small-12 large-4 columns">
+            <section class="row small-up-1 medium-up-4 large-up-1">
+              <div class="column">
+                <ul class="menu social">
+                  {% if page.twitter %}
+                  <li>
+                    <a href="http://twitter.com/{{ page.twitter }}" target="_blank">
+                      <i class="fi-social-twitter"></i>
+                    </a>
+                  </li>
+                  {% endif %}
+                  {% if page.github %}
+                  <li>
+                    <a href="https://github.com/{{ page.github }}" target="_blank">
+                      <i class="fi-social-github"></i>
+                    </a>
+                  </li>
+                  {% endif %}
+                </ul>
+              </div>
+              {% if page.email %}
+              <div class="column">
+                <strong>Email:</strong>
+                <p><a href="mailto:{{ page.email }}">{{ page.email }}</a></p>
+              </div>
+              {% endif %}
+              {% if page.telephone %}
+              <div class="column">
+                <strong>Tel:</strong>
+                <p>{{ page.telephone }}</p>
+              </div>
+              {% endif %}
+              {% if page.address %}
+              <div class="column">
+                <strong>Address:</strong>
+                <p>{{ page.address | split: "," | join: "<br>" }}</p>
+              </div>
+              {% endif %}
+            </section>
+          </div>
+          <!-- /Contact -->
+        </div>
+      </div>
+    </div>
+  </div>
+
   {% include footer.html %}
 
   <script type='text/javascript' src='{{ site.github.url }}/app/themes/coop-tech-oowp-theme/public/js/app.js?ver=4.8'></script>