-
Notifications
You must be signed in to change notification settings - Fork 0
/
sus.html
107 lines (106 loc) · 4.99 KB
/
sus.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content ="width=device-width,initial-scale=1.0">
<title>Darbots 4100</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@600&family=Kumbh+Sans:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar">
<div class="navbar__container">
<a href="/" id="navbar__logo">4100</a>
<div class="navbar__toggle" id="mobile-menu">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<ul class="navbar__menu">
<li class="navbar__item">
<a href="/" class="navbar__links">Home</a>
</li>
<li class="navbar__item">
<a href="/history.html" class="navbar__links">Season</a>
</li>
<li class="navbar__item">
<a href="/tech.html" class="navbar__links">Outreach</a>
</li>
<li class="navbar__item">
<a href="/sus.html" class="navbar__links">Sustainability</a>
</li>
<li class="navbar__btn">
<a href="/contact.html" class="button">Reach Out</a>
</li>
</ul>
</div>
</nav>
<div class="main">
<div class="main__container">
<div class="main__content">
<h1>DARBOTS</h1>
<h2>4100</h2>
<h3>Sustainability</h3>
</div>
<div class="main__img--container">
<img src="images/IMG_4406.jpg" alt="pic" id="main__imgg">
</div>
</div>
</div>
<div class="sus">
<h1>How do we sustain our team?</h1>
<h3>As mentioned before, our team organized a summer camp annually where we actively encourage young local children to engage in STEM activities and introduce them to SPIKE Lego robots. Furthermore, we also mentor the Darlington FLL team, which serves as a foundation if they want to pursue robotics further in high school. In fact, many members of our rookie team this year, 5100, started out in FLL and now became participants of FTC. </h3>
</div>
<body>
<div class="wrapper">
<div class="gallery">
<div class="box"><h3>Our team at Boys and Girls Club</h3></div>
<div class="box"><h3>Mentoring FLL team</h3></div>
<div class="box"><h3>At our first Meet</h3></div>
<div class="box"><h3>At Meet 2</h3></div>
<div class="box"><h3>Our team at Boys and Girls Club</h3></div>
<div class="box"><h3>Robot demonstration to State Representative</h3></div>
</div>
</div>
</body>
<div class="footer__container">
<div class="footer__links">
<div class="footer__link--wrapper">
<div class="footer__link--items">
<h2>About Us</h2>
<a href="/"></a>
</div>
<div class="footer__link--items">
<h2>Contact Us</h2>
<a href="#nav"><span>Email</span></a>
<div class="expandable" id="nav">
<p>Darbots4151@gmail.com</p>
</div>
<a href="#nav2"><span>Instagram</span></a>
<div class="expandable" id="nav2">
<a href="https://instagram.com/darbotics" target="_blank">@darbotics</a>
</div>
</div>
</div>
</div>
<div class="social__media">
<div class="social__medial--wrap">
<div class="footer__logo">
<a href="/" id="footer__logo"><i class="fas faa-gem"></i>DARBOTS 4100</a>
</div>
<p class="website__rights">DARBOTS 2023. All rights reserved</p>
<div class="social__icons">
<a href="/" class="social__icon--link" target="_blank">
<i class="fab fa--emails"></i>
</a>
<a href="/" class="social__icon--link" target="_blank">
<i class="fab fa--instagram"></i>
</a>
</div>
</div>
</div>
</div>
<script src="app.js"></script>
</body>
</html>