-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·227 lines (202 loc) · 14.4 KB
/
Copy pathindex.html
File metadata and controls
executable file
·227 lines (202 loc) · 14.4 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
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
<!DOCTYPE html>
<html lang="en">
<!-- TerpRoots: Recognizing and Revitalizing Terp Rituals (or Traditions)
TerpRoots aims to produce ways to connect current and incoming Terps to traditions that have existed for years. Through a virtual platform that enables our primary target audience, students, to post theme-based pictures and videos at Maryland events, we hope to develop a friendly camaraderie between students where they are more eager to attend traditional Terp events after becoming more connected to the College Park community. We plan to incentivize posting content on the platform by awarding students with the most popular posts different things like free food vouchers, free tickets to events, free Maryland apparel, and more! As the system expands, we plan to include parents, visitors, and faculty members because everyone should be able to experience and enjoy the Terpdition (Terp tradition) experience!
Why is this needed?
-Many describe college as being the best time of their lives. It’s a time where we learn more about ourselves, figure out what we want to do professionally, and determine what is required to get there. College is a time to make an abundance of mistakes and learn from those mistakes. Additionally, and most importantly for our platform, college is a time to live life and make amazing, unforgettable memories. At the University of Maryland, there are a host of traditions that have permeated through the years and have made campus life more vibrant. From rubbing Testudo’s nose or the Big Ten Kick Off to The Flash Mob basketball game, Homecoming, Or Art Attack, there are countless traditions that help students enjoy themselves and balance out the stresses of academic rigor. Recently, students haven’t been participating in Terp traditions. Attendance at athletic games has been lower, students have been skipping the Big Ten Kick Off, and Art Attack, or events at Homecoming, have an inconsistent number of people in attendance. With this being a high-tech generation, we believe our platform will allow revamp traditions by allowing students, faculty, visitors, and parents to engage with one another regarding these events and to incentivize attending and supporting these events.
How the system works?
-One to two weeks before an event, we will post themes, hashtags, and filters on the platform to engage with students and get them revved up for the event! The platform would be compatible with existing social media platforms: Twitter, Facebook, and Instagram. As posts are fed into the platform, students and surrounding members of the community will be able to like or vote for a post they like. As we get closer to the event, we plan on releasing what incentive the top post creators will receive. We will push out more engagement tools and set content engagement to be worth more points during the event than before the event. At the end of the event, the top posts will be announced and students, faculty, visitors, or parents who created the top posts will be able to claim their prize.
-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>TerpRoots</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.css">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
<!-- Plugin CSS -->
<link rel="stylesheet" href="device-mockups/device-mockups.min.css">
<!-- Custom styles for this template -->
<link href="css/new-age.min.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">TerpRoots</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#mission">Mission</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#functionality">Functionality</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#need">The Need</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="masthead">
<div class="container h-100" id="mission">
<div class="row h-100">
<div class="col-lg-7 my-auto">
<div class="header-content mx-auto" >
<h1 class="mb-5">TerpRoots aims to produce ways to connect current and incoming Terps to traditions that have existed for years!</h1>
<a href="#about" class="btn btn-outline btn-xl js-scroll-trigger">Learn More!</a>
</div>
</div>
<div class="col-lg-5 my-auto">
<div class="device-container">
<div class="device-mockup iphone6_plus portrait black">
<div class="device">
<div class="screen">
<!-- Demo image for screen mockup, you can put an image here, some HTML, an animation, video, or anything else! -->
<img src="img/demoterproots.png" class="img-fluid" alt="">
</div>
<div class="button">
<!-- You can hook the "home button" to some JavaScript events or just remove it -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="download bg-primary text-center" id="about">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<h2 class="section-heading">What is TerpRoots?</h2>
<h3>Through a virtual platform that enables our primary target audience, students, to post theme-based pictures and videos at Maryland events, TerpRoots aims to develop a friendly camaraderie between students where they are more eager to attend traditional Terp events after becoming more connected to the College Park community. We plan to incentivize posting content on the platform by awarding students with the most popular posts different things like free food vouchers, free tickets to events, free Maryland apparel, and more! As the system expands, we plan to include parents, visitors, and faculty members because everyone should be able to experience and enjoy the Terpdition (Terp tradition) experience!</h3>
</div>
</div>
</div>
</section>
<section class="features" id="functionality">
<div class="container">
<div class="section-heading text-center">
<h2>Large Functionality, Limitless Fun</h2>
<p class="text-muted">Check out how TerpRoots works!</p>
<hr>
</div>
<div class="row">
<div class="col-lg-4 my-auto">
<div class="device-container">
<div class="device-mockup iphone6_plus portrait black">
<div class="device">
<div class="screen">
<!-- Demo image for screen mockup, you can put an image here, some HTML, an animation, video, or anything else! -->
<img src="img/demoterproots.png" class="img-fluid" alt="">
</div>
<div class="button">
<!-- You can hook the "home button" to some JavaScript events or just remove it -->
</div>
</div>
</div>
</div>
</div>
<!--
How the system works?
-One to two weeks before an event, we will post themes, hashtags, and filters on the platform to engage with students and get them revved up for the event! The platform would be compatible with existing social media platforms: Twitter, Facebook, and Instagram. As posts are fed into the platform, students and surrounding members of the community will be able to like or vote for a post they like. As we get closer to the event, we plan on releasing what incentive the top post creators will receive. We will push out more engagement tools and set content engagement to be worth more points during the event than before the event. At the end of the event, the top posts will be announced and students, faculty, visitors, or parents who created the top posts will be able to claim their prize.-->
<div class="col-lg-8 my-auto">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6">
<div class="feature-item">
<i class="icon-screen-smartphone text-primary"></i>
<h3>Usable on Multiple Devices</h3>
<p class="text-muted">Ready to use on mobile devices and on the web!</p>
</div>
</div>
<div class="col-lg-6">
<div class="feature-item">
<i class="icon-camera text-primary"></i>
<h3>Camera Use</h3>
<p class="text-muted">Take a picture using our hashtags and filters to show how excited you are for an event that is coming up!</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="feature-item">
<i class="icon-present text-primary"></i>
<h3>Incentives</h3>
<p class="text-muted">Most popular content creators will receive a prize at the end of the event!</p>
</div>
</div>
<div class="col-lg-6">
<div class="feature-item">
<i class="icon-lock-open text-primary"></i>
<h3>Unlocking the Community</h3>
<p class="text-muted">We need YOU to decide what content should be recognized for embodying our Terp spirit!</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<h3>One to two weeks before an event, we will post themes, hashtags, and filters on the platform to engage with students and get them revved up for the event! The platform would be compatible with existing social media platforms: Twitter, Facebook, and Instagram. As posts are fed into the platform, students and surrounding members of the community will be able to like or vote for a post they like. As we get closer to the event, we plan on releasing what incentive the top post creators will receive. We will push out more engagement tools and set content engagement to be worth more points during the event than before the event. At the end of the event, the top posts will be announced and students, faculty, visitors, or parents who created the top posts will be able to claim their prize.</h3>
</section>
<section class="cta">
<div class="cta-content">
<div class="container">
<h2>Stop waiting.<br>Start revelling.</h2>
<a href="#functionality" class="btn btn-outline btn-xl js-scroll-trigger">Let's Get Started!</a>
</div>
</div>
<div class="overlay"></div>
</section>
<section class="contact bg-primary" id="need">
<div class="container">
<h2>We
<i class="fa fa-heart"></i>
Terp Traditions!</h2>
<h2><i>Why TerpRoots Matters</i></h2>
<h3>Many describe college as being the best time of their lives. It’s a time where we learn more about ourselves, figure out what we want to do professionally, and determine what is required to get there. College is a time to make an abundance of mistakes and learn from those mistakes. Additionally, and most importantly for our platform, college is a time to live life and make amazing, unforgettable memories. At the University of Maryland, there are a host of traditions that have permeated through the years and have made campus life more vibrant.</h3>
<h3>From rubbing Testudo’s nose or the Big Ten Kick Off to The Flash Mob basketball game, Homecoming, Or Art Attack, there are countless traditions that help students enjoy themselves and balance out the stresses of academic rigor. Recently, students haven’t been participating in Terp traditions. Attendance at athletic games has been lower, students have been skipping the Big Ten Kick Off, and Art Attack, or events at Homecoming, have an inconsistent number of people in attendance. With this being a high-tech generation, we believe our platform will allow revamp traditions by allowing students, faculty, visitors, and parents to engage with one another regarding these events and to incentivize attending and supporting these events.</h3>
</div>
</section>
<footer>
<div class="container">
<p>© INST362 Spring 2018 Group 13. All Rights Reserved.</p>
<ul class="list-inline">
<li class="list-inline-item">
<a href="#">Privacy</a>
</li>
<li class="list-inline-item">
<a href="#">Terms</a>
</li>
<li class="list-inline-item">
<a href="#">FAQ</a>
</li>
</ul>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/new-age.min.js"></script>
</body>
</html>