Browse Source

Video block ready

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

29
src/components/Footer.vue

@ -4,11 +4,11 @@ footer.footer
.footer__copyright Tesla © {{ year }} .footer__copyright Tesla © {{ year }}
nav.footer-nav 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> </template>
<style lang="scss"> <style lang="scss">
@ -28,15 +28,28 @@ footer.footer
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; 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> </style>
<script> <script>
export default { export default {
name: 'Footer', name: 'Footer',
setup() { setup() {
return { year: new Date().getFullYear() }; return { year: new Date().getFullYear() };
}, },
}; };
</script> </script>

34
src/pages/TeslaMode.vue

@ -6,6 +6,10 @@
.intro__scroll-arrow .intro__scroll-arrow
include ../assets/images/arrow-scroll.svg include ../assets/images/arrow-scroll.svg
Carousel/ 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/ Footer/
h1 modelS h1 modelS
</template> </template>
@ -55,6 +59,36 @@ export default {
width: 100%; 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 { @keyframes scrollArrow {
from, to{ from, to{

Loading…
Cancel
Save