forked from ucbsweweb/ucb_swe_public_html
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsweplusplus.html
executable file
·204 lines (180 loc) · 9.75 KB
/
sweplusplus.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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>SWE++ | UC Berkeley SWE</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<!-- Custom styles for this template -->
<link href="css/clean-blog.css" rel="stylesheet">
<link rel="icon" href="img/favicon.png">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="submainNav">
<div class="container">
<a class="navbar-brand" href="index.html">
<div class="fadeInMove"><img src="img/swewhite.png" alt="SWE logo" height="38"></div>
</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="about.html"><div class="fadeInMove">About</div></a>
</li>
<li class="nav-item">
<a class="nav-link" href="officers.html"><div class="fadeInMove">Officers</div></a>
</li>
<li class="nav-item">
<a class="nav-link" href="calendar.html"><div class="fadeInMove">Calendar</div></a>
</li>
<li class="nav-item">
<a class="nav-link" href="involved.html"><div class="fadeInMove">Get Involved</div></a>
</li>
<li class="nav-item">
<a class="nav-link" href="outreach.html"><div class="fadeInMove">Outreach</div></a>
</li>
<li class="nav-item">
<a class="nav-link" href="corporate.html"><div class="fadeInMove">Corporate</div></a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://ucb-swe.medium.com/" target="_"><div class="fadeInMove">Blog</div></a>
</li>
</ul>
</div>
</div>
</nav>
<div class="lesswhitespace"></div>
<br>
<!-- Main Content -->
<div class="container">
<h2 class="post-title text-center">
SWE++
</h2>
<br>
<div class="justify-content-center text-center">
<h6>SWE++ is a new committee under the Society of Women Engineers that strives to give local middle school girls access to the field of computer science and inspire them to pursue computer science as a career. The gender gap within the technology workspace is a pressing issue, and SWE++ wants to pave the path for these young girls to feel comfortable and suited for careers in technology.</h6>
<br><br>
<img class="img-fluid" src="img/outreach/swepp/bear.png" alt="SWE++ logo">
<div style="margin-top: 30px; margin-bottom: 30px">
<a class="btn btn-purple mx-auto" style="background-color: #551A8B; color:#fff" href="https://sweplusplus.github.io/" target="_">VISIT OUR OFFICIAL WEBSITE!</a>
</div>
</div>
<br><br>
<h5>Classes</h5>
<br>
<h6>Piloted under the UC Berkeley chapter, this organization holds a ten-week programming course that encourages the development of a female computer science community and teaches students the foundations of Python. Currently our classes are held for middle school girls (6th to 8th grade).</h6>
<br>
<h6>Our classes start with an introduction to computer science principles through Scratch. We introduce the basics of logical thinking and introduce the general terms like conditionals and variables. We spend the rest of the time learning Python. We spend each class talking about certain topics starting with variables and types of objects (int, float, etc) and ramp up as the week goes, hitting things such as conditionals, for loops, while loops, and lists (among others).</h6>
<br>
<h6>Applications for our Spring 2021 class are closed, but check back again in August for our Fall 2021 applications.</h6>
<br>
<h6>Join our <strong><a href="http://eepurl.com/ccaFX1" target="_">mailing list</a></strong> for updates on class applications!</h6>
<br><br>
<h5>Tech Day</h5>
<br>
<h6>Tech Day is a day to make new friends, learn more about computer science and its application across different fields, and participate in fun engineering workshops and activities. This event is for middle school students who identify as female or non-binary and are interested in SWE++, engineering, computer science, and fun! No coding experience necessary! </h6>
<br>
<h6>Tech Day for Spring 2021 will be held virtually on <span style="color: #551A8B; font-weight: bold;">April 17th ~ April 18th</span>.</h6>
<br>
<h6>Join our <strong><a href="http://eepurl.com/ccaFX1" target="_">mailing list</a></strong> for updates on Tech Day applications!</h6>
<br><br>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid" src="img/outreach/swepp/swepp1.JPG" alt="Students working with Scratch in computer science lab.">
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid" src="img/outreach/swepp/swepp2.JPG" alt="Group picture of volunteers and participants.">
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid" src="img/outreach/swepp/swepp3.jpeg" alt="Students working on their projects in the lab.">
</div>
</div>
<br><br><br>
<h6 class="text-center">If you have any questions, please contact us by email at <strong><a href="mailto:[email protected] " target="_">[email protected]</a></strong>.</h6>
</div>
<div class="morewhitespace"></div>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<ul class="list-inline text-center">
<li class="list-inline-item">
<a href="https://www.facebook.com/SWE-UC-Berkeley-110515020740706/" target="_">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.instagram.com/ucb_swe" target="_">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-instagram fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="https://twitter.com/UCB_SWE" target="_">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.youtube.com/user/BerkeleySWE" target="_">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-youtube fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="https://open.spotify.com/show/7N32339d1A3GtiO2jz4T8I" target="_">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-spotify fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.redbubble.com/people/ucbswe/shop" target="_">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fa fa-shopping-bag fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
<br>
<a class="ocf" href="https://www.ocf.berkeley.edu">
<img src="https://www.ocf.berkeley.edu/hosting-logos/ocfbadge_mini8.png"
alt="Hosted by the OCF" style="border: 1;" />
</a>
<p class="copyright text-muted">Copyright © Society of Women Engineers 2021</p>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/clean-blog.min.js"></script>
</body>
</html>