orbotics.github.io/about.html at main · Orbotics/orbotics.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About | Team 10152</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link rel="stylesheet" href="styles.css">
<script defer src="script.js"></script>
</head>
<body>

  <header class="sticky-header">
    <nav class="navbar container">
      <a href="index.html" class="logo">
        <span class="logo-text">Team&nbsp;10152</span>
        <img class="logo-icon" src="images/logo.png" alt="logo">
      </a>

      <button class="burger" aria-label="Toggle navigation">
        <span></span><span></span><span></span>
      </button>

      <ul class="nav-links">
        <li><a href="index.html">Home</a></li>
        <li class="dropdown">
          <a href="about.html">About</a>
          <ul class="dropdown-menu">
            <li><a href="about.html#mission">Mission</a></li>
            <li><a href="history.html">History</a></li>
          </ul>
        </li>
        <li><a href="team.html">Departments</a></li>
        <li><a href="sponsorship.html">Sponsors</a></li>
        <li><a class="join-btn" href="https://forms.gle/GPbsaCeZxtxsVJex8" target="_blank">Join&nbsp;Us</a></li>
      </ul>
    </nav>
  </header>

<section class="page-hero"><h1>About&nbsp;Us</h1></section>

<section class="about-grid container">
  <div class="about-text">
    <h2 id="mission">Mission</h2>
    <p>Orbotics empowers students to innovate through robotics while uplifting our community with STEM outreach.</p>
    <br>
    <h2>Who Are We?</h2>
    <p>Our team, Greeley Orbotics, is a student-run rookie FRC robotics team. Since our founding in 2023 we’ve grown to more than seventy diverse students. Beyond competition, we help members and the community build skills in design, software, construction, and business management.</p>
  </div>

  <div class="about-img">
    <img src="images/2024-2025/Full.Team.Photo.jpg" alt="Full Team Photo">
  </div>
</section>

<section class="coaches container">
  <h2>Our&nbsp;Coaches</h2>

  <div class="coaches-grid">
    <div class="coach-card">
      <img src="images/ritter.jpg" alt="Mr. Ritter">
      <h3>Mr.&nbsp;Nick&nbsp;Ritter</h3>
      <p class="role">Coach – Logistics, Software, Drive Team</p>
      <p class="desc"></p>
    </div>

    <div class="coach-card">
      <img src="images/danko.jpg" alt="Mr. Danko">
      <h3>Mr.&nbsp;Matt&nbsp;Danko</h3>
      <p class="role">Coach – Logistics, Mechanics, Pit Crew</p>
      <p class="desc"></p>
    </div>
  </div>
</section>

<footer>
  <div class="container footer-flex">
    <p>&copy;2025&nbsp;Orbotics – FRC&nbsp;Team&nbsp;10152</p>

    <div class="social">
      <a href="mailto:greeleyrobotics@gmail.com" aria-label="Email">
        <i class="fas fa-envelope"></i>
      </a>
      <a href="https://www.instagram.com/orbotics10152/" target="_blank" aria-label="Instagram">
        <i class="fab fa-instagram"></i>
      </a>
      <a href="https://www.linkedin.com/company/greeley-robotics" target="_blank" aria-label="LinkedIn">
        <i class="fab fa-linkedin"></i>
      </a>
    </div>
  </div>
</footer>


</body>
</html>