-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (126 loc) · 6.16 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
<!DOCTYPE HTML>
<!--
Santa Rosa Junior College Computer Science Club - Official Website
Created by Melinda Sterne, Max vonBlankenburg, and Pete Wright
-->
<html>
<head>
<title>SRJC CS Club Home</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/d8a4c98c21.js" crossorigin="anonymous"></script>
<script src="https://unpkg.com/swup@latest/dist/swup.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif&family=Share+Tech+Mono&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/ceb45c49da.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./styles.css" />
<link href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap" rel="stylesheet">
</head>
<body>
<main>
<div id="strip">
<div class="container image-overlay">
<h1>Welcome to the Santa Rosa Junior College Computer Science Club</h1>
<p>Meetings are held on <a href="https://santarosa-edu.zoom.us/j/964549588?pwd=MFVxcG84U1dFcG95dDNrS3cxWmxCZz09">Zoom</a> from 5:30pm (PST) every Friday. For latest meeting times, check our <a href="calendar.html">Calendar</a>, or ask about upcoming meetings on our discord! Look forward to seeing you at the next meeting!</p>
<div>
<p>Checkout our active <a class="btn btn-primary" href="https://discord.gg/3HbCMbb" target="_blank"> Discord Server</a></p>
</div>
</div>
</div>
<header>
<!-- /Club-Website-2020/csclogo.png" -->
<div class="logo"><img src="./csclogo.png" style="width:auto; height:50px; border-radius:50%;"> SRJC CSC</div>
<nav class="active">
<ul>
<li>
<a class="active" href="index.html">Home</a>
</li>
<!-- <li>
<a href="projects.html">Projects</a>
</li> -->
<!-- <li>
<a href="trips.html">Trips</a>
</li> -->
<li>
<a href="calendar.html">Calendar</a>
</li>
<!-- <li>
<a href="about.html">Contact Us</a>
</li> -->
</ul>
</nav>
<div class="menu-toggle"><i class="fas fa-bars" aria-hidden="true"></i></div>
</header>
<div class="spacer-content">
<div class="container">
</div>
</div>
<div class="container about-1">
<div class="box1">
<h1>About the Computer Science Club</h1>
<p>We are the Computer Science Club at SRJC.
The SRJC CS Club is a place for coders and computer enthusiasts of all skill levels; anyone with an interest in computers is welcome. Club activities include collaborative projects (web development, game development, robotics, etc...), computer programming conferences and events (North Bay Python, Hackathons), guest speakers and help with programming assignments. Club members are also encouraged to bring their own ideas and interests to the club. Feel free to stop by and share your own projects, or any project ideas you've always wanted to bring to life!
</p>
</div>
<div class="box2">
<!-- <div class="front-pic"> -->
<img class="front-pic" style="width:520px; height:350px;" src="./img/srjc_group_pic.JPG">
<!-- </div> -->
</div>
</div>
<footer class="footer-distributed">zz
<div class="footer-left">
<h3>SRJC<span> CS CLUB</span></h3>
<p class="footer-links">
<a href="index.html">Home</a>
·
<a href="projects.html">Projects</a>
·
<a href="trips.html">Trips</a>
·
<a href="calendar.html">Calendar</a>
·
<a href="about.html">Contact</a>
·
</p>
<p class="footer-company-name">© SRJC CSC | SRJC WEB DEV TEAM</p>
</div>
<div class="footer-center">
<div>
<!-- <i class="fa fa-map-marker"></i> -->
<!--<a href="https://santarosa-edu.zoom.us/j/964549588?pwd=MFVxcG84U1dFcG95dDNrS3cxWmxCZz09">Zoom</a> -->
<!-- <p><span>Bussman Hall 1452, SRJC </span> Santa Rosa, CA</p> -->
</div>
<div>
<i class="fa fa-envelope"></i>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
<div class="footer-right">
<p class="footer-company-about">
<span>Link up with us via:</span>
Facebook, Discord, Github, & Slack.
</p>
<div class="footer-icons">
<a href="https://www.facebook.com/SRJCComputerScience" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="https://discord.gg/3HbCMbb" target="_blank"><i class="fab fa-discord"></i></a>
<a href="https://github.com/SRJC-Computer-Science-Club" target="_blank"><i class="fa fa-github"></i></a>
<a href="https://join.slack.com/t/srjccsc/shared_invite/zt-cm65lf6a-MjkBx2KhcRf_BV2DCohJnA" target="_blank"><i class="fab fa-slack fa"></i></a>
</div>
</div>
</footer>
</main>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.menu-toggle').click(function() {
$('nav').toggleClass('active')
})
})
</script>
</body>
</html>