Official-Website/drive.html at main · FutureShock7130/Official-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
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Team 7130 | Drive Team</title>

    <!-- Add favicon -->
    <link rel="icon" type="image/png" sizes="32x32" href="pic/frc7130logo-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="pic/frc7130logo-16x16.png">
    <link rel="apple-touch-icon" sizes="180x180" href="pic/frc7130logo-180x180.png">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Your CSS files -->
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="strategy.css">

    <!-- Bootstrap JavaScript and Popper.js -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
    <!-- Add any additional CSS/JS files you need -->
</head>
<body>
    <!-- Copy your EXACT header from index.html -->
    <header>
        <div class="logo">
            <img src="pic/frc7130logo.png" alt="FRC 7130 Future Shock Logo">
        </div>
        <nav class="navbar navbar-expand-lg navbar-light">
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" href="index.html#home">HOME</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="index.html#about_us">ABOUT US</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="index.html#awards">AWARDS</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="index.html#sponsors">SPONSORS</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="teamsDropdown" role="button"
                           data-bs-toggle="dropdown" aria-expanded="false">
                            SUBTEAMS
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="teamsDropdown">
                            <li><a class="dropdown-item" href="./programming.html">Programming Team</a></li>
                            <li><a class="dropdown-item" href="./mechanical.html">Mechanical Team</a></li>
                            <!-- <li><a class="dropdown-item" href="./design.html">Design Team</a></li> -->
                            <li><a class="dropdown-item" href="./administrative.html">Administrative Team</a></li>
                            <li><a class="dropdown-item" href="./strategy.html">Strategy Team</a></li>
                            <li><a class="dropdown-item" href="./drive.html">Drive Team</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>

    <div class="strategy-container fade-in">
        <div class="wrap">
            <h2>Drive Team</h2>

            <!-- Team Introduction -->
            <div class="strategy-section">
                <h3>Team Overview</h3>
                <p>Learn essential driving skills and develop the competitive mindset for FRC games.</p>
            </div>

            <!-- Team Modules -->
            <div class="strategy-grid">
                <div class="strategy-card">
                    <h3>Skills & Strategies</h3>
                    <div class="strategy-links">
                        <a href="https://hackmd.io/@JustOnTheRise/SJ4n-YOOee" target="_blank" class="strategy-link-box">
                            <span class="link-title">Introduction to Drive Team</span>
                            <span class="link-arrow">→</span>
                        </a>
                        <a href="https://drive.google.com/file/d/1TXKO1jH-2G92ST2nVxR8Fpqy1-el5zLS/view?usp=sharing" target="_blank" class="strategy-link-box">
                            <span class="link-title">The Essentials: Driving & Mindset</span>
                            <span class="link-arrow">→</span>
                        </a>
                    </div>
                </div>


                <!-- <div class="strategy-card">
                    <h3>Business Plan</h3>
                    <div class="strategy-links">
                        <a href="https://drive.google.com/file/d/1z2jjteqMNr1dKje9z2AMN3WqGC75HFBr/view?usp=drive_link" class="strategy-link-box" target="_blank">
                            <span class="link-title">Business Plan-1</span>
                            <span class="link-arrow">→</span>
                        </a>
                        <a href="https://drive.google.com/file/d/1Hg4IO9sgxYj8F2U0610PRmRNpIYXrR29/view?usp=drive_link" class="strategy-link-box" target="_blank">
                            <span class="link-title">Business Plan-2</span>
                            <span class="link-arrow">→</span>
                        </a>

                    </div>
                </div> -->

                <div class="strategy-card">
                    <h3>Handbooks</h3>
                    <ul>
                        <i>to be released.</i>

                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- Copy your EXACT footer from index.html -->
    <footer class="footer">
        <!-- Your footer content -->
    </footer>
</body>
</html>