EVOLUTION-NINJA
Edit File: header.php
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>Bindhu Travels</title> <!-- css --> <link rel="stylesheet" type="text/css" href="public/assets/css/header.css" /> <!-- bootstrap --> <link rel="stylesheet" href="public/assets/css/bootstrap.min.css" /> <link rel="javascript" type="text/js" href="js/bootstrap.min.js" /> <!-- font awesome 4 --> <link rel="stylesheet" type="text/css" href="public/assets/css/font-awesome.min.css" /> <!-- bootstrap --> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <!-- silck slider --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> <!-- ---------Enquiry form----------------- --> <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0-alpha1/css/bootstrap.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0-alpha1/js/bootstrap.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js"></script> --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> </head> <body > <div class="container-fluid"> <!-- blue top line --> <div class="row"> <div class="col-sm-12 top-bor"></div> </div> <!-- header --> <div class="row main-head"> <div class="col-sm-1"></div> <div class="col-sm-3"> <img src="public/assets/images/Bindu Travels_Logo 6.png" class="img-fluid" alt="head logo" /> </div> <div class="col-sm-8"> <div class="row"> <div class="col-sm-3"></div> <div class="col-sm-4 head-email"> <div> <a href="mailto:binduenquiry@gmail.com"><img src="public/assets/images/Email Icon.png" class="img-fluid pt-3" alt="Email Icon"> </div> <div> <h4>Email</h4> <p>binduenquiry@gmail.com</p></a> </div> </div> <div class="col-sm-5 head-phone"> <div> <img src="public/assets/images/Phone.png" class="img-fluid pt-3" alt="Phone"> </div> <div> <h4>Phone No</h4> <p class="two-phone"><a href="tel:+91 9956847163">+91 6360184276 </a> | <a href="tel:0821-4194537">0821-4194537</a> </p> <!-- <p class="landline-no"><a href="tel:0821-4194537">0821-4194537</a></p> --> <!-- <p?><a href="tel:0821-4194537">0821-4194537</a></p> --> </div> </div> </div> <!-- hamberger --> <div class="row"> <div class="col-sm-12"> <nav class="navigation navigat-hold"> <ul class='nav-bar'> <!-- <li class='logo'><a href='#'><img src='./images/logo.png'/></a></li> --> <input type='checkbox' id='check' /> <span class="menu"> <li class="top-down"><a href="<?php echo base_url('/'); ?>">Home</a></li> <li><a href="<?php echo base_url('about-us'); ?>">About Us</a></li> <li><a href="<?php echo base_url('our-service'); ?>">Our Services</a></li> <!-- <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="<?php echo base_url('our-packages'); ?>" role="button" data-toggle="dropdown" aria-expanded="false"> Our Tours Packages </a> <div class="dropdown-menu"> <a class="dropdown-item" href="#">Mysuru</a> <a class="dropdown-item" href="#">Ooty</a> <a class="dropdown-item" href="#">Banglore</a> <a class="dropdown-item" href="#">Wayanad</a> <a class="dropdown-item" href="#">Coorg</a> <a class="dropdown-item" href="#">Kodekenal</a> <a class="dropdown-item" href="#">Chikamangaloru</a> </div> </li> --> <li class="dropdown"> <a href=" <?php echo base_url('our-package'); ?>">Our Tours Packages</a> <div class="dropdown-content"> <a href="<?php echo base_url('our-package?place=mysuru');?>">Mysuru</a><br> <a href="<?php echo base_url('our-package?place=Banglore');?>">Banglore</a><br> <a href="<?php echo base_url('our-package?place=Chikamangaloru');?>">Chikamangaloru</a><br> <a href="<?php echo base_url('our-package?place=Coorg');?>">Coorg</a><br> <a href="<?php echo base_url('our-package?place=Kodekenal');?>">Kodekenal</a><br> <a href="<?php echo base_url('our-package?place=Ooty');?>">Ooty</a><br> <a href="<?php echo base_url('our-package?place=Wayanad');?>">Wayanad</a><br> </div> </li> <!-- <li class="pack"><a href="<?php echo base_url('our-package'); ?>" >Our Tours Packages</a> --> </li> <li><a href="<?php echo base_url('contact-usform'); ?>">Contact Us</a></li> <li><a href="<?php echo base_url('book-now'); ?>">Book Now</a></li> <label for="check" class="close-menu"><i class="fas fa-times"></i></label> </span> <label for="check" class="open-menu"><i class="fas fa-bars"></i></label> </ul> </nav> </div> </div> <!-- nav row --> </div> </div> </div> <style> /* .nav-link{ padding: 0px; } .carousel-item img{ position: relative; top: 0px; z-index: -1 !important; } .dropdown-item{ text-align: left !important; font-size: 18px; } .dropdown-menu{ background-color: black; } */ .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 15px 16px; z-index: 1; font-size: 20px; } .dropdown:hover .dropdown-content { display: block; } .dropdown-content{ background-color: #061D3C !important; } </style>