master blayout b

This commit is contained in:
CHIEFSOFT\ameye
2024-09-21 21:51:46 -04:00
parent a1640df7ee
commit 9ee7b2653c
7 changed files with 1966 additions and 104 deletions
+2 -2
View File
@@ -6,5 +6,5 @@ use CodeIgniter\Router\RouteCollection;
* @var RouteCollection $routes
*/
$routes->get('/', 'Home::index');
$routes->get('/about', 'Home::index');
$routes->get('/contact', 'Home::index');
$routes->get('/about', 'Home::about');
$routes->get('/contact', 'Home::contact');
+9 -1
View File
@@ -6,6 +6,14 @@ class Home extends BaseController
{
public function index(): string
{
return view('welcome_message');
return view('home');
}
public function about(): string
{
return view('about-us');
}
public function contact(): string
{
return view('contact');
}
}
+84
View File
@@ -0,0 +1,84 @@
<?php $this->extend('layouts/master') ?>
<?php $this->section('content') ?>
<!-- About Us Section Start -->
<div class="about-us">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<!-- About Us Image Start -->
<div class="about-image">
<!-- About Image Start -->
<div class="about-img-1">
<figure class="reveal">
<img src="/assets/images/about-img-1.jpg" alt="">
</figure>
</div>
<!-- About Image End -->
<!-- About Image Start -->
<div class="about-img-2">
<figure class="reveal">
<img src="/assets/images/about-img-2.jpg" alt="">
</figure>
</div>
<!-- About Image End -->
</div>
<!-- About Us Image End -->
</div>
<div class="col-lg-6">
<!-- About Us Content Start -->
<div class="about-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">about us</h3>
<h2 class="text-anime-style-3" data-cursor="-opaque">Your trusted partner in reliable car rental</h2>
<p class="wow fadeInUp" data-wow-delay="0.25s">Aqestic Optio Amet A Ququam Saepe Aliquid Voluate Dicta Fuga Dolor Saerror Sed Earum A Magni Soluta Quam Minus Dolor Dolor</p>
</div>
<!-- Section Title End -->
<!-- About Content Body Start -->
<div class="about-content-body">
<!-- About Trusted Booking Start -->
<div class="about-trusted-booking wow fadeInUp" data-wow-delay="0.5s">
<div class="icon-box">
<img src="/assets/images/icon-about-trusted-1.svg" alt="">
</div>
<div class="trusted-booking-content">
<h3>easy booking process</h3>
<p>We Have Optimized The Booking Process So That Our Clients Can Experience The Easiest And The Safest Service</p>
</div>
</div>
<!-- About Trusted Booking End -->
<!-- About Trusted Booking Start -->
<div class="about-trusted-booking wow fadeInUp" data-wow-delay="0.75s">
<div class="icon-box">
<img src="/assets/images/icon-about-trusted-2.svg" alt="">
</div>
<div class="trusted-booking-content">
<h3>convenient pick-up & return process</h3>
<p>We Have Optimized The Booking Process So That Our Clients Can Experience The Easiest And The Safest Service</p>
</div>
</div>
<!-- About Trusted Booking End -->
</div>
<!-- About Content Body End -->
<!-- About Content Footer Start -->
<div class="about-content-footer wow fadeInUp" data-wow-delay="1s">
<a href="#" class="btn-default">contact us</a>
</div>
<!-- About Content Footer End -->
</div>
<!-- About Us Content End -->
</div>
</div>
</div>
</div>
<!-- About Us Section End -->
<?= $this->endSection() ?>
+186
View File
@@ -0,0 +1,186 @@
<?php $this->extend('layouts/master') ?>
<?php $this->section('content') ?>
<!-- Page Header Start -->
<div class="page-header bg-section parallaxie">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-3" data-cursor="-opaque">Contact Us</h1>
<nav class="wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li>
<li class="breadcrumb-item active" aria-current="page">contact us</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Page Contact Us Start -->
<div class="page-contact-us">
<div class="contact-info-form">
<div class="container">
<div class="row">
<div class="col-lg-6">
<!-- Contact Information Start -->
<div class="contact-information">
<!-- Contact Information Title Start -->
<div class="section-title">
<h2 class="text-anime-style-3" data-cursor="-opaque">Contact information</h2>
<p>Say something to start a live chat!</p>
</div>
<!-- Contact Information Title End -->
<!-- Contact Information List Start -->
<div class="contact-info-list">
<!-- Contact Info Item Start -->
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.25s">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
</div>
<!-- Icon Box End -->
<!-- Contact Info Content Start -->
<div class="contact-info-content">
<p>(+01) 789 854 856</p>
</div>
<!-- Contact Info Content End -->
</div>
<!-- Contact Info Item End -->
<!-- Contact Info Item Start -->
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.5s">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
</div>
<!-- Icon Box End -->
<!-- Contact Info Content Start -->
<div class="contact-info-content">
<p>info@domain.com</p>
</div>
<!-- Contact Info Content End -->
</div>
<!-- Contact Info Item End -->
<!-- Contact Info Item Start -->
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.75s">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/icon-location.svg" alt="">
</div>
<!-- Icon Box End -->
<!-- Contact Info Content Start -->
<div class="contact-info-content">
<p>1234 Elm Street, Suite 567 Springfield, United States</p>
</div>
<!-- Contact Info Content End -->
</div>
<!-- Contact Info Item End -->
</div>
<!-- Contact Information List End -->
<!-- Contact Information Social Start -->
<div class="contact-info-social wow fadeInUp" data-wow-delay="0.5s">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
<!-- Contact Information Social End -->
</div>
<!-- Contact Information End -->
</div>
<div class="col-lg-6">
<!-- Contact Form Start -->
<div class="contact-us-form">
<form id="contactForm" action="#" method="POST" data-toggle="validator" class="wow fadeInUp" data-wow-delay="0.5s">
<div class="row">
<div class="form-group col-md-6 mb-4">
<label>first name</label>
<input type="text" name="name" class="form-control" id="fname" placeholder="Enter Your Name" required>
<div class="help-block with-errors"></div>
</div>
<div class="form-group col-md-6 mb-4">
<label>last name</label>
<input type="text" name="name" class="form-control" id="lname" placeholder="Enter Your Name" required>
<div class="help-block with-errors"></div>
</div>
<div class="form-group col-md-6 mb-4">
<label>email</label>
<input type="email" name ="email" class="form-control" id="email" placeholder="Enter Your Email" required>
<div class="help-block with-errors"></div>
</div>
<div class="form-group col-md-6 mb-4">
<label>phone</label>
<input type="text" name="phone" class="form-control" id="phone" placeholder="Enter Your Number" required>
<div class="help-block with-errors"></div>
</div>
<div class="form-group col-md-12 mb-4">
<label>message</label>
<textarea name="msg" class="form-control" id="msg" rows="4" placeholder="Write Your Message" required></textarea>
<div class="help-block with-errors"></div>
</div>
<div class="col-lg-12">
<div class="contact-form-btn">
<button type="submit" class="btn-default">send message</button>
<div id="msgSubmit" class="h3 hidden"></div>
</div>
</div>
</div>
</form>
</div>
<!-- Contact Form End -->
</div>
</div>
</div>
</div>
</div>
<!-- Page Contact Us End -->
<!-- Google Map Start -->
<div class="google-map">
<div class="container">
<div class="row section-row">
<div class="col-lg-12">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">location</h3>
<h2 class="text-anime-style-3" data-cursor="-opaque">How to reach our location</h2>
</div>
<!-- Section Title End -->
</div>
</div>
<div class="row">
<div class="col-lg-12">
<!-- Google Map Iframe Start -->
<div class="google-map-iframe">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d96737.10562045308!2d-74.08535042841811!3d40.739265258395164!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sin!4v1703158537552!5m2!1sen!2sin" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<!-- Google Map Iframe End -->
</div>
</div>
</div>
</div>
<!-- Google Map End -->
<?= $this->endSection() ?>
+1439
View File
File diff suppressed because it is too large Load Diff
+246
View File
@@ -0,0 +1,246 @@
<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="ChiefSoft">
<!-- Page Title -->
<title>johnbullvanrental - Fleet Rental </title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="/assets/images/favicon.png">
<!-- Google Fonts Css-->
<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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<!-- Bootstrap Css -->
<link href="/assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="/assets/css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="/assets/css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="/assets/css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="/assets/css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="/assets/css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="/assets/css/mousecursor.css">
<!-- Main Custom Css -->
<link href="/assets/css/custom.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- Preloader Start -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="/assets/images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<!-- Header Start -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="/">
<!-- <img src="/assets/images/logo.svg" alt="Logo">-->
<div style="font-size: 44px; font-weight: bolder; text-transform: uppercase;"> <span style="color: #ff3600;">johnbull</span>van<span style="color: #ff3600;">rental</span></div>
</a>
<!-- Logo End -->
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item"><a class="nav-link" href="./">Home</a>
</li>
<li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
<!-- <li class="nav-item"><a class="nav-link" href="service.html">Services</a></li>-->
<!-- <li class="nav-item submenu"><a class="nav-link" href="#">Cars</a>-->
<!-- <ul>-->
<!-- <li class="nav-item"><a class="nav-link" href="cars.html">Car Lists</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="car-single.html">Car Details</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="car-type.html">Cars Type</a></li>-->
<!-- </ul>-->
<!-- </li>-->
<!-- <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>-->
<!-- <ul>-->
<!-- <li class="nav-item"><a class="nav-link" href="service-single.html">Service Details</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="blog-single.html">Blog Details</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="drivers.html">Drivers</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="driver-single.html">Driver Details</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="pricing.html">Pricing</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="image-gallery.html">Image Gallery</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="video-gallery.html">Video Gallery</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="testimonials.html">Testimonials</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="faqs.html">FAQ's</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="404.html">404</a></li>-->
<!-- </ul>-->
<!-- </li>-->
<li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
</ul>
</div>
<!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex">
<a href="#" class="btn-default">book a rental</a>
</div>
<!-- Lets Start Button End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<?= $this->renderSection('content') ?>
<!-- Footer Start -->
<footer class="main-footer bg-section">
<div class="container">
<div class="row">
<div class="col-lg-3">
<!-- About Footer Start -->
<div class="about-footer">
<!-- Footer Logo Start -->
<div class="footer-logo">
<img src="/assets/images/footer-logo.svg" alt="">
</div>
<!-- Footer Logo End -->
<!-- About Footer Content Start -->
<div class="about-footer-content">
<p>Experience the ease and convenience of renting a car with Novaride. </p>
</div>
<!-- About Footer Content End -->
</div>
<!-- About Footer End -->
</div>
<div class="col-lg-3 col-md-4">
<!-- Footer Quick Links Start -->
<div class="footer-links footer-quick-links">
<h3>legal policy</h3>
<ul>
<li><a href="#">term & condition</a></li>
<li><a href="#">privacy policy</a></li>
<li><a href="#">legal notice</a></li>
<li><a href="#">accessibility</a></li>
</ul>
</div>
<!-- Footer Quick Links End -->
</div>
<div class="col-lg-3 col-md-4">
<!-- Footer Menu Start -->
<div class="footer-links footer-menu">
<h3>quick links</h3>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">cars</a></li>
<li><a href="#">services</a></li>
</ul>
</div>
<!-- Footer Menu End -->
</div>
<div class="col-lg-3 col-md-4">
<!-- Footer Newsletter Start -->
<div class="footer-newsletter">
<h3>Subscribe to the Newsleeters</h3>
<!-- Footer Newsletter Form Start -->
<div class="footer-newsletter-form">
<form id="newslettersForm" action="#" method="POST">
<div class="form-group">
<input type="email" name="email" class="form-control" id="mail" placeholder="Email ..." required>
<button type="submit" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></button>
</div>
</form>
</div>
<!-- Footer Newsletter Form End -->
</div>
<!-- Footer Newsletter End -->
</div>
</div>
<!-- Footer Copyright Section Start -->
<div class="footer-copyright">
<div class="row align-items-center">
<div class="col-lg-6 col-md-7">
<!-- Footer Copyright Start -->
<div class="footer-copyright-text">
<p>© 2024 JohnBull Van Rental. All rights reserved.</p>
</div>
<!-- Footer Copyright End -->
</div>
<div class="col-lg-6 col-md-5">
<!-- Footer Social Link Start -->
<div class="footer-social-links">
<ul>
<li><a href="#"><i class="fa-brands fa-youtube"></i></a></li>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Footer Social Link End -->
</div>
</div>
</div>
<!-- Footer Copyright Section End -->
</div>
</footer>
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="/assets/js/jquery-3.7.1.min.js"></script>
<!-- Jquery Ui Js File -->
<script src="/assets/js/jquery-ui.js"></script>
<!-- Bootstrap js file -->
<script src="/assets/js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="/assets/js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="/assets/js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="/assets/js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="/assets/js/jquery.waypoints.min.js"></script>
<script src="/assets/js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="/assets/js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="/assets/js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="/assets/js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="/assets/js/gsap.min.js"></script>
<script src="/assets/js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="/assets/js/SplitText.js"></script>
<script src="/assets/js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="/assets/js/jquery.mb.YTPlayer.min.js"></script>
<!-- Wow js file -->
<script src="/assets/js/wow.js"></script>
<!-- Main Custom js file -->
<script src="/assets/js/function.js"></script>
</body>
</html>
-101
View File
@@ -129,107 +129,6 @@
</div>
</div>
<!-- Rent Details Section Start -->
<!-- <div class="rent-details wow fadeInUp" data-wow-delay="0.75s">-->
<!-- <div class="container">-->
<!-- <!-- Filter Form Start -->-->
<!-- <form action="#" method="get">-->
<!-- <div class="row no-gutters align-items-center">-->
<!-- <div class="col-md-12">-->
<!-- <div class="rent-details-box">-->
<!-- <div class="rent-details-form">-->
<!-- <!-- Rent Details Item Start -->-->
<!-- <div class="rent-details-item">-->
<!-- <div class="icon-box">-->
<!-- <img src="/assets/images/icon-rent-details-1.svg" alt="">-->
<!-- </div>-->
<!-- <div class="rent-details-content">-->
<!-- <h3>car type</h3>-->
<!-- <select class="rent-details-form form-select">-->
<!-- <option value="" disabled selected>Choose Car Type</option>-->
<!-- <option value="sport_car">sport car</option>-->
<!-- <option value="convertible_car">convertible car</option>-->
<!-- <option value="sedan_car">sedan car</option>-->
<!-- <option value="luxury_car">luxury car</option>-->
<!-- <option value="electric_car">electric car</option>-->
<!-- <option value="coupe_car">coupe car</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!-- Rent Details Item End -->-->
<!---->
<!-- <!-- Rent Details Item Start -->-->
<!-- <div class="rent-details-item">-->
<!-- <div class="icon-box">-->
<!-- <img src="/assets/images/icon-rent-details-2.svg" alt="">-->
<!-- </div>-->
<!-- <div class="rent-details-content">-->
<!-- <h3>pickup location</h3>-->
<!-- <select class="rent-details-form form-select">-->
<!-- <option value="" disabled selected>Pick Up Location</option>-->
<!-- <option value="abu_dhabi">abu dhabi</option>-->
<!-- <option value="alain">alain</option>-->
<!-- <option value="dubai">dubai</option>-->
<!-- <option value="sharjah">sharjah</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!-- Rent Details Item End -->-->
<!---->
<!-- <!-- Rent Details Item Start -->-->
<!-- <div class="rent-details-item">-->
<!-- <div class="icon-box">-->
<!-- <img src="/assets/images/icon-rent-details-3.svg" alt="">-->
<!-- </div>-->
<!-- <div class="rent-details-content">-->
<!-- <h3>pickup date</h3>-->
<!-- <p><input type="text" name="date" placeholder="mm/dd/yyyy" class="rent-details-form datepicker" required></p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!-- Rent Details Item End -->-->
<!---->
<!-- <!-- Rent Details Item Start -->-->
<!-- <div class="rent-details-item">-->
<!-- <div class="icon-box">-->
<!-- <img src="/assets/images/icon-rent-details-4.svg" alt="">-->
<!-- </div>-->
<!-- <div class="rent-details-content">-->
<!-- <h3>Dropoff location</h3>-->
<!-- <select class="rent-details-form form-select">-->
<!-- <option value="" disabled selected>Drop Off Location</option>-->
<!-- <option value="abu_dhabi">abu dhabi</option>-->
<!-- <option value="alain">alain</option>-->
<!-- <option value="sharjah">sharjah</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!-- Rent Details Item End -->-->
<!---->
<!-- <!-- Rent Details Item Start -->-->
<!-- <div class="rent-details-item">-->
<!-- <div class="icon-box">-->
<!-- <img src="/assets/images/icon-rent-details-5.svg" alt="">-->
<!-- </div>-->
<!-- <div class="rent-details-content">-->
<!-- <h3>Return Date</h3>-->
<!-- <p><input type="text" name="date" placeholder="mm/dd/yyyy" class="rent-details-form datepicker" required></p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!-- Rent Details Item End -->-->
<!---->
<!-- <div class="rent-details-item rent-details-search">-->
<!-- <a href="#"><i class="fa-solid fa-magnifying-glass"></i></a>-->
<!-- </div>-->
<!-- </div>-->
<!---->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </form>-->
<!-- <!-- Filter Form End -->-->
<!-- </div>-->
<!-- </div>-->
<!-- Rent Details Section End -->
</div>
<!-- Hero Section End -->