-
Notifications
You must be signed in to change notification settings - Fork 1
/
homepage.html
195 lines (177 loc) · 8.53 KB
/
homepage.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
<!DOCTYPE html>
<html lang="en">
<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>Happening Place</title>
<!-- Bootstrap core CSS OK-->
<link href="css/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="css/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- Plugin CSS -->
<link href="css/vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/creative.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">Let's make this happen</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">
<span class="navbar-toggler-icon"></span>
</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="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#services">What we do</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#portfolio">SignUp</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#portfolio">Login</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="masthead text-center text-white d-flex">
<div class="container my-auto">
<div class="row">
<div class="col-lg-10 mx-auto">
<h1 class="text-uppercase">
<strong>Together let's make sure your place is the happening place</strong>
</h1>
<hr>
</div>
<div class="col-lg-8 mx-auto">
<p class="text-faded mb-5"><!--Don't forget to use your products before they expire. With this app your efficieny will be at its peak. Get ready to use all the products you buy and reduce food wastage around the world--></p>
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
</div>
</div>
</div>
</header>
<section class="bg-primary" id="about">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<h2 class="section-heading text-white">We've got what you need!</h2>
<hr class="light my-4">
<p class="text-faded mb-4">This is the one stop place where you can look up event and at the same event host your own event in real-time with other contributors. Make use of our unique event management
dashboard and plan your event today. For those who are bored and want to attend an event, don't worry, you are at the right place too.
Search for interesting events near you and look at our recommeded list of events for you.</p>
<a class="btn btn-light btn-xl js-scroll-trigger" href="#services">Get Started!</a>
</div>
</div>
</div>
</section>
<section id="services">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">At Your Service</h2>
<hr class="my-4">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-diamond text-primary mb-3 sr-icons"></i>
<h3 class="mb-3">View our events</h3>
<p class="text-muted mb-0">Signup and instantly look at events near you based on your preferences.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-paper-plane text-primary mb-3 sr-icons"></i>
<h3 class="mb-3">Collaborate easily</h3>
<p class="text-muted mb-0">Don't host an event alone. Plan an event with contributors and be stress-free</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-newspaper-o text-primary mb-3 sr-icons"></i>
<h3 class="mb-3">Easy Management</h3>
<p class="text-muted mb-0">Get access to our interactive all-in-one event management dashboard.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-heart text-primary mb-3 sr-icons"></i>
<h3 class="mb-3">Community Love</h3>
<p class="text-muted mb-0">Get closer and involved in your community. Interesting opportunites await you when you make new connections.</p>
</div>
</div>
</div>
</div>
</section>
<section id="portfolio" class="bg-dark text-white">
<div class="container text-center">
<h2 class="mb-4">Sign Up</h2>
<a class="btn btn-light btn-xl sr-button" href="signup.html">SignUp</a><br><br>
<h2 class="mb-4">Already a member? Login here</h2>
<a class="btn btn-light btn-xl sr-button" href="login.html">Login</a>
</div>
</section>
<section id="contact">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<h2 class="section-heading">Let's Get In Touch!</h2>
<hr class="my-4">
<p class="mb-5">Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 ml-auto text-center">
<i class="fa fa-phone fa-3x mb-3 sr-contact"></i>
<p>980-616-1167</p>
</div>
<div class="col-lg-4 mr-auto text-center">
<i class="fa fa-envelope-o fa-3x mb-3 sr-contact"></i>
<p>
App Idea by Devansh Panirwala, Purdue University
<a href="mailto:[email protected]">[email protected]</a>
</p>
<br>
<p>
Front-End and Back-End implementation by: <br>
Devansh Panirwala, Purdue University
<a href="mailto:[email protected]">[email protected]</a> <br>
Viswajeeet Balaji, Purdue University
<a href="mailto:[email protected]">[email protected]</a> <br>
Sanjay Babu Krishna, Purdue University
<a href="mailto:[email protected]">[email protected]</a> <br>
Sreekara Yachamaneni, Purdue University
<a href="mailto:[email protected]">[email protected]</a> <br>
Seerat Dheer, Purdue University
<a href="mailto:[email protected]">[email protected]</a> <br>
</p>
</div>
</div>
</div>
</section>
<!-- Bootstrap core JavaScript TestCommit-->
<script src="css/vendor/jquery/jquery.min.js"></script>
<script src="css/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="css/vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="css/vendor/scrollreveal/scrollreveal.min.js"></script>
<script src="css/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Custom scripts for this template Dev-->
<script src="js/creative.min.js"></script>
</body>
</html>