-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.shtml
executable file
·167 lines (145 loc) · 6.66 KB
/
index.shtml
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 class="no-js" lang="en">
<head>
<title>Carnegie Mellon Spring Carnival</title>
<!--#include virtual="html/head.html" -->
</head>
<body>
<!--#include virtual="html/google-tag-manager.html" -->
<!-- Animation on page load-->
<div id="animation">
<div class="logo">
<a href="/"><img src="img/logo_white.png" width="850" alt="Carnegie Mellon Spring Carnival logo" /></a>
</div>
<div class="panel" id="panel1"></div>
<div class="panel" id="panel2"></div>
<div class="panel" id="panel3"></div>
<div class="panel" id="panel4"></div>
<div class="panel" id="panel5"></div>
<div class="panel" id="panel6"></div>
<div class="panel" id="panel7"></div>
<div class="panel" id="panel8"></div>
<div class="panel" id="panel9"></div>
<div class="panel" id="panel10"></div>
</div> <!-- end animation-->
<div id="all">
<header class="row header home">
<!--#include virtual="html/header.html" -->
</header>
<!-- Old Decoration (Arcade) -->
<!-- <div id="decoration" style="display:flex; position:absolute; left:75px; top:200px;z-index:100;transform: rotate(-10deg);" >
<img class="decor" style="width:150px;" src="img/website_deco_game.png"/>
</div>
<div id="decoration" style="display:flex; position:absolute; right:150px; top:350px;z-index:100;transform: rotate(5deg);" >
<img class="decor" style="width:150px;" src="img/website_deco_arcade.png"/>
</div> -->
<!--#include virtual="html/navigation.html" -->
<article class="main">
<!-- <div class="show-for-small-only">
<p class="panel">
Checkout this year's <a href="https://youtu.be/xiNpa-VRiuw">Promo Video</a>!
</p>
</div> -->
<!-- <div class="show-for-medium-up">
<p class="panel">
Checkout this year's <a href="https://youtu.be/xiNpa-VRiuw">Promo Video</a>!
</p>
</div> -->
<div class="row">
<div class="large-10 large-centered columns">
<h1>
<center><b>Spring Carnival</b></center>
</h1>
<br>
<p>Carnegie Mellon's Spring Carnival is three days of amusement
park rides, adventures in booths, unhealthy snacks, buggy races, and more! </p>
<p>Join us <strong>April 3-6, 2025</strong> as we celebrate over 100 years of fun, laughter,
booth, buggy, and all things Tartan! </p>
</div>
</div>
<br class="spacer" />
<!-- Home image slideshow -->
<div class="row">
<div class="large-11 large-centered columns">
<div class="slickslider">
<div><img class="border" src="img/home/slides/home1.jpg" /></div>
<div><img class="border" src="img/home/slides/home2.jpg" /></div>
<div><img class="border" src="img/home/slides/home3.jpg" /></div>
<div><img class="border" src="img/home/slides/home4.jpg" /></div>
<div><img class="border" src="img/home/slides/home5.jpg" /></div>
<div><img class="border" src="img/home/slides/home6.jpg" /></div>
<div><img class="border" src="img/home/slides/home7.jpg" /></div>
<div><img class="border" src="img/home/slides/home8.jpg" /></div>
<div><img class="border" src="img/home/slides/home9.jpg" /></div>
<div><img class="border" src="img/home/slides/home10.jpg" /></div>
<div><img class="border" src="img/home/slides/home11.jpg" /></div>
<div><img class="border" src="img/home/slides/home12.jpg" /></div>
<div><img class="border" src="img/home/slides/home13.jpg" /></div>
</div>
<span class="title">Carnegie Mellon's oldest tradition is a favorite of students, alumni, faculty, and
staff!</span>
</div>
</div>
<br class="spacer" />
<div class="row">
<div class="large-10 large-centered columns">
<p>Each year, Carnival is planned and executed by our own Spring
Carnival Committee. We love what we do. Alumni Association provides
us with access to our amazing alumni network and helps with scheduling,
and the Activities Board puts on our big events, such as the concert and
comedian. Buggy is held by Sweepstakes Committee. Carnival is the best
time of the year for us. Come see what we’re talking about!</p>
</div>
</div>
<br class="spacer" />
<br class="spacer" />
<br/>
<div class="row">
<div class="large-10 large-centered columns">
<h1>
<center><b>Carnival Theme 2025: Hollywood</b></center>
</h1>
<br class="spacer" />
<br class="spacer" />
<center><img src="img/2025_logo.png" width="750" style="" /></center>
<br class="spacer" />
<br class="spacer" />
<p>Get ready to roll out the red carpet at this year’s CMU Spring Carnival,
where Hollywood glamour meets campus spirit! Join us for a dazzling celebration
filled with star-studded activities, from carnival games to movie-themed
booths. Immerse yourself in the magic of the Silver Screen as
we showcase student talent and creativity in a spectacular event.
Whether you're a film buff or just looking for fun, there’s something
for everyone to enjoy. Come celebrate spring with us and let your inner star shine
at <strong>Spring Carnival 2025</strong>!
</strong>
</p>
</div>
</div>
<br class="spacer" />
<br/>
<br class="largespacer" />
<div class="row">
<div class="large-12 large-centered columns" >
<p class="text-center plainfont" style="background-color: rgba(255, 255, 255,50%); border-radius: 25px;padding:1rem;">
<a href="http://cmu.edu" target="_blank"><img src="img/home/cmulogo.png" width="400"
alt="Carnegie Mellon University Logo" /></a>
<br />
Carnegie Mellon’s Spring Carnival is funded in part by your
student activities fee!
</p>
</div>
</div>
<br class="largespacer" />
<!-- Lower-Right Decoration (Cupcake) -->
<!-- <div id="decoration" style="display:flex; position:relative;" >
<img class="decor2" style="width:150px;" src="img/website_deco_cupcake.png"/>
</div> -->
</div><!-- end all-->
<!--#include virtual="html/footer.html" -->
<!--#include virtual="html/script.html" -->
<script src="js/jquery.cookie.js"></script>
<script src="js/animation.js"></script>
<script>$("#nav-home").addClass("active");</script>
</body>
</html>