-
Notifications
You must be signed in to change notification settings - Fork 1
/
membership.html
104 lines (91 loc) · 5.17 KB
/
membership.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Brown CSA | Membership</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="https://fonts.googleapis.com/css2?family=Raleway&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap" rel="stylesheet">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/utils.css">
<link rel="stylesheet" href="css/membership.css">
<link href="hover.css" rel="stylesheet" media="all">
<!-- JS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script type="text/javascript" src="navigation.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Font Awesome
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script src="https://kit.fontawesome.com/274e33ba79.js" crossorigin="anonymous"></script>
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/csaLogoBW_icon.svg">
</head>
<body id="common">
<div class="boundingcontainer">
<div class="header">
<div class="homeSection" onmouseover="hover(document.getElementById('homeIcon'));"
onmouseout="unhoverNormal(document.getElementById('homeIcon'));" onclick="location.href = 'index.html';">
Brown CSA
<img id="homeIcon" src="images/csaLogo.png">
</div>
<div class="burger">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
<div class="line4"></div>
</div>
</div>
<!-- Moved dropdown outside of header and put it in dropdownContainer -->
<div class="dropdownContainer">
<ul class="nav-links">
<li>
<a href = "index.html" class = "hvr-fade"> Home </a>
</li>
<li>
<a href = "about.html" class = "hvr-fade"> About </a>
</li>
<li>
<a href = "events.html" class = "hvr-fade"> Events </a>
</li>
<!-- <li>
<a href = "contact.html" class = "hvr-fade"> Contact Us </a>
</li> -->
</ul>
</div>
<h1>Membership</h1>
<div class="container">
<h4>Join the Family!</h4>
<p class="description">Visit us at the Activities Fair at the beginning of the year to get involved
with our general body! As a member, you'll have the opportunity to be involved
with our family groups, hear about and attend events, and join the mailing list!
</p>
<img class="membershipImage" src="images/group.jpg" alt="CSA EBoard">
<p>CSA organizes its membership into two tiers: our GB and our EB! Keep reading to find out more about how to get involved:</p>
<p>
General Body: GB members are defined as anyone on our internal mailing list. GB members are welcome to attend any events advertised on our internal mailing list. GB members are also able to join or lead a CSA Family. The CSA Family Program pairs upperclassmen GB members with underclassmen GB members to engage in community-building within CSA.
</p>
<p>Executive Board: EB members apply at the end of each school year. This team is dedicated to planning and executing key logistics behind CSA events. EB is an exciting way to get more involved in CSA and meet new people within the organization!
</p>
<p>
Join our mailing list <a href="https://docs.google.com/forms/d/e/1FAIpQLSetF8O2SDzfd2Hljq83iZS_qgOyXCuu4ZG6KGBkRfPYEQr_iA/viewform">HERE</a>!
</p>
<a href="https://www.instagram.com/browncsa/" target="_blank">
<img class="insta" src="https://img.icons8.com/metro/52/000000/instagram-new.png"/></a>
<a href="https://www.facebook.com/BrownCSA/" target="_blank">
<img class="facebook" src="https://img.icons8.com/ios-filled/100/000000/facebook-new.png"/></a>
</div>
</div>
</body>