You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

256 lines
11 KiB

<!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>