Browse Source

Video block ready

master
monaxys 2 years ago
parent
commit
8cafbe5c1b
  1. 23
      src/components/Footer.vue
  2. 34
      src/pages/TeslaMode.vue

23
src/components/Footer.vue

@ -4,11 +4,11 @@ footer.footer @@ -4,11 +4,11 @@ footer.footer
.footer__copyright Tesla © {{ year }}
nav.footer-nav
a(href="#") Privacy & Legal
a(href="#") Contact
a(href="#") Careers
a(href="#") Get Newsletter
a(href="#") Locations
a.footer-nav__el(href="#") Privacy & Legal
a.footer-nav__el(href="#") Contact
a.footer-nav__el(href="#") Careers
a.footer-nav__el(href="#") Get Newsletter
a.footer-nav__el(href="#") Locations
</template>
<style lang="scss">
@ -28,6 +28,19 @@ footer.footer @@ -28,6 +28,19 @@ 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>

34
src/pages/TeslaMode.vue

@ -6,6 +6,10 @@ @@ -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 motorsone at the front axle and one at the rearwhich 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 { @@ -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{

Loading…
Cancel
Save