Advertisement
haleandrodev

vacanze

May 22nd, 2018
180
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 16.18 KB | None | 0 0
  1. <!--  BANNER
  2.          -------------------------------------------------------------------------------------------------------------------------------->
  3.         <div class="rev_slider_wrapper fullwidthbanner-container">
  4.             <!-- the ID here will be used in the JavaScript below to initialize the slider -->
  5.             <div id="rev_slider_1" class="rev_slider fullwidthabanner" data-version="5.4.5" style="display:none">
  6.                 <!-- begin main slide list -->
  7.                 <ul>
  8.                     <!-- SLIDE LAYER 1 -->
  9.                     <li data-transition="fadethroughtransparent">
  10.                         <!-- MAIN IMAGE -->
  11.                         <img src="images/vacanze-studio/vacanze-studio-slider.jpg" alt="vacanze studio" data-name="vacanze-studio-slider" data-ww="['full-proportional','full-proportional','full-proportional','full-proportional']" data-hh="['full-proportional','full-proportional','full-proportional','full-proportional']" class="rev-slidebg">
  12.                     </li>
  13.                 </ul>
  14.                 <!-- ******************* -->
  15.                 <!-- BEGIN STATIC LAYERS -->
  16.                 <!-- ******************* -->
  17.                 <div class="tp-static-layers" style="width:100%; height:100%; overflow:hidden">
  18.                     <!-- BEGIN STATIC LAYER 1 -->
  19.                     <div class="tp-static-layer tp-caption tp-resizeme Photography-Display caption-text"
  20.                        data-startslide="0"
  21.                        data-endslide="99"
  22.                        data-visibility="['on','on','on','off']"
  23.                        data-frames='[{"delay": 500, "speed": 300, "from": "opacity: 0", "to": "opacity: 1"},
  24.                        {"delay": "wait", "speed": 300, "to": "opacity: 0"}]'
  25.                        data-x="['center','center','center','center']"
  26.                        data-y="['center','center','center','center']"
  27.                        data-hoffset="['0','0','0','0']"
  28.                        data-voffset="['0','0','0','0']"
  29.                        data-width="['auto', 'auto', 'auto', '250px']"
  30.                        data-textAlign="['center','center','center','center']"
  31.                        data-height="['auto']"
  32.                        data-fontsize="['35', '35', '20', '0']"
  33.                        data-type="text"
  34.                        data-responsive_offset="on"
  35.                    >
  36.                       <h2 class="white" style="font-weight:900; text-shadow: 2px 2px 4px #333;">Vivi un'estate indimenticabile con <br />una Vacanza Studio all'estero!</h2>
  37.                    </div>
  38.                     <!-- END STATIC LAYER -->
  39.                     <!-- BEGIN STATIC LAYER MOB -->
  40.                     <div class="tp-static-layer tp-caption tp-resizeme Photography-Display caption-text"
  41.                        data-startslide="0"
  42.                        data-endslide="99"
  43.                        data-visibility="['off','off','off','on']"
  44.                        data-frames='[{"delay": 500, "speed": 300, "from": "opacity: 0", "to": "opacity: 1"},
  45.                        {"delay": "wait", "speed": 300, "to": "opacity: 0"}]'
  46.                        data-x="left"
  47.                        data-y="bottom"
  48.                        data-hoffset="50"
  49.                        data-voffset="40"
  50.                        data-width="380"
  51.                        data-whitespace="normal"
  52.                        data-textAlign="center"
  53.                        data-height="none"
  54.                        data-fontsize="27"
  55.                        data-type="text"
  56.                        data-transform_idle="o:1;"
  57.                        data-paddingTop="5"
  58.                        data-paddingBottom="5"
  59.  
  60.                        data-responsive_offset="on"
  61.                        style="z-index: 16; visibility: inherit; transition: none; line-height: 39px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; font-weight: 700; font-size: 15px;  white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; text-shadow: 2px 2px 4px #333;">
  62.                      <h2 class="white">Vivi un'estate indimenticabile con una Vcanza studio all'estero</h2>
  63.                    </div>
  64.                     <!-- END STATIC LAYER -->
  65.                 </div>
  66.             </div>
  67.         </div>
  68.         <!--------  END BANNER  -------->
  69.         <div class="down-slider azure-bg"></div><div class="bt azure-bt"><a href="#vacanze-studio"><img src="images/arrow-down.png" class="bt-img" /></a></div>
  70.         <section id="content">
  71.            <div class="section white-bg top-section ">
  72.                 <div class="container">
  73.                     <div class="text-center description " id="vacanze-studio">
  74.                         <h1 class="title-service">Vacanze studio all'estero</h1>
  75.                     </div>
  76.                     <div class="post-content-custom">
  77.                       <p>La Vacanza Studio è, da sempre, l’esperienza più importante per lo studio delle lingue: non un semplice corso di lingua ma un verso è proprio investimento per il proprio futuro
  78. In un mondo del lavoro sempre più alla ricerca di competenze comunicative e personali, quale migliore occasione per imparare una nuova lingua, per ampliare le proprie conoscenze verso altre culture, per incontrare ragazze e ragazzi provenienti da tutto il Mondo, per sperimentare la responsabilità del distacco da casa.
  79. Un’esperienza del genere ha come vantaggio quello di coniugare l’aspetto didattico e quello ricreativo: se da un lato l’immersione linguistica in un ambiente madrelingua e con dinamiche quotidiane portano il partecipante a sviluppare una più immediata capacità di apprendimento, dall’altro nel tempo libero potrà visitare le bellezze tipiche del luogo, i musei, le piazze e le strade. Alternando lo studio a passeggiate e visite guidate un soggiorno studio all’estero diventa una meravigliosa occasione per visitare posti nuovi. Se trascorrere un periodo di studio all'estero è un vostro sogno, allora correte ad informarvi su cosa fare per partire.</p>
  80.                     </div>
  81.                 </div>
  82.            </div>
  83.         <div class="bt white-bt"><a href="#section-servizi"><img src="images/arrow-down.png" class="bt-img" /></a></div>
  84.            <div class="section azure-bg">
  85.                 <div class="container">
  86.                     <div class="row" id="section-servizi">
  87.  
  88.                             <img src="images/vacanze-studio/servizi.png" alt="" width="570" height="200" style="width: 100%; height: auto;">
  89.                             <div class="tab-container trans-style">
  90.                                 <ul class="tabs">
  91.                                     <li class="active"><a href="#corsi-di-lingua" data-toggle="tab">Corsi di lungua</a></li>
  92.                                     <li ><a href="#sistemazioni" data-toggle="tab">Sistemazioni</a></li>
  93.                                     <li><a href="#tempo-libero" data-toggle="tab">Tempo libero</a></li>
  94.                                     <li><a href="#viaggio" data-toggle="tab">Viaggio</a></li>
  95.                                     <li><a href="#sicurezza" data-toggle="tab">Sicurezza</a></li>
  96.                                 </ul>
  97.                                 <div class="tab-content">
  98.                                     <div class="tab-pane fade in active" id="corsi-di-lingua">
  99.                                         <h2>Corsi di lungua</h2>
  100.                                          <p class="post-content">
  101.                                             Abbiamo parlato di viaggi, di divertimento, di amici, ma chiaramente l’aspetto più importante è quello della lingua. In un mondo in cui i confini vanno via via scomparendo, in cui  basta un click per comunicare con un amico a 5000 km di distanza, conoscere l’inglese non è solo utile, ma necessario.  E quale migliore opportunità di una vacanza studio per imparare una nuova lingua.
  102.                                          </p>
  103.                                     </div>
  104.                                     <div class="tab-pane fade " id="sistemazioni">
  105.                                         <h2>Sistemazioni</h2>
  106.                                         <h4>COLLEGE E CAMPUS</h4>
  107.                                         <p class="post-content">
  108.                                             COLLEGE E CAMPUS: Per vivere un’esperienza da vero studente straniero.
  109.                                             L’esperienza in college permetterà agli studenti di partecipare ad attività di gruppo confrontandosi con ragazzi provenienti da altri paesi.
  110.                                             I College sono selezionati tra i migliori e la maggior parte delle strutture offrono spazi immersi nel verde per permettere lo svolgimento delle attività all’interno della struttura nella massima sicurezza
  111.                                         </p>
  112.                                         <h4>RESIDENZA UNIVERSITARIA</h4>
  113.                                         <p class="post-content">
  114.                                            Per chi desidera esplorare le grandi città.
  115.                                            Indicata per chi vuole vivere la vera vita metropolitana delle grandi città. Questa esperienza ti permette di uscire dalla sede centrale in quanto la maggior parte delle attività vengono svolte all’esterno. Questo renderà la tua vacanza molto più indipendente.
  116.                                         </p>
  117.                                         <h4>FAMIGLIA</h4>
  118.                                         <p class="post-content">
  119.                                            Le famiglie vengono selezionate dalle scuole estere e possono essere vicino alle strutture o distare 30/50 min con trasporto pubblico. Possono essere composte da una persona e accogliere più studenti. Prima della partenza vi verranno forniti i dettagli della famiglia.
  120.                                         </p>
  121.                                         <h4>HOTEL</h4>
  122.                                         <p class="post-content">
  123.                                            In paesi come Malta non vi è la presenza di College o Residenze Universitarie. Per la sistemazione sono stati selezionati Hotel a tre o quattro stelle pronti per le esigenze degli studenti in vacanza studio.
  124.                                         </p>
  125.                                     </div>
  126.                                     <div class="tab-pane fade" id="tempo-libero">
  127.                                         <h2>Tempo libero</h2>
  128.                                          <p class="post-content">
  129.                                             La vacanza studio non si ferma solo alle lezioni. Per te abbiamo pensato ad attività ricreative che ti porteranno in giro per escursioni di mezza giornata nei luoghi più in e visite nei musei. Quando non sei in escursione ci saranno giochi e attività negli sport che hai scelto ad accompagnarti.
  130.                                          </p>
  131.                                     </div>
  132.                                     <div class="tab-pane fade" id="viaggio">
  133.                                         <h2>Viaggio</h2>
  134.                                          <p class="post-content">
  135.                                             I nostri viaggi vengono scelti con voli di linea o di bandiera preferendo per lo più voli diretti. Sei protetto dalla nostra assicurazione che ti copre dall’aeroporto di partenza al rientro.
  136.                                          </p>
  137.                                     </div>
  138.                                     <div class="tab-pane fade" id="sicurezza">
  139.                                         <h2>Sicurezza</h2>
  140.                                          <p class="post-content">
  141.                                             <ul>
  142.                                               <li><i class="soap-icon-check-1 mr15"></i> Assistenza medica italiana in loco</li>
  143.                                               <li><i class="soap-icon-check-1 mr15"></i> Assicurazione valutaria inclusa</li>
  144.                                               <li><i class="soap-icon-check-1 mr15"></i> Assicurazione medico/bagaglio</li>
  145.                                               <li><i class="soap-icon-check-1 mr15"></i>Assicurazione R.C. Professionale e R.C. verso terzi</li>
  146.                                             </ul>
  147.                                          </p>
  148.                                     </div>
  149.                                 </div>
  150.                             </div>
  151.  
  152.                     </div>
  153.                 </div>
  154.            </div>
  155.            <div class="bt azure-bt"><a href="#destinazioni"><img src="images/arrow-down.png" class="bt-img" /></a></div>
  156.            <div class="section white-bg">
  157.               <div class="container-fluid" id="destinazioni">
  158.                 <div class="text-center description block">
  159.                    <h1 class="title-service">Destinazioni</h1>
  160.                 </div>
  161.  
  162.                    <div class="row image-box style11">
  163.                     <div class="col-lg-10 col-lg-offset-1 col-md-10 col-md-offet-1 col-sm-10 col-sm-offset-1">
  164.                         <div class="col-sm-4">
  165.                             <article class="box">
  166.                                 <figure>
  167.                                     <a href="regno-unito.php" title=""><img src="images/vacanze-studio/regno-unito.png" alt="" width="370" height="160" /></a>
  168.                                     <figcaption class="desktop">
  169.                                         <h3 class="caption-title">REGNO UNITO</h3>
  170.                                         <span>Europa</span>
  171.                                     </figcaption>
  172.                                     <!-- MOBILE -->
  173.                                     <figcaption class="mobile">
  174.                                         <h3 class="caption-title">REGNO UNITO</h3>
  175.                                         <span>Europa</span>
  176.                                     </figcaption>
  177.                                 </figure>
  178.                             </article>
  179.                         </div>
  180.                         <div class="col-sm-4">
  181.                             <article class="box">
  182.                                 <figure>
  183.                                     <a href="irlanda.php" title=""><img src="images/vacanze-studio/irlanda.png" alt="" width="370" height="160" /></a>
  184.                                     <figcaption>
  185.                                         <h3 class="caption-title">IRLANDA</h3>
  186.                                         <span>Europa</span>
  187.                                     </figcaption>
  188.                                     <!-- MOBILE -->
  189.                                     <figcaption class="mobile">
  190.                                         <h3 class="caption-title">IRLANDA</h3>
  191.                                         <span>Europa</span>
  192.                                     </figcaption>
  193.                                 </figure>
  194.                             </article>
  195.                         </div>
  196.                         <div class="col-sm-4">
  197.                             <article class="box">
  198.                                 <figure>
  199.                                     <a href="stati-uniti.php" title=""><img src="images/vacanze-studio/stati-uniti.png" alt="" width="370" height="160" /></a>
  200.                                     <figcaption>
  201.                                         <h3 class="caption-title">STATI UNITI</h3>
  202.                                         <span>America</span>
  203.                                     </figcaption>
  204.                                     <!-- MOBILE -->
  205.                                     <figcaption class="mobile">
  206.                                         <h3 class="caption-title">STATI UNITI</h3>
  207.                                         <span>America</span>
  208.                                     </figcaption>
  209.                                 </figure>
  210.                             </article>
  211.                         </div>
  212.                       </div>
  213.                  </div>
  214.               </div>
  215.            </div>
  216.         </section><!-- END SECTION CONTENT -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement