-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (137 loc) · 8.96 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
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<!-- Title for the tab in browser -->
<title>Sigma Phi Delta</title>
<!-- Logo for the tab in browser -->
<link rel="shortcut icon" href="images/symbols/spdlogo.jpg">
<!-- Jquery Plugin -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<!-- Load in the javascript file -->
<script language="javascript" type="text/javascript" src="js/main.js"></script>
<!-- Load in the CSS file -->
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-- Fonts -->
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<!-- Icons -->
<link rel="stylesheet" type="text/css" href="icons/flaticon.css">
<!-- Color Animations -->
<script src="js/jquery.color.js"></script>
<!-- Load in the javascript file -->
<script language="javascript" type="text/javascript" src="js/index.js"></script>
<!-- Load in the CSS file -->
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body id="pageone" class="posRel width100 overflowXHidden marg0 pad0 backColBackGround" style="height:100vh;overflow-y:hidden;">
<!-- Header -->
<div id="header"></div>
<!-- Content -->
<div class="posRel centerText overflowHidden width100" style="min-height: 680px;">
<div id="ssCont" class="posRel">
<div id="slideshowBorder"></div>
<!-- Slideshow - Preferred Aspect Ratio is 4:3 for images -->
<div id="slideshow7" class="slideshow inlineBlock vertAlignTop ">
<div class="imgCont"><img src="images/pictures/ss-spd5.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd6.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd7.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd1.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd2.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd3.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd4.jpg" /></div>
<div class="blackOverlay"></div>
</div>
<!-- Slideshow - Preferred Aspect Ratio is 4:3 for images -->
<div id="slideshow1" class="slideshow inlineBlock vertAlignTop">
<div class="imgCont"><img src="images/pictures/ss-spd4.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd5.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd6.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd7.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd1.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd2.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd3.jpg" /></div>
<div class="blackOverlay"></div>
</div>
<!-- Slideshow - Preferred Aspect Ratio is 4:3 for images -->
<div id="slideshow2" class="slideshow inlineBlock vertAlignTop">
<div class="imgCont"><img src="images/pictures/ss-spd3.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd4.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd5.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd6.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd7.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd1.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd2.jpg" /></div>
<!-- Welcome Letter-->
<div class="inlineBlock roboto centerDiv vertAlignTop centerText posAbs colWhite fonSize20 height100 width100 scalingFontSize" style="left: 98%;padding: 0 12px;z-index: 11;">
<div class="amaranth fontSize32" style="margin: 25px 0 25px 0;">Welcome to Sigma Phi Delta!</div>
<div class="fontSize20 centerDiv" style="width: 90%;">We are a <strong>professional</strong> and <strong>social</strong> engineering fraternity made up of the most excellent male engineers at
Stony Brook University. Our fraternity is dedicated to guiding its members towards professional and <strong>academic
success</strong> while enriching the college experience for engineering students.
</div>
</div>
<div class="blackOverlay"></div>
</div>
<!-- Slideshow - Preferred Aspect Ratio is 4:3 for images -->
<div id="slideshow3" class="slideshow inlineBlock vertAlignTop">
<div class="posAbs backColBackGround width100" style="height: 50px; top: -25px; z-index:10;"></div>
<div class="imgCont"><img src="images/pictures/ss-spd2.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd3.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd4.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd5.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd6.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd7.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd1.jpg" /></div>
<div class="posAbs backColBackGround width100" style="height: 50px; bottom: -25px; z-index:10;"></div>
</div>
<!-- Slideshow - Preferred Aspect Ratio is 4:3 for images -->
<div id="slideshow4" class="slideshow inlineBlock vertAlignTop">
<div class="imgCont"><img src="images/pictures/ss-spd1.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd2.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd3.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd4.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd5.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd6.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd7.jpg" /></div>
<!-- Interested in Rushing?-->
<div class="roboto centerDiv vertAlignTop centerText posAbs height100 width100 colWhite scalingFontSize" style="left: 98%; padding: 0 12px;z-index: 11;">
<div class="colWhite fontSize36 amaranth" style="margin: 25px 0 25px 0;">Interested in joining?</div>
<div class="fontSize20 centerDiv" style="width: 90%;">The academic, professional, and networking opportunities are boundless as a member of Sigma Phi Delta.
Learn in detail about these opportunities and how to join Sigma Phi Delta at our RUSH page.
</div>
<a id="rushBtn" href="rush.html" class="vertCenterMiddle textDecNone vertAlignTop centerText inlineBlock">
<div class="posRel" style="top: 5px;padding: 5px;">FALL RUSH 2016</div>
</a>
</div>
<div class="blackOverlay"></div>
</div>
<!-- Slideshow - Preferred Aspect Ratio is 4:3 for images -->
<div id="slideshow5" class="slideshow inlineBlock vertAlignTop">
<div class="imgCont"><img src="images/pictures/ss-spd7.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd1.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd2.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd3.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd4.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd5.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd6.jpg" /></div>
<div class="blackOverlay"></div>
</div>
<!-- Slideshow - Preferred Aspect Ratio is 4:3 for images -->
<div id="slideshow6" class="slideshow inlineBlock vertAlignTop">
<div class="imgCont"><img src="images/pictures/ss-spd6.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd7.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd1.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd2.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd3.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd4.jpg" /></div>
<div class="imgCont"><img src="images/pictures/ss-spd5.jpg" /></div>
<div class="blackOverlay"></div>
</div>
</div>
</div>
<!-- Footer -->
<div id="footer" class="posAbs"></div>
</body>
</html>