View file File name : view-vehicles.php Content :<?php include './class/include.php'; $id = ''; $id = $_GET['id']; $VEHICLES = new Product($id); ?> <!DOCTYPE html> <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 |</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"> <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><?php echo $VEHICLES->name ?></h1> </div> </section> <section id="shop-area" class="single-shop-area" style="margin-bottom: 60px; margin-top: 60px;"> <div class="container"> <div class="row"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12"> <div class="shop-content"> <!--Start single shop content--> <div class="single-shop-content"> <div class="row"> <div class="col-md-8"> <div id="vehicle-slider1" class="owl-carousel owl-theme"> <?php $VEHICLE_PHOTO = new ProductPhoto(null); foreach ($VEHICLE_PHOTO->getProductPhotosById($VEHICLES->id) as $vehicle_photo) { ?> <div class="" style="border: 1px solid #bcbcbc;margin-bottom: 30px;"> <div class=""> <img src="upload/product/gallery/<?php echo $vehicle_photo['image_name'] ?>" alt="Latest New"> </div> </div> <?php } ?> </div> <div class="vehicle"> <?php echo $VEHICLES->description ?> </div> </div> <div class="col-md-4"> <h3 class="widget-title text-center" style="padding-bottom: 20px">Other Vehicle </h3> <div class="widget" style="overflow-y: auto; height: 764px;"> <?php $VEHICLES = new Product(NULL); foreach ($VEHICLES->all() as $vehicles) { ?> <aside class="sbl col-md-12 col-sm-12" style="padding-bottom: 20px;"> <div class="icons-box"> <div class="col-md-12 col-xs-6"> <div class="icons-wrap"> <a href="view-vehicles.php?id=<?php echo $vehicles['id'] ?>" class="icons-item type-2"> <img src="upload/product-type/product/<?php echo $vehicles['image_name']; ?>" alt="vehicle" class="img-width"> <div class="item-box" style=""> <div class="offer-action"> <div class="offer-btn-1">View Car</div> </div> </div> </a> </div> </div> </div> </aside> <?php } ?> </div> </div> </div> </div> </div> </div> </div> </div> </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> </body> </html>