Bohora-rental/header.php
subashGamer21 f4f4f04a7d changes
changes
2025-01-09 20:07:52 +05:45

293 lines
16 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<!--<< Header Area >>-->
<head>
<!-- ========== Meta Tags ========== -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="pixydrops">
<meta name="description" content="Remons - Booking Rental HTML Template">
<!-- ======== Page title ============ -->
<title>Bohora - Car Rental</title>
<!--<< Favcion >>-->
<link rel="shortcut icon" href="img/favicon.png">
<!--<< Bootstrap min.css >>-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!--<< All Min Css >>-->
<link rel="stylesheet" href="css/all.min.css">
<!--<< Animate.css >>-->
<link rel="stylesheet" href="css/animate.css">
<!--<< Magnific Popup.css >>-->
<link rel="stylesheet" href="css/magnific-popup.css">
<!--<< MeanMenu.css >>-->
<link rel="stylesheet" href="css/meanmenu.css">
<!--<< DatePicker.css >>-->
<link rel="stylesheet" href="css/datepickerboot.css">
<!--<< Swiper Bundle.css >>-->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!--<< Nice Select.css >>-->
<link rel="stylesheet" href="css/nice-select.css">
<!--<< Main.css >>-->
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!-- Preloader Start -->
<div id="preloader" class="preloader">
<div class="animation-preloader">
<div class="spinner">
</div>
<div class="txt-loading">
<span data-text-preloader="B" class="letters-loading">
B
</span>
<span data-text-preloader="O" class="letters-loading">
O
</span>
<span data-text-preloader="R" class="letters-loading">
H
</span>
<span data-text-preloader="O" class="letters-loading">
O
</span>
<span data-text-preloader="R" class="letters-loading">
R
</span>
<span data-text-preloader="A" class="letters-loading">
A
</span>
</div>
<p class="text-center"> Car Rental Loading</p>
</div>
<div class="loader">
<div class="row">
<div class="col-3 loader-section section-left">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-left">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-right">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-right">
<div class="bg"></div>
</div>
</div>
</div>
</div>
<!-- Back To Top Start -->
<div class="scroll-up">
<svg class="scroll-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
</svg>
</div>
<!-- Offcanvas Area Start -->
<div class="fix-area">
<div class="offcanvas__info">
<div class="offcanvas__wrapper">
<div class="offcanvas__content">
<div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
<div class="offcanvas__logo">
<a href="index.php">
<img src="img/logo/black-logo.svg" alt="logo-img">
</a>
</div>
<div class="offcanvas__close">
<button>
<i class="fas fa-times"></i>
</button>
</div>
</div>
<p class="text d-none d-xl-block">
Nullam dignissim, ante scelerisque the is euismod fermentum odio sem semper the is erat, a feugiat leo urna eget eros. Duis Aenean a imperdiet risus.
</p>
<div class="mobile-menu fix mb-3"></div>
<div class="offcanvas__contact">
<h4>Contact Info</h4>
<ul>
<li class="d-flex align-items-center">
<div class="offcanvas__contact-icon">
<i class="fal fa-map-marker-alt"></i>
</div>
<div class="offcanvas__contact-text">
<a target="_blank" href="index-3.php#">Kathmandu</a>
</div>
</li>
<li class="d-flex align-items-center">
<div class="offcanvas__contact-icon mr-15">
<i class="fal fa-envelope"></i>
</div>
<div class="offcanvas__contact-text">
<a href="mailto:info@example.com"><span class="mailto:info@example.com">info@example.com</span></a>
</div>
</li>
<li class="d-flex align-items-center">
<div class="offcanvas__contact-icon mr-15">
<i class="fal fa-clock"></i>
</div>
<div class="offcanvas__contact-text">
<a target="_blank" href="index-3.php#">Mod-friday, 09am -05pm</a>
</div>
</li>
<li class="d-flex align-items-center">
<div class="offcanvas__contact-icon mr-15">
<i class="far fa-phone"></i>
</div>
<div class="offcanvas__contact-text">
<a href="tel:+11002345909">+11002345909</a>
</div>
</li>
</ul>
<div class="header-button mt-4">
<a href="contact.php" class="theme-btn text-center">
<span>Get A Quote<i class="fa-solid fa-arrow-right-long"></i></span>
</a>
</div>
<div class="social-icon d-flex align-items-center">
<a href="index-3.php#"><i class="fab fa-facebook-f"></i></a>
<a href="index-3.php#"><i class="fab fa-twitter"></i></a>
<a href="index-3.php#"><i class="fab fa-youtube"></i></a>
<a href="index-3.php#"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="offcanvas__overlay"></div>
<!-- Header Section Start -->
<header class="header-section">
<div class="header-top-section style-two">
<div class="container-fluid">
<div class="header-top-wrapper style-2">
<ul class="contact-list">
<li>
<i class="fas fa-envelope"></i>
<a href="mailto:info@example.com" class="link">info@example.com</a>
</li>
<li>
<i class="fas fa-map-marker-alt"></i>
Kathmandu
</li>
</ul>
<div class="header-top-right">
<ul class="top-list">
<li><a href="contact.php">Help</a></li>
<li><a href="contact.php">Support</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
<div class="social-icon d-flex align-items-center">
<a href="index-3.php#"><i class="fab fa-facebook-f"></i></a>
<a href="index-3.php#"><i class="fab fa-twitter"></i></a>
<a href="index-3.php#"><i class="fa-brands fa-linkedin-in"></i></a>
<a href="index-3.php#"><i class="fa-brands fa-youtube"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="header-sticky" class="header-3">
<div class="container-fluid">
<div class="mega-menu-wrapper">
<div class="header-main">
<div class="header-left">
<div class="logo">
<a href="index.php" class="header-logo-1">
<img src="img/logo/white-logo-2.svg" alt="logo-img">
</a>
<a href="index.php" class="header-logo-2">
<img src="img/logo/black-logo.svg" alt="logo-img">
</a>
</div>
<div class="mean__menu-wrapper">
<div class="main-menu">
<nav id="mobile-menu">
<ul>
<li></li>
<li></li>
<li></li>
<li class="has-dropdown active menu-thumb">
<a href="index.php">
Home
<!-- <i class="fas fa-angle-down"></i> -->
</a>
</li>
<li>
<a href="about.php">About Us</a>
</li>
<li class="has-dropdown">
<a href="gallery.php">
Pages
<!-- <i class="fas fa-angle-down"></i> -->
</a>
<ul class="submenu">
<li><a href="gallery.php">Gallery</a></li>
<li><a href="faq.php">Faq's</a></li>
</ul>
</li>
<li>
<a href="car-grid.php">
Cars
<!-- <i class="fas fa-angle-down"></i> -->
</a>
<!-- <ul class="submenu">
<li><a href="car-grid.php">Car Grid</a></li>
<li><a href="car-list.php">Car List</a></li>
<li><a href="car-list-sidebar.php">Car Sidebar</a></li>
<li><a href="car-details.php">Car Details</a></li>
</ul>
-->
</li>
<!-- <li>
<a href="news.php">
Blog
<i class="fas fa-angle-down"></i>
</a>
<ul class="submenu">
<li><a href="news.php">Blog</a></li>
<li><a href="news-details.php">Blog Details</a></li>
</ul>
</li>-->
<li>
<a href="contact.php">Contact</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="header-right d-flex justify-content-end align-items-center">
<div class="icon-items">
<div class="icon">
<i class="fas fa-phone-alt"></i>
</div>
<div class="content">
<p>Call Anytime</p>
<h6><a href="tel:+9288009850">+92 (8800) - 9850</a></h6>
</div>
</div>
<a href="index-3.php#0" class="search-trigger search-icon"><i class="fa-regular fa-magnifying-glass"></i></a>
<div class="header-button">
<a href="car-details.php" class="theme-btn">
Find a Car
</a>
</div>
<div class="header__hamburger d-xl-none my-auto">
<div class="sidebar__toggle">
<i class="fas fa-bars"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>