Add Our Devs Section

index.html

@@ -65,6 +65,53 @@ <h1 class="delay-1s">Você conhece a iniciativa Artesãos?</h1>
     <!-- section PACKAGES -->
     <projects></projects>
 
+    <!-- section DEVELOPERS -->
+    <section class="developers">
+      <div class="container">
+    		<div class="row">
+          <div class="section_header">
+    				<h2>Nossos Desenvolvedores</h2>
+    				<span class="header_line"></span>
+          </div>
+
+
+						<div class="col-sm-4">
+							<div class="team-member">
+								<img alt="Team Member" src="assets/images/team-small-1.png">
+								<h2>Vinicius Reis</h2>
+								<h5>vinicius73</h5>
+                <div class="social-icons">
+                  <li><a href="https://github.com/artesaos" target="_blank"><i class="fa fa-github fa-2x fa-fw"></i></a></li>
+                </div>
+							</div><!--end of team member-->
+						</div>
+
+            <div class="col-sm-4">
+							<div class="team-member">
+								<img alt="Team Member" src="assets/images/team-small-1.png">
+								<h2>Mauri Jr</h2>
+								<h5>mauri780</h5>
+                <div class="social-icons">
+                  <li><a href="https://github.com/artesaos" target="_blank"><i class="fa fa-github fa-2x fa-fw"></i></a></li>
+                </div>
+							</div><!--end of team member-->
+						</div>
+
+            <div class="col-sm-4">
+							<div class="team-member">
+								<img alt="Team Member" src="assets/images/team-small-1.png">
+								<h2>Hernandes Ban</h2>
+								<h5>hernandev</h5>
+                <div class="social-icons">
+                  <li><a href="https://github.com/artesaos" target="_blank"><i class="fa fa-github fa-2x fa-fw"></i></a></li>
+                </div>
+							</div><!--end of team member-->
+						</div>
+
+        </div>
+      </div>
+  </section>
+
     <script src="assets/js/vendors.js"></script>
     <script src="assets/js/app.min.js"></script>
 

src/css/style.css

@@ -42,6 +42,16 @@ section {
 		background-position: 50% 50% !important;
 	  background-size: cover;
  }
+
+ .developers {
+	 overflow:hidden;
+	 min-height: 480px;
+	 padding-top: 80px;
+	 background: #fff;
+	 background-position: 50% 50% !important;
+	 background-size: cover;
+ }
+
  .top_overlay{
 	position:absolute;
 	top:0px;
@@ -402,3 +412,31 @@ section {
   border-bottom-right-radius: 3px;
 }
 /* END PACKAGES */
+
+/* ==========================================================
+! Section Our Developers
+========================================================== */
+.developers{
+    min-height: 600px;
+}
+.team h2 {
+  margin-bottom: 8px;
+}
+.team-member {
+  text-align: center;
+  margin-top: 48px;
+}
+.team-member img {
+  display: inline-block;
+  margin-bottom: 16px;
+}
+.team-member h5 {
+  margin-bottom: 8px;
+}
+.team-member .social-icons {
+  margin-top: 8px;
+}
+.team-member .social-icons li {
+	list-style-type: none;
+	display: inline
+}