html-php-website/index.php at main · KalmanWebDesign/html-php-website · 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
<!DOCTYPE html>
<html lang="en">

<?php
$title = "Top Trucks";
include './include/head.inc.php';
?>

<body>
    <!-- navigation -->
    <?php
    include './include/navigation.inc.php';
    ?>
    <!-- hero -->
    <section class="hero-container">
        <div class="hero-text">
            <h1>Top Trucks</h1>
            <h2>We buy & sell the best trucks</h2>
            <a href="contact.php">
                <button>Contact Us</button>
            </a>
        </div>
    </section>
    <!-- truck inventory -->
    <h2 class="inventory-header" id="inventory">Truck Inventory</h2>
    <div class="trucks-grid">

        <?php
        include './include/trucks.inc.php';

        foreach ($truckInventory as $truck) {
            echo "
            <div class='truck' data-id='{$truck[0]}'>
                <img src='{$truck[4]}' alt='{$truck[1]}' loading='lazy'>
                <div>
                    <h2>{$truck[1]}</h2>
                    <p>Price: \${$truck[2]}</p>
                    <p>Mileage: {$truck[3]}</p>
                    <a href='contact.php'>
                        <button>Learn More</button>
                    </a>
                </div>
            </div>
            ";
        }
        ?>
    </div>

    <!-- footer -->
    <?php
    include './include/footer.inc.php';
    ?>

</body>

</html>