first commit

Author: jpabloms2

front/static/index.html

@@ -41,14 +41,6 @@
       <!-- / instructions / -->
       <div class="top-container border-bottom">
         <div class="instructions-container">
-          <div class="cta-button-container">
-            <button class="cta-button" onclick="location.href='app.html'">
-              Get started
-              <svg class="cta-button__icon">
-                <use xlink:href="assets/sprite.svg#arrow-icon"></use>
-              </svg>
-            </button>
-          </div>
           <article class="instructions">
             <h2 class="instructions__title">
               Code paster is a free online app
@@ -81,6 +73,20 @@ <h3 class="instructions__subtitle">How does it work?</h3>
               </li>
             </ol>
           </article>
+          <div class="cta-button-container">
+            <!-- <button class="cta-button" onclick="location.href='app.html'">
+              Get started
+              <svg class="cta-button__icon">
+                <use xlink:href="assets/sprite.svg#arrow-icon"></use>
+              </svg>
+            </button> -->
+
+            <video
+              class="video"
+              src="http://v2v.cc/~j/theora_testsuite/320x240.ogg"
+              controls
+            ></video>
+          </div>
         </div>
       </div>
       <!-- / video / -->

front/static/styles.css

@@ -345,6 +345,14 @@ ul {
   justify-content: space-between;
   width: 70%;
   margin: 0 auto;
+  border: 1px solid red;
+}
+
+.video {
+  width: 90%;
+  margin: 2% auto;
+  max-height: 220px;
+  background-color: #151611;
 }
 
 .instructions {