<?php 
header('Content-Type: text/html; charset=utf-8');
error_reporting(E_ALL);
ini_set('display_errors', 1);

    if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start('ob_gzhandler'); else ob_start();

    header('Expires: Wed, 10 Apr 2019 05:00:00 GMT');
    header('Cache-Control: no-store, no-cache, must-revalidate');
    header('Cache-Control: post-check=0, pre-check=0', FALSE);
    header('Pragma: no-cache');
    require_once("classe/global.php");

    

?>
<!doctype html>
<html lang="pt_BR" itemscope itemtype="http://data-vocabulary.org/Organization">
  <head>
  <meta charset="utf-8">

  

    <meta http-equiv="pragma" content="no-cache">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
    <meta name="description" content="Garanta sua viagem e suas aulas de kitesurf com a KiteDreams. temos pacotes especiais que são montados de acordo com o nível da pessoa.">
    <meta name="author" content="Produtora Jundweb">
    <link rel="icon" href="<?php echo $linkatual;?>/favicon.ico">

    <meta name="robots" content="index, follow">
    <meta name="revisit-after" content="15 days">
    <meta name="audience" content="all">
    <meta name="copyright" content="kitedreams.net">
    <meta name="publisher" content="KiteDreams - Aulas de Kitesurf">
    <meta name="rating" content="general">

    <meta name="title" content="KiteDreams - Aulas de Kite.">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
   
    <!-- DISPOSITIVOS MÓVEIS -->
    <meta name="HandheldFriendly" content="true">
    <meta name="format-detection" content="telephone=yes">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="apple-mobile-web-app-title" content="KiteDreams - Aulas de Kitesurf">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
   
    <!-- FACEBOOK -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="KiteDreams - Aulas de Kitesurf">
    <meta property="og:description" content="Garanta sua viagem e suas aulas de kitesurf com a KiteDreams. temos pacotes especiais que são montados de acordo com o nível da pessoa.">
    <meta property="og:site_name" content="KiteDreams - Aulas de Kitesurf">
    <meta property="og:image" content="<?php echo $linkatual;?>/img/logotipo.png">
    <meta property="og:image:width" content="430">
    <meta property="og:image:height" content="250">
    <meta property="og:url" content="">
    
    <!-- TWITTER -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="KiteDreams - Aulas de Kitesurf">
    <meta name="twitter:site" content="KiteDreams - Aulas de Kitesurf">
    <meta name="twitter:image" content="<?php echo $linkatual;?>/logotipo.png">
    <meta name="twitter:url" content="http://kitedreams.net/">
    
    <!-- GOOGLE + -->
    <meta name="thumbnail" content="<?php echo $linkatual;?>/logotipo.png">
    <meta itemprop="name" content="KiteDreams - Aulas de Kitesurf.">
    <meta itemprop="description" content="Garanta sua viagem e suas aulas de kitesurf com a KiteDreams. temos pacotes especiais que são montados de acordo com o nível da pessoa.">
    
    <title>KiteDreams - Aulas de kitesurf</title>

    <!-- CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald:400,500,600,700,800">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.4.0/animate.min.css">
    <link rel="stylesheet" href="dist/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="dist/assets/owl.theme.default.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/venobox/1.8.3/venobox.min.css">
    <link rel="stylesheet" href="engine1/style.css">
    <link rel="stylesheet" href="css/kite.css?<?php echo date('l jS \of F Y h:i:s A'); ?>">

 </head>

 <body>

    <!-- botao sobe a pagina -->
        <a href="#" id="scroll" style="display: none;"><span></span></a>
    <!--./ -->
      <header>
        <div class="col-sm-12">
            <a class="float-right py-3 px-0 px-lg-3 rounded" href="../index.php"><img src="usa.png" style="max-width:24px"></a>
        </div>
      </header>
    <nav class="navbar navbar-expand-xl fixed-top text-uppercase" id="mainNav">
    <div class="container">
      <a class="navbar-brand js-scroll-trigger" href="#">
          <img src="img/logotipo.png">
      </a>
      <button class="navbar-toggler navbar-toggler-right text-uppercase bg-dark text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
       
        <i class="fa fa-bars fa-3x"></i>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive">
     <ul class="navbar-nav ml-auto">
            <li class="nav-item mx-0 mx-lg-0">
            <a class="nav-link py-3 px-0 px-lg-3 rounded custom-border" href="index.php">Accueil</a>
          </li>
          <li class="nav-item mx-0 mx-lg-0">
            <a class="nav-link py-3 px-0 px-lg-3 rounded custom-border" href="quem.php">Qui sommes nous?</a>
          </li> 
          <li class="nav-item mx-0 mx-lg-0">
            <a class="nav-link py-3 px-0 px-lg-3 rounded custom-border" href="lessons.php">Cours de Kite</a>
          </li>
          <li class="nav-item mx-0 mx-lg-0">
            <a class="nav-link py-3 px-0 px-lg-3 rounded custom-border" href="rent.php">Louer du matèriel</a>
          </li>
      
          <li class="nav-item mx-0 mx-lg-0">
            <a class="nav-link py-3 px-0 px-lg-3 rounded custom-border" href="praiasgeral.php">Carte</a>
          </li>
          <li class="nav-item mx-0 mx-lg-0">
            <a class="nav-link py-3 px-0 px-lg-3 rounded custom-border" href="profilegeral.php">Offres</a>
          </li>
          <li class="nav-item mx-0 mx-lg-0">
            <a class="nav-link py-3 px-0 px-lg-3 rounded" href="contato.php">Contacts</a>
          </li>  
           <li class="nav-item mx-0 mx-lg-0">
            <a class="nav-link py-3 px-0 px-lg-3 rounded" href="../index2.php"><img src="usa.png" style="max-width:24px"></a>
          </li>
        </ul>
      </div>
    </div>
  </nav>


 <style>


    #bannerInterno
    {
        background-image:url('img/lesson.jpg');
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center bottom;
        height:450px;
        max-width:1920px;
        min-width:320px;
        width:100%
    }

    header h1
    {
         font-size:69px;
        color:#FFF;
        padding:10px;
        font-weight:600;
        position:relative;
        top:50%;
        text-align:center;
        text-shadow: 0px 1px 9px rgba(150, 150, 150, 1);
    }

     figure figcaption
    {
        font-weight:800;
        font-size:37px !important;
    
    }

    #pacotescapa
    {
    position:relative;
    top:-70px;
    left:20px
    }

    .completandoPacotes h1
    {
        margin-top:-50px
    }


    #map
    {
        max-width:996px;
        min-width:320px;
        height:334px;
        width:100%
    }




    /*  AJUSTES*/

    #carouselImagens{
    border:5px solid #FFF;z-index:999;top:40px;position:relative;background:none
}

.owl-carousel
        {
            max-height:180px;
            min-height:180px;
        }
       .owl-prev {
        width: 30px;
        height: 180px;
        position: absolute;
        top: -5px;
        left:0px;
        display: block!IMPORTANT;
        border:1px solid black !important;
        background:#000!important;

        opacity:0.6;
        color:#FFF !important;
        border-radius:0 !important;

        }

       .owl-carousel .item
       {
            max-height:180px;
            min-height:180px;
            object-position:center;
            object-fit:cover
        }

        .owl-next {
            width: 30px;
            height: 180px;
            position: absolute;
            top: -5px;
            right: 0px;
            display: block!IMPORTANT;
            background:#000!important;
            opacity:0.6;
            border:1px solid black !important;    
            border-radius:0 !important;
            color:#FFF !important;
    }
           .owl-prev i, .owl-next i {color: #FFF!important;}

           .owl-prev i:hover, .owl-next i:hover {color: #0098DA !important;}

           .textBgEpt
           {
                font-size:25px;
                text-align:center!important
            }

            .precoBorda
            {
                border:8px solid #CCC;
                padding:10px;
                text-align:center;
                border-radius:8px;
                max-width:320px
            }

            .botsIn
            {
                font-size:18px!important;
                color:#000 !important
            }
   
.bordificando
{
    border-left:1px solid #CCC
}

textarea
{
    height: 250px;
    width:300px;
    pading:10px
    font-size:12px
}
.card {max-height:190px}
.card-body 
{
    max-height:90px
}
 </style>
    <header id="bannerInterno">   
        <h1 class="text-center justify-content-center align-items-center text-white">Cours de kitesurf</h1>
    </header>

   

 <div class="row" style="margin-top:90px">
        <div class="container completandoPacotes">
            <h1 class="text-center justify-content-center align-items-center">Cours collectifs</h1>
            <p class="text-center justify-content-center align-items-center">Max 4 personnes (2 + 2), 1 vitesse pour 2 personnes (2 vitesses pour 4). À partir de 15 ans.</p>
            <br>
            
        </div>
    </div>



<div class="row">
    <div class="container">
        <div class="row">
        <div class="col-sm-3">
        <div class="card h-100">
            <h4 class="card-header">2 heures</h4>
            <div class="card-body">
              <p class="card-text">80 EUR</p>
            </div>
            <div class="card-footer">
              <p class="card-text">2 heures</p>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
        <div class="card h-100">
        <h4 class="card-header">4 heures</h4>
        <div class="card-body">
          <p class="card-text">160 EUR</p>
        </div>
        <div class="card-footer">
          <p class="card-text">2x2 heures</p>
        </div>
      </div>
        </div>
        <div class="col-sm-3">
        <div class="card h-100">
        <h4 class="card-header">6 heures</h4>
        <div class="card-body">
          <p class="card-text">230 EUR</p>
        </div>
        <div class="card-footer">
          <p class="card-text">3x2 heures</p>
        </div>
      </div>
        </div>
        <div class="col-sm-3">
        <div class="card h-100">
        <h4 class="card-header">10 heures</h4>
        <div class="card-body">
          <p class="card-text">350 EUR</p>
        </div>
        <div class="card-footer">
          <p class="card-text">5x2 heures</p>
        </div>
      </div>
        </div>
    </div>
</div>
</div>


<div class="row" style="margin-top:50px">
    <div class="container">
    <h4 class="text-center justify-content-center align-items-center">Cours semi-privés</h4>
    <h6 class="text-center justify-content-center align-items-center"><small>max 2 personnes</small></h6>
        <div class="row">
                
  
        <div class="col-sm-3">
        <div class="card h-100">
        <h4 class="card-header">2 heures</h4>
        <div class="card-body">
          <p class="card-text">115 EUR</p>
        </div>
        <div class="card-footer">
          <p class="card-text">2 heures</p>
        </div>
      </div>
        </div>
        <div class="col-sm-3">
        <div class="card h-100">
        <h4 class="card-header">4 heures</h4>
        <div class="card-body">
          <p class="card-text">230 EUR</p>
        </div>
        <div class="card-footer">
          <p class="card-text">2x2 heures</p>
        </div>
      </div>
        </div>
        <div class="col-sm-3">
        <div class="card h-100">
        <h4 class="card-header">6 heures</h4>
        <div class="card-body">
          <p class="card-text">330 EUR</p>
        </div>
        <div class="card-footer">
          <p class="card-text">3x2 heures</p>
        </div>
      </div>
        </div>
        <div class="col-sm-3">
        <div class="card h-100">
        <h4 class="card-header">10 heures</h4>
        <div class="card-body">
          <p class="card-text">480 EUR</p>
        </div>
        <div class="card-footer">
          <p class="card-text">5x2 heures</p>
        </div>
      </div>
        </div>
  

        </div>
    </div>

</div>



<div class="row" style="margin-top:50px">
    <div class="container">
    <h4 class="text-center justify-content-center align-items-center">Cours particuliers</h4>
   
        <div class="row">
                
  
        <div class="col-sm-3">
        <div class="card h-100">
        <h4 class="card-header">2 heures</h4>
        <div class="card-body">
          <p class="card-text">185 EUR</p>
        </div>
        <div class="card-footer">
          <p class="card-text">2 heures</p>
        </div>
      </div>
        </div>
        <div class="col-sm-3">
        <div class="card h-100">
        <h4 class="card-header">4 heures</h4>
        <div class="card-body">
          <p class="card-text">330 EUR</p>
        </div>
        <div class="card-footer">
          <p class="card-text">2x2 heures</p>
        </div>
      </div>
        </div>
        <div class="col-sm-3">
        <div class="card h-100">
        <h4 class="card-header">6 heures</h4>
        <div class="card-body">
          <p class="card-text">480 EUR</p>
        </div>
        <div class="card-footer">
          <p class="card-text">3x2 heures</p>
        </div>
      </div>
        </div>
        <div class="col-sm-3">
        <div class="card h-100">
        <h4 class="card-header">10 heures</h4>
        <div class="card-body">
          <p class="card-text">750 EUR</p>
        </div>
        <div class="card-footer">
          <p class="card-text">5x2 heures</p>
        </div>
      </div>
        </div>
  

        </div>
    </div>

</div>

<div class="row" style="margin-top:50px">
    <div class="container mx-auto d-block text-center justify-content-center align-items-center">
   
   
        <div class="row text-center justify-content-center align-items-center">
                
  
        <div class="col-sm-3">
            <img src="img/ico1.jpg" class="text-center justify-content-center align-items-center">
            <p>Moniteurs IKO / VDWS gradués</p>
        </div>
        <div class="col-sm-3">
            <img src="img/ico2.jpg" class="text-center justify-content-center align-items-center">
            <p>Combinaison et accessoires fournis</p>
        </div>
        <div class="col-sm-3">
            <img src="img/ico3.jpg" class="text-center justify-content-center align-items-center">
            <p>L'assurance comprend</p>
        </div>
        <div class="col-sm-3">
            <img src="img/ico4.jpg" class="text-center justify-content-center align-items-center">
            <p>Cours en anglais, français ou arabe</p>
        </div>
  

        </div>
    </div>

</div>


<div class="row" style="margin-top:50px">
    <div class="container">
    <h4 class="text-center justify-content-center align-items-center">LES NIVEAUX</h4>
   
        <div class="row">
                
  
        <div class="col-sm-3">
            <h3 class="text-center justify-content-center align-items-center">Niveau 1</h3>
            <ul>
                
                <li> Conservation générale du kitesurf</li>
                <li> Informations sur la sécurité et l'équipement</li>
                <li> Préparation du matériel:
                lignes de connexion au cerf-volant</li>
                <li> Gestion et contrôle du cerf-volant</li>
                <li> Systèmes de sécurité</li>
                <li> Décollage assisté de cerf-volant</li>
                <li> Corps glisser</li>
                                
        
            </ul>
        </div>
        <div class="col-sm-3">
        <h3 class="text-center justify-content-center align-items-center">Niveau 2</h3>
        <ul>
                
                <li> Préparer l'équipement de façon autonome</li>
                <li> La théorie du "démarrage de l'eau"</li>
                <li> Contrôle de l'aile et de la planche</li>             
                <li> Début de l'eau</li>
                <li> Premiers manèges dans les deux sens</li>
                <li> Naviguer sous le vent</li>

                                
              
            </ul>
        </div>
        <div class="col-sm-3">
        <h3 class="text-center justify-content-center align-items-center">Niveau 3</h3>
        <ul>
                
                <li> Règles de priorité sur l'eau</li>
                <li> Naviguer sans laisse</li>
                <li> Garde la cape</li>
                <li> Changer de direction</li>
                <li> Naviguer au vent</li>
                <li> Petits sauts</li>
               
                                
            
            </ul>
        </div>
        <div class="col-sm-3">
        <h3 class="text-center justify-content-center align-items-center">Niveau 4</h3>
        <ul>
                
                <li> Commutateur</li>
                <li> Boucles</li>
                <li> Les transitions</li>
                <li> Raley</li>
                <li> Boucles de cerf-volant</li>
                <li> Circonscription de Wave</li>
                <li> Manoeuvres "Décrochés"</li>
               
                                
            
            </ul>
        </div>
  

        </div>
    </div>

</div>









   

    





<section id="promo" class="row">
        <div class="container">
            <div class="row justify-content-center align-items-center">
                <img src="img/logotipo-grande.png" class="img-fluid" alt="KiteDreams - Aulas de kitesurf">
               <h2 class="text-center"  style="text-transform:uppercase"><strong>KiteDreams réalise avec vous votre kitetrip de reve</strong> <br>au Bresil</h2>
            </div>
        </div>
    </section>
     <footer class="row justify-content-center align-items-center">        
        <div class="mx-auto">
            <h1 class="text-center">Contactez-nous pour plus d'informations!</h1>
            <br> 
            <div class="justify-content-center align-items-center contato-base">
            
           
                 <p class="text-center">
                      Cel: + 33 6 44065033<br>
                     <small>Courrier: <a href="mailto:kitedreams.info@gmail.com">kitedreams.info@gmail.com</a></small>
                 </p>
            <br>
           
         </div>
            <!-- redes sociais -->
            <div class="row">
                <div class="mx-auto redes">
                    <ul class="list-inline justify-content-center align-items-center">
                       <li class="list-inline-item">
                            <a href="https://facebook.com/kitedreamsjanarv" title="KiteDreams Facebook" class="circulo" target="_blank">
                                <i class="fab fa-facebook-f fa-2x"></i>
                            </a>
                       </li>
                      
                       
                       </li>
                        <li class="list-inline-item">
                            <a href="https://www.instagram.com/kitedreams1/" title="KiteDreams Instagram" class="circulo" target="_blank">
                                <i class="fab fa-instagram fa-2x"></i>
                            </a>
                       </li>
                    </ul>                    
                </div>                
            </div>  
            <p class="text-center credito">
                <a href="http://www.jundweb.com.br/" title="Produtora Jundweb">site by Jundweb</a>
            </p>                  
        </div>    
    </footer>
	
		<style>
	
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:9999999;
}

.my-float{
	margin-top:16px;
}
	</style>
	
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/js/fontawesome.min.js" integrity="sha512-pafh0hrrT9ZPZl/jx0cwyp7N2+ozgQf+YK94jSupHHLD2lcEYTLxEju4mW/2sbn4qFEfxJGZyIX/yJiQvgglpw==" crossorigin="anonymous"></script>	
<a href="https://api.whatsapp.com/send?phone=33644065033&text=Hello!" class="float" target="_blank">
<i class="fab fa-whatsapp my-float"></i>
</a>

    <script src="https://code.jquery.com/jquery-3.3.1.min.js"  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAHTBpL0AK0xGVcu_4F36xX4qfDxR9Iba0"></script>
    <script src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous" defer></script>
    <script src="https://optin.entregaemails.com.br/accounts/109513/forms/1"></script>
    <script src="dist/owl.carousel.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/venobox/1.8.3/venobox.min.js" charset="utf-8"></script>
    <script src="engine1/wowslider.js"></script>
	<script src="engine1/script.js"></script>
    <script src="js/kite.js"></script>
    <script>
    $('.owl-carousel').owlCarousel({
            loop: false,
            margin: 0,
            nav: true,
            dots: false,
            navText: ['<i class="fa fa-angle-left fa-2x" aria-hidden="true"></i>', '<i class="fa fa-angle-right fa-2x" aria-hidden="true"></i>'],
            responsive: {
                0: {
                    items: 3
                },
                600: {
                    items: 6
                },
                1000: {
                    items: 8
                }
            }
        })

        $(document).ready(function () {
            $('.venobox').venobox({
                framewidth: '900px',
                frameheight: '100%',
                border: '0',
                numeratio: true,
                infinigall: true,
                spinner: 'three-bounce',
                spinColor: '#FFFFFF',
                overlayClose: false,
                closeColor: '#000000',
                arrowsColor: '#ffd800',
                closeBackground: '#FFFFFF'
            });
        });

         var locations = [
            
            
                 <?php
                    foreach ($dbh->query($praias2) as $row2) {

                    $listaP = $row2["id_praia"];
                                
			                       $array1=explode(",",$listaP);
		                           foreach ($array1 as $var1) {
                                   $$var1 = 'string';
                                     $var1 = "SELECT * FROM praias WHERE id='$var1' ";
                                      foreach ($dbh->query($var1) as $row3) {
                 ?> 
                   ['<?php echo utf8_encode($row3["nome_praia"]);?>', <?php echo $row3["latitude"];?>, <?php echo $row3["longitude"];?>, <?php echo $row3["id"];?>, "painel/uploads/<?php echo $row3["capa"];?>"],
                <?php } } }   ?>
                 
                 
                 
              
                 
                 
                 
                ];
                var map = new google.maps.Map(document.getElementById('map'), {
                    zoom:7,

                    center: new google.maps.LatLng(<?php echo $row3["latitude"];?>, <?php echo $row3["longitude"];?>),

                    mapTypeId: 'terrain',
                

         

                });


                var infowindow = new google.maps.InfoWindow();

                var marker, i;

                for (i = 0; i < locations.length; i++) {
                    marker = new google.maps.Marker({
                        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
                        map: map,
                        label: {
                            color: '#000',
                            fontWeight: 'bold',
                            fontSize: '10px',
                            text: locations[i][0],
                        },
                        icon: {
                            labelOrigin: new google.maps.Point(20, -10),
                            url: 'marker.png',
                            size: new google.maps.Size(59, 70),
                            origin: new google.maps.Point(0, 0),
                            anchor: new google.maps.Point(11, 40),
                        },
                    });

                    google.maps.event.addListener(marker, 'click', (function (marker, i) {
                        return function () {
                              infowindow.open(map, marker);
                        }
                    })(marker, i));

                   
                }

                
            $(document).ready(function () {
                $(window).scroll(function () {
                    if ($(this).scrollTop() > 100) {
                        $('#scroll').fadeIn();
                    } else {
                        $('#scroll').fadeOut();
                    }
                });
                $('#scroll').click(function () {
                    $("html, body").animate({ scrollTop: 0 }, 600);
                    return false;
                });
});

    </script>

 </boby>

 </html>