Edit file File name : header1.php Content :<!DOCTYPE html> <html lang="en"> <head> <title>Loan Service</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> <!-- External CSS libraries --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/css/bootstrap-submenu.css"> <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/css/magnific-popup.css"> <link rel="stylesheet" href="<?=base_url()?>assets/css/leaflet.css" type="text/css"> <link rel="stylesheet" href="<?=base_url()?>assets/css/map.css" type="text/css"> <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/fonts/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/fonts/flaticon/font/flaticon.css"> <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/fonts/linearicons/style.css"> <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/css/jquery.mCustomScrollbar.css"> <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/css/dropzone.css"> <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/css/slick.css"> <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/css/responsive.css"> <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">--> <!-- Custom stylesheet --> <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/css/style.css"> <link rel="stylesheet" type="text/css" id="style_sheet" href="<?=base_url()?>assets/css/skins/default.css"> <!-- Favicon icon --> <link rel="icon" type="image/png" sizes="16x16" href="<?=base_url()?>assets/img/favicon-32x32.png"> <!-- Google fonts --> <!-- <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,300,700">--> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <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.2/assets/owl.theme.default.min.css" /> <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css">--> <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css">--> <link href=" https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/fontawesome.min.css"> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script> </head> <body data-spy="scroll" data-target=".navbar" data-offset="50"> <!--<div class="page_loader"></div>--> <!-- Main header start --> <header class="main-header header-transparent sticky-header scroll-hide"> <div class="container"> <nav class="navbar navbar-expand-lg navbar-light"> <a class="navbar-brand logo" href="<?=base_url()?>"> <img src="<?=base_url()?>assets/img/logos/black-logo.png" alt="logo"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon" onclick="changeIcon(this.)"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-auto"> <li class="nav-item active"> <a class="nav-link" href="<?=base_url()?>index.php/index2"> Home </a> </li> <li class="nav-item sp"> <a href="<?=base_url()?>about" class="nav-link link-color">About</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Services </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> <li><a class="dropdown-item" href="<?=base_url()?>index.php/homeloan">Home Loan</a></li> <li><a class="dropdown-item" href="<?=base_url()?>index.php/balancetransfer">Balance Transfer</a></li> <li><a class="dropdown-item" href="<?=base_url()?>index.php/loanagainstproperty">Loan Against Property</a></li> <li><a class="dropdown-item" href="<?=base_url()?>index.php/personalloan">Personal Loan</a></li> <li><a class="dropdown-item" href="<?=base_url()?>index.php/businessloan">Business Loan</a></li> </ul> </li> <li class="nav-item sp"> <a href="<?=base_url()?>contactus" class="nav-link link-color">Contact</a> </li> <li class="nav-item sp"> <a href="<?=base_url()?>becomeapartner_loan" class="nav-link link-color"><i class="fa fa-plus"></i>Become a Partner</a> </li> </ul> <div> <buttom style="padding: 0 10px;"><a class="btn btn-theme btn-md textcolor" href="<?=base_url()?>index.php/welcome">Property services</a></buttom> </div> </div> </nav> </div> </header> <!-- Main header end --> Save