forked from cedy/photoboothWebsite
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·354 lines (304 loc) · 15.5 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
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>MELNYK PRIME PHOTOBOOTH | Home</title>
<link rel="icon" href="images/logo.jpg" type="image/png" sizes="16x16">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="iLand Multipurpose Landing Page Template">
<meta name="keywords" content="iLand HTML Template, iLand Landing Page, Landing Page Template">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
<link rel="stylesheet" href="css/animate.css">
<!-- Resource style -->
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/>
<!-- Resource style -->
<link href="css/style.css?v=23" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div class="wrapper">
<div class="container">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand page-scroll hidden-xs hidden-sm" href="#main"><img src="images/logo.png" width="230" height="60" alt="Melnyk Prime Photobooth" /></a> </div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="index.html">HOME</a></li>
<li><a href="pricing.html">PRICING</a></li>
<li><a href="backdrops.html">BACKDROPS</a></li>
<li><a href="https://www.facebook.com/melnykprimephotobooth/photos/" target="_blank">GALLERY</a></li>
<li><a class="booknow" href="book.html" >BOOK NOW</a></li>
</ul>
</div>
</div>
</nav>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
<div class="main app form" id="main"><!-- Main Section-->
<div class="hero-section">
<div class="container">
<div class="col-md-12">
<div class="hero-content text-center">
<div class="marginb-30" data-wow-delay="0.15s"><img class="img-responsive" src="images/logo-name.png" width="500" alt="melnyk photobooth logo" /></div>
<a href="book.html" class="wow fadeInUp booknow-mainpage">BOOK NOW</a>
</div>
</div>
</div>
</div>
<!-- Split Feature1 Section -->
<div class="split-features nopadding">
<div class="row">
<div class="col-md-4 nopadding">
<div class="split-image"> <img class="img-responsive" src="images/backdrop1.png" alt="Image" /> </div>
</div>
<div class="col-md-4 nopadding">
<div class="split-image"> <img class="img-responsive" src="images/backdrop3.png" alt="Image" /> </div>
</div>
<div class="col-md-4 nopadding">
<div class="split-image"> <img class="img-responsive" src="images/backdrop2.png" alt="Image" /> </div>
</div>
</div>
</div>
<!-- Split Feature2 Section -->
<!-- Photo Both rental -->
<div class="container app-features">
<div>
<div class="col-md-4">
<div class="split-image"> <img class="img-responsive wow fadeIn rental-img" src="images/photobooth.jpg" alt="Image"/> </div>
</div>
<div class="col-md-8 text-center">
<div class="row"><h1 class="wow fadeInDown text-center " data-wow-delay="0.2s">PHOTO BOOTH RENTAL</h1></div>
<div class="row">
<div class="col-md-6 ">
<div class="row">
<div class="col-md-3"> <img class="rental-icon" src="images/design-icon.png" alt="Design" /></div>
<div class="col-md-9 rental-font">
Amazing Design
<p>Photobooth is beautifully designed and built with lots of love.</p>
</div>
</div>
</div>
<div class="col-md-6 ">
<div class="row">
<div class="col-md-3"> <img class="rental-icon" src="images/quality-icon.png" alt="Design" /> </div>
<div class="col-md-9 rental-font">Incredible Quality
<p>We use high end DSLR camera, studio lighting and pro photo printer to make your photo look fantastic.</p>
</div>
</div>
</div>
<div class="col-md-6 ">
<div class="row">
<div class="col-md-3"> <img class="rental-icon" src="images/backdrops-icon.png" alt="Design" /> </div>
<div class="col-md-9 rental-font ">Modern Backdrops
<p>Our backdrops are great and look absolutely fabulous in any venue.</p>
</div>
</div>
</div>
<div class="col-md-6 ">
<div class="row">
<div class="col-md-3"> <img class="rental-icon" src="images/attendance-icon.png" alt="Design" /> </div>
<div class="col-md-9 rental-font">Cheerful Attendant
<p>Our friendly Melnyk Prime Photo Booth attendant will be on site during your event to make sure everything runs smoothly!</p>
</div>
</div>
</div>
<div class="col-md-6 ">
<div class="row">
<div class="col-md-3"> <img class="rental-icon" src="images/templates-icon.png" alt="Design" /> </div>
<div class="col-md-9 rental-font">Custom Templates
<p>Our in-house designer will create a template to match your event style.</p>
</div>
</div>
</div>
<div class="col-md-6 ">
<div class="row">
<div class="col-md-3"> <img class="rental-icon" src="images/props-icon.png" alt="Design" /> </div>
<div class="col-md-9 rental-font">Fun Props
<p>We provide fun, high quality props to make your event even more memorable.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Photo Both rental end-->
<hr>
<div class="container app-features text-center">
<div class="row marginb-30">
<div class="col-md-12 text-center">
<h1 class="wow fadeInDown" data-wow-delay="0.2s">HOW IT WORKS</h1>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="circle border-1">
<div class="circle-number-font">01</div>
<div class="how-it-works-font">SMILE & POSE</div>
<div class="cirlce-description-font">Grab a prop & strike a pose - then get ready to have fun!</div>
</div>
</div>
<div class="col-md-4">
<div class="circle border-2">
<div class="circle-number-font">02</div>
<div class="how-it-works-font">PRESS SNAP</div>
<div class="cirlce-description-font">Oh look! You have a live view of yourself.
Press start on the touchscreen & will take three photos
with a 5 second interval in between each shot.</div>
</div>
</div>
<div class="col-md-4">
<div class="circle border-3">
<div class="circle-number-font">03</div>
<div class="how-it-works-font">SEE THE PIC</div>
<div class="cirlce-description-font">See your photos immediately and grab your print.
After the event your photos are available for view, share & download!</div>
</div>
</div>
</div>
</div>
</div>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="images/slide_1.jpg" alt="" style="width:100%;">
</div>
<div class="item">
<img src="images/slide_2.jpg" alt="" style="width:100%;">
</div>
<div class="item">
<img src="images/slide_3.jpg" alt="" style="width:100%;">
</div>
</div>
</div>
<div class="container app-features text-center">
<div class="row marginb-30">
<div class="col-md-12 text-center">
<h1 class="wow fadeInDown" data-wow-delay="0.2s">REVIEWS</h1>
<h2 class="wow fadeInDown" data-wow-delay="0.3s">Read why people love Melnyk Prime PhotoBooth:</h2>
</div>
</div>
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-2">
<a href="https://www.facebook.com/melnykprimephotobooth/"><img class="review-icon" src="images/facebook.svg" alt="Facebook Reviews" /></a>
</div>
<div class="col-md-2">
<a href="https://www.yelp.com/biz/melnyk-prime-photobooth-philadelphia-3"><img class="review-icon" src="images/yelp.svg" alt="YELP Reviews" /></a>
</div>
<div class="col-md-2">
<a href="https://www.google.com/search?q=melnyk+prime+photo+booth&rlz=1C5CHFA_enUS781US781&oq=melnyk+prime&aqs=chrome.0.35i39j69i60l2j69i57j69i60j35i39.6165j0j4&sourceid=chrome&ie=UTF-8#lrd=0x89c6b296923dd967:0x7a22043bc6b4c2ad,1,,"><img class="review-icon" src="images/google.svg" alt="Google Reviews" /></a>
</div>
<div class="col-md-1">
<a href="https://www.weddingwire.com/biz/melnyk-prime-photobooth-philadelphia/a217e1dc1f350161.html"><img class="review-icon" src="images/wedding_wire.svg" alt="WW Reviews" /></a>
</div>
<div class="col-md-3"></div>
</div>
</div>
<!-- Client Section -->
<div class="review-section" id="review">
<div class="container">
<div class="col-md-10 col-md-offset-1">
<div class="reviews owl-carousel owl-theme">
<div class="review-single"><img class="img-circle" src="images/rings.png" alt="Client Testimonoal" />
<div class="review-text wow fadeInUp" data-wow-delay="0.2s">
<p>Awesome photo booth! We had Melnyk Prime at our wedding and everyone loved it. They have great props and backgrounds and some of our best pictures came from the photo booth. Highly recommended for any occasion or event!</p>
<h3>- Ashley</h3>
</div>
</div>
<div class="review-single"><img class="img-circle" src="images/clink.png" alt="Client Testimonoal" />
<div class="review-text">
<p>Highly recommend! Melnyk Prime PhotoBooth is professional, high quality, a great value, and fun!! They were easy to work with and everything was seamless. Our wedding guests LOVED the photo booth!</p>
<h3>- Irina</h3>
</div>
</div>
<div class="review-single"><img class="img-circle" src="images/bowtie_2.png" alt="Client Testimonoal" />
<div class="review-text">
<p>Melnyk Prime Photobooth was SO awesome! They have the best photo quality. They were very punctual and they helped me design the photo strip, less than 24 hours after I purchased the booth. Awesome customer Service! That is priceless!!! Everyone had something to say about the booth at the wedding, it was a huge hit with our guests. Attendant was also very professional. THANK YOU MELNYK PRIME BOOTH. I will use you again for any future events!!</p>
<h3>- Jeremy</h3>
</div>
</div>
<div class="review-single"><img class="img-circle" src="images/birthday_2.png" alt="Client Testimonoal" />
<div class="review-text">
<p>What a great photo booth! Everyone had a blast! This photo booth is stocked with the best accessories. The photo book was adorable and a great keepsake.... can't wait for another excuse to call them back for more!</p>
<h3>- Amy</h3>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bold call to action Section -->
<div class="container app-features text-center">
<div class="row">
<div class="col-md-12 booknow-description-font">
→ Perfect for wedding, birthdays & parties, corporate events
</div>
<div class="col-md-12 booknow-description-font">
→ Well-suited in variety of event themes and venues
</div>
<div class="col-md-12 booknow-description-font">
→ Local photo booth rentals in Philadelphia PA & NJ
</div>
</div>
<br />
<div class="row">
<div class="col-md-12">
<a href="book.html" class="wow fadeInUp booknow-mainpage-bottom" style="visibility: visible; animation-name: fadeInUp;">BOOK NOW</a>
</div>
</div>
</div>
<div class="container text-center social">
<div class="col-md-12">
<p>CONNECT WITH US:</p>
<br>
<div class="hover-transparent">
<a href="https://www.instagram.com/melnykprimephotobooth/" class="social-buttons instagram"><i class="fa fa-instagram"></i></a>
<a href="https://www.facebook.com/melnykprimephotobooth/" class="social-buttons facebook"><i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/MelnykPrime" class="social-buttons twitter"><i class="fa fa-twitter"></i></a>
<a href="https://www.pinterest.com/melnykprime/" class="social-buttons pinterest"><i class="fa fa-pinterest"></i></a>
<a href="https://www.youtube.com/channel/UC3QYWwOgqCjqxCxMvF6QHYg/featured?view_as=subscriber" class="social-buttons youtube"><i class="fa fa-youtube"></i></a>
<a href="https://www.google.com/search?q=melnyk+prime+photo+booth&rlz=1C5CHFA_enUS781US781&oq=melnyk+prime&aqs=chrome.0.35i39j69i60l2j69i57j69i60j35i39.6165j0j4&sourceid=chrome&ie=UTF-8#lrd=0x89c6b296923dd967:0x7a22043bc6b4c2ad,1,," class="social-buttons google"><i class="fa fa-google"></i></a>
</div>
</div>
</div>
<!-- Footer Section -->
<div class="footer text-center">
<div class="row">
<div class="col-md-12 text-center">
<p class="footer-text"> (267) 474-0871  [email protected]</p>
<p class="copyright">©<span id="current-year"></span> Melnyk Prime Photobooth. All rights reserved.</p>
</div>
</div>
</div>
<!-- Scroll To Top -->
<a id="back-top" class="back-to-top page-scroll" href="#main"> <i>↑</i> </a>
<!-- Scroll To Top Ends-->
</div>
<!-- Main Section -->
</div>
<!-- Wrapper-->
<!-- Jquery and Js Plugins -->
<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/plugins.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script src="js/jquery.subscribe.js"></script>
</body>
</html>