-
Notifications
You must be signed in to change notification settings - Fork 0
/
testindex.html
167 lines (152 loc) · 7.05 KB
/
testindex.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
156
157
158
159
160
161
162
163
164
165
166
167
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>NU Women in Computing</title>
<link rel="shortcut icon" href="images/wic_logo.gif" />
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
<link href="styles.css" rel="stylesheet" type="text/css" media="all" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="smooth.js"></script>
</head>
<body>
<div class="parallax" id="triangles">
<div id="menu">
<ul>
<li><a href="#" accesskey="1" title="">Home</a></li>
<li><a href="#aboutus" accesskey="2" title="">About Us</a></li>
<li><a href="#events" accesskey="3" title="">Events</a></li>
<li><a href="#sponsors" accesskey="5" title="">Our Sponsors</a></li>
<li><a href="#contact" accesskey="4" title="">Contact Us</a></li>
</ul>
</div>
<h1>NU Women in Computing</h1>
<center>
<button><a href="#aboutus" accesskey="2" title=""><h4 style="color:purple; font-size:18px;">Learn more</h4></a></button>
</center>
</div>
<a name="aboutus"></a>
<div id="wrapper1">
<div style="height:62%;"></div>
<div class="shadowbox">
<h2>We are Northwestern Women In Computing</h2>
<h4>NuWiC is an organization for women interested in computer science and related fields. We help to guide women academically and professionally, by hosting hack nights, interview prep and monthly lunches. We also organize a group to go to Grace Hopper, the premier female computing conference in the country. </h4>
</div>
<!--
<center>
<img class="mySlides" src="images/1.jpg">
<img class="mySlides" src="images/2.jpg">
<img class="mySlides" src="images/3.jpg">
<img class="mySlides" src="images/4.jpg">
<img class="mySlides" src="images/5.jpg">
<img class="mySlides" src="images/8.jpg">
<img class="mySlides" src="images/9.jpg">
<img class="mySlides" src="images/10.jpg">
<img class="mySlides" src="images/11.jpg">
<img class="mySlides" src="images/12.jpeg">
<br>
<a class="w3-btn-floating" onclick="plusDivs(-1)">❮</a>
<a class="w3-btn-floating" onclick="plusDivs(+1)">❯</a>
</center>
-->
</div>
<div class="parallax" id="trianglebuffer1"></div>
<a name="events"></a>
<div id="wrapper2" class="parallax">
<div style="height:70%;"></div>
<div class="shadowbox">
<h2>Events</h2>
<h4>Each year we host and attend a variety of events. These include monthly lunches, general meetings, hackathons, interview prep and much more. See more about our annual events below, and check out our <a href="https://www.facebook.com/NUwic/?fref=ts">Facebook page</a> for more the most current information. </h4>
</div>
</div>
<div class="parallax" id="trianglebuffer2"></div>
<div id="wrapper3" class="parallax">
<div style="height:81%;"></div>
<div class="shadowbox">
<h4>Each year we attend <strong><u>Grace Hopper</u></strong>, a large conference celebrating women in computer sciences. This year, a group of almost 20 women traveled down to Texas for the proceedings.</h4>
</div>
</div>
<!--
<div class="column1">
<div class="box">
<img src="images/13.jpg" style="width:80%;"/>
<p><strong>Grace Hopper</strong></p>
<p>Each year we attend Grace Hopper, a large conference celebrating women in computer sciences. This year, a group of almost 20 women traveled down to Texas for the proceedings.</p>
</div>
</div>
<div class="column2">
<div class="box">
<img src="images/14.jpg" style="width:100%;"/>
<p><strong>Hack Nights</strong></p>
<p>NuWiC's hack night are an informal gatherings to work on projects, learn about different technologies or just to work on homework.</p>
</div>
</div>
<div class="column3">
<div class="box">
<img src="images/9.jpg" style="width:100%;"/>
<p><strong>Talks</strong></p>
<p>We host a variety of talks with various members of the faculty and wider Chicago area each year. Here, Ben Slivka gave a talk about leadership. </p>
</div>
</div>
<div class="column4">
<div class="box">
<img src="images/1.jpg" style="width:100%;"/>
<p><strong>Career Day</strong></p>
<p>As part of our outreach to the community, we host a career day for young women interested in computing and STEM.</p>
</div>
</div>
-->
<a name="sponsors"></a>
<div id="wrapper4" >
<h2 style="color:purple;">Our Sponsors</h2>
<center>
<table>
<tr>
<td><img src="images/boeing.png" width="300"/></td>
<td><img src="images/mccormick.jpg" width="300"/></td>
<td><img src="images/google.png" width="300"/></td>
</tr>
<tr>
<td><img src="images/cme.jpg" width="300"/></td>
<td><img src="images/imc.jpg" width="300"/></td>
<td><h2 style="color:purple;">Thank you for your support.</h4></td>
</tr>
</table>
</center>
</div>
<a name="contact"></a>
<div class="parallax" id="trianglesend">
<h2>Contact Us</h2>
<h4>If you are interested in sponsoring us, please email us at <b style="color:#413E8B"><a href="mailto:[email protected]">[email protected]</b></a>.</h4>
<h4>Subscribe to our listserv: <b style="color:#413E8B"><a href="mailto:[email protected]">[email protected]</b></a>.</h4>
</div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.4.0/trianglify.min.js"></script>
<script>
var pattern = Trianglify({
width: window.innerWidth,
height: window.innerHeight,
cell_size: 100,
x_colors: "PRGn"
});
triangles.style['background-image'] = 'url(' + pattern.png() + ')';
trianglebuffer1.style['background-image'] = 'url(' + pattern.png() + ')';
trianglebuffer2.style['background-image'] = 'url(' + pattern.png() + ')';
trianglesend.style['background-image'] = 'url(' + pattern.png() + ')';
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length} ;
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
x[slideIndex-1].style.display = "block";
}
</script>
</html>