Edit file File name : contact.php Content :<!DOCTYPE html> <?php include './class/include.php'?> <html lang="en"> <head> <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="description" content=""> <meta name="author" content=""> <title>Taxi Galle | Contact Us</title> <!-- Bootstrap --> <link href="common/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"> <!-- Owl Carousel --> <link href="common/owl-carousel/css/owl.carousel.min.css" rel="stylesheet" type="text/css"> <!-- Fancybox --> <link rel="stylesheet" href="common/fancybox/jquery.fancybox.min.css" type="text/css" /> <!-- Theme Style --> <link href="css/style.css" rel="stylesheet" type="text/css"> <!-- Custom Style --> <link href="css/custom.css" rel="stylesheet" type="text/css"> <link href="contact-form/style.css" rel="stylesheet" type="text/css"/> <style> .banner-home{ background: url(./images/banner/back_dark.jpg) top center no-repeat !important; background-size: cover; } .header-bottom { background: rgba(0, 0, 0, 0.5); } header.header-small{ background: #000; } .search-section .tab-sec .nav-tabs .nav-link{ padding: 19px 24px 10px 25px; } </style> </head> <body> <!--Header area start here--> <?php include('./header.php'); ?> <!-- Pagewrap Start Here --> <div class="content"> <section class="banner-gallery inner-banner"> <div class="banner-box"> <h1><span>CONTACT </span>Taxi Galle</h1> </div> </section> <section class="get-in-touch sec-pd inner-pd"> <div class="container"> <div class="row"> <div class="col-lg-8"> <div class="section-title left"> <h3 style="color: #020202;">Get in touch with us</h3> <hr> </div> <div class="form-section" style="margin-top: 20px;"> <div action="#" method="get"> <div class="row"> <div class="col-md-6"> <div class="form-group"> <input type="text" class="form-control" placeholder="Enter Your Name" id="txtFullName"> <span id="spanFullName"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <input type="text" class="form-control" placeholder="Enter Your Phone Number" id="txtPhone"> <span id="spanPhone"></span> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <input type="email" class="form-control" placeholder="Enter Your Email" id="txtEmail"> <span id="spanEmail"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <input type="text" class="form-control" placeholder="Enter Your Subject" id="txtSubject"> <span id="spanSubject"></span> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="form-group"> <textarea class="form-control" placeholder="Enter Your Message" rows="3" id="txtMessage"></textarea> <span id="spanMessage"></span> </div> </div> </div> <div class="row"> <div class="col-md-4 col-sm-6 mt-25"> <input class="form-control" id="captchacode" type="text" name="capcha-code" placeholder="Security Code"> <span id="capspan"></span> </div> <div class="form-group col-md-5 col-sm-6 co-xs-12 mt-10 capcha-code-responsive"> <?php include './contact-form/captchacode-widget.php'; ?> </div> </div> <div class="row"> <div class="col-md-4 col-sm-6"> <button type="submit" class="btn book-ride submit" id="btnSubmit">Submit</button> </div> </div> </div> <div id="dismessage" align=center" style="margin-top: 10px;"></div> </div> </div> <div class="col-lg-4"> <div class="contact-info"> <ul class="info"> <li> <div class="icon" style="line-height: 1;"> <img src="images/icon/2.png" alt="" width="20px" height="20px"/> </div> <div class="text"> <p>366/1B, </p> <p>Wakwella Rd</p> <p>Galle 80000</p> </div> </li> <li> <div class="icon"> <img src="images/icon/4.png" alt="" width="20px" height="20px"/> </div> <div class="text"> <p><a href="tel:+94777788363">+94 77 778 8363</a></p> </div> </li> <li> <div class="icon"> <img src="images/icon/1.png" alt="" width="20px" height="20px"/> </div> <div class="text"> <a href="mailto:info@taxigalle.com"><p>info@taxigalle.com</p></a> </div> </li> </ul> <ul class="event-social social-media"> <li> <a href="https://www.facebook.com/hbstoursandtaxilk/" target="blank"><img src="images/icon/facebook.png" alt="" width="35px" height="35px"/></a> </li> <li> <a href="mailto:info@taxigalle.com"><img src="images/icon/gmail.png" alt="" width="42px" height="42px"/></a> </li> <li> <a href="tel:+94777788363"><img src="images/icon/phone.png" alt="" width="38px" height="38px"/></a> </li> </ul> </div> </div> </div> </div> </section> <section> <!-- Google Map --> <div class="google-map"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3967.548909801724!2d80.20607520000002!3d6.056443100000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ae17243f71aac85%3A0x9e38a7283d24bbde!2sTaxi%20Galle!5e0!3m2!1sen!2slk!4v1667197928139!5m2!1sen!2slk" width="1423" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> <!--// Google Map --> </section> <?php include('./footer.php'); ?> </div> <!-- Pagewrap End Here--> <!-- jQuery (necessary for JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Bootsrap JS --> <script src="common/bootstrap/js/bootstrap.min.js"></script> <!-- Owl Crousel --> <script src="common/owl-carousel/js/owl.carousel.js"></script> <!-- Fancybox --> <script src="common/fancybox/jquery.fancybox.min.js"></script> <!-- Font Awesome JS --> <script src="js/all.min.js"></script> <!-- Custom JS --> <script src="js/custom.js"></script> <script src="contact-form/scripts.js" type="text/javascript"></script> </body> </html>Save