Video block ready

src/components/Footer.vue

@@ -4,11 +4,11 @@ footer.footer
         .footer__copyright Tesla © {{ year }}
 
         nav.footer-nav
-            a(href="#") Privacy & Legal
+            a.footer-nav__el(href="#") Privacy & Legal
-            a(href="#") Contact
+            a.footer-nav__el(href="#") Contact
-            a(href="#") Careers
+            a.footer-nav__el(href="#") Careers
-            a(href="#") Get Newsletter
+            a.footer-nav__el(href="#") Get Newsletter
-            a(href="#") Locations
+            a.footer-nav__el(href="#") Locations
 </template>
 
 <style lang="scss">
@@ -28,15 +28,28 @@ footer.footer
         display: flex;
         align-items: center;
         justify-content: space-between;
+        font-weight: 500;
+        font-size: 20px;
+        line-height: 24px;
+        text-align: right;
+        letter-spacing: 0.05em;
+
+        &__el{
+            color: #000000;
+            text-decoration: none;
+            &:not(first-child){
+                margin-left: 50px;
+            }
+        }
+    }
  }
-}
 </style>
 
 <script>
-export default {
+ export default {
      name: 'Footer',
      setup() {
          return { year: new Date().getFullYear() };
      },
-};
+ };
 </script>

src/pages/TeslaMode.vue

@@ -6,6 +6,10 @@
         .intro__scroll-arrow
             include ../assets/images/arrow-scroll.svg
     Carousel/
+    .vid-descr
+        video.vid-descr__vid(src="http://infoviolence.org/ru/vblog/v720view/infoviolence_041.mp4" autoplay)
+        .vid-descr__descr All Model Xs come standard with two electric motors—one at the front axle and one at the rear—which enables them with all-wheel-drive capability. The standard Long Range model is quick and Tesla claims a zero-to-60-mph time of 4.4 seconds.
+            a.vid-descr__link(href="#") Read more ->
     Footer/
 h1 modelS
 </template>
@@ -55,6 +59,36 @@ export default {
              width: 100%;
          }
      }
+     .vid-descr{
+         display: flex;
+         align-items: center;
+
+         &__vid{
+             width: 1080px;
+             height: 584px;
+         }
+
+         &__descr{
+             font-weight: 300;
+             font-size: 22px;
+             line-height: 27px;
+             letter-spacing: 0.025em;
+             text-transform: uppercase;
+             max-width: 380px;
+             margin-left: 102px;
+         }
+
+         &__link{
+             display: block;
+             font-weight: 500;
+             font-size: 15px;
+             line-height: 18px;
+             letter-spacing: 0.025em;
+             text-transform: capitalize;
+             color: black;
+         }
+     }
+
  }
  @keyframes scrollArrow {
      from, to{