diff --git a/public/style.css b/public/style.css index 6b48035..31b865c 100644 --- a/public/style.css +++ b/public/style.css @@ -7101,15 +7101,43 @@ label.panel-block { background-color: #fafafa; padding: 3rem 1.5rem 6rem; } -nav.navbar { - padding-left: 5rem; - padding-right: 5rem; } +html { + scroll-behavior: smooth; } .hero-bg { background-image: url("/images/clouds-bg.svg"); background-size: cover; background-color: #fff; } +.scroll-down-indicator { + position: absolute; + bottom: 25px; + left: 50%; + animation: bounce 1.5s; + animation-delay: 1s; + animation-iteration-count: 2; + transform: translate(-50%, 0); } + +@keyframes bounce { + 0%, 20%, 53%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); } + 40%, 43% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(-50%, -30px, 0); + transform: translate3d(-50%, -30px, 0); } + 70% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(-50%, -15px, 0); + transform: translate3d(-50%, -15px, 0); } + 90% { + -webkit-transform: translate3d(-50%, -4px, 0); + transform: translate3d(-50%, -4px, 0); } } + .landing-featue-image { max-height: 180px !important; width: auto; diff --git a/resources/sass/main.scss b/resources/sass/main.scss index 393936d..1c49afc 100644 --- a/resources/sass/main.scss +++ b/resources/sass/main.scss @@ -5,9 +5,12 @@ @import './mixins.scss'; @import "../../node_modules/bulma/bulma.sass"; // @import '../../node_modules/animate.css/source/_base.css'; -nav.navbar { - padding-left: 5rem; - padding-right: 5rem; +// nav.navbar { +// padding-left: 5rem; +// padding-right: 5rem; +// } +html{ + scroll-behavior: smooth; } .hero-bg{ // @include pattern(#c0ebfa, #7FD7F5); @@ -21,6 +24,41 @@ nav.navbar { // background-position: ; // background-repeat: no-repeat; } + +.scroll-down-indicator{ + position: absolute; + bottom: 25px; + left: 50%; + animation: bounce 1.5s; + animation-delay: 1s; + animation-iteration-count: 2; + transform: translate(-50%,0); + +} + +@keyframes bounce { + 0%, 20%, 53%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + -webkit-transform: translate3d(-50%,0,0); + transform: translate3d(-50%,0,0); + } + 40%, 43% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(-50%, -30px, 0); + transform: translate3d(-50%, -30px, 0); + } + 70% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(-50%, -15px, 0); + transform: translate3d(-50%, -15px, 0); + } + 90% { + -webkit-transform: translate3d(-50%,-4px,0); transform: translate3d(-50%,-4px,0); + } +} .landing-featue-image{ max-height: 180px !important; width: auto; diff --git a/resources/views/landing.edge b/resources/views/landing.edge index 618e159..f9d4d33 100644 --- a/resources/views/landing.edge +++ b/resources/views/landing.edge @@ -1,7 +1,7 @@ @layout('layouts.landing') @section('page-title') -Seepur | Our Time together +A safe and fun way to spend time with far away loved ones @endsection @section('hero')
@@ -31,11 +31,16 @@ Seepur | Our Time together +
+ + + +
@endsection @section('content') -
+

Being far, but never apart

Not just a video call

@@ -49,7 +54,7 @@ Seepur | Our Time together
{{-- 3 Important feature bloks --}} -
+
@@ -96,9 +101,9 @@ Seepur | Our Time together
-
+
-
+
Be There

Make an actual impact on the child by creating shared memories. You will be surprised how engaged and comunicative a little child could be during active sessions. @@ -106,8 +111,8 @@ Seepur | Our Time together

{{-- More... --}}
-
-
+
+
{{-- Health vector created by freepik - www.freepik.com --}} @@ -117,17 +122,20 @@ Seepur | Our Time together
-
-
+ -
+
Yours

Seepur is all about you and the child. You can upload your own books and read together, create puzzles with your own photos and more!

+

+ Your creations is yours, only available for sessions where you are a part of. So yes, Make interesting stuff, upload better books becuse the child will be picky! +

{{-- More... --}}