Official-Website/administrative.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
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Team 7130 | Administrative Team</title>

    <!-- Add favicon -->
    <link rel="icon" type="image/png" href="pic/frc7130logo.png">
    <!-- For Apple devices -->
    <link rel="apple-touch-icon" href="pic/frc7130logo.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="administrative.css">

    <!-- Bootstrap JavaScript and Popper.js -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</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="administrative-container fade-in">
        <div class="wrap">
            <h2>Administrative Team</h2>

            <!-- Team Introduction -->
            <div class="administrative-section">
                <h3>Team Overview</h3>
                <p>Managing team operations and business development through detailed planning and documentation.</p>
            </div>

            <!-- Business Plans -->
            <div class="administrative-grid">
                <div class="administrative-card">
                    <h3>Business Plans Workshop</h3>
                    <div class="administrative-links">
                        <a href="https://drive.google.com/file/d/1z2jjteqMNr1dKje9z2AMN3WqGC75HFBr/view?usp=drive_link" class="administrative-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="administrative-link-box" target="_blank">
                            <span class="link-title">Business Plan-2</span>
                            <span class="link-arrow">→</span>
                        </a>

                    </div>
                </div>

                <!-- <div class="administrative-card">
                    <h3>Sponsorship Proposal</h3>
                    <div class="administrative-links">
                        <a href="https://drive.google.com/file/d/1S1NpuNvZh3qu8euA6U9qSnEI5wKch8lL/view?usp=sharing" class="administrative-link-box">
                            <span class="link-title">Sponsorship Proposal</span>
                            <span class="link-arrow">→</span>
                        </a>
                        <a href="https://drive.google.com/file/d/11ZetrQHfSqX1gxO4bU41H5sNzYWRA-zQ/view?usp=sharing" class="administrative-link-box">
                            <span class="link-title">Sponsorship Proposal(chinese)</span>
                            <span class="link-arrow">→</span>
                        </a>

                    </div>
                </div> -->

                <!-- Annual Reports -->
                <div class="administrative-card">
                    <h3>Annual Reports</h3>
                    <div class="administrative-links">

                        <a href="https://drive.google.com/file/d/1Fl2dWtsuWKq7Ma0EFQeNCe_kPIhHfZ8w/view?usp=sharing" class="administrative-link-box" target="_blank">
                            <span class="link-title">2024 Annual Report</span>
                            <span class="link-arrow">→</span>
                        </a>
                        <!-- Template for future years -->
                        <!-- <a href="#" class="administrative-link-box">
                            <span class="link-title">2025 Annual Report</span>
                            <span class="link-arrow">→</span>
                        </a> -->
                    </div>
                </div>
            </div>
        </div>
    </div>

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