-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
75 lines (75 loc) · 3.87 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
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>Skillcrush | Sign-Up</title>
<link href="style.css" rel="stylesheet" />
<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Noticia+Text' rel='stylesheet' type='text/css'>
</head>
<body>
<div id = "main">
<div id = "header">
<div class="container">
<img src="header.png" alt="Header" id="logo">
<h1>Whether you’re conquering Tumblr, befriending CSS, or just getting a better handle of how the web works, Skillcrush has a path for you.</h1>
<div id = "sign-up">
<div class="container">
<h2 id = "sign-up-text" class="center">Sign up for our newsletter, launching April 1st.</h2>
<hr />
<h2 id = "thirty-days" class="center">30 DAYS TO A WEB-SAVVIER YOU</h2>
<div id = "input">
<input type="text" value="" placeholder="Your E-mail Address" name="email" class="email required" id="email">
<input type="submit" value="SIGN UP" name="subscribe" id="subscribe" class="button">
</div>
</div>
</div>
</div>
</div>
<div id = "recent-posts">
<div class="container">
<h2 class="center">Our Recent Blog Posts</h2>
<div class="post" id = "post-one">
<h3>Skillcrush, a sigte for all the ladies who want to learn tech</h3>
<p>03.09.12 - by Adda Birnir</p>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. <a href="http://skillcrush.com">Read more</a></p>
</div>
<div class="post" id = "post-two">
<h3>Women in tech naecenas faucibus mollis interdum</h3>
<p>03.09.12 - by Adda Birnir</p>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam quis risus eget urna mollis ornare vel eu leo. <a href="http://skillcrush.com">Read more</a></p>
</div>
<div class="post" id = "post-three">
<h3>Infographics: The World Wide Web v.s Girls</h3>
<p>03.09.12 - by Adda Birnir</p>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur. <a href="http://skillcrush.com">Read more</a></p>
</div>
<br class="clear" />
</div>
</div>
<div id = "footer">
<div class="container">
<div id = "about" class="footer-content">
<h4>About Skillcrush</h4>
<p>Skillcrush is eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.</p>
<br>
<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
</div>
<div id = "contact" class="footer-content">
<h4>Get in Touch</h4>
<div id = "input-contact">
<input type="text" value="" placeholder="Name" name="name" class="name required" id="name">
<input type="text" value="" placeholder="E-mail Address" name="email" class="email required" id="email">
<input type="text" value="" placeholder="Reason of Contact" name="reason" class="reason required" id="reason">
<textarea value="" placeholder="Type your message here." name="email" class="message required" id="message"></textarea>
<input type="submit" value="Send Message" name="send-message" id="send-message" class="button">
</div>
</div>
<br class="clear" />
</div>
</div>
<div id = "copyright">
<p>© 2012 Skillcrush. All Rights Reserved. Made in NYC.</p>
</div>
</body>
</html>