Add testimonials section

coopdevs · Feb 13, 2019 · 0e521a0 · 0e521a0
1 parent 4deb8e6
commit 0e521a0
Show file tree

Hide file tree

Showing 6 changed files with 98 additions and 7 deletions.
diff --git a/_sass/ui.scss b/_sass/ui.scss
@@ -63,7 +63,7 @@ $primary-button-color-hover: #332738;
   }
 
   .nav-link, .nav-link:hover {
-    border: none; 
+    border: none;
 
     &.active {
       border-bottom: 3px solid $tertiary-color;
@@ -109,6 +109,12 @@ $primary-button-color-hover: #332738;
   }
 }
 
+.quote {
+    &:before, &:after {
+      content: '"';
+    }
+}
+
 @media (min-width: 768px) {
   .modal-body {
     padding: 0 3rem 5rem 3rem;

diff --git a/index.html b/index.html
@@ -78,14 +78,63 @@ <h2 data-i18n="users:journeys.groups.title">Grups de consum</h2>
 
 </div>
 
-<div class="container open-food-network">
+<div class="open-food-network container-wrapper-special">
+  <div class="container">
+    <div class="row text-center">
+      <div class="col-lg-6 offset-lg-3">
+        <h2 data-i18n="users:open-food-network.title">Sumem esforços</h2>
+        <p data-i18n="[html]users:open-food-network.body">Katuma és membre afiliat del projecte <a href="https://openfoodnetwork.org">Open Food Network</a>, present a Austràlia, Regne Unit, Canadà i França entre d'altres països. Els desenvolupadors que traballen a Katuma formen part del nucli del projecte.</p>
+        <a href="https://openfoodnetwork.org">
+          <img class="ofn" src='{{ "/assets/img/ofn.png" | prepend:site.baseurl }}' width="50%" alt="Open Food Network logo">
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="testimonials container">
   <div class="row text-center">
     <div class="col-lg-6 offset-lg-3">
-      <h2 data-i18n="users:open-food-network.title">Sumem esforços</h2>
-      <p data-i18n="[html]users:open-food-network.body">Katuma és membre afiliat del projecte <a href="https://openfoodnetwork.org">Open Food Network</a>, present a Austràlia, Regne Unit, Canadà i França entre d'altres països. Els desenvolupadors que traballen a Katuma formen part del nucli del projecte.</p>
-      <a href="https://openfoodnetwork.org">
-        <img class="ofn" src='{{ "/assets/img/ofn.png" | prepend:site.baseurl }}' width="50%" alt="Open Food Network logo">
-      </a>
+      <h2 class="mb-5" data-i18n="testimonials:testimonials.title">Testimonis</h2>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-lg-3 col-sm-6 mb-5">
+      <div class="mb-4">
+        <img src="https://thispersondoesnotexist.com/" alt="Menganeta" width="150" height="150">
+      </div>
+      <blockquote cite="http://">
+        <p class="quote" data-i18n="testimonials:testimonial-1.body">fuga ea ut voluptatibus voluptate eaque perferendis et sit aut voluptas sunt quod autem ratione voluptate laborum beatae hic nihil</p>
+        <footer>Menganeta, <span data-i18n="testimonials:testimonial-1.represents">Generalitat de Catalunya</span></footer>
+      </blockquote>
+    </div>
+    <div class="col-lg-3 col-sm-6 mb-5">
+      <div class="mb-4">
+        <img src="https://thispersondoesnotexist.com/" alt="Menganeta" width="150" height="150">
+      </div>
+      <blockquote cite="http://">
+        <p class="quote" data-i18n="testimonials:testimonial-1.body">fuga ea ut voluptatibus voluptate eaque perferendis et sit aut voluptas sunt quod autem ratione voluptate laborum beatae hic nihil</p>
+        <footer>Menganeta, <span data-i18n="testimonials:testimonial-1.represents">Generalitat de Catalunya</span></footer>
+      </blockquote>
+    </div>
+    <div class="col-lg-3 col-sm-6 mb-5">
+      <div class="mb-4">
+        <img src="https://thispersondoesnotexist.com/" alt="Menganeta" width="150" height="150">
+      </div>
+      <blockquote cite="http://">
+        <p class="quote" data-i18n="testimonials:testimonial-1.body">fuga ea ut voluptatibus voluptate eaque perferendis et sit aut voluptas sunt quod autem ratione voluptate laborum beatae hic nihil</p>
+        <footer>Menganeta, <span data-i18n="testimonials:testimonial-1.represents">Generalitat de Catalunya</span></footer>
+      </blockquote>
+    </div>
+    <div class="col-lg-3 col-sm-6 mb-5">
+      <div class="mb-4">
+        <img src="https://thispersondoesnotexist.com/" alt="Menganeta" width="150" height="150">
+      </div>
+      <blockquote cite="http://">
+        <p class="quote" data-i18n="testimonials:testimonial-1.body">fuga ea ut voluptatibus voluptate eaque perferendis et sit aut voluptas sunt quod autem ratione voluptate laborum beatae hic nihil</p>
+        <footer>Menganeta, <span data-i18n="testimonials:testimonial-1.represents">Generalitat de Catalunya</span></footer>
+      </blockquote>
     </div>
   </div>
 </div>

diff --git a/locales/ca/testimonials.json b/locales/ca/testimonials.json
@@ -0,0 +1,9 @@
+{
+  "testimonials": {
+    "title": "Testimonis"
+  },
+  "testimonial-1": {
+    "body": "fuga ea ut voluptatibus voluptate eaque perferendis et sit aut voluptas sunt quod autem ratione voluptate laborum beatae hic nihil",
+    "represents": "Generalitat de Catalunya"
+  }
+}
diff --git a/locales/en/testimonials.json b/locales/en/testimonials.json
@@ -0,0 +1,9 @@
+{
+  "testimonials": {
+    "title": "Testimonials"
+  },
+  "testimonial-1": {
+    "body": "fuga ea ut voluptatibus voluptate eaque perferendis et sit aut voluptas sunt quod autem ratione voluptate laborum beatae hic nihil",
+    "represents": "Generalitat de Catalunya"
+  }
+}
diff --git a/locales/es/testimonials.json b/locales/es/testimonials.json
@@ -0,0 +1,9 @@
+{
+  "testimonials": {
+    "title": "Testimonios"
+  },
+  "testimonial-1": {
+    "body": "fuga ea ut voluptatibus voluptate eaque perferendis et sit aut voluptas sunt quod autem ratione voluptate laborum beatae hic nihil",
+    "represents": "Generalitat de Catalunya"
+  }
+}
diff --git a/locales/pt/testimonials.json b/locales/pt/testimonials.json
@@ -0,0 +1,9 @@
+{
+  "testimonials": {
+    "title": "Depoimentos"
+  },
+  "testimonial-1": {
+    "body": "fuga ea ut voluptatibus voluptate eaque perferendis et sit aut voluptas sunt quod autem ratione voluptate laborum beatae hic nihil",
+    "represents": "Generalitat de Catalunya"
+  }
+}