File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/hotelaparajita.com/include/header.php
Back
<style> nav.navigation-main .navigation-block ul li>a {color: #fff;} .whatsup { position: fixed; left: 0px; bottom: 5%; z-index: 9999; } .whatsup ul {padding: 10px;} .whatsup li { padding: 10px 0px; list-style: none; } .whatsup img { max-width: 100%; width: 40px; } @media only screen and (max-width:767px){ img.logo-mobile { width: 100px !important; } } @media only screen and (min-width:768px) and (max-width:991px) { img.logo-mobile {width: 125px !important;} } </style> <header> <div class="container"> <nav class="navigation-top clearfix"> <div class="navigation-top-left"> <a class="box" href="#"> <i class="fa fa-facebook"></i> </a> <a class="box" href="#"> <i class="fa fa-twitter"></i> </a> <a class="box" href="#"> <i class="fa fa-instagram"></i> </a> </div> <div class="navigation-top-right"> <a class="box" href="mailto:hotelaparajita2@gmail.com"> <i class="fa fa-envelope-o" aria-hidden="true"></i> hotelaparajita2@gmail.com </a> <a class="box" href="tel: +91-9919710560"> <i class="fa fa-phone" aria-hidden="true"></i> +91-7992216193 </a> </div> </nav> <nav class="navigation-main clearfix"> <div class="logo animated fadeIn"> <a href="index.php"> <img class="logo-desktop" src="images/logo.png" alt="Logo"> <img class="logo-mobile" src="images/logo.png" alt="Logo"> </a> </div> <!-- toggle-menu --> <div class="toggle-menu"><i class="icon icon-menu"></i></div> <!-- navigation-block --> <div class="navigation-block clearfix"> <!-- navigation-left --> <ul class="navigation-left"> <li> <a href="index.php">Home</a> </li> <li><a href="about.php">About us</a></li> <li> <a href="#">Accommodation <span class="open-dropdown"><i class="fa fa-angle-down"></i></span></a> <ul> <li><a href="super-deluxe-room.php">Super Deluxe Room</a></li> </ul> </li> <li> <a href="tariff.php">Tariff</a></li> </ul> <!-- navigation-right --> <ul class="navigation-right"> <li> <a href="gallery.php">Gallery</a></li> <li> <a href="attraction.php">Attractions</a></li> <li> <a href="contact.php">Contact</a> </li> <li> <a href="https://asiatech.in/booking_engine/index3?token=NTY1Ng==" target="_blank">Book Now</a></li> </ul> </div> </nav> </div> </header> <script type="text/javascript"> $(function () { // Toggle menu // ------------------------------------ $('.toggle-menu').on('click', function () { $(this).toggleClass('open'); $(this).parent().find('.navigation-block').toggleClass('open'); }); var $box = $('.options-content .options .box'); $box.click(function () { var $this = $(this), $boxWrapper = $this.closest('.box-wrapper'); if ($this.hasClass('active')) { $boxWrapper.removeClass('box-wrapper-selected'); $this.removeClass('active'); } else { $boxWrapper.addClass('box-wrapper-selected'); $this.closest('.options-content').find('.box').removeClass('active'); $this.addClass('active'); } }); // Mobile - Dropdown menu // ------------------------------------ $('.open-dropdown').on('click', function (e) { e.preventDefault(); if ($(document).width() >= 992) { return false; } var $this = $(this), $li = $this.closest('li'), $drop = $li.find('ul'); $li.toggleClass('expanded'); if ($li.hasClass('expanded')) { $drop.slideDown(); } else { $drop.slideUp(); } }); // Desktop - Dropdown menu //--------------------------- $('.navigation-block > ul > li').bind({ mouseenter: function () { if ($(document).width() < 992) { return false; } $(this).addClass('hovered'); }, mouseleave: function () { if ($(document).width() < 992) { return false; } $(this).removeClass('hovered').removeAttr('class'); }, }); }); </script>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings