-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
155 lines (145 loc) · 6.58 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home | BHS Programming Club</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
<link rel="stylesheet" href="stylesheets/style.css">
<link rel="stylesheet" href="stylesheets/home.css">
<link href="https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@423&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Krona+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<div class="heading">
<div class="rectangle"><p class = "shape-text">BHS Programming Club</p></div>
<div id="topnav">
<a class="active" href="https://bellevuehighprogrammingclub.github.io/">Home</a>
<a href="mentoring.html">Mentoring</a>
<div class="dropdown">
<p class="members-button">Members
</p>
<div id="dropdown-content">
<p>Abigail Stucki</p>
<p>Adrien Delepine</p>
<p>Andrew Lee</p>
<p>Anna Viertler</p>
<p>Brandon Gesli</p>
<p>Cameron Shokri</p>
<p>Catherine Lacis</p>
<p>Chendi Luo</p>
<p>Connor Duncan</p>
<p>Eric Yen</p>
<p>Ethan Fong</p>
<p>Evan Suen</p>
<p>Guy Gese</p>
<p>Ian Clark</p>
<p>Ian Mcknight</p>
<p>Ivan Chesnokov</p>
<p>Jack Zhang</p>
<p>Jacqueline Palevich</p>
<p>Jake Lee</p>
<p>James Jardine</p>
<p>Jia Xuan Cheng</p>
<p>Katherine Palevich</p>
<p>Kevin Xiao</p>
<p>Kosha Upadhyay</p>
<p>Kristen Gustafson</p>
<p>Michelle Li</p>
<p>Natalia Furmanczyk</p>
<p>Olivia Chang</p>
<p>Qiyuan Peng</p>
<p>Santiago Garcia</p>
<p>Sarah Chen</p>
<p>Sean Quigley</p>
<p>Shreyash Sinha</p>
<p>Sophia Barber</p>
<p>Subhash Saravanan</p>
<p>Tierney Clark</p>
<p>William Gvozdjak</p>
</div>
</div>
<div class="dropdown">
<p class="events-button">Events
</p>
<div id="dropdown-content-events">
<a href="internships.html">Internships & Scholarships</a>
<a href="competitions.html">Competitions</a>
<a href="industryPresentations.html">Industry Presentations</a>
</div>
</div>
<a href="contact.html">Contact Us</a>
</div>
</div>
<div id="content">
<div id="heading-image">
<div id="trapezoid-1">
<p>
<div id="large-text">Bellevue High School</div>
<div id="mini-text">Programming Club</div>
</p>
</div>
<div id="trapezoid-2">
<div id="trap-2-line-1">Welcome to the official website </div>
<div id="trap-2-line-2">of the Bellevue High Programming Club!</div>
</div>
</div>
<!----
<div class="homepage-background-text">
<h1 class="title-text">BHS Programming Club</h1>
</div>
<div class="after-intro-image">
<div class="calendarLink">
<a href="calendar.html">Calendar</a>
</div>
</div>
---->
<div id="about-us">
<div id="about-image">
<img style="border-radius: 0px !important;" src="images/about-us-image_noBG.png">
</div>
<div id="about-text">
<h2>About the BHS Programming Club</h2>
<p>We are a club of high school students passionate about computer programming from Bellevue High School. Club members collaborate with each other on various projects such as solving USA Computing Olympiad problems, website building, GameMaker, and learning Python to improve their programming skills.</p>
<h2>Leadership</h2>
<div class="img-with-popup-wrapper">
<img src="images/KatherinePalevich.jpg" alt="Katherine Palevich (President)" width="125">
<div class="img-overlay"><p>Katherine Palevich (President)</p></div>
</div>
<div class="img-with-popup-wrapper">
<img src="images/JacquelinePalevich.JPG" alt="Jacqueline Palevich (Vice Pres.)" width="125">
<div class="img-overlay"><p>Jacqueline Palevich (Vice Pres.)</p></div>
</div>
<div class="img-with-popup-wrapper">
<img src="images/WilliamGvozdjak.jpg" alt="William Gvozdjak (Vice Pres.)" width="125">
<div class="img-overlay"><p>William Gvozdjak (Vice Pres.)</p></div>
</div>
<!---<div class="img-with-popup-wrapper">
<img src="images/ConnorDuncan.jpg" alt="Connor Duncan (Lead Mentor)" width="125">
<div class="img-overlay"><p>Connor Duncan (Lead Mentor)</p></div>
</div>--->
<div class="img-with-popup-wrapper">
<img src="images/Kosha_Upadhyay.png" alt="Kosha Upadhyay (Secretary)" width="125">
<div class="img-overlay"><p>Kosha Upadhyay (Secretary)</p></div>
</div>
</div>
</div>
<div id="calendar-div">
<iframe class="calendar" src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23fee2b4&ctz=America%2FLos_Angeles&src=YWJvanEyZDJ2NTNzamZhaDJjN28xM2ZiZG9AZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&src=ZW4udXNhI2hvbGlkYXlAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t&color=%23F6BF26&color=%230B8043" style="border:solid 1px #777" width="800" height="600" frameborder="0" scrolling="no"></iframe>
<div id="calendar-text">
<h2>Programming Club: Upcoming Events</h1>
<ol>
<li>Kickoff Meeting: 10/15/2021
</ol>
</div>
</div>
</div>
<!--- don't do any html content outside of this div, this is the content wrapper */ --->
<script src="javascriptFiles/app.js">
</script>
</body>
</html>