Add team section on Iași page

_data/iasi/navigation.yml

@@ -4,6 +4,7 @@ title: null
 links:
     - {section: "page-top",    text: "Home"}
     - {section: "about",       text: "About"}
+    - {section: "team",        text: "Mentors"}
     - {section: "timeline",    text: "Timeline"}
     - {section: "latest-post", text: "News"}
     - {section: "apply-now",   text: "Apply now"}

_data/iasi/team.yml

@@ -0,0 +1,45 @@
+title: "Meet the mentors"
+description: ""
+
+members:
+  - name: "Adelina"
+    surname: "Tuvenie"
+    picture: "adelina_tuvenie.jpg"
+    title: "Cloud Engineer"
+    social:
+      - title: "github"
+        url: "https://github.com/adelina-t"
+      - title: "linkedin"
+        url: "https://ro.linkedin.com/in/adelina-georgiana-tuvenie-3a4a144b/en"
+
+  - name: "Adrian"
+    surname: "Bora"
+    picture: "adrian_bora.jpg"
+    title: "Community Manager"
+    social:
+      - title: "facebook"
+        url: "https://www.facebook.com/adi.bora.7"
+      - title: "twitter"
+        url: "https://twitter.com/BoraAdi"
+      - title: "linkedin"
+        url: "https://ro.linkedin.com/in/boraadrian"
+
+  - name: "Alexandru"
+    surname: "Coman"
+    picture: "alexandru_coman.jpg"
+    title: "Cloud Engineer"
+    social:
+      - title: "github"
+        url: "https://github.com/alexandrucoman"
+      - title: "linkedin"
+        url: "https://www.linkedin.com/in/comanalex"
+      - title: "link"
+        url: "https://alexcoman.com/"
+
+  - name: "Alina"
+    surname: "Elenescu"
+    picture: "alina_elenescu.jpg"
+    title: "Office Manager"
+    social:
+      - title: "linkedin"
+        url: "https://ro.linkedin.com/in/alinaelenescu"

_includes/team.html

@@ -0,0 +1,27 @@
+{% assign team = site.data[page.data].team %}
+<!-- Team Section -->
+<section id="team" class="team container text-center">
+    <div class="row">
+      <div class="col-lg-10 col-lg-offset-1 text-center">
+          <h3>{{ team.title }}</h3>
+          <p class="text-left">{{ team.description }}</p>
+      </div>
+
+      <div class="col-lg-12 text-center">
+        {% for team_member in team.members %}
+        <div class="col-md-3 col-sm-6 col-xs-12 same-height cols-centered">
+          <img class="img-me" src="{{ site.baseurl | append: '/img/team/' | append: team_member.picture }}">
+          <div class="col-md-12 col-sm-12 col-xs-12 same-height text-center">
+              <h4>{{ team_member.name }} <span>{{ team_member.surname }}</span></h4>
+              <p class="text-muted">{{ team_member.title }}</p>
+              <ul class="list-inline social-buttons">
+              {% for network in team_member.social %}
+                <li><a href="{{ network.url }}" target="_blank"><i class="fa fa-{{ network.title }} fa-fw"></i></a></li>
+              {% endfor %}
+              </ul>
+            </div>
+        </div>
+        {% endfor %}
+      </div>
+    </div>
+</section>

_includes/timeline.html

@@ -7,7 +7,7 @@ <h3>{{ timeline.title }}</h3>
       <ul class="timeline">
         <li class="timeline-inverted">
           <div class="timeline-image">
-            <img class="img-circle img-responsive" src="{{site.baseurl}}{{ site.timeline-img }}" alt="">
+            <img class="img-circle img-responsive" src="{{site.baseurl}}{{ timeline.timeline-img }}" alt="">
           </div>
         </li>
         {% for event in timeline.events %}

_sass/main.scss

@@ -4,6 +4,8 @@
 
 // Sections
 @import "partials/apply-now";
+@import "partials/contact";
+@import "partials/team";
 @import "partials/timeline";
 
 // Third-party

_sass/partials/_contact.scss

@@ -0,0 +1,10 @@
+.contact {
+    ul {
+        margin-top: 13px;
+        padding: 0;
+    }
+    li {
+        margin-bottom: 9px;
+        list-style-type: none;
+    }
+}

_sass/partials/_team.scss

@@ -0,0 +1,9 @@
+.team {
+  h3 {
+    margin-bottom: 26px;
+  }
+  h4 {
+    margin: 20px 0 5px;   
+    text-align: center;
+  }
+}

_sass/vendor/_grayscale.scss

@@ -422,14 +422,3 @@ body {
 .fourofour {
   border: 1px solid $dark !important;
 }
-
-.contact {
-    ul {
-        margin-top: 13px;
-        padding: 0;
-    }
-    li {
-        margin-bottom: 9px;
-        list-style-type: none;
-    }
-}

iasi.html

@@ -11,6 +11,8 @@
 
 {% include about.html %}
 
+{% include team.html %}
+
 {% include timeline.html %}
 
 {% include latest-post.html %}