-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
203 lines (194 loc) · 8.85 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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Site</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<div class="container" id="first">
<header class="header1">
<nav class="menu">
<ul>
<li><a class="list" href="#first">HOME</a></li>
<li>↓</li>
<li><a class="list" href="#second">ABOUT</a></li>
<li>↓</li>
<li><a class="list" href="#third">SPECIAL GUEST</a></li>
<li>↓</li>
<li><a class="list" href="#fourth">AGENDA</a></li>
<li>↓</li>
<li><a class="list" href="#fifth">BUY TICKETS</a></li>
</ul>
</nav>
</header>
<section class="firstSection">
<figure>
<img src="logo.png">
</figure>
<p class="pInSection">// A 24-hour coding event inspiring women to innovate and create.</p>
<div class="line"></div>
<table class="firstTable">
<tr>
<th>Minneapolis |</th>
<th>Denver |</th>
<th>Seattle</th>
</tr>
</table>
<div class="registerBtn">
<a href="#">REGISTER NOW</a>
</div>
</section>
</div>
<section class="secondSection" id="second">
<iframe width="450" height="250" src="https://www.youtube.com/embed/ydRAb9cwHnA" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2><span><</span>What is Codeit <span>/></span></h2>
<p>CodeIt is a 24-hour coding event inspiring women to innovate and create. CodeIt encourages women to stand up
and stand out in such a male-dominated tech industry, empowering them to collaborate together to build
amazing things in one fun-filled, coffee-filled, 24-hour long coding extravaganza.<br><br>
At the end of the 24 hours, various awards will be given out to the different teams, judging projects on
creativity, difficulty, humor, and more! All in all, this event is less of a competition and more of an
excuse to drink coffee, stay up late, and make connections with other powerful women.
</p>
</section>
<section class="thirdSection" id="third">
<h2>< Special Profiles /></h2>
<p>CodeIt is powered by some amazing women in the tech world. Not only do these women have some major coding
chops, but they have also been warriors for women in the tech industry, overcoming stereotypes and striving
for excellence.</p>
<div class="persoanele">
<div class="Persoana">
<figure class="img1">
<img src="profiles-1.jpg" alt="">
</figure>
<h2>Vanessa Blue</h2>
<div class="line2"></div>
<h3>CEO OF TECHWOMEN</h3>
<p>Vanessa is a self-proclaimed nerd who loves to immerse herself in code all day long.</p>
</div>
<div class="Persoana">
<figure class="img1">
<img src="profiles-2.jpg" alt="">
</figure>
<h2>Aleigh Johnson</h2>
<div class="line2"></div>
<h3>CO-FOUNDER OF CODEGIRL</h3>
<p>Aleigh is the founder of the new nonprofit CodeGirls and is a proud cat mom of 4 lovable furballs.
</p>
</div>
<div class="Persoana">
<figure class="img1">
<img src="profiles-3.jpg" alt="">
</figure>
<h2>Marlee Williams</h2>
<div class="line2"></div>
<h3>GAME DEVELOPER</h3>
<p>Marlee is a huge gamer and loves to design and develop her own zombie video games. Brainz.</p>
</div>
</div>
</section>
<section class="fourthSection" id="fourth">
<h1><span class="span2"><</span> What's the Plan? <span class="span2">/></span></h1>
<p>24 hours may seem like a long time, but when your nose is to the grindstone, it's easy to lose track of time.
That's why we created this nifty schedule for you to check out and remind yourself to take a break or two.
</p>
<div>
<ul>
<li><span class="listStyle"> >></span>8:00 - 9:00 AM<br><span class="liste">Registration & breakfast</span></li>
<li><span class="listStyle"> >></span>9:00 - 10:00 AM<br><span class="liste">Team formation</span></li>
<li><span class="listStyle"> >></span>10:00 - 12:00 PM<br><span class="liste">Work time</span></li>
<li><span class="listStyle"> >></span>12:00 - 1:00 PM<br><span class="liste">Lunch</span></li>
</ul>
<ul>
<li><span class="listStyle"> >></span>8:00 - 9:00 AM<br><span class="liste">Registration & breakfast</span></li>
<li><span class="listStyle"> >></span>9:00 - 10:00 AM<br><span class="liste">Team formation</span></li>
<li><span class="listStyle"> >></span>10:00 - 12:00 PM<br><span class="liste">Work time</span></li>
<li><span class="listStyle"> >></span>12:00 - 1:00 PM<br><span class="liste">Lunch</span></li>
</ul>
<ul>
<li><span class="listStyle"> >></span>8:00 - 9:00 AM<br><span class="liste">Registration & breakfast</span></li>
<li><span class="listStyle"> >></span>9:00 - 10:00 AM<br><span class="liste">Team formation</span></li>
<li><span class="listStyle"> >></span>10:00 - 12:00 PM<br><span class="liste">Work time</span></li>
<li><span class="listStyle"> >></span>12:00 - 1:00 PM<br><span class="liste">Lunch</span></li>
</ul>
</div>
</section>
<section class="fifthSection" id="fifth">
<h1>< Codeit Location /></h1>
<p>We want this event to be HUGE, and therefore CodeIt isn't limited to one metropolitan area. We've chosen
three host cities across the United States and hope to expand the event even further in upcoming years.</p>
<div class="locatii">
<div class="locatii1">
<figure class="img2">
<img src="cta-1.jpg" alt="">
</figure>
<h2>Minneapolis</h2>
<div class="line3"></div>
<p>SEPTEMBER 21 - 22, 2015</p>
<div class="registerBtn1">
<a href="#">REGISTER NOW</a>
</div>
</div>
<div class="locatii1">
<figure class="img2">
<img src="cta-2.jpg" alt="">
</figure>
<h2>Denver</h2>
<div class="line3"></div>
<p>OCTOBER 17 - 18, 2015</p>
<div class="registerBtn1">
<a href="#">REGISTER NOW</a>
</div>
</div>
<div class="locatii1">
<figure class="img2">
<img src="cta-3.jpg" alt="">
</figure>
<h2>Seattle</h2>
<div class="line3"></div>
<p>NOVEMBER 20 - 21, 2015</p>
<div class="registerBtn1">
<a href="#">REGISTER NOW</a>
</div>
</div>
</section>
<section class="sixthSection">
<figure>
<img class="logoSite" src="logo.png">
</figure>
<figure>
<img class="social0" src="facebook.png">
</figure>
<figure>
<img class="social" src="google.png">
</figure>
<figure>
<img class="social" src="linkedin.png">
</figure>
<figure>
<img class="social" src="twitter.png">
</figure>
<p>2015 Company Name ∣ Legal Information</p>
<a class="segeata" href="#first">↑</a>
</section>
<script>
$(document).ready(function(){
$("a").on('click', function(event) {
if (this.hash !== "") {
event.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 800, function(){
window.location.hash = hash;
});
}
});
});
</script>
</body>
</html>