iMOB-Racing/drivers.html at main · sslinkyy/iMOB-Racing · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Meet the dedicated drivers of iMOB Racing.">
    <title>Drivers - iMOB Racing</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.1/dist/aos.css" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&family=Roboto:wght@400;500;700&display=swap">
</head>
<body>
    <nav class="navbar">
        <div class="navbar-container">
            <span class="navbar-toggle" id="js-navbar-toggle">
                <i class="fas fa-bars"></i>
            </span>
            <a href="index.html" class="logo">iMOB Racing</a>
            <ul class="main-nav" id="js-menu">
                <li><a href="index.html" class="nav-links">Home</a></li>
                <li><a href="drivers.html" class="nav-links">Drivers</a></li>
                <li><a href="cars.html" class="nav-links">Cars</a></li>
                <li><a href="mission.html" class="nav-links">Our Mission</a></li>
                <li><a href="index.html#contact" class="nav-links">Contact</a></li>
            </ul>
        </div>
    </nav>

    <section id="drivers" class="team-section" data-aos="fade-up">
        <h2>Meet the Drivers</h2>
        <div class="team-grid">
            <div class="team-card">
                <img src="https://imobracingonline.com/images/member1.jpg" alt="Anthony Yorba">
                <h3>Anthony Yorba</h3>
                <p>Co-founder, ASE Certified Technician</p>
            </div>
            <div class="team-card">
                <img src="https://imobracingonline.com/images/member2.jpg" alt="Tony Langston">
                <h3>Tony Langston</h3>
                <p>Co-founder, Visual Artist</p>
            </div>
            <div class="team-card">
                <img src="https://imobracingonline.com/images/member3.jpg" alt="Chris Statler">
                <h3>Chris Statler</h3>
                <p>Top Driver</p>
            </div>
            <div class="team-card">
                <img src="https://imobracingonline.com/images/member4.jpg" alt="Daniel Bertholf">
                <h3>Daniel Bertholf</h3>
                <p>Resident Drift Car Driver</p>
            </div>
        </div>
    </section>

    <footer class="footer">
        <div class="social-media">
            <a href="https://www.facebook.com/iMobRacing" target="_blank"><i class="fab fa-facebook"></i></a>
            <a href="https://twitter.com/iMobRacing" target="_blank"><i class="fab fa-twitter"></i></a>
            <a href="https://instagram.com/iMobRacing" target="_blank"><i class="fab fa-instagram"></i></a>
            <a href="https://youtube.com/iMobRacing" target="_blank"><i class="fab fa-youtube"></i></a>
        </div>
        <p>&copy; 2024 iMOB Racing. All rights reserved.</p>
        <p>Contact: info@imobracingonline.com | Phone: (530) 420-5850</p>
    </footer>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" async></script>
    <script src="https://cdn.jsdelivr.net/npm/aos@2.3.1/dist/aos.js"></script>
    <script src="scripts.js"></script>
</body>
</html>