File Manager V1.5
FILE_CONTENT: service.php
<?php
require_once 'header.php';
require_once(__DIR__ . '/admin/link_db_process.php');
// Get service name and id from URL
$service_name = isset($_GET['name']) ? $_GET['name'] : '';
$service_id = isset($_GET['id']) ? (int)$_GET['id'] : 0;
// Fetch service details
$service_details = [];
if ($service_name && $service_id) {
try {
$query = "SELECT * FROM dynamic_services WHERE service_name = ? AND id = ?";
$stmt = $conn->prepare($query);
$stmt->bind_param("si", $service_name, $service_id);
$stmt->execute();
$result = $stmt->get_result();
$service_details = $result->fetch_assoc();
} catch (Exception $e) {
echo "Error: " . $e->getMessage();
}
}
?>
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/cars/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="css/cars/zoomslider.css" />
<link rel="stylesheet" type="text/css" href="css/cars/style.css" />
<link rel="stylesheet" type="text/css" href="css/cars/component.css" />
<script type="text/javascript" src="js/cars/modernizr-2.6.2.min.js"></script>
<!--/web-fonts-->
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,300,300italic,700,400italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Wallpoet' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Ubuntu:400,500,700,300' rel='stylesheet' type='text/css'>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="shortcut icon" type="images/x-icon" href="img/kelog.PNG" />
<link rel="stylesheet" href="css/cars/main1.css">
<link rel="stylesheet" href="scss/cars/skin1.css">
<div id="demo-1" data-zs-src='["images/cars/3.jpg", "images/cars/1.jpg", "images/cars/2.jpg"]' data-zs-overlay="dots">
</div>
<!-- Service Content -->
<div class="sidebar-page-container" style="padding:5px 0px 0px;">
<div class="auto-container">
<div class="row clearfix">
<div class="content-side col-lg-12 col-md-12 col-sm-12">
<div class="services-single">
<div class="inner-box">
<h2><?php echo htmlspecialchars($service_details['service_name'] ?? 'Service Not Found'); ?></h2>
<div class="text">
<?php echo $service_details['content'] ?? 'Looking for the perfect ride for your special day? Look no further! We offer the best bridal car hire services, ensuring elegance, luxury, and comfort on your wedding day. </br>Our fleet includes all types of Mercedes and other premium vehicles, guaranteeing a grand entrance that matches the beauty of your occasion. </br>Whether you desire a sleek modern Mercedes-Benz, a classic vintage ride, or a luxurious SUV, we have the perfect car to complement your style.</br> With professional chauffeurs, impeccable service, and well-maintained vehicles, we make your journey as magical as your wedding. Book with us today and arrive in elegance!'; ?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<!--/featured_section-->
<div class="featured_section_w3l" style="padding:2px 0px 0px;">
<div class="container">
<h3 class="tittle">FEATURED CARS</h3>
<div class="featured_section_w3ls">
<?php
// Fetch featured cars from database
$query = "SELECT * FROM featured_cars WHERE active = 1 ORDER BY display_order ASC";
$result = mysqli_query($conn, $query);
if ($result && mysqli_num_rows($result) > 0) {
while ($car = mysqli_fetch_assoc($result)) {
?>
<div class="col-md-4 agileits_featured_grid">
<div class="featured-car-card">
<div class="featured-car-img">
<a href="images/cars/<?php echo htmlspecialchars($car['car_image']); ?>" > <img src="images/cars/<?php echo htmlspecialchars($car['car_image']); ?>"
alt="<?php echo htmlspecialchars($car['car_name']); ?>"
class="img-responsive"></a>
</div>
<div class="featured-car-content">
<h4><?php echo htmlspecialchars($car['car_name']); ?></h4>
<?php if (isset($_SESSION['admin']) && $_SESSION['admin']): ?>
<div class="admin-actions">
<a href="admin/edit_featured_car.php?id=<?php echo $car['id']; ?>"
class="edit-btn">Edit</a>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php
}
} else {
echo '<div class="col-md-12 text-center"><p>No featured cars available at the moment.</p></div>';
}
?>
<div class="clearfix"></div>
</div>
</div>
</div>
<style>
.featured_section_w3l {
padding: 4em 0;
background: #f8f9fa;
}
.featured_section_w3l .tittle {
color: #333;
font-size: 2.5em;
text-align: center;
margin-bottom: 1.5em;
font-weight: 600;
}
.featured-car-card {
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 15px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
margin-bottom: 30px;
overflow: hidden;
}
.featured-car-card:hover {
transform: translateY(-5px);
}
.featured-car-img {
position: relative;
overflow: hidden;
height: 250px;
}
.featured-car-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.featured-car-card:hover .featured-car-img img {
transform: scale(1.05);
}
.featured-car-content {
padding: 20px;
}
.featured-car-content h4 {
color: #333;
font-size: 1.3em;
margin-bottom: 10px;
font-weight: 600;
}
.featured-car-content p {
color: #666;
font-size: 0.95em;
line-height: 1.6;
margin-bottom: 15px;
}
.admin-actions {
text-align: right;
padding-top: 10px;
border-top: 1px solid #eee;
}
.edit-btn {
display: inline-block;
padding: 6px 15px;
background: #007bff;
color: #fff;
border-radius: 4px;
text-decoration: none;
font-size: 0.9em;
transition: background 0.3s ease;
}
.edit-btn:hover {
background: #0056b3;
color: #fff;
text-decoration: none;
}
@media (max-width: 991px) {
.featured_section_w3l {
padding: 3em 0;
}
.featured-car-card {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.featured_section_w3l .tittle {
font-size: 2em;
}
}
</style>
<!--/select-cars-agile-->
<div class="select-cars-agile" style="padding: 1em 0;">
<div class="container">
<div class="grid cars-main">
<div class="col-md-7 slide-show-w3l">
<!--//screen-gallery-->
<h3 class="tittle top">OUR CARS</h3>
<h6 class="sub">Great Prices. Great Vehicles. Great Service.</h6>
<div id="demo-1" data-zs-src='["images/cars/rr.jpg", "images/cars/u4.jpeg", "images/cars/f1.jpg", "images/cars/b8.jpg"]' data-zs-overlay="dots">
<div class="demo-inner-content">
<div class="car-info">
<h3>Premium Car Services</h3>
<p>Experience Luxury and Comfort</p>
</div>
</div>
</div>
<style>
#demo-1 {
position: relative;
width: 100%;
min-height: 500px;
background-color: #999;
overflow: hidden;
}
.demo-inner-content {
position: relative;
z-index: 2;
text-align: center;
padding-top: 200px;
}
.car-info {
color: #fff;
text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}
.car-info h3 {
font-size: 2.5em;
margin-bottom: 20px;
}
.car-info p {
font-size: 1.2em;
}
</style>
</div>
<div class="col-md-5 new-car-used">
<h3 class="tittle top"> CAR DECORATIONS</h3>
<div class="grid-section">
<figure class="effect-zoe">
<a href="used.html"><img src="images/cars/66.jpg" alt="Used Car"></a>
<figcaption>
<h4>Osby <span>Rides</span></h4>
</figcaption>
</figure>
</div>
<div class="grid-section">
<figure class="effect-zoe">
<a href="used.html"><img src="images/cars/43.jpg" alt="Used Car"></a>
<figcaption>
<h4>Osby <span>Rides</span></h4>
</figcaption>
</figure>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- footer -->
<script src="js/cars/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/cars/jquery.zoomslider.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
$("#flexiselDemo").flexisel({
visibleItems:1,
animationSpeed: 1000,
autoPlay: true,
autoPlaySpeed:1000,
pauseOnHover:true,
enableResponsiveBreakpoints: true,
responsiveBreakpoints: {
portrait: {
changePoint:480,
visibleItems: 1
},
landscape: {
changePoint:640,
visibleItems: 1
},
tablet: {
changePoint:768,
visibleItems: 1
}
}
});
});
</script>
<script type="text/javascript">
$(window).load(function() {
$("#flexiselDemo1").flexisel({
visibleItems: 4,
animationSpeed: 1000,
autoPlay: true,
autoPlaySpeed: 3000,
pauseOnHover:true,
enableResponsiveBreakpoints: true,
responsiveBreakpoints: {
portrait: {
changePoint:480,
visibleItems: 1
},
landscape: {
changePoint:640,
visibleItems: 2
},
tablet: {
changePoint:768,
visibleItems: 3
}
}
});
});
</script>
<script type="text/javascript" src="js/cars/jquery.flexisel.js"></script>
<script src="js/cars/bootstrap.js"></script>
<?php require_once 'footer.php'; ?>
[ KEMBALI ]