added quick overview video
This commit is contained in:
parent
fd42a3c5d2
commit
58b265e0ac
|
@ -176,6 +176,8 @@ body {
|
||||||
color: #141414;
|
color: #141414;
|
||||||
margin-top: 5rem;
|
margin-top: 5rem;
|
||||||
margin-left: 15vw; }
|
margin-left: 15vw; }
|
||||||
|
.section-clear__title--no-top-margin {
|
||||||
|
margin-top: 0.5rem; }
|
||||||
.section-clear__subtitle {
|
.section-clear__subtitle {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
|
@ -187,6 +189,10 @@ body {
|
||||||
background-color: #141414;
|
background-color: #141414;
|
||||||
background-color: white; }
|
background-color: white; }
|
||||||
|
|
||||||
|
.quick-overview__video {
|
||||||
|
display: block;
|
||||||
|
margin: 2rem auto; }
|
||||||
|
|
||||||
.functionalities__row {
|
.functionalities__row {
|
||||||
max-width: 100rem; }
|
max-width: 100rem; }
|
||||||
|
|
||||||
|
|
|
@ -35,7 +35,6 @@
|
||||||
color: $dark-background;
|
color: $dark-background;
|
||||||
margin-top: 5rem;
|
margin-top: 5rem;
|
||||||
margin-left: 15vw;
|
margin-left: 15vw;
|
||||||
// text-align: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&__subtitle {
|
&__subtitle {
|
||||||
|
@ -55,6 +54,13 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.quick-overview {
|
||||||
|
&__video {
|
||||||
|
display: block;
|
||||||
|
margin: 2rem auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.functionalities {
|
.functionalities {
|
||||||
|
|
||||||
&__row {
|
&__row {
|
||||||
|
|
|
@ -97,8 +97,12 @@
|
||||||
<section class="section-separator"></section>
|
<section class="section-separator"></section>
|
||||||
|
|
||||||
<section class="section-clear">
|
<section class="section-clear">
|
||||||
<h3 class="section-clear__title">Quick Overview</h3>
|
<h2 class="section-clear__big-title">Quick Overview</h2>
|
||||||
|
|
||||||
|
<video width="800" height="492" class="quick-overview__video" autoplay loop>
|
||||||
|
<source src="videos/Quick_overview.mp4" type="video/mp4">
|
||||||
|
Your browser does not support the video tag.
|
||||||
|
</video>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="section-separator"></section>
|
<section class="section-separator"></section>
|
||||||
|
@ -111,7 +115,7 @@
|
||||||
<div class="col-1-of-2">
|
<div class="col-1-of-2">
|
||||||
<p class="functionalities__text">
|
<p class="functionalities__text">
|
||||||
Just click on the account's avatar, <br />
|
Just click on the account's avatar, <br />
|
||||||
and all your next actions will be performed by it.<br/>
|
and all your next actions will be performed by it.<br />
|
||||||
Yes, it's powerful.
|
Yes, it's powerful.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
@ -121,7 +125,7 @@
|
||||||
Your browser does not support the video tag.
|
Your browser does not support the video tag.
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h4 class="section-clear__title">All instances timelines in one place</h4>
|
<h4 class="section-clear__title">All instances timelines in one place</h4>
|
||||||
<div class="row functionalities__row">
|
<div class="row functionalities__row">
|
||||||
|
@ -134,7 +138,7 @@
|
||||||
<div class="col-1-of-2">
|
<div class="col-1-of-2">
|
||||||
<img src="images/timelines.png" class="functionalities__video" />
|
<img src="images/timelines.png" class="functionalities__video" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h4 class="section-clear__title">Don't lose your focus</h4>
|
<h4 class="section-clear__title">Don't lose your focus</h4>
|
||||||
<div class="row functionalities__row">
|
<div class="row functionalities__row">
|
||||||
|
|
Binary file not shown.
Loading…
Reference in New Issue