Car-Rental-Service/index.php at main · mainakpal4/Car-Rental-Service · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<?php
include('includes/db.php');
include('includes/header.php');
?>

<!-- Background Video -->
<video autoplay muted loop id="bgVideo">
    <source src="assets/videos/background.mp4" type="video/mp4">
    Your browser does not support HTML5 video.
</video>

<!-- Page Content -->
<div class="content container mt-4 position-relative">

    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2 style="
            font-size: 3rem;
            font-weight: 700;
            color: orange;
            text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
            letter-spacing: 2px;
        ">
            Available Cars
        </h2>

        <div class="text-end" style="color:white; text-shadow: 1px 1px 4px black;">
            <p><strong>Pickup:</strong> Parking Terminal, City Airport</p>
            <p><strong>Contact:</strong> +91 7439013721</p>
            <p><strong>Email:</strong> shubhojeetghosh123@gmail.com</p>
        </div>
    </div>

    <div class="row">
    <?php
    $res = mysqli_query($conn, "SELECT * FROM cars");
    while($car = mysqli_fetch_assoc($res)) {
    ?>
      <div class="col-md-4">
        <div class="card mb-4">
          <img src="assets/images/<?php echo $car['image_url']; ?>" class="card-img-top" style="height:200px;object-fit:cover;">
          <div class="card-body">
            <h5><?php echo htmlspecialchars($car['car_name']); ?></h5>
            <p>Model: <?php echo htmlspecialchars($car['car_model']); ?></p>
            <p>Price: ₹<?php echo $car['price_per_day']; ?>/day</p>
            <a class="btn btn-primary" href="car_details.php?id=<?php echo $car['car_id']; ?>">Book Now</a>
          </div>
        </div>
      </div>
    <?php } ?>
    </div>
</div>

<?php include('includes/footer.php'); ?>

<!-- CSS for Background Video -->
<style>
/* Fullscreen background video */
#bgVideo {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1; /* behind content */
    object-fit: cover;
}

/* Content above video */
.content {
    position: relative;
    z-index: 1;
}

/* Optional: card text readability */
.card-body h5,
.card-body p {
    color: #000; /* dark text on card */
}

/* Ensure pickup/contact info is responsive */
@media(max-width: 768px) {
    .content .d-flex {
        flex-direction: column;
        text-align: center;
    }
    .content .d-flex .text-end {
        text-align: center;
        margin-top: 10px;
    }
}
</style>