beaver-auv.github.io/index.html at master · beaver-auv/beaver-auv.github.io · 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
<!DOCTYPE html>
<!-- https://robosub.org/programs/2020-robosub/ -->
<!-- https://docs.google.com/document/d/1054XAGg2y_vc5TbQJCIjQa5aamUG6Q0caysO9GXsPWg/edit?ts=5ed8072f -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>BeaverAUV</title>
    <script src="scrupt.js"></script>
    <link rel="stylesheet" href="home-style.css">
    <link rel="icon" href="images/beaverauv_logo.png">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&family=Nunito:wght@600&family=Bricolage+Grotesque:wght@700&display=swap" rel="stylesheet">
    <style>
      body { font-family: 'Nunito', Arial, sans-serif; }
    </style>
</head>
<body>
    <!-- Navigation Bar -->
    <nav class="main-navbar">
        <div class="nav-left">
            <div class="nav-logo">
                <a href="index.html"><img src="images/beaverauv_logo.png" alt="Beaver Logo" height="56"></a>
            </div>
            <div class="nav-links">
                <a href="team/team-main.html">Team</a>
                <a href="vehicle/vehicle.html">AUV</a>
                <a href="#gallery">Gallery</a>
                <a href="sponsor/sponsor.html">Sponsors</a>
                <a href="about/about.html">Contact</a>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero-section">
        <div class="hero-bg-overlay"></div>
        <div class="hero-center-box">
            <h1 class="display-text">BEAVER <span class="auv-highlight">AUV</span><br><span class="dm-sans">ROBOTICS TEAM</span></h1>
        </div>
    </section>

    <!-- About/Video Section -->
    <section class="about-video-section twocol">
        <div class="about-col left">
            <h2 class="dm-sans">About Us</h2>
            <p>
                BeaverAUV is a high school robotics team based out of <a target="_blank" href="https://bcdschool.org">Beaver Country Day School</a> in Chestnut Hill, Massachusetts. Our teammates are students ranging from grades 9 - 12 with varied experiences. In addition to building and programming our AUV, we work to give all members access to learn about all types of robotics and technologies.<br><br>
                As a small high school team, our sponsors are a great help to us. We greatly appreciate all of our sponsors that see the quality and drive in our team. There are many moving parts that make our team run. Check out how all of our members are getting involved!
            </p>
            <div class="about-btn-group">
                <a class="about-btn" href="team/team-main.html">Meet the Team</a>
                <a class="about-btn" href="about/about.html">More About Us</a>
                <a class="about-btn" href="sponsor/sponsor.html">See Our Sponsors</a>
            </div>
        </div>
        <div class="video-col right">
            <video controls>
                <source src="team/vid.webm" type="video/webm" />
            </video>
        </div>
    </section>

    <!-- Our Sub Section -->
    <section class="about-sub-section twocol">
        <div class="about-sub-img-col left vcenter">
            <img src="images/render-home-new.jpeg" alt="AUV Render" class="about-sub-img vcenter-img">
        </div>
        <div class="about-sub-col right vcenter">
            <div class="about-sub-content">
                <h2 class="dm-sans underline-heading">Our Sub</h2>
                <p>
                    Our AUV is a light, eight-thrustered vehicle that houses advanced technology. We are constantly updating the mechanical and programmatic aspects of our AUV.
                </p>
            </div>
        </div>
    </section>


    <!--
    <div class="maintext">
        <div id="heading" class="heading">
            <div id="head-name" class="title"><strong>BeaverAUV</strong></div>
        </div>
        <div>
            <h2>
                Who we are.
            </h2>
            <p class="body">
                BeaverAUV is a high school robotics team based out of from <a href="https://bcdschool.org">Beaver Country Day</a> in Chestnut Hill, Massachusetts. Our teammates are students ranging from grades 9 - 12 with varied experiences. In addition to building and programming our AUV, we work to give all members access to learn about all types of robotics and technologies.
            </p>
        </div>
        <div>
            <h2>
                Our AUV
            </h2>
            <p class="body">
                We are constantly updating our AUV. Lorem ipsum dolor sit amet, has ea molestie argumentum. Rebum graece quaestio no nam, ne vim mazim tractatos, eos et tale pertinacia. An quando argumentum vix, modo quot summo ne nec, ei his purto nominati. Nec an hinc dicat interesset, et has possit nostrud vulputate. Vero voluptatum reformidans ex vix. In sed timeam tacimates gloriatur.
            </p>
        </div>
    </div>
    -->

</body>
</html>