<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>PoserPhotoBooth</title>
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/poser-touch.webflow.css">
	<link rel="stylesheet" href="css/slicknav.css">
	<link rel="stylesheet" href="css/webflow.css">
	<link media="all" rel="stylesheet" href="style.css">
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" defer></script>
	<script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.2.min.js" defer><\/script>')</script>
	<script type="text/javascript" src="js/jquery.main.js" defer></script>

</head>
<body>
	<div id="wrapper">
		<main id="main">
			<section class="visual-section" style="background-image: url('img/img-1.jpg');">
				<div class="container">
					<header class="section-header">
						<h2>Activate your Brand<br> the <mark>poser</mark> way</h2>
					</header>
					<div class="w-row stats-row visual-content">
						<div class="w-col w-col-6 right-box">
							<div class="w-row stats-row">
								<div class="w-col w-col-6 w-col-medium-6 w-col-small-6 w-col-tiny-6">
									<div class="w-row">
										<div class="w-col w-col-4 w-col-medium-4 w-col-small-4 w-col-tiny-4">
											<img class="stats-icon" src="img/01/totalposes.png" alt="image-placeholder.svg">
										</div>
										<div class="w-col w-col-8 w-col-medium-8 w-col-small-8 w-col-tiny-8 stats-desc">
											<h2 class="left stat-number">18,720</h2>
											<p class="white">Total Poses&nbsp;
											<br>Captured</p>
										</div>
									</div>
								</div>
								<div class="w-col w-col-6 w-col-medium-6 w-col-small-6 w-col-tiny-6">
									<div class="w-row">
										<div class="w-col w-col-4 w-col-medium-4 w-col-small-4 w-col-tiny-4">
											<img class="stats-icon" src="img/01/satisfiedposers.png" alt="image-placeholder.svg">
										</div>
										<div class="w-col w-col-8 w-col-medium-8 w-col-small-8 w-col-tiny-8 stats-desc">
											<h2 class="left stat-number">14,250</h2>
											<p class="white">Partyin'&nbsp;
											<br>Posers</p>
										</div>
									</div>
								</div>
							</div>
							<div class="w-row stats-row">
								<div class="w-col w-col-6 w-col-medium-6 w-col-small-6 w-col-tiny-6">
									<div class="w-row">
										<div class="w-col w-col-4 w-col-medium-4 w-col-small-4 w-col-tiny-4">
											<img class="stats-icon" src="img/01/partiesrocked.png" alt="image-placeholder.svg">
										</div>
										<div class="w-col w-col-8 w-col-medium-8 w-col-small-8 w-col-tiny-8 stats-desc">
											<h2 class="left stat-number">234</h2>
											<p class="white">Parties&nbsp;
											<br>Rocked</p>
										</div>
									</div>
								</div>
								<div class="w-col w-col-6 w-col-medium-6 w-col-small-6 w-col-tiny-6">
									<div class="w-row">
										<div class="w-col w-col-4 w-col-medium-4 w-col-small-4 w-col-tiny-4">
											<img class="stats-icon" src="img/01/photobombed.png" alt="image-placeholder.svg">
										</div>
										<div class="w-col w-col-8 w-col-medium-8 w-col-small-8 w-col-tiny-8 stats-desc">
											<h2 class="left stat-number">948</h2>
											<p class="white">Photos&nbsp;
											<br>Photobombed</p>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="w-col w-col-6 text-box">
							<p>So your last corporate event went something like this: awkward laughing, forced small talk among people you barely like or know combined with obsessive glancing at the clock in order to plot your escape. We’re picking up what you’re putting down. Poser transforms formally mundane corporate events into occasions that connect and engage all of your guests.</p>
							<p>Keep on scrolling to find out how we can provide the perfectly customized experience your event needs. We guarantee your next event will be extraordinary - even if you don’t win a basket raffle.</p>
						</div>
					</div>
				</div>
			</section>
			<div class="img-block" style="background-image: url('img/img-2.jpg');"></div>
			<section class="pose-section">
				<div class="container">
					<header class="section-header">
						<h2>We’ll <mark>POSE</mark> as you<br> and look good doing it.</h2>
					</header>
					<ul class="pose-list">
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/mod.png" alt="image description">
								</div>
								<figcaption>Custom Branded Screens</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/templates.png" alt="image description">
								</div>
								<figcaption>Custom Templates</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/vinyl.png" alt="image description">
								</div>
								<figcaption>Custom Vinyl Wraps</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/props.png" alt="image description">
								</div>
								<figcaption>Custom Props</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/texts.png" alt="image description">
								</div>
								<figcaption>Custom Texts</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/backdrops.png" alt="image description">
								</div>
								<figcaption>Custom Backdrops</figcaption>
							</figure>
						</li>
					</ul>
				</div>
			</section>
			<section class="price-section" style="background-image: url('img/img-3.jpg');">
				<div class="container">
					<strong class="has-decoration">Our pricing</strong>
					<h2>Pricing starts at <span class="price"><img src="img/price.png" alt="$750"></span></h2>
					<p>For two hours of pure Poser fun. Contact us for more details!</p>
					<div class="btn-holder">
						<a class="btn" href="#" role="button">Inquire</a>
					</div>
				</div>
			</section>
			<section class="addons-section">
				<div class="container">
					<h2>Uh  mazing add ons</h2>
					<ul class="addons-list">
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/icon-1.png" alt="image description">
								</div>
								<figcaption>Data Capture</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/icon-2.png" alt="image description">
								</div>
								<figcaption>Custom Backdrops</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/icon-3.png" alt="image description">
								</div>
								<figcaption>Brand ambassadors</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/icon-4.png" alt="image description">
								</div>
								<figcaption>VIP Red Carpet</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/icon-5.png" alt="image description">
								</div>
								<figcaption>custom props</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/icon-6.png" alt="image description">
								</div>
								<figcaption>custom rental times</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/icon-7.png" alt="image description">
								</div>
								<figcaption>Live Wall</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/icon-8.png" alt="image description">
								</div>
								<figcaption>survey &amp; contest’s</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/icon-9.png" alt="image description">
								</div>
								<figcaption>green screen</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/icon-10.png" alt="image description">
								</div>
								<figcaption>usb of all images</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/icon-11.png" alt="image description">
								</div>
								<figcaption>Photo filters</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/icon-12.png" alt="image description">
								</div>
								<figcaption>private galleries</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/icon-13.png" alt="image description">
								</div>
								<figcaption>SMS &amp; social sharing</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/icon-14.png" alt="image description">
								</div>
								<figcaption>idle hours</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<div class="img-holder">
									<img src="img/icon-15.png" alt="image description">
								</div>
								<figcaption>hashtag printing</figcaption>
							</figure>
						</li>
					</ul>
				</div>
			</section>
			<div class="slide-block">
				<div class="carousel">
					<div class="mask">
						<div class="slideset">
							<div class="slide" style="background-image: url('img/img-4.jpg');">
								<div class="container">
									<a class="slide-body" href="#">
										<h2 class="slide-title">wall of fame</h2>
										<p>See some of our beautiful work!</p>
									</a>
								</div>
							</div>
							<div class="slide" style="background-image: url('img/img-3.jpg');">
								<div class="container">
									<a class="slide-body" href="#">
										<h2 class="slide-title">wall of fame</h2>
										<p>Lorem ipsum dolor sit amet!</p>
									</a>
								</div>
							</div>
								<div class="slide" style="background-image: url('img/img-2.jpg');">
								<div class="container">
									<a class="slide-body" href="#">
										<h2 class="slide-title">wall of fame</h2>
										<p>Lorem ipsum dolor sit amet!</p>
									</a>
								</div>
							</div>
						</div>
					</div>
					<a href="#" class="btn-prev"></a>
					<a href="#" class="btn-next"></a>
				</div>
			</div>
			<section class="clients-section">
				<div class="container">
					<h2 class="has-decoration"><span>Some of our rad clients</span></h2>
					<ul class="clients-list">
						<li><img src="img/clients-img-1.png" alt="image description"></li>
						<li><img src="img/clients-img-2.png" alt="image description"></li>
						<li><img src="img/clients-img-3.png" alt="image description"></li>
						<li><img src="img/clients-img-4.png" alt="image description"></li>
						<li><img src="img/clients-img-5.png" alt="image description"></li>
						<li><img src="img/clients-img-6.png" alt="image description"></li>
						<li><img src="img/clients-img-7.png" alt="image description"></li>
						<li><img src="img/clients-img-8.png" alt="image description"></li>
						<li><img src="img/clients-img-9.png" alt="image description"></li>
						<li><img src="img/clients-img-10.png" alt="image description"></li>
						<li><img src="img/clients-img-11.png" alt="image description"></li>
						<li><img src="img/clients-img-12.png" alt="image description"></li>
						<li><img src="img/clients-img-13.png" alt="image description"></li>
					</ul>
				</div>
			</section>
		</main>
	</div>
</body>
</html>