- video button down

Eugeny Galkovskiy
1 parent 9c4480a9
Showing 3 changed files with 27 additions and 3 deletions Show diff stats
frontend/views/site/individual.php
frontend/views/site/legal.php
frontend/web/css/main.css
@@ -25,6 +25,7 @@
     <div id="content">
         <section class="video_main">
             <div id="video-bg">
+                <div class="arrow_bottom"><a href="#section1" class="scroll-to"><i class="fa fa-chevron-down" aria-hidden="true"></i></a></div>
                 <video width="100%" height="auto" muted="" autoplay="autoplay" loop="loop" preload="auto">
                     <source src="/video/kbcover2.mp4" type="video/mp4">
                     <source src="/video/kbcover2.ogg" type="video/ogg">
@@ -32,7 +33,7 @@
             </div>
  
         </section>
-        <section class="no-mb mtop-25">
+        <section class="no-mb mtop-25" id="section1">
             <div class="container">
                 <div class="row">
                     <div class="col-md-12">
@@ -31,6 +31,7 @@ $this-&gt;registerJs($js, View::POS_END);
  
         <section class="video_main">
             <div id="video-bg">
+                <div class="arrow_bottom"><a href="#section1" class="scroll-to"><i class="fa fa-chevron-down" aria-hidden="true"></i></a></div>
                 <video width="100%" height="auto" muted="" autoplay="autoplay" loop="loop" preload="auto">
                     <source src="/video/kbvid1.mp4" type="video/mp4">
                     <source src="/video/kbvid1.ogg" type="video/ogg">
@@ -38,7 +39,7 @@ $this-&gt;registerJs($js, View::POS_END);
             </div>
  
         </section>
-        <section class="no-mb mtop-25">
+        <section class="no-mb mtop-25" id="section1">
             <div class="container">
                 <div class="row">
                     <div class="col-md-12">
@@ -268,7 +268,6 @@ section.blue-fon {padding-top: 25px;}
     display: flex;
     align-items: center;
     justify-content: center;
-    opacity: 0.7;
 }
 #video-bg:after {
     content: '';
@@ -280,6 +279,29 @@ section.blue-fon {padding-top: 25px;}
     background: rgba(0, 0, 0, 0.1);
     box-shadow: inset 0px 250px 250px -250px black, inset 0px -250px 250px -250px black;
 }
+#video-bg .arrow_bottom{
+    position: absolute;
+    width: 100%;
+    z-index: 1;
+    color: #fff;
+    bottom: 4%;
+    left: 0;
+    text-align: center;
+}
+#video-bg .arrow_bottom a{
+    font-size: 72px;
+    color: rgba(255, 255, 255, 0.3);
+    transition:0.2s;
+}
+#video-bg .arrow_bottom a:hover{
+    color: rgba(255, 255, 255, 0.8);
+}
+#video-bg .arrow_bottom a:active{
+    color: rgba(255, 255, 255, 1);
+}
+#video-bg video{
+    opacity: 0.7;
+}
 .video_main {
     background-color: #0080ca;
     z-index: -1000;