-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
128 lines (119 loc) · 6.91 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
<!DOCTYPE html>
<html>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" />
<head>
<title>OpenSource</title>
<link rel="icon" href="assets/img/door.png">
<link href="assets/css/styles.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="assets/scripts/main.js"></script>
</head>
<body id='is-home'>
<div class='navbar'>
<img src='assets/img/opensource.png' id='nav-logo' onclick="location.href = '/';">
<!-- href = '/' refers to index.html -->
<div id='nav-box'>
<div class='nav-buttons' id='home-nav'>Home</div>
<div class='nav-buttons' id='about-us-nav'>About Us</div>
<div class='nav-buttons' id='projects-nav'>Projects</div>
<div class='nav-buttons' id='contact-nav'>Contact Us</div>
<div id='line'>|</div>
<div class='nav-buttons' id='lessons-nav'>Lessons</div>
</div>
</div>
<div class='main-pic'></div>
<div class='phone-pic'></div>
<div id='about-us'>
<div class='about-title'>About Us</div>
<div id='us-desc'>
<div class='photo-container'>
<img src='assets/img/about.jpg' id='group-photo'>
</div>
<div class='us'>OpenSource is a new, upcoming student organization dedicated to enhancing the programming skills of Cal students through guided project development, familiarization with programming resources, and contributions to the "Open Source." <br>
<br>
<br>
We are seeking individuals of all levels of programming experience to take part in the initial launch of our organization, where we will be covering topics ranging from coding interview preparation to the implementation of a Python project in conjunction with Amazon Web Services. We're hoping to create an inclusive and open community of people.
</div>
<div class='more' id='about-us-more'>Infosession Slides</div>
</div>
</div>
<div id='project-box'>
<div class='section-title' id='project-title'>Projects</div>
<div class='project-photo-container'>
<img src='assets/img/open_blue.jpg' id='project-photo'>
</div>
<div id='project-desc'>During the Spring 2019 semester, we will be leading a project education course in which students are guided as they complete an original web-scraping program complete with data processing and a notification service, to be hosted through AWS. We will also be contributing to open source projects and libraries across the web, and plan on hosting interview preparation sessions to help you score those summer internships. <br>
<br>
<br>
We will be having students split into teams to work throughout the semester. Students will have free-range to decide how they will complete their projects and the direction they will take their team. We are helping students to develop their abilities to work in an enviorment similar to that found after graduation.
</div>
</div>
<!-- <div id='project-container'>
<div class='project'>
<div class='project-image-container'>
<img src='assets/img/keg.jpg' class='project-img'>
</div>
<div class='project-title'>TBA</div>
</div>
<div class='project'>
<div class='project-image-container'>
<img src='assets/img/bp.jpg' class='project-img'>
</div>
<div class='project-title'>TBA</div>
</div>
<div class='project'>
<div class='project-image-container'>
<img src='assets/img/beer.jpg' class='project-img' id='three'>
</div>
<div class='project-title'>TBA</div>
</div>
</div>
</div> -->
<div id='contact'>
<div id='contact-title' class='section-title'>Contact Us</div>
<div class='contact-box'>
<div id='apply-box' class='contact-subbox'>
<div class='apply-title'>Apply!</div>
<div id='deadline'><strong>Deadline:</strong> Friday, Feb 9, 2019</div>
<div class='apply-desc'>OpenSource is looking for self-motivated individuals to take part in our first ever computer science educational community. The application is more of us trying to get to know you and to decide on groups.</div>
<div class='more new-label' id='apply-link'>Get Started</div>
</div>
<div id='touch-box' class='contact-subbox'>
<div id='contact-title' class='apply-title'>Get In Touch</div>
<div class='apply-desc'>[email protected]</div>
<div id='contact-button-box'>
<img src='assets/img/email.png' class='contact-logo' id='email' onclick="location.href = 'https://docs.google.com/forms/d/e/1FAIpQLSe4U1fDkjBbr7y-ynNHrlp5B8n6Ai7_XrlOg965Q3lifYUV1w/viewform?usp=sf_link';">
<img src='assets/img/fb.png' class='contact-logo' id='fb' onclick="location.href = 'https://www.facebook.com/opensourceberkeley/?modal=admin_todo_tour';">
</div>
</div>
</div>
</div>
<footer>
<img src='assets/img/opensource.png' class='footer-logo'>
<div id='footer-main'>
<div class='footer-box' id='general'>
<div class='footer-title'>General</div>
<div class='footer-button' id='footer-about'>About Us</div>
<!-- <div class='footer-button' id='footer-project'>Projects</div>
<div class='footer-button' id='footer-team'>Team</div> -->
</div>
<div class='footer-box' id='get-involved'>
<div class='footer-title'>Get Involved</div>
<div class='footer-button' id='footer-apply'>Apply</div>
<div class='footer-button' id='footer-contact'>Contact Us</div>
</div>
</div>
<div class='disclaimer'>
<a class ='ocf' href="https://www.ocf.berkeley.edu">
<img src="http://www.ocf.berkeley.edu/hosting-logos/ocf-hosted-penguin.svg" alt="Hosted by the OCF" style="border: 0;" />
</a>
<p class='responsibility'>We are a student group acting independently of the University of California. We take full responsibility for our organization and this web site.</p>
</div>
<!-- <div class='footer-box' id='contact-us'>
<div class='footer-title'>Contact Us</div>
<div class='footer-button' id='footer-email'>Email</div>
<div class='footer-button'>Facebook</div>
</div> -->
</footer>
</body>
</html>