-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
258 lines (232 loc) · 12.9 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
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
246
247
248
249
250
251
252
253
254
255
256
257
258
<!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>The Colosseum Sports</title>
<!-- favicon -->
<link rel="icon" href="/favicon.ico">
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Cabin:700' rel='stylesheet' type='text/css'>
<!-- Custom styles for this template -->
<link href="css/grayscale.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"><img class="paper-raise-flatten" style="height: 60px;width:50px;" src="img/logo.png" alt="The Colosseum Sports"/></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="#about">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#download">Partners</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Intro Header -->
<header class="masthead overlay">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto">
<h1 class="brand-heading">The Colosseum Sports</h1>
<p class="intro-text">Powering a healthier generation with world-class sports infrastructure.</p>
<a href="#about" class="btn btn-circle js-scroll-trigger">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</div>
</div>
</div>
</header>
<!-- About Section -->
<section id="about" class="content-section text-center">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>About Colosseum</h2>
<p>Sport was a pioneer of entertainment, sport played a vital part of human civilization & cultural development.</p>
<p>We are inspired by one such incident took place in the history early 70AD where Rome built a huge viewing gallery called "Colosseum". Keeping this as an epic model people started building stadiums to host and play international sporting events like Olympics, Federation cups and serveral other Championship played around the globe.</p>
<p>Now today's citizens are engaged completely into internet without any physical activity which leads to stress and other health hazard issues they face at the early stage.</p>
<p>In order to make people excited to play sports and to refurbish their thought process to play sports and by playing sports they can stay active, healthier and become a successful individual in future.</p>
<p>Now to bring these into reality "The Colosseum" is formed to create world class infrastructure and to provide access to public to make use of those facility.</p>
<p>The Colosseum is a structured organization formed to create sports infrastructure and bridge the gap between sports facility and an individual, they need to enroll a membership in order to make use of the facility. Also they can bring their friends and family to get engaged through sports.</p>
<p>We do provide these facility with following objectives :
</p>
<h6>Recreation model | Pro model | Social gathering model</h6>
</div>
</div>
</div>
</section>
<!-- Download Section -->
<section id="download" class="download-section content-section ">
<div class="container">
<h2>Team Colosseum</h2>
<p>We are team of two people with clear vision of making a better tomorrow.</p>
<div class="row">
<div class="col-lg-12 mx-auto">
<h2 style="display: inline;">Keshav</h2><label>, Co-founder</label>
<p>Mr.Keshav is an architect by profession with nearly a decade of experience in running his own architect and design firm. His knowledge into design speaks the kind of project he has executed. For the very first time in Chennai, an exclusive sports & games village behind Mahindra World City was designed by him which sets an epic model among privately owned games village.</p>
<h2 style="display: inline;">Vivek</h2><label>, Co-founder</label>
<p>Mr.Vivek holds MBA Sports Management and is an expertise into sports infrastructure both technically and business aspect of it. He has worked with several sports infrastructure companies across India and gained sound knowledge in order to run this particular business model. During his tenure in working with several sports infrastructure companies he was able to work with leading educational institutions, clubs, academy, corporates, developers and govt. organizations.</p>
<p>These two like minded expertise in design and execution has joined hands in order to create a better Nation tomorrow.</p>
<!-- <div class="col-md-2"></div>
<div class="col-md-4">
<div class="card">
<img width="50" height="270" class="card-img-top" src="img/card.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Vivek</h4>
<p class="card-text">Mr.Vivek holds MBA Sports Management and is an expertise into sports infrastructure both technically and business aspect.</p>
<button data-toggle="modal" data-target="#vivekModal" class="btn btn-primary">Learn more..</button>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img width="50" height="270" class="card-img-top" src="img/card.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Keshav</h4>
<p class="card-text">Mr.Keshav is an architect by profession with nearly a decade of experience in running his own architect and design firm.</p>
<button data-toggle="modal" data-target="#keshavModal" class="btn btn-primary">Learn more..</button>
</div>
</div>
</div> -->
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="content-section text-center">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>Contact US</h2>
<p>Feel free to reach out to us!!</p>
<ul class="list-inline banner-social-buttons">
<li class="list-inline-item">
<a href="https://twitter.com/SBootstrap" class="btn btn-default btn-lg">
<i class="fa fa-twitter fa-fw"></i>
<span class="network-name">Twitter</span>
</a>
</li>
<li class="list-inline-item">
<a href="https://github.com/BlackrockDigital/startbootstrap" class="btn btn-default btn-lg">
<i class="fa fa-github fa-fw"></i>
<span class="network-name">Facebook</span>
</a>
</li>
<!-- <li class="list-inline-item">
<a href="https://plus.google.com/+Startbootstrap/posts" class="btn btn-default btn-lg">
<i class="fa fa-google-plus fa-fw"></i>
<span class="network-name">Google+</span>
</a>
</li> -->
</ul>
</div>
</div>
</div>
</section>
<!-- Contact Form -->
<div class="container">
<div class="row">
<div id="contact-form" class="col-md-6">
<h2>Write to Us</h2>
<form name="ajaxform" id="ajaxform" action="/sendEmail" method="POST">
<div class="form-group">
<input type="text" name="name" class="form-control" id="formGroupExampleInput" placeholder="Your Name/Organization">
</div>
<div class="form-group">
<input type="email" name="email" class="form-control" id="formGroupExampleInput2" placeholder="Email">
</div>
<div class="form-group">
<input type="text" name="subject" class="form-control" id="formGroupExampleInput2" placeholder="Subject">
</div>
<div class="form-group">
<input type="textarea" name="desc" class="form-control" id="formGroupExampleInput2" placeholder="Your message..">
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
<div class="col-md-6" style="padding: 40px;">
<h2>The Colosseum Sports</h2>
<p>No.6, Rajaji Road 1st lane,<br>
Tambaram West ,<br>Chennai-45,<br>India<br>
vivek@thecsports.com
</p>
</div>
</div>
</div>
<!-- Map Section -->
<!-- <div id="map"></div> -->
<!-- Footer -->
<footer>
<div class="container text-center">
<p>Copyright © <img src="/favicon.ico" alt="">The Colosseum Sports 2017</p>
</div>
<div class=" container text-right">
<p>IT Wing, The Colosseum Sports</p>
</div>
</footer>
<!-- Vivek Modal -->
<div class="modal fade" id="vivekModal" tabindex="-1" role="dialog" aria-labelledby="vivekModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Vivek</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
Mr.Vivek holds MBA Sports Management and is an expertise into sports infrastructure both technically and business aspect of it. He has worked with several sports infrastructure companies across India and gained sound knowledge in order to run this particular business model. During his tenure in working with several sports infrastructure companies he was able to work with leading educational institutions, clubs, academy, corporates, developers and govt. organizations.
</div>
</div>
</div>
</div>
<!-- keshav Modal -->
<div class="modal fade" id="keshavModal" tabindex="-1" role="dialog" aria-labelledby="keshavModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Keshav</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
Mr.Keshav is an architect by profession with nearly a decade of experience in running his own architect and design firm. His knowledge into design speaks the kind of project he has executed. For the very first time in Chennai, an exclusive sports & games village behind Mahindra World City was designed by him which sets an epic model among privately owned games village.
</div>
</div>
</div>
</div>
<!-- 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>
<!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>
<!-- Custom scripts for this template -->
<script src="js/grayscale.js"></script>
</body>
</html>