benzenebots.github.io/index.html at master · BenzeneBots/benzenebots.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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<html>

<head>
    <title>Benzene Bots</title>

    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link
        href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&family=Oswald&family=Roboto:wght@400;700&display=swap"
        rel="stylesheet">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <link rel="stylesheet" href="/style.css">

    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

    <script src="/partials/loader.js"></script>
</head>

<body>
    <nav>
        <div class="nav-wrapper black" id="nav">
        </div>
    </nav>

    <ul class="sidenav grey darken-4" id="mobile-nav">
    </ul>

    <main>
        <div class="container">
            <section id="home">
                <h1 class="white-text">The Benzene Bots</h1>
                <h2 class="red-text text-darken-3">Troy, MI - Team 4384</h2>
            </section>
        </div>

        <section id="aboutus" class="black">
            <div class="row container">
                <div class="col s12 l6">
                    <h3 class="red-text text-darken-3">About Us</h3>
                    <p>
                        Our team is student-driven, where students take charge of designing and building the robot.
                        It mostly consists of IA East students, but occasionally students from other high schools join
                        the
                        team as well.
                        The team is managed by mentors, who guide students and teach engineering as well as business
                        planning and leadership skills.
                        In addition to building a robot, we spread the FIRST message and demonstrate our robot's
                        capabilities at public events... <a href="/aboutus/">Read More</a>
                    </p>
                </div>
                <div class="col s12 l6">
                    <img class="responsive-img" src="/img/TeamPicture.JPG">
                </div>
            </div>
        </section>

        <section id="updates">
            <div class="container">
                <h4 class="white-text center">Updates</h4>
                <div class="row equal-height-cards" id="out">
                </div>
            </div>
        </section>

        <section id="gallery" class="grey darken-4">
            <div class="row">
               <!-- <div class="carousel">
                    <a class="carousel-item" href="#one!"><img src="/img/carousel1.jpg"></a>
                    <a class="carousel-item" href="#two!"><img src="/img/carousel2.jpg"></a>
                    <a class="carousel-item" href="#three!"><img src="/img/carousel3.jpg"></a>
                </div>-->
                <script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
                <div class="elfsight-app-b8e48902-c838-4d93-b9e9-eeb5cb3f8f68"></div>

            </div>

        </section>


        <section id="mailing list">
            <div class="container">
                <h4 class="white-text center">Join Our Mailing List</h4>
                <p class="center">Be the First to Hear All the Latest Benzene Bots News</p>
                <div class="row">
                    <form class="col s12">
                        <div class="row">
                            <div class="input-field col s6">
                                <input id="name" type="text">
                                <label for="name">Name</label>
                            </div>
                            <div class="input-field col s6">
                                <input id="email" type="email" class="validate">
                                <label for="email">Email</label>
                            </div>
                        </div>
                        <div class="row center">
                            <button class="btn red darken-3">Submit</button>
                        </div>
                    </form>
                </div>
            </div>
        </section>
    </main>

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            var elems = document.querySelectorAll('.carousel');
            var instances = M.Carousel.init(elems, {
                numVisible: 3,
                dist: -50,
                indicators: true
            });
        });
    </script>
    <script src="https://momentjs.com/downloads/moment.min.js"></script>
    <script src="https://unpkg.com/md@0.6.0/dist/md.min.js"></script>
</body>

</html>