-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
164 lines (146 loc) · 6.87 KB
/
index.html
File metadata and controls
164 lines (146 loc) · 6.87 KB
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
<html>
<head>
<!--begin title-->
<title>Queen's Space Conference 2017</title>
<!-- end title-->
<!--Fonts-->
<link href='https://fonts.googleapis.com/css?family=Titillium+Web:400,300,300italic,600' rel='stylesheet' type='text/css'>
<script src="https://use.fontawesome.com/92cc93e752.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<!-- CSS File -->
<link rel="stylesheet" href="home.css">
</head>
<body>
<section class="homepage">
<header class="header">
<div class="logo-container">
<a href="#">
<img class="logo" src="images/icon_for_web.png">
</a>
</div>
<h1 class="headertext">
Queen's
<span class="span">Space Conference</span>
</h1>
<ul class="navigation">
<li class="active-page"><a href="#">Home</a></li>
<li><a href="delegates.html">Delegates</a></li>
<li><a href="sponsorship.html">Sponsorship</a></li>
<li><a href="speakers.html">Speakers</a></li>
<li><a href="exec.html">The Team</a></li>
</ul>
</header>
<section class="landing-page-top">
<p> presents </p>
<h2 class="theme"> The Next Giant Leap </h2>
<p class="date-homepage"> Applications for regular tickets are now open!</p>
<a target="_blank" href="https://qsconference.typeform.com/to/cIJtyo"><button class="button"> Apply Now </button></a>
</section>
<section class="landing-page-bottom">
<a href="delegates.html"><button class="button"> Learn More </button></a>
</section>
</section>
<div class="next-page">
<!-- About section, and a Theme section-->
<div class="logo-container2">
<img class="logo2" src="images/icon_for_web.png">
</div>
<h3 class="section-title"> About Us </h3>
<section class="about-section">
<section class="about-paragraphs">
<h4 class="section-subtitle"> What is the Queen's Space Conference? </h4>
<p class="paragraphs">
The Queen's Space Conference (QSC), held at Queen's University in Kingston, Ontario, is an annual, non-profit, student-run conference focused on connecting undergraduate students with Space industry leaders. The conference is centered around a series of exciting talks, innovative workshops, and networking opportunities.
</p>
<p class="paragraphs">
We strive to bring together industry professionals in order to provide delegates the most informative, inspiring, and memorable conference possible. QSC is about sparking thought and idea-generation, about raising the awareness of the potential of the space industry, and about piquing the interest of the future generation of that industry.
</p>
</section>
<!-- im thinking put this on the left side, and on the right side have the exec video-->
<section class="about-paragraphs">
<h4 class="section-subtitle"> The Next Giant Leap</h4>
<p> </p>
<p class="paragraphs">
Where will the future of space take us? What's next for the Canadian space industry? How will we grow in our own understanding of ourselves as a space-faring species? Join us at QSC 2017 to find out what The Next Giant Leap will be!
</p>
<p class="paragraphs">
This year, QSC will take place February 3rd to 5th at the Four Points by Sheraton Hotel located within walking distance of downtown Kingston. This promises to be the best space conference yet!
</p>
</section>
</section>
<!-- some visual about the theme -->
</div>
<section class="s-page">
<div class="subscribe-page">
<section class="subscribe">
<h3> Subscribe Now</h3>
<p class="subsribe-text"> Subsribe to our newsletter today! </p>
</section>
<section class="newsletter">
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//QSConference.us3.list-manage.com/subscribe/post?u=eaab54b1a8add0f6fd50dbaf7&id=75f4d6cdb0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group">
<label for="mce-FNAME">First Name </label>
<input type="text" value="" name="FNAME" class="" id="mce-FNAME">
</div>
<div class="mc-field-group">
<label for="mce-LNAME">Last Name </label>
<input type="text" value="" name="LNAME" class="" id="mce-LNAME">
</div>
<div class="mc-field-group">
<label for="mce-SCHOOL">School </label>
<input type="text" value="" name="SCHOOL" class="" id="mce-SCHOOL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_eaab54b1a8add0f6fd50dbaf7_75f4d6cdb0" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button3"></div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='SCHOOL';ftypes[3]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
</section>
</div>
</section>
<div class="footer">
<section class="socialmedia">
<a class="icons" target="_blank" href="https://www.facebook.com/QSConference/?ref=bookmarks">
<i class="fa fa-facebook-square fa-4x"></i>
</a>
<p class="media"> Find Us On
<span class="facebook-span"> Facebook</span>
</p>
</section>
<section class="socialmedia">
<a class="mail" target="_blank" href="mailto:qsconference@gmail.com">
<i class="fa fa-envelope fa-4x"></i>
</a>
<p class="media"> Email Us <span class="mail-span">Today</span></p>
<p class="mail-font">qsconference@gmail.com</p>
</section>
<section class="socialmedia">
<a class="insta" target="_blank" href="https://www.instagram.com/queensspace/">
<i class="fa fa-instagram fa-4x"></i>
</a>
<p class="media"> Follow Us On <span class="insta-span"> Instagram</span></p>
</section>
</div>
</body>
</html>