setup for testimonials component

- auto fitting grid, max of 3 columns
- all copy from yml data file

_src/_assets/styles/bigchain.scss

@@ -43,6 +43,7 @@
 @import 'bigchain/_comments';
 @import 'bigchain/_toc';
 @import 'bigchain/_newsletter';
+@import 'bigchain/_testimonials';
 
 // specific page styles
 @import '_page-front';

_src/_assets/styles/bigchain/_testimonials.scss

@@ -0,0 +1,46 @@
+
+.testimonials {
+    // clear after every third column
+    .grid__col {
+        flex-basis: 33%;
+    }
+}
+
+.testimonial {
+
+}
+
+.testimonial__image {
+
+}
+
+.testimonial__avatar {
+    width: 85px;
+    height: 85px;
+    display: block;
+    margin: auto;
+}
+
+.testimonial__quote {
+    // blockquote reset
+    margin: 0;
+    position: relative;
+    border: none;
+    color: $text-color;
+    padding-right: 0;
+
+    // styling
+
+
+    // quote characters
+    &:before {
+        content: "“";
+        font-size: 250%;
+        color: $gray;
+        line-height: 1;
+    }
+}
+
+.testimonial__caption {
+
+}

_src/_data/testimonials.yml

@@ -0,0 +1,14 @@
+
+- name: Juan Benet
+  org: IPFS
+  quote: 'BigchainDB is exciting! It marries the performance and power of traditional databases with the public verifiability of blockchains. I look forward to adding merkle-linking and digital signatures to all kinds of traditional databases with BigchainDB and IPFS!'
+
+
+- name: Ian Worrall
+  org: Encrypted Labs
+  quote: 'BigchainDB is a game changer.  I have been involved in the Blockchain industry full-time since 2013 and this is the first true solution I have seen that resolves many of the restraints with the Bitcoin blockchain.  Not only is the technology associated with BigchainDB fantastic but the approach, team, and scalability potential is unparalleled.  I am excited to watch it unfold.'
+
+
+- name: Fabian Vogelsteller
+  org: Ethereum Foundation
+  quote: 'I think distributed databases and Blockchains can learn a lot from each other. BigchainDB is the logical next step in scaling non-computational blockchains, especially when storing larger datasets on a permission basis.'

_src/_includes/testimonials.html

@@ -0,0 +1,23 @@
+
+<article class="testimonials grid grid--full grid-medium--fit grid--gutters">
+
+    {% for testimonial in site.data.testimonials %}
+
+    <div class="grid__col">
+        <figure class="testimonial">
+
+            <blockquote class="testimonial__quote">{{ testimonial.quote }}</blockquote>
+
+            <div class="testimonial__image">
+                <img class="testimonial__avatar" src="/assets/img/{{ testimonial.image }}">
+            </div>
+
+            <figcaption class="testimonial__caption">
+                {{ testimonial.name }} &bull; &bull; {{ testimonial.org }}
+            </figcaption>
+        </figure>
+    </div>
+
+    {% endfor %}
+
+</article>

_src/index.html

@@ -94,6 +94,14 @@ js: page-front.min.js
     </div>
 </section>
 
+<section class="section">
+    <div class="row row--wide">
+
+        {% include testimonials.html %}
+
+    </div>
+</section>
+
 <section class="section section-whitepaper background--photo">
     <div class="row">
         <header class="section-header">