-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
245 lines (220 loc) · 11.5 KB
/
about.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
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<meta property="og:image" content="./public/images/Tilted Gear Red_Yellow.png">
<link rel="shortcut icon" href="./public/images/Tilted Gear Red_Yellow.png">
<title>Theta Tau Hofstra - About</title>
<!-- Bootstrap core CSS -->
<!-- <%- CDN('/css/bootstrap.css', 'css', '', '');
<%- CDN('/css/settings.css', 'css', '', '');
<%- CDN('/css/owl.carousel.css', 'css', '', '');
<%- CDN('/css/custom.css', 'css', '', '');
<%- CDN('/css/style.css', 'css', '', '');
<%- CDN('/css/maroon.css', 'css', '', ''); -->
<!-- <%- CDN('/type/fontello.css', 'css', '', ''); -->
<!-- <%- CDN('/type/budicons.css', 'css', '', ''); -->
<!-- <%- CDN('/js/google-code-prettify/prettify.css', 'css', '', '');
<%- CDN('/js/fancybox/jquery.fancybox.css', 'css', '', '');
<%- CDN('/js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.2', 'css', '', ''); -->
<!-- <%- CDN('https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy:400,400italic', 'css', '', '');
<%- CDN('https://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic', 'css', '', ''); -->
<link href="./public/css/bootstrap.css" rel="stylesheet">
<link href="./public/css/settings.css" rel="stylesheet">
<link href="./public/css/owl.carousel.css" rel="stylesheet">
<link href="./public/js/google-code-prettify/prettify.css" rel="stylesheet">
<link href="./public/js/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" media="all" />
<link href="./public/js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.2" rel="stylesheet" type="text/css" />
<link href="./public/css/custom.css" rel="stylesheet">
<link href="./public/css/style.css" rel="stylesheet">
<link href="./public/css/maroon.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy:400,400italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href="./public/type/fontello.css" rel="stylesheet">
<link href="./public/type/budicons.css" rel="stylesheet">
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(function(){
$("#navbar").load("./partials/navbar.html");
});
$(function(){
$("#footer").load("./partials/footer.html");
});
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
<script src="./public/js/twitter-bootstrap-hover-dropdown.min.js"></script>
<script src="./public/js/jquery.themepunch.plugins.min.js"></script>
<script src="./public/js/jquery.themepunch.revolution.min.js"></script>
<script src="./public/js/jquery.themepunch.tools.min.js"></script>
<script src="./public/dist/bundle.js"></script>
</head>
<body class="full-layout">
<div id="preloader"><div id="status"><div class="spinner"></div></div></div>
<div class="body-wrapper">
<div id="navbar"></div>
<div class="offset"></div>
<div class="light-wrapper">
<div class="container inner">
<h3 class="section-title text-center">About Us</h3>
<div class="lead text-center">A Professional Engineering Fraternity Dedicated To Strengthening Individuals.</div>
<div class="row">
<div class="col-sm-4">
<figure>
<!-- <%= CDN('/images/OTFall2018.jpg', 'img', '', ''); -->
<img src="./public/images/OT At the Vineyards.jpg" alt="" />
</figure>
</div>
<div class="col-sm-8 about-info">
<h4>Our Chapter</h4>
<p>Founded on April 30, 1994, the Omega Beta Chapter of Theta Tau at Hofstra University has devoted itself to strengthening its members through brotherhood.</p>
<p>Theta Tau is the oldest and largest engineering fraternity in the country. It is open to all engineering and computer science related majors. We strive to develop each brother professionally to become engineering leaders. Our foundation is based upon our 3 pillars: <b>Service. Profession. Brotherhood.</b> </p>
<p>Within our chapter, the fraternity engages in professional activity through on and off-campus group participation, community, engineering, and fraternity affairs. This also promotes long lasting friendships - a lifetime of <b>brotherhood</b> in an engineering environment!</p>
<p>Whether you're a visitor, parent, student, or alumnus, we hope you will take time to explore our website. Please contact us if we can be of assistance to you!</p>
</div>
</div>
<div class="divide50"></div>
<div class="row">
<h4 style="text-align: center;">Membership Perks</h4>
<div class="col-sm-4">
<div class="divide20"></div>
<div class="services-2">
<div class="icon">
<!-- <%= CDN('/images/icons/icon-web.png', 'img', 'retina', ''); -->
<img src="./public/images/icons/icon-web.png" data-src="./public/images/icons/icon-web.png" data-ret="./public/images/icons/[email protected]" class="retina" alt="" />
</div>
<!-- /.icon -->
<div class="text">
<h5>A network of connections to active alumni.</h5>
<p>Through our alumni relations, we give members access to a broader network that may be relative to their field of study.</p>
</div>
<!-- /.text -->
</div>
<!-- /.services-2 -->
</div>
<div class="col-sm-4">
<div class="divide20"></div>
<div class="services-2">
<div class="icon">
<img src="./public/images/icons/icon-print.png" data-src="./public/images/icons/icon-print.png" data-ret="./public/images/icons/[email protected]" class="retina" alt="" />
<!-- <%= CDN('/images/icons/icon-print.png', 'img', 'retina', ''); -->
</div>
<!-- /.icon -->
<div class="text">
<h5>Resume review by the active brothers.</h5>
<div class="divide12"></div>
<p>In our New Member Process, we help individuals work on their resume so it is in top notch, ready for internships or post graduation!</p>
</div>
<!-- /.text -->
</div>
<!-- /.services-2 -->
</div>
<div class="col-sm-4">
<div class="divide20"></div>
<div class="services-2">
<div class="icon">
<img src="./public/images/icons/icon-cloud.png" data-src="./public/images/icons/icon-cloud.png" data-ret="./public/images/icons/[email protected]" class="retina" alt="" />
<!-- <%= CDN('/images/icons/icon-cloud.png', 'img', 'retina', ''); -->
</div>
<!-- /.icon -->
<div class="text">
<h5>Access to like-minded individuals within area of study.</h5>
<p>Since all our members are either engineers or computer scientists, individuals get to know other like minded students within their major.</p>
</div>
<!-- /.text -->
</div>
<!-- /.services-2 -->
</div>
<!-- /.col -->
</div>
<div class="divide20"></div>
<div class="row">
<div class="col-sm-4">
<div class="divide10"></div>
<div class="services-2">
<div class="icon">
<!-- <%= CDN('/images/icons/icon-worldmap.png', 'img', 'retina', ''); -->
<img src="./public/images/icons/icon-worldmap.png" data-src="./public/images/icons/icon-worldmap.png" data-ret="./public/images/icons/[email protected]" class="retina" alt="" />
</div>
<!-- /.icon -->
<div class="text">
<h5>Community service oppportunities on and off campus.</h5>
<p>Within Greek life, many opportunities arise for community service, which in turn helps the individual grow.</p>
</div>
<!-- /.text -->
</div>
<!-- /.services-2 -->
</div>
<div class="col-sm-4">
<div class="divide10"></div>
<div class="services-2">
<div class="icon">
<!-- <%= CDN('/images/icons/icon-browser.png', 'img', 'retina', ''); -->
<img src="./public/images/icons/icon-browser.png" data-src="./public/images/icons/icon-browser.png" data-ret="./public/images/icons/[email protected]" class="retina" alt="" />
</div>
<!-- /.icon -->
<div class="text">
<h5>Get comfortable with networking skills.</h5>
<p>In our New Member Process, we help individuals develop their networking skills by having them create an elevator pitch and have them practice .</p>
</div>
<!-- /.text -->
</div>
<!-- /.services-2 -->
</div>
<div class="col-sm-4">
<div class="divide10"></div>
<div class="services-2">
<div class="icon">
<!-- <%= CDN('/images/icons/icon-heart.png', 'img', 'retina', ''); -->
<img src="./public/images/icons/icon-heart.png" data-src="./public/images/icons/icon-heart.png" data-ret="./public/images/icons/[email protected]" class="retina" alt="" />
</div>
<!-- /.icon -->
<div class="text">
<h5>Friendships that'll last you a lifetime.</h5>
<p>Our brothers form bonds with each other which last beyond the college experience.</p>
</div>
<!-- /.text -->
</div>
<!-- /.services-2 -->
</div>
<!-- /.col -->
</div>
</div>
<!-- /.container -->
</div>
<!-- /.light-wrapper -->
<div class="parallax parallax1 customers">
<div class="container inner text-center">
<!-- <div class="divide50"></div> -->
<div class="row">
<div class="col-sm-3"></div>
<div class="col-sm-6 about-info">
<h1>Why Choose Us?</h1>
<p>Through our new member process, we not only teach the individuals about the history of the fraternity, but we teach them about themselves and how they can grow as a person. With the proper guidance, an individual can rise to be the best version of themselves as a professional. </p>
<!--<ol class="color">
<li>A network of connections to active alumni.</li>
<li>Resume review.</li>
<li>Access to like-minded individuals within area of study.</li>
<li>Community service oppportunities.</li>
<li>Get comfortable with networking skills.</li>
<li>Friendships that'll last you a lifetime.</li>
</ol>-->
</div>
<!-- /.col -->
<div class="col-sm-3"></div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!-- /.parallax -->
<!-- E-board -->
<footer id=footer></footer>
</div>
<!-- /.body-wrapper -->
<!-- <% include ../partials/scripts %> -->
</body>
</html>