Update index.html

index.html

@@ -79,6 +79,60 @@ testimonials_right:
   content: “I highly recommend Ura. The quality of their work rates, responsiveness, community engagement and patience is exemplary. I am looking forward to further cooperation.”
   avatar: images/@stock/patrickschleizer.jpg
 
+members:
+- name: Tom Hanson
+  position: Project manager
+  avatar: images/@stock/member-1.jpg
+  avatar_hover: images/@stock/member-1-c.jpg
+  socials:
+  - name: twitter
+    url: http://twitter.com
+  - name: facebook
+    url: http://facebook.com
+  - name: linkedin
+    url: http://linkedin.com
+  - name: dribbble
+    url: http://dribbble.com
+- name: Kate Holms
+  position: Project manager
+  avatar: images/@stock/member-2.jpg
+  avatar_hover: images/@stock/member-2-c.jpg
+  socials:
+  - name: twitter
+    url: http://twitter.com
+  - name: facebook
+    url: http://facebook.com
+  - name: linkedin
+    url: http://linkedin.com
+  - name: dribbble
+    url: http://dribbble.com
+- name: Munk Taylor
+  position: Web designer
+  avatar: images/@stock/member-3.jpg
+  avatar_hover: images/@stock/member-3-c.jpg
+  socials:
+  - name: twitter
+    url: http://twitter.com
+  - name: facebook
+    url: http://facebook.com
+  - name: linkedin
+    url: http://linkedin.com
+  - name: dribbble
+    url: http://dribbble.com
+- name: Zam White
+  position: Developer
+  avatar: images/@stock/member-5.jpg
+  avatar_hover: images/@stock/member-5-c.jpg
+  socials:
+  - name: twitter
+    url: http://twitter.com
+  - name: facebook
+    url: http://facebook.com
+  - name: linkedin
+    url: http://linkedin.com
+  - name: dribbble
+    url: http://dribbble.com
+
 clients:
 - image: images/@stock/client-1.png
 - image: images/@stock/client-2.png
@@ -221,6 +275,35 @@ clients:
     </div>
   </div>
 </div>
+<div class="full">
+  <div class="section-title">
+    <div class="row">
+      <div class="medium-10 medium-centered columns">
+        <h2>The team</h2>
+        <p>We are happy to work together</p>
+      </div>
+    </div>
+  </div>
+  <div class="row">
+    {% for member in page.members %}
+      <div class="large-3 columns">
+        <div class="member">
+          <img src="{{site.url}}/{{member.avatar}}" alt="">
+          <img class="colored" src="{{site.url}}/{{member.avatar_hover}}" alt="">
+          <div class="member-info">
+            <h4>{{member.name}}</h4>
+            <p class="position">{{member.position}}</p>
+            <ul class="socials">
+              {% for social in member.socials %}
+                <li><a href="{{social.url}}"><i class="fa fa-{{social.name}}"></i></a></li>
+              {% endfor %}
+            </ul>
+          </div>
+        </div>
+      </div>
+    {% endfor %}
+  </div>
+</div>
 <div class="full light-grey no-padding">
   <div class="two spacing"></div>
   <div class='row'>