opinions section finished

Natours/starter/index.html

@@ -237,6 +237,13 @@
       </section>
 
       <section class="section-stories">
+        <div class="bg-video">
+          <video class="bg-video__content" autoplay muted loop>
+            <source src="img/video.mp4" type="video/mp4" />
+            <source src="img/video.webm" type="video/webm" />
+            Your browser is not supported!
+          </video>
+        </div>
         <div class="u-center-text u-margin-bottom-big">
           <h2 class="heading--secondary">We make people genuinely happy</h2>
         </div>
@@ -249,6 +256,7 @@
                 alt="Person on a tour"
                 class="story__img"
               />
+              <figcaption class="story__caption">Mary Smith</figcaption>
             </figure>
             <div class="story__text"></div>
             <h3 class="heading--terciary u-margin-bottom-small">
@@ -263,6 +271,34 @@
             </p>
           </div>
         </div>
+
+        <div class="row">
+          <div class="story">
+            <figure class="story__shape">
+              <img
+                src="img/nat-9.jpg"
+                alt="Person on a tour"
+                class="story__img"
+              />
+              <figcaption class="story__caption">Jack Wilson</figcaption>
+            </figure>
+            <div class="story__text"></div>
+            <h3 class="heading--terciary u-margin-bottom-small">
+              WOW! My life is completly different now
+            </h3>
+            <p>
+              Lorem ipsum dolor sit amet, qui minim labore adipisicing minim
+              sint cillum sint consectetur cupidatat. Lorem ipsum dolor sit
+              amet, qui minim labore adipisicing minim sint cillum sint
+              consectetur cupidatat. Lorem ipsum dolor sit amet, qui minim
+              labore adipisicing minim sint cillum sint consectetur cupidatat.
+            </p>
+          </div>
+        </div>
+
+        <div class="u-center-text u-margin-top-huge">
+          <a href="#" class="btn-text">Read all stories &rarr;</a>
+        </div>
       </section>
     </main>