-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
135 lines (102 loc) · 5.84 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
<!DOCTYPE html>
<html>
<head>
<title>Home | Van Tech Coding Club</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="images/linkinbiologo.png">
<!-- Import the Courier Prime font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap" rel="stylesheet">
<!-- ^^^ -->
<link href="css/universal.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/home.css">
<script src="https://kit.fontawesome.com/841ed0000c.js" crossorigin="anonymous"></script>
</head>
<body>
<nav>
<ul class="desktop_navbar" id="navbar">
<li><button onclick="burger_button()" class="navbut_text nav_button"><i class="fa fa-bars fa-lg"></i></button></li>
<li class="navbar_li"><a class="nav_text"><img class="navbar_logo" src="images/logo.png" alt="VanTech Coding Club Logo"/></a></li>
<li class="navbar_li navbar_title"><a class="nav_text" href="">VAN TECH CODING CLUB</a></li>
<li class="navbar_li navbar_li_right"><a class="nav_text current_nav_page" href="index.html">Home</a></li>
<li class="navbar_li navbar_li_right"><a class="nav_text" href="about.html">About</a></li>
<li class="navbar_li navbar_li_right"><a class="nav_text" href="meetingslides.html">Meeting Slides</a></li>
<li class="navbar_li navbar_li_right"><a class="nav_text" href="#footer_contact">Contact</a></li>
<li class="navbar_li navbar_li_right"><a class="nav_text joc" href="signup.html">Join our Club!</a></li>
</ul>
</nav>
<section>
<div class="top_section">
<div class="left_container">
<a href="links.html" target="_blank">
<img class="top_image" src="images\linkinbiologo.png" alt="club logo">
</a>
</div>
<div class="right_container">
<p class="top_section_text">
<span class="top_title">Hello, world!</span><br>
Welcome to the Van Tech Coding Club website! Here you can learn more about our club, executive team, and check out our meeting slides.
</p>
</div>
<div id="circle_1"></div>
<div id="circle_2"></div>
</div>
<svg viewBox="0 70 500 70" preserveAspectRatio="xMinYMin meet">
<path d="M0,80 C150,200 350,0 500,100 L500,00 L0,0 Z" style="stroke: none; fill: #234C8A;"></path>
</svg>
</section>
<section class="activites_container">
<h1 class="section_titles">Featured Activites and Events:</h1>
<div class="feature_container">
<div class="a_feature_container">
<div class="activity">
<div class="activity_image_container">
<a href="https://docs.google.com/presentation/d/1L_BPDgIoNcaQjhK1wyEkxgDI4FsH5SLV38rhptbq7sw/edit?usp=sharing" target="_blank"><img class="activity_image" src="images/other/wintercodefest.jpg"></a>
</div>
<p class="activity_title">Winter Codefest</p>
<p class="activity_description">The Winter Codefest was a fun opportunity for our members to put what they’ve learned to the test! Members gained the opportunity to collborate with other members to create a Winter or Christmas-themed coding project, which was then presented in front of the club.</p>
</div>
</div>
<div class="a_feature_container">
<div class="activity">
<div class="activity_image_container">
<a href="https://www.instagram.com/p/Ca5cjoVPX9N/" target="_blank"><img class="activity_image" src="images/other/guestspeaker.jpg"></a>
</div>
<p class="activity_title">Guest Speaker Panel</p>
<p class="activity_description">Gathered speakers from Amazon, Microsoft, and UBC to present their experiences to our members and answer questions they may have regarding post-secondary or careers in Computer Science.
</p>
</div>
</div>
<div class="a_feature_container">
<div class="activity">
<div class="activity_image_container">
<a href="https://docs.google.com/presentation/d/16BeUYDEZITdSyiAilH0s9okEMP873TRJoex9FrugXi8/edit?usp=sharing" target="_blank"><img class="activity_image" src="images/other/webdev.jpg"></a>
</div>
<p class="activity_title">Web Development Workshop</p>
<p class="activity_description">Our first and currently longest running workshop! We taught the basics of HTML, CSS, and Javascript to help our members learn front-end web development so that they can make websites.</p>
</div>
</div>
</div>
</section>
</div>
<div class="clearfix"></div>
</section>
</section>
<footer id="footer_contact">
<div class="footer_content">
<div class="contact_email">
<p>Questions? Contact us here!</p>
<a class="footer_email_link" href="mailto:[email protected]">[email protected]</a>
</div>
<div class="media_icons">
<a href="https://www.instagram.com/vtcodingclub/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="https://discord.gg/Bw62yHXa82" target="_blank"><i class="fa-brands fa-discord"></i></a>
</div>
</div>
<div id="footer_shape_1"></div>
<div id="footer_shape_2"></div>
</footer>
</body>
<script src="js/navbar.js"></script>
</html>