haleandrodev

header

May 22nd, 2018
52
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 18.44 KB | None | 0 0
  1. <header id="header" class="navbar-static-top style1">
  2.    <!-- ##  TOP NAV  
  3.        ################################################################################################################################################### -->
  4.    <div class="topnav hidden-xs">
  5.       <div class="container">
  6.          <ul class="quick-menu pull-left">
  7.             <li><a href="#coming-soon-page" class="soap-popupbox">MY ACCOUNT</a></li>
  8.             <li><a href="#coming-soon-page" class="soap-popupbox">LOGIN</a></li><!--class="soap-popupbox"-->
  9.             <li><a href="#coming-soon-page" class="soap-popupbox">SIGNUP</a></li>
  10.          </ul>
  11.          <ul class="quick-menu pull-right">
  12.             <li class="ribbon">
  13.                <a href="#">Ita</a>
  14.                <!--ul class="menu mini">
  15.                  <li><a href="#" title="Dansk">Dansk</a></li>
  16.                  <li><a href="#" title="Deutsch">Deutsch</a></li>
  17.                  <li class="active"><a href="#" title="English">English</a></li>
  18.                  <li><a href="#" title="Español">Español</a></li>
  19.                  <li><a href="#" title="Français">Français</a></li>
  20.                  <li><a href="#" title="Italiano">Italiano</a></li>
  21.                  <li><a href="#" title="Magyar">Magyar</a></li>
  22.                  <li><a href="#" title="Nederlands">Nederlands</a></li>
  23.                  <li><a href="#" title="Norsk">Norsk</a></li>
  24.                  <li><a href="#" title="Polski">Polski</a></li>
  25.                  <li><a href="#" title="Português">Português</a></li>
  26.                  <li><a href="#" title="Suomi">Suomi</a></li>
  27.                  <li><a href="#" title="Svenska">Svenska</a></li>
  28.               </ul-->
  29.             </li>
  30.             <li class=""><a href="#coming-soon-page" class="soap-popupbox">CHI SIAMO</a></li>
  31.             <li class=""><a href="#coming-soon-page" class="soap-popupbox">CONTATTI</a></li>
  32.            
  33.          </ul>
  34.       </div>
  35.    </div>
  36.    <!--------  END TOP NAV  -------->
  37.    <div class="hidden-mobile container">
  38.       <address class="contact-details">
  39.          <span class="contact-phone"><a href="tel: +39 081 824 3586"><i class="soap-icon-phone circle"></i> +39 081 180 87 862 - CONTATTACI</a></span>
  40.       </address>
  41.       <div id="header-top" class=" pull-right">
  42.          <ul class="menu social-icons-head clearfix">
  43.             <li class="facebook"><a title="facebook" href="#" data-toggle="tooltip"><i class="soap-icon-facebook"></i></a></li>
  44.             <li class="instagram"><a title="instagram" href="#" data-toggle="tooltip"><i class="soap-icon-instagram"></i></a></li>
  45.             <li class="youtube"><a title="youtube" href="#" data-toggle="tooltip"><i class="soap-icon-youtube"></i></a></li>
  46.             <li class="googleplus"><a title="googleplus" href="#" data-toggle="tooltip"><i class="soap-icon-googleplus"></i></a></li>
  47.             <!--li class="twitter"><a title="twitter" href="#" data-toggle="tooltip"><i class="soap-icon-twitter"></i></a></li>
  48.               <li class="linkedin"><a title="linkedin" href="#" data-toggle="tooltip"><i class="soap-icon-linkedin"></i></a></li>
  49.               <li class="vimeo"><a title="vimeo" href="#" data-toggle="tooltip"><i class="soap-icon-vimeo"></i></a></li>
  50.               <li class="dribble"><a title="dribble" href="#" data-toggle="tooltip"><i class="soap-icon-dribble"></i></a></li>
  51.               <li class="flickr"><a title="flickr" href="#" data-toggle="tooltip"><i class="soap-icon-flickr"></i></a></li-->
  52.          </ul>
  53.       </div>
  54.    </div>
  55.    <div class="container">
  56.       <h1 class="logo navbar-brand">
  57.          <a href="index.php" title="Svetatour - home">
  58.          <img src="images/logo.png" alt="Svetatour" />
  59.          </a>
  60.       </h1>
  61.    </div>
  62.    <a href="#mobile-menu-01" data-toggle="collapse" class="mobile-menu-toggle" aria-expanded="false">
  63.    Mobile Menu Toggle
  64.    </a>
  65.    <div id="main-menu">
  66.       <nav role="navigation" class="container">
  67.          <ul class="menu">
  68.           <li class="menu-item-has-children">
  69.                <a href="index.php">Home</a>
  70.           </li>
  71.             <li class="menu-item-has-children">
  72.                <a href="vacanze-studio.php">Vacanze Studio</a>
  73.                <ul>
  74.                   <li class="menu-item-has-children">
  75.                       <a href="#">Destinazioni</a>
  76.                       <ul >
  77.                           <li><a href="regno-unito.php">Regno Unito</a></li>
  78.                           <li><a href="irlanda.php">Irlanda</a></li>
  79.                           <li><a href="stati-uniti.php">Stati Uniti</a></li>
  80.                           <!--li><a href="#">Malta</a></li>
  81.                          <li><a href="#">Spagna</a></li>
  82.                          <li><a href="#">Francia</a></li>
  83.                          <li><a href="#">Germania</a></li-->
  84.                       </ul>
  85.                   </li>
  86.                   <li><a href="vacanze-studio.php">Informazioni</a></li>
  87.                    </ul>
  88.             </li>
  89.             <li class="menu-item-has-children">
  90.                <a href="coming-soon.php">Corsi per adulti</a>
  91.                <!--ul >
  92.                  <li class="menu-item-has-children">
  93.                      <a href="#">Destinazioni</a>
  94.                      <ul>
  95.                          <li><a href="#">Regno Unito</a></li>
  96.                          <li><a href="#">Irlanda</a></li>
  97.                          <li><a href="#">Stati Uniti</a></li>
  98.                          <li><a href="#">Malta</a></li>
  99.                          <li><a href="#">Spagna</a></li>
  100.                          <li><a href="#">Francia</a></li>
  101.                          <li><a href="#">Germania</a></li>
  102.                      </ul>
  103.                  </li>
  104.                  <li><a href="dashboard3.html">Informazioni</a></li>
  105.                       </ul-->
  106.             </li>
  107.             <li class="menu-item-has-children location">
  108.                <a href="coming-soon.php">Abroad Term</a>
  109.                <!--ul >
  110.                  <li class="menu-item-has-children">
  111.                      <a href="#">Destinazioni</a>
  112.                      <ul>
  113.                          <li><a href="#">Regno Unito</a></li>
  114.                          <li><a href="#">Irlanda</a></li>
  115.                          <li><a href="#">Stati Uniti</a></li>
  116.                          <li><a href="#">Malta</a></li>
  117.                          <li><a href="#">Spagna</a></li>
  118.                          <li><a href="#">Francia</a></li>
  119.                          <li><a href="#">Germania</a></li>
  120.                      </ul>
  121.                  </li>
  122.                  <li><a href="dashboard3.html">Informazioni</a></li>
  123.                           </ul-->
  124.             </li>
  125.             <li class="menu-item-has-children">
  126.                <a href="coming-soon.php">Teacher training</a>
  127.                <!--ul >
  128.                  <li class="menu-item-has-children">
  129.                      <a href="#">Destinazioni</a>
  130.                      <ul class="tria">
  131.                          <li><a href="#">Regno Unito</a></li>
  132.                          <li><a href="#">Irlanda</a></li>
  133.                          <li><a href="#">Stati Uniti</a></li>
  134.                          <li><a href="#">Malta</a></li>
  135.                          <li><a href="#">Spagna</a></li>
  136.                          <li><a href="#">Francia</a></li>
  137.                          <li><a href="#">Germania</a></li>
  138.                      </ul>
  139.                  </li>
  140.                  <li><a href="dashboard3.html">Informazioni</a></li>
  141.                           </ul-->
  142.             </li>
  143.             <li class="menu-item-has-children megamenu-menu">
  144.                <a href="coming-soon.php">INPSieme</a>
  145.                <!--ul>
  146.                  <li><a href="hotel-index.html">Bandi</a></li>
  147.                  <li class="menu-item-has-children"><a href="#">Destinazioni</a>
  148.                     <ul>
  149.                         <li><a href="#">Regno Unito</a></li>
  150.                         <li><a href="#">Irlanda</a></li>
  151.                         <li><a href="#">Stati Uniti</a></li>
  152.                         <li><a href="#">Malta</a></li>
  153.                         <li><a href="#">Spagna</a></li>
  154.                         <li><a href="#">Francia</a></li>
  155.                         <li><a href="#">Germania</a></li>
  156.                     </ul>
  157.                  </li>
  158.                  <li><a href="hotel-list-view.html">Faq</a></li>
  159.                  </ul-->
  160.             </li>
  161.          </ul>
  162.       </nav>
  163.    </div>
  164.    <!-- ##   MOBILE MENU  
  165.        ################################################################################################################################################### -->
  166.    <nav id="mobile-menu-01" class="mobile-menu collapse">
  167.       <ul id="mobile-primary-menu" class="menu">
  168.          <!--li class="menu-item-has-children"-->
  169.          <li>
  170.             <a href="vacanze-studio.php">Vacanze Studio</a>
  171.             <!--ul>
  172.               <li class="menu-item-has-children"><a href="#">Destinazioni</a>
  173.               <ul>
  174.               <li><a href="#">Regno Unito</a></li>
  175.               <li><a href="#">Irlanda</a></li>
  176.               <li><a href="#">Stati Uniti</a></li>
  177.               <li><a href="#">Malta</a></li>
  178.               <li><a href="#">Spagna</a></li>
  179.               <li><a href="#">Francia</a></li>
  180.               <li><a href="#">Germania</a></li>
  181.               </ul>
  182.               </li>
  183.               <li><a href="hotel-list-view.html">Informazioni</a></li>
  184.               </ul-->
  185.          </li>
  186.          <!--li class="menu-item-has-children"-->
  187.          <li>
  188.             <a href="coming-soon.php">Corsi per adulti</a>
  189.             <!--ul>
  190.               <li class="menu-item-has-children"><a href="#">Destinazioni</a>
  191.               <ul>
  192.               <li><a href="#">Regno Unito</a></li>
  193.               <li><a href="#">Irlanda</a></li>
  194.               <li><a href="#">Stati Uniti</a></li>
  195.               <li><a href="#">Malta</a></li>
  196.               <li><a href="#">Spagna</a></li>
  197.               <li><a href="#">Francia</a></li>
  198.               <li><a href="#">Germania</a></li>
  199.               </ul>
  200.               </li>
  201.               <li ><a href="hotel-list-view.html">Informazioni</a></li>
  202.               </ul-->
  203.          </li>
  204.          <!--li class="menu-item-has-children"-->
  205.          <li>
  206.             <a href="coming-soon.php">Abroad Term</a>
  207.             <!--ul>
  208.               <li class="menu-item-has-children">
  209.               <a href="#">Destinazioni</a>
  210.               <ul>
  211.               <li><a href="#">Regno Unito</a></li>
  212.               <li><a href="#">Irlanda</a></li>
  213.               <li><a href="#">Stati Uniti</a></li>
  214.               <li><a href="#">Malta</a></li>
  215.               <li><a href="#">Spagna</a></li>
  216.               <li><a href="#">Francia</a></li>
  217.               <li><a href="#">Germania</a></li>
  218.               </ul>
  219.               </li>
  220.               <li><a href="hotel-list-view.html">Informazioni</a></li>
  221.               </ul-->
  222.          </li>
  223.          <!--li class="menu-item-has-children"-->
  224.          <li>
  225.             <a href="coming-soon.php">Teacher training</a>
  226.             <!--ul>
  227.               <li class="menu-item-has-children">
  228.               <a href="#">Destinazioni</a>
  229.               <ul>
  230.               <li><a href="#">Regno Unito</a></li>
  231.               <li><a href="#">Irlanda</a></li>
  232.               <li><a href="#">Stati Uniti</a></li>
  233.               <li><a href="#">Malta</a></li>
  234.               <li><a href="#">Spagna</a></li>
  235.               <li><a href="#">Francia</a></li>
  236.               <li><a href="#">Germania</a></li>
  237.               </ul>
  238.               </li>
  239.               <li><a href="hotel-list-view.html">Informazioni</a></li>
  240.               </ul-->
  241.          </li>
  242.          <!--li class="menu-item-has-children"-->
  243.          <li>
  244.             <a href="coming-soon.php">INPSieme</a>
  245.             <!--ul>
  246.               <li class="menu-item-has-children"><a href="#">Destinazioni</a>
  247.               <ul>
  248.               <li><a href="#">Regno Unito</a></li>
  249.               <li><a href="#">Irlanda</a></li>
  250.               <li><a href="#">Stati Uniti</a></li>
  251.               <li><a href="#">Malta</a></li>
  252.               <li><a href="#">Spagna</a></li>
  253.               <li><a href="#">Francia</a></li>
  254.               <li><a href="#">Germania</a></li>
  255.               </ul>
  256.               </li>
  257.               <li><a href="hotel-index.html">Bandi</a></li>
  258.               <li><a href="hotel-list-view.html">Faq</a></li>
  259.               </ul-->
  260.          </li>
  261.          <li >
  262.             <a href="#coming-soon-page" class="soap-popupbox">Contatti</a>
  263.          </li>
  264.          <li >
  265.             <a href="#coming-soon-page" class="soap-popupbox">Chi siamo</a>
  266.          </li>
  267.       </ul>
  268.       <ul class="mobile-topnav container">
  269.          <li class="position-home">
  270.             <a href="index.php"> HOME</a>
  271.          </li>
  272.          <li><a href="#coming-soon-page" class="soap-popupbox">MY ACCOUNT</a></li>
  273.          <li class="ribbon language menu-color-skin">
  274.             <a href="#coming-soon-page" data-toggle="collapse">Ita</a>
  275.             <!--ul class="menu mini">
  276.               <li><a href="#" title="Dansk">Dansk</a></li>
  277.               <li><a href="#" title="Deutsch">Deutsch</a></li>
  278.               <li class="active"><a href="#" title="English">English</a></li>
  279.               <li><a href="#" title="Español">Español</a></li>
  280.               <li><a href="#" title="Français">Français</a></li>
  281.               <li><a href="#" title="Italiano">Italiano</a></li>
  282.               <li><a href="#" title="Magyar">Magyar</a></li>
  283.               <li><a href="#" title="Nederlands">Nederlands</a></li>
  284.               <li><a href="#" title="Norsk">Norsk</a></li>
  285.               <li><a href="#" title="Polski">Polski</a></li>
  286.               <li><a href="#" title="Português">Português</a></li>
  287.               <li><a href="#" title="Suomi">Suomi</a></li>
  288.               <li><a href="#" title="Svenska">Svenska</a></li>
  289.            </ul-->
  290.          </li>
  291.          <li><a href="#coming-soon-page" class="soap-popupbox">LOGIN</a></li>
  292.          <li><a href="#coming-soon-page" class="soap-popupbox">SIGNUP</a></li>
  293.       </ul>
  294.    </nav>
  295.    <!--------   END MOBILE MENU  -------->
  296.    <div id="travelo-signup" class="travelo-signup-box travelo-box">
  297.       <div class="login-social">
  298.          <a href="#" class="button login-facebook"><i class="soap-icon-facebook"></i>Login with Facebook</a>
  299.          <a href="#" class="button login-googleplus"><i class="soap-icon-googleplus"></i>Login with Google+</a>
  300.       </div>
  301.       <div class="seperator"><label>OR</label></div>
  302.       <div class="simple-signup">
  303.          <div class="text-center signup-email-section">
  304.             <a href="#" class="signup-email"><i class="soap-icon-letter"></i>Sign up with Email</a>
  305.          </div>
  306.          <p class="description">By signing up, I agree to Travelo's Terms of Service, Privacy Policy, Guest Refund olicy, and Host Guarantee Terms.</p>
  307.       </div>
  308.       <div class="email-signup">
  309.          <form>
  310.             <div class="form-group">
  311.                <input type="text" class="input-text full-width" placeholder="first name">
  312.             </div>
  313.             <div class="form-group">
  314.                <input type="text" class="input-text full-width" placeholder="last name">
  315.             </div>
  316.             <div class="form-group">
  317.                <input type="text" class="input-text full-width" placeholder="email address">
  318.             </div>
  319.             <div class="form-group">
  320.                <input type="password" class="input-text full-width" placeholder="password">
  321.             </div>
  322.             <div class="form-group">
  323.                <input type="password" class="input-text full-width" placeholder="confirm password">
  324.             </div>
  325.             <div class="form-group">
  326.                <div class="checkbox">
  327.                   <label>
  328.                   <input type="checkbox"> Tell me about Travelo news
  329.                   </label>
  330.                </div>
  331.             </div>
  332.             <div class="form-group">
  333.                <p class="description">By signing up, I agree to Travelo's Terms of Service, Privacy Policy, Guest Refund Policy, and Host Guarantee Terms.</p>
  334.             </div>
  335.             <button type="submit" class="full-width btn-medium">SIGNUP</button>
  336.          </form>
  337.       </div>
  338.       <div class="seperator"></div>
  339.       <p>Already a Travelo member? <a href="#travelo-login" class="goto-login soap-popupbox">Login</a></p>
  340.    </div>
  341.    <div id="travelo-login" class="travelo-login-box travelo-box">
  342.       <div class="login-social">
  343.          <a href="#" class="button login-facebook"><i class="soap-icon-facebook"></i>Login with Facebook</a>
  344.          <a href="#" class="button login-googleplus"><i class="soap-icon-googleplus"></i>Login with Google+</a>
  345.       </div>
  346.       <div class="seperator"><label>OR</label></div>
  347.       <form>
  348.          <div class="form-group">
  349.             <input type="text" class="input-text full-width" placeholder="email address">
  350.          </div>
  351.          <div class="form-group">
  352.             <input type="password" class="input-text full-width" placeholder="password">
  353.          </div>
  354.          <div class="form-group">
  355.             <a href="#" class="forgot-password pull-right">Forgot password?</a>
  356.             <div class="checkbox checkbox-inline">
  357.                <label>
  358.                <input type="checkbox"> Remember me
  359.                </label>
  360.             </div>
  361.          </div>
  362.       </form>
  363.       <div class="seperator"></div>
  364.       <p>Don't have an account? <a href="#travelo-signup" class="goto-signup soap-popupbox">Sign up</a></p>
  365.    </div>
  366. </header>
  367. <!--------  BREADCRUMBS -------->
  368. <!--div class="page-title-container style4 animated " data-animation-type="fadeInLeft" data-animation-duration="3">
  369.   <div class="container">
  370.      <div class="page-title">
  371.         <i class="soap-icon-plane-right takeoff-effect"></i>
  372.         <h2 class="entry-title">vacanze studio</h2>
  373.      </div>
  374.      <ul class="breadcrumbs ">
  375.         <li><a href="#">Regno Unito</a></li>
  376.         <li><a href="#">Oxford</a></li>
  377.      </ul>
  378.   </div>
  379. </div-->
  380. <!--------  END BREADCRUMBS -------->
  381. <!-- ADDRESS MOBILE -->
  382. <address class="contact-details mobile animated" data-animation-type="fadeInLeft" data-animation-duration="3">
  383.    <span class="contact-phone"><a href="tel: +39 180 87 862"><i class="soap-icon-phone "></i> +39 081 180 87 862 </a></span>
  384. </address>
  385. <!-- END ADDRESS MOBILE -->
Add Comment
Please, Sign In to add comment