-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·167 lines (159 loc) · 7.39 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
<!DOCTYPE HTML>
<html>
<head>
<title>IEEE CMU Chapter</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="This is the official website for IEEE - CMU chapter" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body>
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">IEEE <span>CMU Chapter</span></a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="leadership.html">Leadership</a></li>
<li><a href="sponsors.html">Sponsors</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<article>
<img src="images/sac-group.jpg" alt="'CMU IEEE students at SAC 2019" />
<div class="inner">
<h2><a href="#">IEEE is PROFESSIONAL</a></h2>
</div>
</article>
<article>
<img src="images/ice-skating.jpg" alt="ECE Students on an ice skating trip at downtown Pittsburgh" />
<div class="inner">
<h2><a href="#">IEEE is SOCIAL</a></h2>
</div>
</article>
<article>
<img src="images/sumo.jpg" alt="CMU IEEE students competing in SAC2019 Sumo Bot Competition" />
<div class="inner">
<h2><a href="#">IEEE is TECHNICAL</a></h2>
</div>
</article>
<article>
<img src="images/regis-party.jpg" alt="2018 Fall ECE Registration Party flyer design" />
<div class="inner">
<h2><a href="#">IEEE is ECE</a></h2>
</div>
</article>
</section>
<!-- One -->
<section id="one" class="wrapper major-pad">
<div class="inner">
<section class="spotlight">
<div class="content">
<h2>Welcome to IEEE CMU Chapter</h2>
<p>IEEE CMU is a campus organization that is open to all students in CMU ECE department.</p>
</div>
<span class="image"><img src="images/banner.jpg" alt="IEEE CMU Banner" /></span>
</section>
</div>
</section>
<!-- Two -->
<!-- <section id="two" class="wrapper content-pad">
<div class="inner">
<div class="features">
<section class="content">
<span class="icon-wrapper major"><span class="icon fa-pencil"></span></span>
<h3>Praesent sed donec</h3>
<p>Proin consequat luctus elit, nec blandit tellus ut volutpat magna. mi euismod elementum lectus et consequat etiam lorem etiam sed tempus. Feugiat veroeros lorem ipsum dolor.</p>
</section>
<section class="content">
<span class="icon-wrapper major"><span class="icon fa-paper-plane"></span></span>
<h3>Commodo mollis</h3>
<p>Pellentesque, ornare sapien quis, tristique ante. Proin nec facilisis odio. Integer elementum nunc nec leo interdum, non tristique eros laoreet. Integer vitae erat suscipit commodo.</p>
</section>
<section class="content">
<span class="icon-wrapper major"><span class="icon fa-cloud"></span></span>
<h3>Magnis curabitur</h3>
<p>Duis vulputate sit amet metus quis facilisis. Sed dapibus neque erat fringilla tincidunt. Nullam sapien et sapien, iaculis ac varius ultrices nec metus. Aenean ultricies magna.</p>
</section>
</div>
</div>
</section> -->
<!-- Contact -->
<section id="contact" class="wrapper split">
<div class="inner">
<section>
<h2>Send us a message</h2>
<form action="https://formspree.io/[email protected]" method="POST">
<div class="row uniform">
<div class="6u 12u$(large) 6u(medium) 12u$(xsmall)">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="6u$ 12u$(large) 6u$(medium) 12u$(xsmall)">
<label for="email">Email</label>
<input type="email" name="email" id="email" />
</div>
<div class="12u$">
<label for="message">Message</label>
<textarea name="message" id="message" rows="5"></textarea>
</div>
<div class="12u$">
<ul class="actions">
<li><input type="submit" value="Send Message" class="special" /></li>
<li><input type="reset" value="Reset" /></li>
</ul>
</div>
</div>
</form>
</section>
<section>
<h2>Keep in touch</h2>
<ul class="bulleted-icons">
<li>
<span class="icon-wrapper"><span class="icon fa-envelope"></span></span>
<h3>Send us an email</h3>
<p><a href="mailto:[email protected]" target="_blank">[email protected]</a></p>
</li>
<li>
<span class="icon-wrapper"><span class="icon fa-facebook"></span></span>
<h3>Follow our Facebook page</h3>
<p><a href="https://www.facebook.com/IEEE.CMU/" target="_blank">facebook.com/IEEE.CMU</a></p>
</li>
<li>
<span class="icon-wrapper"><span class="icon fa-envelope"></span></span>
<h3>Subscribe to our mailing List</h3>
<p><a href="https://lists.andrew.cmu.edu/mailman/listinfo/ieee-general-body/" target="_blank">[email protected]</a></p>
</li>
<li>
<span class="icon-wrapper"><span class="icon fa-calendar"></span></span>
<h3>Follow our event calendar</h3>
<p><a href="https://calendar.google.com/calendar/embed?src=andrew.cmu.edu_e67sdhltdrfbcck8u28fui745o%40group.calendar.google.com&ctz=America%2FNew_York" target="_blank">CMU IEEE Event Calendar</a></p>
</li>
</ul>
</section>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<p class="copyright">Copyright © 2019 IEEE CMU. All rights reserved.</p>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>