Add testimonials [WIP]

_data/slides.yml

@@ -9,6 +9,9 @@
 - title: Our Team
   description:
     ... has the skills, experience and insight to meet your design and technical challenges.
+- title: Testimonials
+  description:
+    ... done
 - title: Contacts
   description:
     Would you like to learn more about Active Bridge, our services and how we can assist you with your software development? Please, send your request and we respond you as soon as possible.

_data/testimonials.yml

@@ -0,0 +1,81 @@
+- company: DaisyBill
+  logo: https://i.imgur.com/9bmHcwy.png
+  banner:  https://static1.squarespace.com/static/552d8208e4b06b5975258e3a/t/552d855ae4b01b3a8097a3c6/1473963858921/?format=1500w
+  author: Ben Liscio
+  image: https://media.licdn.com/media/p/1/000/1f6/35d/2a93ca9.jpg
+  title: Co-Founder DaisyBill
+  description:
+    We initially engaged with Active Bridge in 2014 while re-structuring our product and engineering team.
+    More than two years later, we're still engaged to augment our engineering team.
+    They bring excellent Agile and TDD software development practices to our team and are effective and efficient collaborators.
+    They are very experienced running software projects, but equally proficient in adapting to our internal processes.
+    We consider the engineers assigned to our company a core part of the team.
+    Thanks guys!
+- company: Def Method
+  logo: https://media.licdn.com/media/AAEAAQAAAAAAAAKFAAAAJDBkZmM4Yzg2LTYwYTEtNDVlYy1iZjAzLTlkNjlhYzU0ZDg4Zg.png
+  banner: https://static1.squarespace.com/static/57d83ff1d482e91ad11d5834/t/5829e05de3df28280ca964b0/1479457732015
+  author: Joseph Leo
+  image: https://media.licdn.com/media/p/2/005/053/099/297c2cc.jpg
+  title: President/Partnership Director at Def Method
+  description:
+    Active Bridge drives our remote engineering team at Def Method.
+    Collaborating with their engineers has kept us delivering running,
+    tested features in an Agile fashion across multiple countries and time zones.
+    Their commitment to quality and efficiency is outstanding.
+- company: Modean Apps
+  logo: https://avatars3.githubusercontent.com/u/8191701?v=3&s=200
+  author: Benjamin Sigidi
+  image: https://media.licdn.com/media/AAEAAQAAAAAAAAhuAAAAJDAxODRmOWEzLTZkNzUtNGVkYS05NDZiLTg2MjgzOGZjMTFkNQ.jpg
+  title: Software Developer at MODEAN APPS
+  description:
+    Awesome team. Full stack development. Happy to work with these guys any day.
+- company: Preeline
+  logo: https://d1qb2nb5cznatu.cloudfront.net/startups/i/297009-8af321cc567f3918450b0fcc98ddf8f6-medium_jpg.jpg?buster=1424202571
+  banner: https://preeline.com/assets/preeline-horizontal-070b759047259186fb90765b1e54f068ed25c7429b615de052cb690e58cec34b.svg
+  author: Julia Macalaster
+  image: https://res.cloudinary.com/active-bridge/image/upload/c_fit,g_center,h_200,q_85,r_0,w_200/v1477382138/julia_xibee4.jpg
+  title: COO, Co-Founder at PreeLine
+  description:
+    We worked with Active Bridge as a young startup to build out our first MVP and subsequent updated products.
+    Not only did their teams execute on the assigned tasks ahead of schedule, but they also contributed to our thinking around UX,
+    asking probing questions and suggesting added features that we had not thought about.
+    Overall this is an absolutely amazing team to work with, composed of driven developers and bright minds.
+    We feel so incredibly lucky to be working with them
+- company: Freestak
+  logo: https://res.cloudinary.com/active-bridge/image/upload/v1474614652/freestak.png
+  banner: https://res.cloudinary.com/active-bridge/image/upload/v1474614834/freestak_logo.png
+  author: Julie Freeman Kummer
+  image: https://res.cloudinary.com/active-bridge/image/upload/c_crop,g_face,h_200,w_200/v1477380297/Julie_z78plm.jpg
+  title: Co-founder and COO at freestak Ltd
+  description:
+    We’ve been working with Active Bridge since August 2015.
+    In the first six months, our application (marketplace in the sports industry)
+    was built and launched with a team of 3 developers and a technical lead.
+    The whole team were very responsive, organized and have great communication skills.
+    Best of all, they were very proactive in suggesting improvements or pointing out potential issues in our plans –
+    which we really appreciate as we don’t have an in-house technical team.
+    After the active development phase, we’ve retained Active Bridge for the ongoing development and maintenance
+    of our platform and I couldn’t recommend them enough.
+- company: LifeLinker Inc
+  logo: https://i.imgur.com/wTRDRJs.jpg
+  banner: https://i.imgur.com/Vxbg88n.jpg
+  author: David Rowell
+  image: https://i.imgur.com/vlvxXxn.jpg
+  title: Founder/CEO at LifeLinker Inc
+  description:
+    After previously hiring contract developers in countries ranging from the US and Canada, to Vietnam and India,
+    and after having paid variously three times more and three times less per hour, we finally got it right when
+    we found Active-Bridge. Their staff are as competent and productive as the three times more expensive people,
+    and deliver more code per dollar than the three times less expensive people.
+    There’s no better source for best quality, best practice and best value development services than
+    Active-Bridge. We’re delighted and most appreciative. Thank you.
+- company: Joseph_Carpenter
+  logo: https://i.imgur.com/l1jyndS.jpg
+  banner: https://i.imgur.com/NQfJU9P.png
+  author: Joseph Carpenter
+  image: https://i.imgur.com/oMUiO6J.jpg
+  title: Founder at MyScool411
+  description:
+    If anyone needs a kickass website company, these are your guys! I have used many other companies with nothing
+    but issues and have nothing but good results from Eugene and Active Bridge. You will not find a better company
+    period.

_includes/footer.html

@@ -7,6 +7,6 @@
       <a class='link icon-facebook' href='https://www.facebook.com/ActiveBridgeTeam' target='_blank'></a>
       <a class='link icon-twitter' href='https://twitter.com/ActiveBridge' target='_blank'></a>
     </div>
-    <div class='copyright'>Active Bridge, LLC © 2013-2015. All Rights Reserved.</div><a class='button icon-angle-double-up' href='#'></a>
+    <div class='copyright'>Active Bridge, LLC © 2013-2017. All Rights Reserved.</div><a class='button icon-angle-double-up' href='#'></a>
   </div>
 </div>

_includes/testimonial.html

@@ -0,0 +1,15 @@
+<input autofocus="" checked="" id="testimonial_{{ include.testimonial.company.underscore }}" name="active-testimonial" onblur="keepFocus(this)" type="radio">
+<div class="testimonial testimonial {{ include.testimonial.company.underscore }}">
+  <div class="arrows">
+    <label for="testimonial_joseph_carpenter">
+      <i class="arrow" id="left">
+        <
+      </i>
+    </label>
+    <label for="testimonial_def_method">
+      <i class="arrow" id="right">
+        >
+      </i>
+    </label>
+</div>
+<div class="testimonial-logo"><img src="{{ include.testimonial.logo }}"/></div>

css/app.scss

@@ -11,3 +11,4 @@
 @import 'blog';
 @import 'media';
 @import 'contact';
+@import 'testimonials';

index.html

@@ -33,6 +33,11 @@ <h2 itemprop='description'>Ruby on Rails Developers</h2>
         <span>Team</span>
       </a>
     </li>
+    <li>
+      <a class='nav-item icon-users' href='#testimonials'>
+        <span>Testimonials</span>
+      </a>
+    </li>
     <li>
       <a class='nav-item icon-vcard' href='#contacts'>
         <span>Contacts</span>
@@ -117,9 +122,21 @@ <h4>Our Skills</h4>
 
 {% include spliter.html slide="#team" %}
 
+<section id='testimonials' class='slide'>
+  <div class='container testimonials clearfix'>
+    {% include slide.html slide=3 %}
+    {% assign testimonials = site.data.testimonials %}
+    {% for testimonial in testimonials %}
+    {% include testimonial.html testimonial=testimonial  %}
+    {% endfor %}
+  </div>
+</section>
+
+{% include spliter.html slide="#testimonials" %}
+
 <section id='contacts' class='slide'>
   <div class='container clearfix'>
-    {% include slide.html slide=3 %}
+    {% include slide.html slide=4 %}
     <form class='grid_6 omega' action="https://active-bridge.com/contact" method="post" accept-charset="utf-8" onsubmit="document.getElementById('send').disabled = true; ga('send', 'event', 'form', 'submit')">
 
       <fieldset>
@@ -141,8 +158,7 @@ <h4>Our Skills</h4>
           </a>
         </li>
         <li itemprop='email'>
-          <a class='icon icon-mail-alt' href='mailto:contact@active-bridge.com?subject=I am interested in you'
-            > contact@active-bridge.com
+          <a class='icon icon-mail-alt' href='mailto:contact@active-bridge.com?subject=I am interested in you'>contact@active-bridge.com
           </a>
         </li>
         <li itemprop='address' itemscope itemtype='http://schema.org/PostalAddress'>