42 changed files with 34796 additions and 0 deletions
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -0,0 +1,186 @@ |
|||||
|
/** |
||||
|
* Owl Carousel v2.3.4 |
||||
|
* Copyright 2013-2018 David Deutsch |
||||
|
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE |
||||
|
*/ |
||||
|
/* |
||||
|
* Owl Carousel - Core |
||||
|
*/ |
||||
|
.owl-carousel { |
||||
|
display: none; |
||||
|
width: 100%; |
||||
|
-webkit-tap-highlight-color: transparent; |
||||
|
/* position relative and z-index fix webkit rendering fonts issue */ |
||||
|
position: relative; |
||||
|
z-index: 1; } |
||||
|
.owl-carousel .owl-stage { |
||||
|
position: relative; |
||||
|
-ms-touch-action: pan-Y; |
||||
|
touch-action: manipulation; |
||||
|
-moz-backface-visibility: hidden; |
||||
|
/* fix firefox animation glitch */ } |
||||
|
.owl-carousel .owl-stage:after { |
||||
|
content: "."; |
||||
|
display: block; |
||||
|
clear: both; |
||||
|
visibility: hidden; |
||||
|
line-height: 0; |
||||
|
height: 0; } |
||||
|
.owl-carousel .owl-stage-outer { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
/* fix for flashing background */ |
||||
|
-webkit-transform: translate3d(0px, 0px, 0px); } |
||||
|
.owl-carousel .owl-wrapper, |
||||
|
.owl-carousel .owl-item { |
||||
|
-webkit-backface-visibility: hidden; |
||||
|
-moz-backface-visibility: hidden; |
||||
|
-ms-backface-visibility: hidden; |
||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||
|
-moz-transform: translate3d(0, 0, 0); |
||||
|
-ms-transform: translate3d(0, 0, 0); } |
||||
|
.owl-carousel .owl-item { |
||||
|
position: relative; |
||||
|
min-height: 1px; |
||||
|
float: left; |
||||
|
-webkit-backface-visibility: hidden; |
||||
|
-webkit-tap-highlight-color: transparent; |
||||
|
-webkit-touch-callout: none; } |
||||
|
.owl-carousel .owl-item img { |
||||
|
display: block; |
||||
|
width: 100%; } |
||||
|
.owl-carousel .owl-nav.disabled, |
||||
|
.owl-carousel .owl-dots.disabled { |
||||
|
display: none; } |
||||
|
.owl-carousel .owl-nav .owl-prev, |
||||
|
.owl-carousel .owl-nav .owl-next, |
||||
|
.owl-carousel .owl-dot { |
||||
|
cursor: pointer; |
||||
|
-webkit-user-select: none; |
||||
|
-khtml-user-select: none; |
||||
|
-moz-user-select: none; |
||||
|
-ms-user-select: none; |
||||
|
user-select: none; } |
||||
|
.owl-carousel .owl-nav button.owl-prev, |
||||
|
.owl-carousel .owl-nav button.owl-next, |
||||
|
.owl-carousel button.owl-dot { |
||||
|
background: none; |
||||
|
color: inherit; |
||||
|
border: none; |
||||
|
padding: 0 !important; |
||||
|
font: inherit; } |
||||
|
.owl-carousel.owl-loaded { |
||||
|
display: block; } |
||||
|
.owl-carousel.owl-loading { |
||||
|
opacity: 0; |
||||
|
display: block; } |
||||
|
.owl-carousel.owl-hidden { |
||||
|
opacity: 0; } |
||||
|
.owl-carousel.owl-refresh .owl-item { |
||||
|
visibility: hidden; } |
||||
|
.owl-carousel.owl-drag .owl-item { |
||||
|
-ms-touch-action: pan-y; |
||||
|
touch-action: pan-y; |
||||
|
-webkit-user-select: none; |
||||
|
-moz-user-select: none; |
||||
|
-ms-user-select: none; |
||||
|
user-select: none; } |
||||
|
.owl-carousel.owl-grab { |
||||
|
cursor: move; |
||||
|
cursor: grab; } |
||||
|
.owl-carousel.owl-rtl { |
||||
|
direction: rtl; } |
||||
|
.owl-carousel.owl-rtl .owl-item { |
||||
|
float: right; } |
||||
|
|
||||
|
/* No Js */ |
||||
|
.no-js .owl-carousel { |
||||
|
display: block; } |
||||
|
|
||||
|
/* |
||||
|
* Owl Carousel - Animate Plugin |
||||
|
*/ |
||||
|
.owl-carousel .animated { |
||||
|
animation-duration: 1000ms; |
||||
|
animation-fill-mode: both; } |
||||
|
|
||||
|
.owl-carousel .owl-animated-in { |
||||
|
z-index: 0; } |
||||
|
|
||||
|
.owl-carousel .owl-animated-out { |
||||
|
z-index: 1; } |
||||
|
|
||||
|
.owl-carousel .fadeOut { |
||||
|
animation-name: fadeOut; } |
||||
|
|
||||
|
@keyframes fadeOut { |
||||
|
0% { |
||||
|
opacity: 1; } |
||||
|
100% { |
||||
|
opacity: 0; } } |
||||
|
|
||||
|
/* |
||||
|
* Owl Carousel - Auto Height Plugin |
||||
|
*/ |
||||
|
.owl-height { |
||||
|
transition: height 500ms ease-in-out; } |
||||
|
|
||||
|
/* |
||||
|
* Owl Carousel - Lazy Load Plugin |
||||
|
*/ |
||||
|
.owl-carousel .owl-item { |
||||
|
/** |
||||
|
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong |
||||
|
calculation of the height of the owl-item that breaks page layouts |
||||
|
*/ } |
||||
|
.owl-carousel .owl-item .owl-lazy { |
||||
|
opacity: 0; |
||||
|
transition: opacity 400ms ease; } |
||||
|
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { |
||||
|
max-height: 0; } |
||||
|
.owl-carousel .owl-item img.owl-lazy { |
||||
|
transform-style: preserve-3d; } |
||||
|
|
||||
|
/* |
||||
|
* Owl Carousel - Video Plugin |
||||
|
*/ |
||||
|
.owl-carousel .owl-video-wrapper { |
||||
|
position: relative; |
||||
|
height: 100%; |
||||
|
background: #000; } |
||||
|
|
||||
|
.owl-carousel .owl-video-play-icon { |
||||
|
position: absolute; |
||||
|
height: 80px; |
||||
|
width: 80px; |
||||
|
left: 50%; |
||||
|
top: 50%; |
||||
|
margin-left: -40px; |
||||
|
margin-top: -40px; |
||||
|
background: url("owl.video.play.png") no-repeat; |
||||
|
cursor: pointer; |
||||
|
z-index: 1; |
||||
|
-webkit-backface-visibility: hidden; |
||||
|
transition: transform 100ms ease; } |
||||
|
|
||||
|
.owl-carousel .owl-video-play-icon:hover { |
||||
|
-ms-transform: scale(1.3, 1.3); |
||||
|
transform: scale(1.3, 1.3); } |
||||
|
|
||||
|
.owl-carousel .owl-video-playing .owl-video-tn, |
||||
|
.owl-carousel .owl-video-playing .owl-video-play-icon { |
||||
|
display: none; } |
||||
|
|
||||
|
.owl-carousel .owl-video-tn { |
||||
|
opacity: 0; |
||||
|
height: 100%; |
||||
|
background-position: center center; |
||||
|
background-repeat: no-repeat; |
||||
|
background-size: contain; |
||||
|
transition: opacity 400ms ease; } |
||||
|
|
||||
|
.owl-carousel .owl-video-frame { |
||||
|
position: relative; |
||||
|
z-index: 1; |
||||
|
height: 100%; |
||||
|
width: 100%; } |
||||
@ -0,0 +1,6 @@ |
|||||
|
/** |
||||
|
* Owl Carousel v2.3.4 |
||||
|
* Copyright 2013-2018 David Deutsch |
||||
|
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE |
||||
|
*/ |
||||
|
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} |
||||
@ -0,0 +1,995 @@ |
|||||
|
/* |
||||
|
App by FreeHTML5.co |
||||
|
Twitter: http://twitter.com/fh5co |
||||
|
URL: http://freehtml5.co |
||||
|
*/ |
||||
|
@import url("https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800"); |
||||
|
* { |
||||
|
margin: 0px; |
||||
|
padding: 0px; |
||||
|
font-family: "Montserrat", "sans-serif"; |
||||
|
} |
||||
|
|
||||
|
html { |
||||
|
overflow-x: hidden; |
||||
|
} |
||||
|
|
||||
|
.download-btn-first { |
||||
|
background: #f7f7f7; |
||||
|
} |
||||
|
|
||||
|
.download-btn-first:hover { |
||||
|
background: #234197; |
||||
|
color: #fff !important; |
||||
|
} |
||||
|
|
||||
|
.features-btn-first { |
||||
|
font-weight: 700; |
||||
|
} |
||||
|
|
||||
|
.features-btn-first:hover { |
||||
|
background: #f7f7f7 !important; |
||||
|
color: #234197 !important; |
||||
|
} |
||||
|
|
||||
|
#fh5co-hero-wrapper { |
||||
|
height: 800px; |
||||
|
width: 100%; |
||||
|
background: url("/img/banner-bg.png") no-repeat center; |
||||
|
border-radius: 0 0 50% 50% / 4%; |
||||
|
} |
||||
|
|
||||
|
.main-navbar-nav .navbar-brand { |
||||
|
font-size: 38px; |
||||
|
letter-spacing: 4px; |
||||
|
position: relative; |
||||
|
top: -5px; |
||||
|
font-weight: 500; |
||||
|
color: #FFF; |
||||
|
} |
||||
|
|
||||
|
.main-navbar-nav { |
||||
|
color: #fff !important; |
||||
|
} |
||||
|
.main-navbar-nav li { |
||||
|
color: #fff; |
||||
|
opacity: .7; |
||||
|
} |
||||
|
.main-navbar-nav .navbar-nav .nav-item a:hover { |
||||
|
color: #234197 !important; |
||||
|
-webkit-transition: all .33s ease; |
||||
|
-moz-transition: all .33s ease; |
||||
|
-o-transition: all .33s ease; |
||||
|
-ms-transition: all .33s ease; |
||||
|
transition: all .33s ease; |
||||
|
} |
||||
|
.main-navbar-nav .active { |
||||
|
color: #fff !important; |
||||
|
opacity: 1 !important; |
||||
|
} |
||||
|
.main-navbar-nav a { |
||||
|
color: #fff !important; |
||||
|
} |
||||
|
.main-navbar-nav .nav-link { |
||||
|
opacity: 1 !important; |
||||
|
margin: 0 35px; |
||||
|
font-size: 14.5px; |
||||
|
font-weight: 500; |
||||
|
} |
||||
|
|
||||
|
.social-icons-header i { |
||||
|
margin: 15px; |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
|
||||
|
.social-icons-header a:hover i { |
||||
|
opacity: .6; |
||||
|
-webkit-transition: all .2s ease; |
||||
|
-moz-transition: all .2s ease; |
||||
|
-o-transition: all .2s ease; |
||||
|
-ms-transition: all .2s ease; |
||||
|
transition: all .2s ease; |
||||
|
} |
||||
|
|
||||
|
.fh5co-hero-inner { |
||||
|
margin-top: 110px; |
||||
|
position: relative; |
||||
|
} |
||||
|
.fh5co-hero-inner > h1 { |
||||
|
color: #fff; |
||||
|
font-weight: 300; |
||||
|
font-size: 55px; |
||||
|
letter-spacing: 2px; |
||||
|
} |
||||
|
.fh5co-hero-inner > p { |
||||
|
width: 400px; |
||||
|
font-size: 14px; |
||||
|
color: #fff; |
||||
|
margin-top: 30px; |
||||
|
margin-bottom: 30px; |
||||
|
line-height: 2em; |
||||
|
} |
||||
|
.fh5co-hero-inner .download-btn-first { |
||||
|
font-size: 15px; |
||||
|
padding: 10px 15px; |
||||
|
font-weight: 700; |
||||
|
color: #234197; |
||||
|
} |
||||
|
.fh5co-hero-inner .features-btn-first { |
||||
|
font-size: 15px; |
||||
|
padding: 8px 13px; |
||||
|
font-weight: 400; |
||||
|
background: #234197; |
||||
|
color: #fff; |
||||
|
margin-left: 10px; |
||||
|
} |
||||
|
.fh5co-hero-inner .fh5co-hero-smartphone { |
||||
|
position: absolute; |
||||
|
right: 0px; |
||||
|
top: 120px; |
||||
|
height: 650px; |
||||
|
} |
||||
|
|
||||
|
/* ========================================================================================================== |
||||
|
ADVANTAGES |
||||
|
========================================================================================================== */ |
||||
|
.fh5co-advantages-outer { |
||||
|
padding: 70px; |
||||
|
height: auto; |
||||
|
width: 100%; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.fh5co-advantages-outer .span-perfect { |
||||
|
color: #648cff; |
||||
|
text-transform: uppercase; |
||||
|
font-size: 27px; |
||||
|
letter-spacing: 1px; |
||||
|
} |
||||
|
.fh5co-advantages-outer .span-features { |
||||
|
text-transform: uppercase; |
||||
|
font-size: 42px; |
||||
|
} |
||||
|
.fh5co-advantages-outer .second-title { |
||||
|
text-align: center; |
||||
|
display: block; |
||||
|
} |
||||
|
.fh5co-advantages-outer small { |
||||
|
display: block; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.fh5co-advantages-outer .fh5co-advantages-grid-columns { |
||||
|
margin-top: 120px; |
||||
|
} |
||||
|
.fh5co-advantages-outer .fh5co-advantages-grid-columns .col-sm-4 .grid-image { |
||||
|
width: 30%; |
||||
|
float: left; |
||||
|
padding-right: 30px; |
||||
|
position: relative; |
||||
|
top: 1px; |
||||
|
color: #648cff; |
||||
|
} |
||||
|
.fh5co-advantages-outer .fh5co-advantages-grid-columns .col-sm-4 .grid-title { |
||||
|
float: left; |
||||
|
font-size: 20px; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
.fh5co-advantages-outer .fh5co-advantages-grid-columns .col-sm-4 .grid-desc { |
||||
|
float: right; |
||||
|
font-size: 13px; |
||||
|
padding-right: 7%; |
||||
|
width: 70%; |
||||
|
color: #c7c7c7; |
||||
|
margin-top: 10px; |
||||
|
line-height: 1.87em; |
||||
|
} |
||||
|
|
||||
|
.fh5co-slider-inner { |
||||
|
margin-top: 50px; |
||||
|
margin-bottom: 30px; |
||||
|
} |
||||
|
|
||||
|
/* ========================================================================================================== |
||||
|
SLIDER |
||||
|
========================================================================================================== */ |
||||
|
.fh5co-slider-outer { |
||||
|
width: 100%; |
||||
|
height: auto; |
||||
|
padding: 70px; |
||||
|
} |
||||
|
.fh5co-slider-outer h1 { |
||||
|
color: #648cff; |
||||
|
text-transform: uppercase; |
||||
|
font-size: 30px; |
||||
|
font-weight: 600; |
||||
|
margin-bottom: 10px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.fh5co-slider-outer > h1, .fh5co-slider-outer small { |
||||
|
text-align: center; |
||||
|
display: block; |
||||
|
} |
||||
|
.fh5co-slider-outer .fh5co-slider-outer { |
||||
|
margin-top: 50px; |
||||
|
} |
||||
|
.fh5co-slider-outer .carousel-left-arrow { |
||||
|
position: absolute; |
||||
|
left: -100px; |
||||
|
bottom: 250px; |
||||
|
font-size: 60px; |
||||
|
color: #ececec; |
||||
|
} |
||||
|
.fh5co-slider-outer .carousel-right-arrow { |
||||
|
position: absolute; |
||||
|
right: -100px; |
||||
|
bottom: 250px; |
||||
|
font-size: 60px; |
||||
|
color: #ececec; |
||||
|
} |
||||
|
.fh5co-slider-outer .item img { |
||||
|
height: 400px; |
||||
|
width: 200px; |
||||
|
object-fit: contain; |
||||
|
} |
||||
|
|
||||
|
/* ========================================================================================================== |
||||
|
FEATURES |
||||
|
========================================================================================================== */ |
||||
|
.curved-bg-div { |
||||
|
background: url("/img/curved-bg.png") no-repeat; |
||||
|
background-position: 0px -140px; |
||||
|
background-size: cover; |
||||
|
width: 100%; |
||||
|
height: 300px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-features-outer { |
||||
|
width: 100%; |
||||
|
height: auto; |
||||
|
margin-top: -180px; |
||||
|
} |
||||
|
.fh5co-features-outer .col-sm-6 { |
||||
|
margin-top: 80px; |
||||
|
} |
||||
|
.fh5co-features-outer .col-sm-6 img { |
||||
|
height: 550px; |
||||
|
} |
||||
|
.fh5co-features-outer .sm-6-content { |
||||
|
margin-top: 250px; |
||||
|
position: relative; |
||||
|
} |
||||
|
.fh5co-features-outer .sm-6-content h1 { |
||||
|
color: #648cff; |
||||
|
text-transform: uppercase; |
||||
|
font-size: 25px; |
||||
|
font-weight: 600; |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
.fh5co-features-outer .sm-6-content p { |
||||
|
color: #111; |
||||
|
font-weight: 500; |
||||
|
font-size: 14.5px; |
||||
|
line-height: 1.8em; |
||||
|
width: 450px; |
||||
|
} |
||||
|
.fh5co-features-outer .col-sm-6 .col-sm-image-container { |
||||
|
position: relative; |
||||
|
width: 300px; |
||||
|
} |
||||
|
.fh5co-features-outer .col-sm-6 .span-new { |
||||
|
color: #fff; |
||||
|
background: #fcec64; |
||||
|
padding: 18px; |
||||
|
width: 35px; |
||||
|
display: inline-block; |
||||
|
line-height: 30px; |
||||
|
height: 30px; |
||||
|
text-align: center; |
||||
|
border-radius: 50%; |
||||
|
font-size: 14px; |
||||
|
box-sizing: initial; |
||||
|
position: absolute; |
||||
|
font-weight: 700; |
||||
|
right: 0; |
||||
|
top: 140px; |
||||
|
} |
||||
|
.fh5co-features-outer .col-sm-6 .span-free { |
||||
|
color: #fff; |
||||
|
background: #6ca3ff; |
||||
|
padding: 18px; |
||||
|
width: 35px; |
||||
|
display: inline-block; |
||||
|
line-height: 30px; |
||||
|
height: 30px; |
||||
|
text-align: center; |
||||
|
border-radius: 50%; |
||||
|
font-size: 14px; |
||||
|
box-sizing: initial; |
||||
|
position: absolute; |
||||
|
left: -35px; |
||||
|
bottom: -430px; |
||||
|
font-weight: 700; |
||||
|
} |
||||
|
.fh5co-features-outer .col-sm-6 .span-data { |
||||
|
color: #7e8c91; |
||||
|
background: #b8faee; |
||||
|
padding: 20px; |
||||
|
width: 40px; |
||||
|
display: inline-block; |
||||
|
line-height: 30px; |
||||
|
height: 30px; |
||||
|
text-align: center; |
||||
|
border-radius: 50%; |
||||
|
font-size: 14px; |
||||
|
letter-spacing: 1px; |
||||
|
box-sizing: initial; |
||||
|
position: absolute; |
||||
|
top: 140px; |
||||
|
right: -2px; |
||||
|
font-weight: 700; |
||||
|
} |
||||
|
.fh5co-features-outer .col-sm-6 .span-percent { |
||||
|
color: #fff; |
||||
|
background: #6ca3ff; |
||||
|
padding: 18px; |
||||
|
width: 35px; |
||||
|
display: inline-block; |
||||
|
line-height: 30px; |
||||
|
height: 30px; |
||||
|
text-align: center; |
||||
|
border-radius: 50%; |
||||
|
font-size: 14px; |
||||
|
box-sizing: initial; |
||||
|
position: absolute; |
||||
|
left: -35px; |
||||
|
bottom: -430px; |
||||
|
font-weight: 700; |
||||
|
} |
||||
|
.fh5co-features-outer .col-sm-6 .circle { |
||||
|
color: #c3cfe5; |
||||
|
border: 1px solid #ededed; |
||||
|
background: #fff; |
||||
|
padding: 10px; |
||||
|
width: 35px; |
||||
|
display: inline-block; |
||||
|
line-height: 30px; |
||||
|
height: 30px; |
||||
|
text-align: center; |
||||
|
border-radius: 50%; |
||||
|
font-size: 14px; |
||||
|
box-sizing: initial; |
||||
|
position: absolute; |
||||
|
font-weight: 600; |
||||
|
box-shadow: 0 0 0 5px #f9f9f9; |
||||
|
} |
||||
|
.fh5co-features-outer .col-sm-6 .circle-first { |
||||
|
width: 35px; |
||||
|
display: inline-block; |
||||
|
line-height: 30px; |
||||
|
height: 30px; |
||||
|
text-align: center; |
||||
|
border-radius: 50%; |
||||
|
font-size: 14px; |
||||
|
box-sizing: initial; |
||||
|
position: absolute; |
||||
|
margin-left: 0px; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
.fh5co-features-outer .col-sm-6 .circle-middle { |
||||
|
width: 35px; |
||||
|
display: inline-block; |
||||
|
line-height: 30px; |
||||
|
height: 30px; |
||||
|
text-align: center; |
||||
|
border-radius: 50%; |
||||
|
font-size: 14px; |
||||
|
box-sizing: initial; |
||||
|
position: absolute; |
||||
|
margin-left: 50px; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
.fh5co-features-outer .col-sm-6 .circle-last { |
||||
|
width: 35px; |
||||
|
display: inline-block; |
||||
|
line-height: 30px; |
||||
|
height: 30px; |
||||
|
text-align: center; |
||||
|
border-radius: 50%; |
||||
|
font-size: 14px; |
||||
|
box-sizing: initial; |
||||
|
position: absolute; |
||||
|
margin-left: 100px; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
|
||||
|
/* ========================================================================================================== |
||||
|
REVIEWS |
||||
|
========================================================================================================== */ |
||||
|
.fh5co-reviews-outer { |
||||
|
width: 100%; |
||||
|
height: 400px; |
||||
|
padding: 70px; |
||||
|
margin-top: 100px; |
||||
|
} |
||||
|
.fh5co-reviews-outer .fh5co-reviews-inner { |
||||
|
margin-top: 100px; |
||||
|
} |
||||
|
.fh5co-reviews-outer > h1 { |
||||
|
color: #648cff; |
||||
|
text-transform: uppercase; |
||||
|
font-size: 30px; |
||||
|
font-weight: 600; |
||||
|
margin-bottom: 10px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.fh5co-reviews-outer > small { |
||||
|
text-align: center; |
||||
|
display: block; |
||||
|
} |
||||
|
.fh5co-reviews-outer .testimonial-desc { |
||||
|
clear: both; |
||||
|
padding-top: 30px; |
||||
|
font-weight: 500; |
||||
|
} |
||||
|
.fh5co-reviews-outer .testimonial-2 { |
||||
|
margin-left: 50px; |
||||
|
} |
||||
|
|
||||
|
/* ========================================================================================================== |
||||
|
BOTTOM |
||||
|
========================================================================================================== */ |
||||
|
.fh5co-bottom-outer { |
||||
|
width: 100%; |
||||
|
height: 572px; |
||||
|
background: url("/img/download-section-bg.png") no-repeat center; |
||||
|
margin-top: 120px; |
||||
|
overflow-x: hidden; |
||||
|
} |
||||
|
.fh5co-bottom-outer .fh5co-bottom-inner { |
||||
|
margin-top: 270px; |
||||
|
} |
||||
|
.fh5co-bottom-outer .fh5co-bottom-inner .col-sm-6 h1 { |
||||
|
color: #fff; |
||||
|
text-transform: uppercase; |
||||
|
font-size: 30px; |
||||
|
margin-bottom: 30px; |
||||
|
} |
||||
|
.fh5co-bottom-outer .fh5co-bottom-inner .col-sm-6 p { |
||||
|
width: 350px; |
||||
|
color: #fff; |
||||
|
font-size: 14.5px; |
||||
|
line-height: 1.85em; |
||||
|
} |
||||
|
.fh5co-bottom-outer .fh5co-bottom-inner .col-sm-6 img { |
||||
|
margin-top: 25px; |
||||
|
} |
||||
|
|
||||
|
/* ========================================================================================================== |
||||
|
SUB FOOTER |
||||
|
========================================================================================================== */ |
||||
|
.img-float-left { |
||||
|
float: left; |
||||
|
} |
||||
|
|
||||
|
.img-float-right { |
||||
|
float: right; |
||||
|
} |
||||
|
|
||||
|
.footer-outer { |
||||
|
width: 100%; |
||||
|
padding: 50px; |
||||
|
background: #97104e; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.footer-outer .footer-inner { |
||||
|
width: 100%; |
||||
|
height: inherit; |
||||
|
} |
||||
|
.footer-outer .social-icons-footer i { |
||||
|
margin: 15px; |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
.footer-outer .social-icons-footer a:hover i { |
||||
|
opacity: .6; |
||||
|
-webkit-transition: all .2s ease; |
||||
|
-moz-transition: all .2s ease; |
||||
|
-o-transition: all .2s ease; |
||||
|
-ms-transition: all .2s ease; |
||||
|
transition: all .2s ease; |
||||
|
} |
||||
|
.footer-outer .footer-three-grid { |
||||
|
width: 1140px; |
||||
|
margin: 0 auto; |
||||
|
height: 50px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.footer-outer .column-1-3 { |
||||
|
width: 20%; |
||||
|
float: left; |
||||
|
height: 50px; |
||||
|
} |
||||
|
.footer-outer .column-1-3 h1 { |
||||
|
font-size: 38px; |
||||
|
letter-spacing: 3px; |
||||
|
position: relative; |
||||
|
top: -5px; |
||||
|
font-weight: 600; |
||||
|
color: #fff; |
||||
|
} |
||||
|
.footer-outer .column-2-3 { |
||||
|
width: 60%; |
||||
|
float: left; |
||||
|
height: 50px; |
||||
|
} |
||||
|
.footer-outer .column-3-3 { |
||||
|
width: 20%; |
||||
|
float: left; |
||||
|
height: 50px; |
||||
|
} |
||||
|
.footer-outer .column-3-3 a { |
||||
|
color: #b5b5c8; |
||||
|
} |
||||
|
.footer-outer .column-3-3 .social-icons-header a:hover { |
||||
|
color: #fff; |
||||
|
opacity: 1; |
||||
|
-webkit-transition: color .2s ease; |
||||
|
-o-transition: color .2s ease; |
||||
|
transition: color .2s ease; |
||||
|
} |
||||
|
.footer-outer .footer-nav ul { |
||||
|
list-style: none; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.footer-outer .footer-nav ul li { |
||||
|
display: inline-block; |
||||
|
line-height: 50px; |
||||
|
color: #b5b5c8; |
||||
|
margin: 0 30px; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
.footer-outer .footer-nav ul li:hover { |
||||
|
color: #fff; |
||||
|
-webkit-transition: color .2s ease-in-out; |
||||
|
-o-transition: color .2s ease-in-out; |
||||
|
transition: color .2s ease-in-out; |
||||
|
} |
||||
|
.footer-outer .footer-nav ul .active { |
||||
|
color: #fff; |
||||
|
} |
||||
|
.footer-outer .footer-nav ul li a { |
||||
|
color: #fff; |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
.footer-outer .border-bottom-footer { |
||||
|
height: 1px; |
||||
|
width: 60%; |
||||
|
margin: 0 auto; |
||||
|
border: 1px solid #FFF; |
||||
|
display: block; |
||||
|
margin-top: 50px; |
||||
|
} |
||||
|
.footer-outer .copyright { |
||||
|
color: #FFF !important; |
||||
|
text-align: center; |
||||
|
font-size: 13px; |
||||
|
padding: 40px 0; |
||||
|
} |
||||
|
|
||||
|
.google-play-btn { |
||||
|
margin-left: 10px; |
||||
|
} |
||||
|
|
||||
|
/* ========================================================================================================== |
||||
|
RESPONSIVE STYLING |
||||
|
========================================================================================================== */ |
||||
|
@media screen and (max-width: 1400px) { |
||||
|
body { |
||||
|
overflow-x: hidden; |
||||
|
} |
||||
|
|
||||
|
.fh5co-hero-inner .fh5co-hero-smartphone { |
||||
|
position: absolute; |
||||
|
right: 50px; |
||||
|
top: 200px; |
||||
|
height: 550px; |
||||
|
} |
||||
|
|
||||
|
.curved-bg-div { |
||||
|
background-position: 100% -20px; |
||||
|
} |
||||
|
|
||||
|
.footer-outer .footer-three-grid { |
||||
|
width: 100%; |
||||
|
} |
||||
|
} |
||||
|
@media screen and (max-width: 1200px) { |
||||
|
body { |
||||
|
overflow-x: hidden; |
||||
|
} |
||||
|
|
||||
|
.fh5co-hero-inner .fh5co-hero-smartphone { |
||||
|
position: absolute; |
||||
|
right: -15px; |
||||
|
top: 200px; |
||||
|
height: 550px; |
||||
|
} |
||||
|
} |
||||
|
@media screen and (max-width: 993px) { |
||||
|
body { |
||||
|
overflow-x: hidden; |
||||
|
} |
||||
|
|
||||
|
#fh5co-hero-wrapper { |
||||
|
height: 95vh; |
||||
|
} |
||||
|
|
||||
|
.fh5co-hero-inner { |
||||
|
margin-top: 30px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-hero-inner .fh5co-hero-smartphone { |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
margin-left: auto; |
||||
|
margin-right: auto; |
||||
|
top: 270px; |
||||
|
height: 460px; |
||||
|
margin-top: 110px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-advantages-outer { |
||||
|
margin-top: 50px; |
||||
|
padding-bottom: 0; |
||||
|
} |
||||
|
|
||||
|
.fh5co-advantages-outer .fh5co-advantages-grid-columns .col-sm-4 .grid-image { |
||||
|
width: 60px; |
||||
|
float: none; |
||||
|
display: block; |
||||
|
margin: 0 auto; |
||||
|
padding-right: 0px; |
||||
|
margin-bottom: 20px; |
||||
|
position: relative; |
||||
|
top: 1px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-advantages-outer .fh5co-advantages-grid-columns .col-sm-4 .grid-title { |
||||
|
float: none; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.fh5co-advantages-outer .fh5co-advantages-grid-columns .col-sm-4 .grid-desc { |
||||
|
float: none; |
||||
|
width: 100%; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.fh5co-slider-outer .fh5co-slider-outer { |
||||
|
margin-top: 0px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-features-outer { |
||||
|
margin-top: -100px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-features-outer .sm-6-content p { |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.footer-outer .footer-nav ul li { |
||||
|
margin: 0 10px; |
||||
|
} |
||||
|
|
||||
|
.footer-outer .social-icons-footer i { |
||||
|
margin: 15px 10px; |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
} |
||||
|
@media screen and (max-width: 993px) { |
||||
|
.fh5co-features-grid-columns .col-sm-6 { |
||||
|
-ms-flex: 0 0 50%; |
||||
|
flex: 0 0 100%; |
||||
|
width: 100%; |
||||
|
max-width: 100%; |
||||
|
margin: 30px auto; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.fh5co-features-outer .col-sm-6 .col-sm-image-container { |
||||
|
position: relative; |
||||
|
width: 295px !important; |
||||
|
text-align: center; |
||||
|
margin: 15px auto 0; |
||||
|
} |
||||
|
|
||||
|
.no-float { |
||||
|
float: none !important; |
||||
|
} |
||||
|
|
||||
|
.fh5co-slider-outer .carousel-right-arrow { |
||||
|
position: absolute; |
||||
|
right: -70px; |
||||
|
bottom: 250px; |
||||
|
font-size: 60px; |
||||
|
color: #ececec; |
||||
|
} |
||||
|
|
||||
|
.fh5co-slider-outer .carousel-left-arrow { |
||||
|
position: absolute; |
||||
|
left: -70px; |
||||
|
bottom: 250px; |
||||
|
font-size: 60px; |
||||
|
color: #ececec; |
||||
|
} |
||||
|
|
||||
|
.img-float-right { |
||||
|
float: none; |
||||
|
} |
||||
|
|
||||
|
.img-float-left { |
||||
|
float: none; |
||||
|
} |
||||
|
|
||||
|
.fh5co-features-outer .col-sm-6 .span-percent, .fh5co-features-outer .col-sm-6 .span-free { |
||||
|
left: -15px; |
||||
|
bottom: 140px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-features-outer .col-sm-6 .span-new { |
||||
|
right: -10px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-features-outer .col-sm-6 .span-data { |
||||
|
right: -15px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-features-outer .col-sm-6 .circle { |
||||
|
position: static; |
||||
|
display: inline-block; |
||||
|
margin: 25px 5px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-advantages-outer .second-title { |
||||
|
margin-top: 60px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-features-grid-columns { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
} |
||||
|
.fh5co-features-grid-columns .in-order-4 { |
||||
|
order: 1; |
||||
|
} |
||||
|
.fh5co-features-grid-columns .in-order-3 { |
||||
|
order: 2; |
||||
|
} |
||||
|
|
||||
|
.fh5co-reviews-outer { |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
.navbar-light .navbar-toggler { |
||||
|
color: #fff !important; |
||||
|
border-color: #c7c7c7 !important; |
||||
|
} |
||||
|
|
||||
|
.navbar-light .navbar-nav .nav-link { |
||||
|
margin: 0; |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.social-icons-header i:first-of-type { |
||||
|
margin-right: 10px !important; |
||||
|
margin-left: 0 !important; |
||||
|
font-size: 30px; |
||||
|
} |
||||
|
} |
||||
|
@media screen and (max-width: 800px) { |
||||
|
.fh5co-hero-inner > h1 { |
||||
|
color: #fff; |
||||
|
font-weight: 300; |
||||
|
font-size: 45px; |
||||
|
letter-spacing: 2px; |
||||
|
} |
||||
|
|
||||
|
#fh5co-hero-wrapper { |
||||
|
height: 800px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-advantages-outer .fh5co-advantages-grid-columns { |
||||
|
margin-top: 40px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-advantages-grid-columns .col-sm-4 { |
||||
|
-ms-flex: 0 0 100%; |
||||
|
flex: 0 0 100%; |
||||
|
width: 100%; |
||||
|
max-width: 100%; |
||||
|
margin: 30px auto; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.fh5co-hero-inner .fh5co-hero-smartphone { |
||||
|
height: 420px; |
||||
|
top: 310px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-advantages-outer .second-title { |
||||
|
margin-top: 60px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-bottom-outer { |
||||
|
margin-top: 40px; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.fh5co-bottom-outer .fh5co-bottom-inner { |
||||
|
margin-top: 50px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-slider-outer { |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
.fh5co-slider-outer .carousel-left-arrow { |
||||
|
left: 50px; |
||||
|
font-size: 50px; |
||||
|
bottom: 190px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-slider-outer .carousel-right-arrow { |
||||
|
right: 50px; |
||||
|
font-size: 50px; |
||||
|
bottom: 190px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-reviews-inner .col-sm-5 { |
||||
|
-ms-flex: 0 0 75%; |
||||
|
flex: 0 0 75%; |
||||
|
width: 75%; |
||||
|
max-width: 75%; |
||||
|
margin: 30px auto; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.fh5co-slider-outer .item img { |
||||
|
height: 300px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-reviews-outer { |
||||
|
height: auto; |
||||
|
} |
||||
|
|
||||
|
.fh5co-reviews-outer .fh5co-reviews-inner { |
||||
|
margin-top: 50px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-bottom-outer { |
||||
|
background-position: center bottom; |
||||
|
overflow: hidden; |
||||
|
height: auto; |
||||
|
} |
||||
|
|
||||
|
.fh5co-bottom-inner { |
||||
|
overflow: hidden; |
||||
|
padding-bottom: 50px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.overlay { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
background: rgba(0, 0, 0, 0.6); |
||||
|
overflow-x: hidden; |
||||
|
} |
||||
|
|
||||
|
.fh5co-bottom-outer .fh5co-bottom-inner .col-sm-6 p { |
||||
|
width: 90%; |
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
|
||||
|
.footer-outer { |
||||
|
height: auto; |
||||
|
padding: 20px; |
||||
|
} |
||||
|
|
||||
|
.footer-outer .column-1-3 { |
||||
|
width: 100%; |
||||
|
float: none; |
||||
|
height: auto; |
||||
|
padding-top: 30px; |
||||
|
} |
||||
|
|
||||
|
.footer-outer .column-2-3 { |
||||
|
width: 100%; |
||||
|
float: none; |
||||
|
height: auto; |
||||
|
} |
||||
|
|
||||
|
.footer-outer .column-3-3 { |
||||
|
width: 100%; |
||||
|
float: left; |
||||
|
height: auto; |
||||
|
margin: 15px 0; |
||||
|
} |
||||
|
|
||||
|
.footer-outer .copyright { |
||||
|
margin-top: 30px; |
||||
|
padding: 10px 0; |
||||
|
color: #FFF !important; |
||||
|
} |
||||
|
|
||||
|
.footer-outer .border-bottom-footer { |
||||
|
height: 1px; |
||||
|
width: 100%; |
||||
|
margin: 0 auto; |
||||
|
border: 1px solid #434769; |
||||
|
display: block; |
||||
|
margin-top: 100px; |
||||
|
} |
||||
|
} |
||||
|
@media screen and (max-width: 520px) { |
||||
|
#fh5co-hero-wrapper { |
||||
|
height: 900px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-hero-inner > h1 { |
||||
|
font-size: 40px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-hero-inner > p { |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.fh5co-hero-inner { |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.fh5co-hero-inner .fh5co-hero-smartphone { |
||||
|
height: 450px; |
||||
|
top: 420px; |
||||
|
margin-top: 70px; |
||||
|
} |
||||
|
|
||||
|
.social-icons-header i:first-of-type { |
||||
|
font-size: 22px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-slider-outer .carousel-left-arrow { |
||||
|
left: 0; |
||||
|
} |
||||
|
|
||||
|
.fh5co-slider-outer .carousel-right-arrow { |
||||
|
right: 0; |
||||
|
} |
||||
|
|
||||
|
.fh5co-slider-inner { |
||||
|
margin-top: 50px; |
||||
|
margin-bottom: 30px; |
||||
|
} |
||||
|
|
||||
|
.fh5co-reviews-inner .col-sm-5 { |
||||
|
-ms-flex: 0 0 90%; |
||||
|
flex: 0 0 90%; |
||||
|
width: 90%; |
||||
|
max-width: 90%; |
||||
|
margin: 30px auto; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.fh5co-advantages-outer .span-perfect { |
||||
|
margin-top: 80px; |
||||
|
font-size: 18px; |
||||
|
margin-bottom: 15px; |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.fh5co-advantages-outer .span-features { |
||||
|
font-size: 24px; |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
text-align: center; |
||||
|
} |
||||
|
} |
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 726 KiB |
|
After Width: | Height: | Size: 60 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 119 KiB |
|
After Width: | Height: | Size: 182 KiB |
|
After Width: | Height: | Size: 642 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 793 B |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 970 B |
|
After Width: | Height: | Size: 956 B |
|
After Width: | Height: | Size: 153 KiB |
|
After Width: | Height: | Size: 127 KiB |
|
After Width: | Height: | Size: 164 KiB |
|
After Width: | Height: | Size: 164 KiB |
|
After Width: | Height: | Size: 129 KiB |
|
After Width: | Height: | Size: 110 KiB |
|
After Width: | Height: | Size: 150 KiB |
|
After Width: | Height: | Size: 167 KiB |
|
After Width: | Height: | Size: 143 KiB |
|
After Width: | Height: | Size: 123 KiB |
|
After Width: | Height: | Size: 167 KiB |
|
After Width: | Height: | Size: 88 KiB |
@ -0,0 +1,256 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<title>VDS Quiz - Parapendio e deltaplano</title> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
|
<meta name="description" content="VDS Quiz - Parapendio e deltaplano" /> |
||||
|
<meta name="keywords" content="VDS Quiz - Parapendio e deltaplano" /> |
||||
|
<meta name="author" content="Dslak" /> |
||||
|
|
||||
|
<meta property="og:title" content="VDS Quiz - Parapendio e deltaplano"/> |
||||
|
<meta property="og:image" content=""/> |
||||
|
<meta property="og:url" content=""/> |
||||
|
<meta property="og:site_name" content=""/> |
||||
|
<meta property="og:description" content=""/> |
||||
|
<meta name="twitter:title" content="" /> |
||||
|
<meta name="twitter:image" content="" /> |
||||
|
<meta name="twitter:url" content="" /> |
||||
|
<meta name="twitter:card" content="" /> |
||||
|
|
||||
|
<!-- Bootstrap --> |
||||
|
<link rel="stylesheet" href="css/bootstrap.css"> |
||||
|
<!-- Owl Carousel --> |
||||
|
<link rel="stylesheet" href="css/owl.carousel.css"> |
||||
|
<link rel="stylesheet" href="css/owl.theme.default.min.css"> |
||||
|
<!-- Animate.css --> |
||||
|
<link rel="stylesheet" href="css/animate.css"> |
||||
|
<!-- Font Awesome --> |
||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous"> |
||||
|
|
||||
|
<!-- Theme style --> |
||||
|
<link rel="stylesheet" href="css/style.css"> |
||||
|
</head> |
||||
|
<body> |
||||
|
|
||||
|
|
||||
|
<div id="page-wrap"> |
||||
|
|
||||
|
|
||||
|
<!-- ========================================================================================================== |
||||
|
HERO |
||||
|
========================================================================================================== --> |
||||
|
|
||||
|
<div id="fh5co-hero-wrapper"> |
||||
|
<nav class="container navbar navbar-expand-lg main-navbar-nav navbar-light"> |
||||
|
<span class=" ">VDS Quiz</span> |
||||
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> |
||||
|
<span class="navbar-toggler-icon"></span> |
||||
|
</button> |
||||
|
|
||||
|
<div class="collapse navbar-collapse" id="navbarSupportedContent"> |
||||
|
<ul class="navbar-nav nav-items-center ml-auto mr-auto"> |
||||
|
<li class="nav-item active"> |
||||
|
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link" href="#" onclick="$('#fh5co-features').goTo();return false;">Features</a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link" href="#" onclick="$('#fh5co-download').goTo();return false;">Download</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
<!-- |
||||
|
<div class="social-icons-header"> |
||||
|
<a href="https://www.facebook.com/fh5co"><i class="fab fa-facebook-f"></i></a> |
||||
|
<a href="https://freehtml5.co"><i class="fab fa-instagram"></i></a> |
||||
|
<a href="https://www.twitter.com/fh5co"><i class="fab fa-twitter"></i></a> |
||||
|
</div> |
||||
|
--> |
||||
|
</div> |
||||
|
</nav> |
||||
|
|
||||
|
<div class="container fh5co-hero-inner"> |
||||
|
<h1 class="animated fadeIn wow" data-wow-delay="0.4s">VDS Quiz - Parapendio e deltaplano</h1> |
||||
|
<p class="animated fadeIn wow" data-wow-delay="0.67s">VDS Quiz è una applicazione che utilizza le 500 domande ufficiali dell'AeCI (Aero Club d'Italia), nella simulazione le domande vengono estrapolate seguendo lo schema ufficiale d'esame:</p> |
||||
|
<button class="btn btn-md download-btn-first wow fadeInLeft animated" data-wow-delay="0.85s" onclick="$('#fh5co-download').goTo();return false;">Download</button> |
||||
|
<button class="btn btn-md features-btn-first animated fadeInLeft wow" data-wow-delay="0.95s" onclick="$('#fh5co-features').goTo();return false;">Features</button> |
||||
|
<img class="fh5co-hero-smartphone animated fadeInRight wow" data-wow-delay="1s" src="img/screen-0.png" alt="Smartphone"> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
</div> <!-- first section wrapper --> |
||||
|
|
||||
|
|
||||
|
<!-- ========================================================================================================== |
||||
|
ADVANTAGES |
||||
|
========================================================================================================== --> |
||||
|
|
||||
|
<div class="fh5co-advantages-outer"> |
||||
|
<div class="container"> |
||||
|
<h1 class="second-title"><span class="span-perfect">Domande</span> <span class="span-features">ufficiali</span></h1> |
||||
|
<small>Sorgente "500 Quiz" - AeCI - Aeroclub D'Italia</small> |
||||
|
|
||||
|
<div class="row fh5co-advantages-grid-columns wow animated fadeIn" data-wow-delay="0.36s"> |
||||
|
|
||||
|
<div class="col-sm-4"> |
||||
|
<img class="grid-image" src="img/icon-1.png" alt="Icon-1"> |
||||
|
<h1 class="grid-title">Facile</h1> |
||||
|
<p class="grid-desc">Facile, veloce ed intuitiva, perfetta per esercitarsi</p> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-sm-4"> |
||||
|
<img class="grid-image" src="img/icon-2.png" alt="Icon-2"> |
||||
|
<h1 class="grid-title">Diverse modalità</h1> |
||||
|
<p class="grid-desc">Domande per argomento, test vero/falso e simulazione d'esame</p> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-sm-4"> |
||||
|
<img class="grid-image" src="img/icon-3.png" alt="Icon-3"> |
||||
|
<h1 class="grid-title">Aggiornata</h1> |
||||
|
<p class="grid-desc">App moderna e sempre aggiornata</p> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<!-- ========================================================================================================== |
||||
|
SLIDER |
||||
|
========================================================================================================== --> |
||||
|
|
||||
|
<div class="fh5co-slider-outer wow fadeIn" data-wow-delay="0.36s"> |
||||
|
<h1>SCREENSHOTS</h1> |
||||
|
<small>Alcune schermate dell'applicazione</small> |
||||
|
<div class="container fh5co-slider-inner"> |
||||
|
|
||||
|
<div class="owl-carousel owl-theme"> |
||||
|
<div class="item"><img src="img/screen-0.png" alt=""></div> |
||||
|
<div class="item"><img src="img/screen-1.png" alt=""></div> |
||||
|
<div class="item"><img src="img/screen-2.png" alt=""></div> |
||||
|
<div class="item"><img src="img/screen-3.png" alt=""></div> |
||||
|
<div class="item"><img src="img/screen-4.png" alt=""></div> |
||||
|
<div class="item"><img src="img/screen-5.png" alt=""></div> |
||||
|
<div class="item"><img src="img/screen-6.png" alt=""></div> |
||||
|
<div class="item"><img src="img/screen-7.png" alt=""></div> |
||||
|
<div class="item"><img src="img/screen-8.png" alt=""></div> |
||||
|
<div class="item"><img src="img/screen-9.png" alt=""></div> |
||||
|
<div class="item"><img src="img/screen-10.png" alt=""></div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<!-- ========================================================================================================== |
||||
|
FEATURES |
||||
|
========================================================================================================== --> |
||||
|
|
||||
|
<div class="curved-bg-div wow animated fadeIn" data-wow-delay="0.15s"></div> |
||||
|
<div id="fh5co-features" class="fh5co-features-outer"> |
||||
|
<div class="container"> |
||||
|
|
||||
|
<div class="row fh5co-features-grid-columns"> |
||||
|
|
||||
|
<div class="col-sm-6 in-order-1 wow animated fadeInLeft" data-wow-delay="0.22s"> |
||||
|
<div class="col-sm-image-container"> |
||||
|
<img class="img-float-left" src="img/screen-0.png"> |
||||
|
<span class="span-new">v3.8.0</span> |
||||
|
<span class="span-free">Free</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-sm-6 in-order-2 sm-6-content wow animated fadeInRight" data-wow-delay="0.22s"> |
||||
|
<h1>FUnzionalità</h1> |
||||
|
<p>Utilizza diverse modalità, scegli tra simulazione di esame (30 domande in 30 minuti, selezionate seguendo le regole ufficiali AeCI), quiz per argomento o vero/falso, alla fine rivedi le domande sbagliate. </p> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-sm-6 in-order-3 sm-6-content wow animated fadeInLeft" data-wow-delay="0.22s"> |
||||
|
<h1>SIMULAZIONE ESAME</h1> |
||||
|
<p>Hai tempo 30 minuti per rispondere a 30 domande, la selezione delle domande segue le regole dell'esame ufficiale AeCI</p> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-sm-6 in-order-4 wow animated fadeInRight" data-wow-delay="0.22s"> |
||||
|
<img class="img-float-right" src="img/screen-2.png"> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-sm-6 in-order-5 wow animated fadeInLeft" data-wow-delay="0.22s"> |
||||
|
<div class="col-sm-image-container"> |
||||
|
<img class="img-float-left" src="img/screen-9.png"> |
||||
|
<!--<span class="span-data">DATA</span> |
||||
|
<span class="span-percent">100%</span>--> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-6 in-order-6 sm-6-content wow animated fadeInRight" data-wow-delay="0.22s"> |
||||
|
<h1>QUIZ PER ARGOMENTO</h1> |
||||
|
<p>Scegli l'argomento sul quale vuoi esercitarti in ordine casuale o selezionando una domanda specifica</p> |
||||
|
<!--<span class="circle circle-first">95%</span>--> |
||||
|
</div> |
||||
|
|
||||
|
</div> <!-- row --> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- ========================================================================================================== |
||||
|
BOTTOM |
||||
|
========================================================================================================== --> |
||||
|
|
||||
|
<div id="fh5co-download" class="fh5co-bottom-outer"> |
||||
|
<div class="overlay"> |
||||
|
<div class="container fh5co-bottom-inner"> |
||||
|
<div class="row"> |
||||
|
<div class="col-sm-6"> |
||||
|
<h1>Scarica l'app</h1> |
||||
|
<p>Scarica l'app dal Google Play Store!</p> |
||||
|
<!--<a class="wow fadeIn animated" data-wow-delay="0.25s" href="#"><img class="app-store-btn" src="img/app-store-icon.png" alt="App Store Icon"></a>--> |
||||
|
<a class="wow fadeIn animated" data-wow-delay="0.67s" href="https://play.google.com/store/apps/details?id=com.dslak.vdsquiz"><img class="google-play-btn" src="img/google-play-icon.png" alt="Google Play Icon"></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<!-- ========================================================================================================== |
||||
|
SECTION 7 - SUB FOOTER |
||||
|
========================================================================================================== --> |
||||
|
|
||||
|
<footer class="footer-outer"> |
||||
|
<div class="container footer-inner"> |
||||
|
|
||||
|
<div class="footer-three-grid wow fadeIn animated" data-wow-delay="0.66s"> |
||||
|
<div class="column-1-3"> |
||||
|
<!--<h1>VDS Quiz</h1>--> |
||||
|
</div> |
||||
|
<div class="column-2-3"> |
||||
|
<nav class="footer-nav"> |
||||
|
<ul> |
||||
|
<a href="#" onclick="$('#fh5co-hero-wrapper').goTo();return false;"><li>Home</li></a> |
||||
|
<a href="#" onclick="$('#fh5co-features').goTo();return false;"><li>Features</li></a> |
||||
|
<a href="#" onclick="$('#fh5co-download').goTo();return false;"><li class="active">Download</li></a> |
||||
|
</ul> |
||||
|
</nav> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</footer> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
</div> <!-- main page wrapper --> |
||||
|
|
||||
|
<script src="js/jquery.min.js"></script> |
||||
|
<script src="js/bootstrap.js"></script> |
||||
|
<script src="js/owl.carousel.js"></script> |
||||
|
<script src="js/wow.min.js"></script> |
||||
|
<script src="js/main.js"></script> |
||||
|
</body> |
||||
|
</html> |
||||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
@ -0,0 +1,58 @@ |
|||||
|
;(function () { |
||||
|
|
||||
|
'use strict'; |
||||
|
|
||||
|
var owlCarousel = function(){ |
||||
|
|
||||
|
new WOW().init(); |
||||
|
|
||||
|
$('.owl-carousel').owlCarousel({ |
||||
|
items : 4, |
||||
|
loop : true, |
||||
|
margin : 170, |
||||
|
center : true, |
||||
|
smartSpeed :900, |
||||
|
nav:true, |
||||
|
navText: [ |
||||
|
"<i class='fa carousel-left-arrow fa-chevron-left'></i>", |
||||
|
"<i class='fa carousel-right-arrow fa-chevron-right'></i>" |
||||
|
],responsiveClass:true, |
||||
|
responsive:{ |
||||
|
0:{ |
||||
|
items:1, |
||||
|
nav:true |
||||
|
}, |
||||
|
600:{ |
||||
|
items:1, |
||||
|
nav:true, |
||||
|
margin : 120, |
||||
|
}, |
||||
|
1000:{ |
||||
|
items:3, |
||||
|
nav:true, |
||||
|
loop:true, |
||||
|
autoplay: true, |
||||
|
autoplayTimeout: 1500, |
||||
|
navText: [ |
||||
|
"<i class='fa carousel-left-arrow fa-chevron-left'></i>", |
||||
|
"<i class='fa carousel-right-arrow fa-chevron-right'></i>" |
||||
|
], |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
}; |
||||
|
|
||||
|
$.fn.goTo = function() { |
||||
|
$('html, body').animate({ |
||||
|
scrollTop: $(this).offset().top + 'px' |
||||
|
}, 'slow'); |
||||
|
return this; // for chaining...
|
||||
|
} |
||||
|
|
||||
|
$(function(){ |
||||
|
owlCarousel(); |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
}()); |
||||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
@ -0,0 +1,114 @@ |
|||||
|
|
||||
|
Privacy Policy |
||||
|
|
||||
|
In order to receive information about your Personal Data, the purposes and the parties the Data is shared with, contact the Owner. |
||||
|
Owner and Data Controller |
||||
|
Types of Data collected |
||||
|
|
||||
|
The owner does not provide a list of Personal Data types collected. |
||||
|
|
||||
|
Complete details on each type of Personal Data collected are provided in the dedicated sections of this privacy policy or by specific explanation texts displayed prior to the Data collection. |
||||
|
Personal Data may be freely provided by the User, or, in case of Usage Data, collected automatically when using this Application. |
||||
|
Unless specified otherwise, all Data requested by this Application is mandatory and failure to provide this Data may make it impossible for this Application to provide its services. In cases where this Application specifically states that some Data is not mandatory, Users are free not to communicate this Data without consequences to the availability or the functioning of the Service. |
||||
|
Users who are uncertain about which Personal Data is mandatory are welcome to contact the Owner. |
||||
|
Any use of Cookies – or of other tracking tools — by this Application or by the owners of third-party services used by this Application serves the purpose of providing the Service required by the User, in addition to any other purposes described in the present document and in the Cookie Policy, if available. |
||||
|
|
||||
|
Users are responsible for any third-party Personal Data obtained, published or shared through this Application and confirm that they have the third party's consent to provide the Data to the Owner. |
||||
|
Mode and place of processing the Data |
||||
|
Methods of processing |
||||
|
|
||||
|
The Owner takes appropriate security measures to prevent unauthorized access, disclosure, modification, or unauthorized destruction of the Data. |
||||
|
The Data processing is carried out using computers and/or IT enabled tools, following organizational procedures and modes strictly related to the purposes indicated. In addition to the Owner, in some cases, the Data may be accessible to certain types of persons in charge, involved with the operation of this Application (administration, sales, marketing, legal, system administration) or external parties (such as third-party technical service providers, mail carriers, hosting providers, IT companies, communications agencies) appointed, if necessary, as Data Processors by the Owner. The updated list of these parties may be requested from the Owner at any time. |
||||
|
Legal basis of processing |
||||
|
|
||||
|
The Owner may process Personal Data relating to Users if one of the following applies: |
||||
|
|
||||
|
Users have given their consent for one or more specific purposes. Note: Under some legislations the Owner may be allowed to process Personal Data until the User objects to such processing (“opt-out”), without having to rely on consent or any other of the following legal bases. This, however, does not apply, whenever the processing of Personal Data is subject to European data protection law; |
||||
|
provision of Data is necessary for the performance of an agreement with the User and/or for any pre-contractual obligations thereof; |
||||
|
processing is necessary for compliance with a legal obligation to which the Owner is subject; |
||||
|
processing is related to a task that is carried out in the public interest or in the exercise of official authority vested in the Owner; |
||||
|
processing is necessary for the purposes of the legitimate interests pursued by the Owner or by a third party. |
||||
|
|
||||
|
In any case, the Owner will gladly help to clarify the specific legal basis that applies to the processing, and in particular whether the provision of Personal Data is a statutory or contractual requirement, or a requirement necessary to enter into a contract. |
||||
|
Place |
||||
|
|
||||
|
The Data is processed at the Owner's operating offices and in any other places where the parties involved in the processing are located. |
||||
|
|
||||
|
Depending on the User's location, data transfers may involve transferring the User's Data to a country other than their own. To find out more about the place of processing of such transferred Data, Users can check the section containing details about the processing of Personal Data. |
||||
|
|
||||
|
If broader protection standards are applicable, Users are also entitled to learn about the legal basis of Data transfers to a country outside the European Union or to any international organization governed by public international law or set up by two or more countries, such as the UN, and about the security measures taken by the Owner to safeguard their Data. |
||||
|
|
||||
|
If any such transfer takes place, Users can find out more by checking the relevant sections of this document or inquire with the Owner using the information provided in the contact section. |
||||
|
Retention time |
||||
|
|
||||
|
Personal Data shall be processed and stored for as long as required by the purpose they have been collected for. |
||||
|
|
||||
|
Therefore: |
||||
|
|
||||
|
Personal Data collected for purposes related to the performance of a contract between the Owner and the User shall be retained until such contract has been fully performed. |
||||
|
Personal Data collected for the purposes of the Owner’s legitimate interests shall be retained as long as needed to fulfill such purposes. Users may find specific information regarding the legitimate interests pursued by the Owner within the relevant sections of this document or by contacting the Owner. |
||||
|
|
||||
|
The Owner may be allowed to retain Personal Data for a longer period whenever the User has given consent to such processing, as long as such consent is not withdrawn. Furthermore, the Owner may be obliged to retain Personal Data for a longer period whenever required to do so for the performance of a legal obligation or upon order of an authority. |
||||
|
|
||||
|
Once the retention period expires, Personal Data shall be deleted. Therefore, the right of access, the right to erasure, the right to rectification and the right to data portability cannot be enforced after expiration of the retention period. |
||||
|
The rights of Users |
||||
|
|
||||
|
Users may exercise certain rights regarding their Data processed by the Owner. |
||||
|
|
||||
|
Users entitled to broader protection standards may exercise any of the rights described below. In all other cases, Users may inquire with the Owner to find out which rights apply to them. |
||||
|
|
||||
|
In particular, Users have the right to do the following: |
||||
|
|
||||
|
Withdraw their consent at any time. Users have the right to withdraw consent where they have previously given their consent to the processing of their Personal Data. |
||||
|
Object to processing of their Data. Users have the right to object to the processing of their Data if the processing is carried out on a legal basis other than consent. Further details are provided in the dedicated section below. |
||||
|
Access their Data. Users have the right to learn if Data is being processed by the Owner, obtain disclosure regarding certain aspects of the processing and obtain a copy of the Data undergoing processing. |
||||
|
Verify and seek rectification. Users have the right to verify the accuracy of their Data and ask for it to be updated or corrected. |
||||
|
Restrict the processing of their Data. Users have the right, under certain circumstances, to restrict the processing of their Data. In this case, the Owner will not process their Data for any purpose other than storing it. |
||||
|
Have their Personal Data deleted or otherwise removed. Users have the right, under certain circumstances, to obtain the erasure of their Data from the Owner. |
||||
|
Receive their Data and have it transferred to another controller. Users have the right to receive their Data in a structured, commonly used and machine readable format and, if technically feasible, to have it transmitted to another controller without any hindrance. This provision is applicable provided that the Data is processed by automated means and that the processing is based on the User's consent, on a contract which the User is part of or on pre-contractual obligations thereof. |
||||
|
Lodge a complaint. Users have the right to bring a claim before their competent data protection authority. |
||||
|
|
||||
|
Details about the right to object to processing |
||||
|
|
||||
|
Where Personal Data is processed for a public interest, in the exercise of an official authority vested in the Owner or for the purposes of the legitimate interests pursued by the Owner, Users may object to such processing by providing a ground related to their particular situation to justify the objection. |
||||
|
|
||||
|
Users must know that, however, should their Personal Data be processed for direct marketing purposes, they can object to that processing at any time without providing any justification. To learn, whether the Owner is processing Personal Data for direct marketing purposes, Users may refer to the relevant sections of this document. |
||||
|
How to exercise these rights |
||||
|
|
||||
|
Any requests to exercise User rights can be directed to the Owner through the contact details provided in this document. These requests can be exercised free of charge and will be addressed by the Owner as early as possible and always within one month. |
||||
|
Applicability of broader protection standards |
||||
|
|
||||
|
While most provisions of this document concern all Users, some provisions expressly only apply if the processing of Personal Data is subject to broader protection standards. |
||||
|
|
||||
|
Such broader protection standards apply when the processing: |
||||
|
|
||||
|
is performed by an Owner based within the EU; |
||||
|
concerns the Personal Data of Users who are in the EU and is related to the offering of paid or unpaid goods or services, to such Users; |
||||
|
concerns the Personal Data of Users who are in the EU and allows the Owner to monitor such Users’ behavior taking place in the EU. |
||||
|
|
||||
|
Additional information about Data collection and processing |
||||
|
Legal action |
||||
|
|
||||
|
The User's Personal Data may be used for legal purposes by the Owner in Court or in the stages leading to possible legal action arising from improper use of this Application or the related Services. |
||||
|
The User declares to be aware that the Owner may be required to reveal personal data upon request of public authorities. |
||||
|
Additional information about User's Personal Data |
||||
|
|
||||
|
In addition to the information contained in this privacy policy, this Application may provide the User with additional and contextual information concerning particular Services or the collection and processing of Personal Data upon request. |
||||
|
System logs and maintenance |
||||
|
|
||||
|
For operation and maintenance purposes, this Application and any third-party services may collect files that record interaction with this Application (System logs) or use other Personal Data (such as the IP Address) for this purpose. |
||||
|
Information not contained in this policy |
||||
|
|
||||
|
More details concerning the collection or processing of Personal Data may be requested from the Owner at any time. Please see the contact information at the beginning of this document. |
||||
|
How “Do Not Track” requests are handled |
||||
|
|
||||
|
This Application does not support “Do Not Track” requests. |
||||
|
To determine whether any of the third-party services it uses honor the “Do Not Track” requests, please read their privacy policies. |
||||
|
Changes to this privacy policy |
||||
|
|
||||
|
The Owner reserves the right to make changes to this privacy policy at any time by notifying its Users on this page and possibly within this Application and/or - as far as technically and legally feasible - sending a notice to Users via any contact information available to the Owner. It is strongly recommended to check this page often, referring to the date of the last modification listed at the bottom. |
||||
|
|
||||
|
Should the changes affect processing activities performed on the basis of the User’s consent, the Owner shall collect new consent from the User, where required. |
||||
|
Definitions and legal references |
||||
|
|
||||
|
Latest update: March 21, 2023 |
||||
Loading…
Reference in new issue