-
Notifications
You must be signed in to change notification settings - Fork 0
/
skate-station-mandrin.html
251 lines (226 loc) · 13 KB
/
skate-station-mandrin.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Skate Station Funworks</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Anton|Wendy+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:600" rel="stylesheet">
<!-- fontawesome icons -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- custom css goes below -->
<link rel="stylesheet" href="css/custom-skate.css">
</head>
<body>
<div class="col-lg-12 col-md-12 logo-style">
<h1 class="text-success logo-name-style bg-light" >Skate Stati<span class="text-warning"><i class="fa fa-gear"></i></span>n <br>Funws<span class="text-warning"><i class="fa fa-gear"></i></span>rks</h1>
<!-- <img src="img/skate-logo.png" class="logo-style logo-size" alt="">-->
</div>
<!-- logo funworks -->
<nav class="navbar navbar-expand-lg fixed-top navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class=""><i class="fa fa-list text-success" aria-hidden="true"></i></span>
</button>
<!-- -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto d-flex justify-content-between text-light top-nav-font-style">
<li class="nav-item">
<a class="nav-link text-success" href="index.html">Home / <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link text-success" href="#">Event Calendar/</a>
</li>
</ul>
<ul class="navbar-nav top-nav-font-style">
<li class="nav-item">
<a class="nav-link text-success" href="#">Parties /</a>
</li>
<li class="nav-item">
<a class="nav-link text-success" href="#">More /</a>
</li>
<li class="nav-item">
<a class="nav-link text-success" href="#">Contact</a>
</li>
</ul>
</div>
</nav>
<!-- -->
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
</ol>
<!--
<div class="carousel-item scroll-height-style">
<img class="d-block img-fluid w-100" src="img/green-skates@2x.png" alt="Third slide">
<div class="carousel-caption d-none d-md-block">
<h2 class="slider-text text-warning"> Learn how to skate. </h2>
</div>
</div>
-->
<div class="carousel-inner scroll-height-style">
<div class="carousel-item scroll-height-style active">
<img class="d-block img-fluid w-100" src="img/wally@2x.png" alt="First slide">
<div class="carousel-caption d-none d-md-block">
<h2 class="slider-text"> Skate with Wally.</h2>
</div>
</div>
<div class="carousel-item scroll-height-style">
<img class="d-block img-fluid w-100" src="img/birthday%20cake@2x.png" alt="Second slide">
<div class="carousel-caption d-none d-md-block">
<h2 class="slider-text"> Awesome birthday parties! </h2>
</div>
</div>
<div class="carousel-item scroll-height-style">
<img class="d-block img-fluid w-100" src="img/color-balls@2x.png" alt="Third slide">
<div class="carousel-caption d-none d-md-block">
<h2 class="slider-text"> Try our fun activities! </h2>
</div>
</div>
<div class="carousel-item scroll-height-style">
<img class="d-block img-fluid w-100" src="img/green-skates@2x.png" alt="Fourth slide">
<div class="carousel-caption d-none d-md-block">
<h2 class="slider-text text-warning"> Learn how to skate. </h2>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- -->
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 col-md-12 attraction-header-style bg-danger text-light text-center">
<br>
<br>
<br>
<h1 class="header-attraction"><i class="fa fa-cogs fa-2x text-light" aria-hidden="true"></i> Attractions </h1>
<br>
<br>
<br>
</div>
</div>
</div><!-- -->
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-4 col-lg-4 text-secondary attraction-style">
<h3>Skate For Your Health! <i class="fa fa-heart text-danger" aria-hidden="true"></i></h3>
<p>Stay Tuned for More Info on Our Next Skate For Your Health Event! Get Up! Get Active! Skating is Good exercise & Great for Your Health!</p>
</div>
<div class="col-sm-12 col-md-4 col-lg-4 text-secondary attraction-style">
<h3>Rock Climbing <i class="fa fa-cogs text-danger" aria-hidden="true"></i></h3>
<p>CLIMB! Take your fun to new heights with the Funworks Rock Climbing Wall! You’ll enjoy the challenge of trying to make it to the top of this giant wall all while racing your friend’s time! Rock Climbing is great exercise and fun for all ages! With easy, medium and advanced ...</p>
</div>
<div class="col-sm-12 col-md-4 col-lg-4 text-secondary attraction-style">
<h3>Wally’s Playground <i class="fa fa-cogs text-danger" aria-hidden="true"></i></h3>
<p>Jump! Run! Crawl! Kids ages 10 and under can play for hours in our 2-story, 30-foot Soft Play area. There’s plenty of different things to keep ‘em busy and always plenty of adult supervision. Wally’s Playground is the perfect attraction for birthday parties, day care ...</p>
</div>
<div class="col-sm-12 col-md-4 col-lg-4 text-secondary attraction-style">
<h3>Swamp Golf <i class="fa fa-cogs text-danger" aria-hidden="true"></i></h3>
<p>The Legend Of Swamp Golf Hundreds of years ago Pirate ships sailed low in the water, heavy with gold coins stowed safely in their hulls. As the key West winds filled their sails, they searched for safe places to come ashore, guided by their captains. One of the most famous and feared ...</p>
</div>
<div class="col-sm-12 col-md-4 col-lg-4 text-secondary attraction-style">
<h3>Roller Skating <i class="fa fa-cogs text-danger" aria-hidden="true"></i></h3>
<p>Roller Skating is Fun For the Whole Family! Roller skating is America’s fastest growing indoor sport and there’s are great reasons why. It’s fun! It’s safe for the whole family! it’s great exercise! It’s there regardless of the weather outside! ...</p>
</div>
<div class="col-sm-12 col-md-4 col-lg-4 text-secondary attraction-style">
<h3>Birthday Parties <i class="fa fa-birthday-cake text-danger" aria-hidden="true"></i></h3>
<p>You bring the kids and the cake and we do the rest! Our Birthday Party Packages offer several levels of fun; from the most popular “Academy Award” to the “Silver Screen“, there is something to do for kids from 3 years old and up! Check out all the fun of each ...</p>
</div>
<div class="col-sm-12 col-md-4 col-lg-4 text-secondary attraction-style">
<h3>Arcade <i class="fa fa-gamepad text-danger" aria-hidden="true"></i></h3>
<p>Check Out Our New Arcade Games at Skate Station Funworks of Mandarin! The games at Skate Station Funworks provide hours of entertainment for everyone! Children and Parents alike enjoy the opportunity to play together with our classic arcade games like Ice Ball and Air Hockey as ...</p>
</div>
</div>
</div>
<!---->
<div class="container-fluid skate-section bg-success">
<div class="row container">
<div class="learn-skate col-sm-12 col-md-9 col-lg-9">
<h1 class=" text-light header-learn-skate">Learn how to skate! <i class="fa fa-cogs text-light" aria-hidden="true"></i></h1>
<p class="text-light">Lorem ipsum dolor sit amet, consectetur adipisicing elit.Tenetur similique dolorum, sint, voluptatum obcaecati, ut nam illum inventore odio eos alias hic veniam quisquam? Lorem ipsum dolor sit amet, consectetur adipisicing elit. <br> Porro, commodi dignissimos nemo. Perspiciatis, unde molestias fugiat, vitae fugit suscipit libero.</p>
<h3 class=" text-light header-learn-skate">Sat 11am—12:30am <i class="fa fa-clock-o text-light" aria-hidden="true"></i></h3>
</div><!-- -->
<div class=" col-sm-12 col-md-3 col-lg-3">
<p class="text-center"><img src="img/roller_skating.jpg" class="roller-girl rounded-circle border border-success" alt=""></p>
</div><!-- -->
</div><!-- -->
</div><!-- -->
<div class="jumbotron jumbotron-fluid fun-banner">
<div class="container">
<h1 class="display-3 text-center text-light fun-banner-text">Skate Station Fun<i class="fa fa-gear text-warning" aria-hidden="true"></i>wrks</h1>
<h4 class="lead text-center text-light">Ask about our <span class="text-uppercase text-warning"> glow night</span> and our other themed nights!</h4>
<hr class="my-4">
<p class="lead text-center text-light">Cool information about the Mandrin Funworks. More information for the win.</p>
</div>
</div><!-- -->
<div class="container-fluid bg-dark">
<div class="row footer-styles">
<div class="col-sm-12 col-md-3 col-lg-3 footer-links-space">
<p class="nav-link text-light " href="#">
Splitz Bowling Center <br>
1311 N.W. 76th Blvd. <br>
Gainesville, Florida <br>
(352) 332-2695 <br> </p>
<a class="btn btn-success" href="#" role="button">Visit Site</a>
</div>
<div class="col-sm-12 col-md-3 col-lg-3 footer-links-space">
<p class="nav-link text-light" href="#">
Skate Station Gainesville <br>
1311 N.W. 76th Blvd. <br>
Gainesville, Florida <br>
(352) 332-0555</p>
<a class="btn btn-success" href="#" role="button">Visit Site</a>
</div>
<div class="col-sm-12 col-md-3 col-lg-3 footer-links-space">
<p class="nav-link text-light" href="#"> Skate Station Mandarin <br>
3461 Kori Rd. (Behind K-Mart) <br>
Mandarin, Florida <br>
(904) 880-7703 <br></p>
<a class="btn btn-success" href="#" role="button">Visit Site</a>
</div>
<div class="col-sm-12 col-md-3 col-lg-3 footer-links-space">
<p class="nav-link text-light" href="#">Skate Station Orange Park
230 Blanding Blvd. <br>
(Behind Tire Kingdom) <br>
Orange Park, Florida <br>
(904) 272-5600 <br>
</p>
<a class="btn btn-success" href="#" role="button">Visit Site</a>
</div>
</div>
<div class=" col-md-12 col-lg-12">
<hr class="my-4">
<ul class="nav justify-content-start">
<li class="nav-item">
<a class="nav-link text-light" href="#"><i class="fa fa-facebook-official fa-2x" aria-hidden="true"></i></a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div> <!-- end of footer section-->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
</body>
</html>