webv2/about.html at main · utra/webv2 · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
    <title>UTRA - The University of Toronto Robotics Association</title>
    <link rel="shortcut icon" href="latest_logo.png">

    <!--box icons-->
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>

    <!--custom css-->
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet"
        href="https://toert.github.io/Isolated-Bootstrap/versions/4.0.0-beta/iso_bootstrap4.0.0min.css">
</head>

<body>
    <!--header-->
    <header class="header">
        <!-- <a href="#home" class="logo"><img src="images/logo_rectangle.png" alt="" width="20%"></a> -->
       <img href="#home" class="logo" src="../images/logo_rectangle.png" alt=""></a>
        <i class='bx bx-menu' id="menu-icon"></i>

        <nav class="navbar">
            <a href="../index.html" class="active"><i class='bx bxs-home-alt-2'></i> Home</a>
            <a href="#about"><i class='bx bxs-info-circle'></i> About</a>
            <a href="team.html"><i class='bx bxs-user-detail'></i> Teams</a>
            <a href="#project"><i class='bx bxs-calendar-event'></i> Events</a>
            <a href="#contact"><i class='bx bxs-phone-call'></i> Contact</a>
        </nav>
    </header>

    <!--experiences section design-->
    <section class="experience" id="about">
        <h2 class="heading">About <span>UTRA</span></h2>
        <div class="home-content">
            <div class="two-columns">
                <div class="column">
                  <!-- Content for the first column -->
                    <p style="margin: 1rem 0 3rem; line-height: 3.5rem; font-size: 2.0rem;">
                        UTRA is the face of robotics at the University of Toronto (U of T). We design and build robots to compete in international competitions like RoboGames and the Intelligent Ground Vehicle Competition, among others. We have five different subteams that work independently and also host talks and workshops. Our mission is to foster interest in robotics and teach anybody who is interested all that they need to know to be able to contribute.
                    </p>
                </div>
                <div class="column">
                  <!-- Content for the second column -->
                  <img src="../images/intro.png" alt="">
                </div>
            </div>
        </div>
        <a href="#" class="btn"><i class='bx bx-link-external'></i> Read More</a>
    </section>

    <!--Past Events-->
    <section class="project" id="">
        <h2 class="heading">Our<span> Impact</span></h2>


    </section>

    <section class="experience" id="">
        <h2 class="heading">UTRA's<span> Leadership</span></h2>


    </section>


    <!-- there Bootstrap doesn't work-->

    <!--scroll reveal-->
    <script src="https://unpkg.com/scrollreveal"></script>

    <!--typed js -->
    <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>

    <!--micromodal.js-->
    <script src="https://unpkg.com/micromodal/dist/micromodal.min.js"></script>

    <!--custom js-->
    <script src="../script.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
        crossorigin="anonymous"></script>
</body>

</html>