<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>OneSpotHomepage</title>
	<link rel="stylesheet" href="css/all.css">
	<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700' rel='stylesheet' type='text/css'>
</head>
<body>
	<div id="wrapper">
		<header id="header">
			<div class="container">
				<div class="logo"><a href="#"><img src="images/logo.png" height="136" width="280" alt="one spot TM"></a></div>
				<nav id="nav">
					<ul>
						<li><a href="#">Platform</a></li>
						<li><a href="#">Resources</a></li>
						<li class="has-drop">
							<a href="#">Company</a>
							<ul>
								<li><a href="#">Overview</a></li>
								<li><a href="#">Leadership</a></li>
								<li><a href="#">Partners</a></li>
								<li><a href="#">Investors & Advisors</a></li>
								<li><a href="#">News & Press</a></li>
								<li><a href="#">Careers</a></li>
							</ul>
						</li>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Contact</a></li>
						<li><a class="btn" href="#">Request Demo</a></li>
					</ul>
				</nav>
			</div>
		</header>
		<main id="main" role="main">
			<div class="visual">
				<div class="container">
					<div class="text-block">
						<h1 class="title">Unleash your content to drive business results.</h1>
						<p>OneSpot delivers personalized, repeat engagement with content across your digital channels</p>
						<a class="btn" href="#">Learn More</a>
					</div>
					<img src="images/img-7.svg" width="1000" height="340" alt="image description">
				</div>
			</div>
			<div class="logos-block container">
				<img src="images/client-logos.png" height="155" width="2400" alt="image description">
			</div>
			<ul class="add-nav">
				<li><a href="#">Case Studies & More</a></li>
				<li><a href="#">How It Works<i class="icon-play"></i></a></li>
				<li><a href="#">Our Platform</a></li>
			</ul>
			<div class="block">
				<section class="section">
					<div class="container">
						<div class="holder">
							<div class="text-box">
								<h1>Content Sequencing®</h1>
								<p>Welcome to the data-driven way to build relationships using content. OneSpot’s machine learning technology serially delivers multiple pieces of content to your users based on their interests and digital journey stage.</p>
							</div>
							<div class="img-box style-1">
								<img src="images/img-5.svg" width="524" height="314" alt="image description">
							</div>
						</div>
					</div>
				</section>
				<section class="section">
					<div class="container">
						<div class="holder">
							<div class="img-box">
								<img class="position-3" src="images/img-1.svg" width="321" height="315" alt="image description">
							</div>
							<div class="text-box">
								<h1>Get personal, at scale</h1>
								<strong class="sub-title">CONTENT PERSONALIZATION</strong>
								<p>From the moment OneSpot encounters a user, we start to build a Content Interest Profile, a single, dynamic view of the user’s interests, preferences and digital journey stage.</p>
							</div>
						</div>
					</div>
				</section>
				<section class="section">
					<div class="container">
						<div class="holder">
							<div class="text-box">
								<h1>Stay connected.</h1>
								<strong class="sub-title">REPEAT ENGAGEMENT</strong>
								<p>It’s great to get many people to click on your content. But it’s even better to get people to click on many pieces of content.</p>
							</div>
							<div class="img-box">
								<img class="position-2" src="images/img-2.svg" width="527" height="316" alt="image description">
							</div>
						</div>
					</div>
				</section>
				<section class="section item">
					<div class="container">
						<div class="holder">
							<div class="img-box">
								<img class="position-1" src="images/img-4.svg" width="446" height="400" alt="image description">
							</div>
							<div class="text-box v-aligncenter">
								<h1>Your content everywhere.</h1>
								<strong class="sub-title">CROSS-CHANNEL INTEGRATION</strong>
								<p>OneSpot unifies engagement with your content across web, mobile, social, email and display channels - all informed by a central profile and history of each user.</p>
							</div>
						</div>
					</div>
				</section>
				<section class="section results">
					<div class="container">
						<div class="holder">
							<div class="text-box v-aligncenter">
								<h1>Get real results</h1>
								<p>Sure, clicks and page views are great. But we optimize for the outcomes that matter most for your brand like awareness, consideration, preference and more.</p>
							</div>
							<div class="img-box style-1">
								<img src="images/img-3.svg" width="479" height="273" alt="image description">
							</div>
						</div>
					</div>
				</section>
				<div class="container form-box">
					<h1 class="title">So let’s chat, request a demo now</h1>
					<form action="#" class="chat-form">
						<fieldset>
							<input class="btn" type="submit" value="Continue">
							<div class="row">
								<input type="email" placeholder="your work email">
							</div>
						</fieldset>
					</form>
				</div>
			</div>
			<div class="cycle-gallery">
				<div class="mask">
					<div class="slideset">
						<div class="slide">
							<a href="#">
								<img src="images/os-ideabook.jpg" height="562" width="1502" alt="image description">
								<article class="text-box">
									<strong class="sub-title">Whitepaper</strong>
									<div class="holder">
										<h1>2015 Content Idea Book</h1>
										<p>Fresh Thinking From Top Brands to Inspire Content Programs</p>
										<span class="more">Read more</span>
									</div>
								</article>
							</a>
						</div>
						<div class="slide">
							<a href="#">
								<img src="images/mcm-whitepaper.jpg" height="562" width="1502" alt="image description">
								<article class="text-box">
									<strong class="sub-title">Whitepaper</strong>
									<div class="holder">
										<h1>2015 Content Idea Book</h1>
										<p>Fresh Thinking From Top Brands to Inspire Content Programs</p>
										<span class="more">Read more</span>
									</div>
								</article>
							</a>
						</div>
						<div class="slide">
							<a href="#">
								<img src="images/intel-casestudy.jpg" height="562" width="1502" alt="image description">
								<article class="text-box">
									<strong class="sub-title item">Case Study</strong>
									<div class="holder">
										<h1>2015 Content Idea Book</h1>
										<p>Fresh Thinking From Top Brands to Inspire Content Programs</p>
										<span class="more">Read more</span>
									</div>
								</article>
							</a>
						</div>
					</div>
				</div>
				<a class="btn-prev icon-arrow-left" href="#"></a>
				<a class="btn-next icon-arrow-right" href="#"></a>
			</div>
			<div class="col-holder">
				<div class="head">
					<h1>OneSpot in the News</h1>
				</div>
				<div class="col column">
					<blockquote>
						<p>"OneSpot’s real differentiator is its Content Sequencing Engine, which tracks where viewers are in “the customer journey” and targets ads accordingly."</p>
						<cite><img src="images/logo-techcrunch.png" height="32" width="63" alt="image description"></cite>
					</blockquote>
				</div>
				<div class="col column bg-style-1">
					<blockquote>
						<p>"OneSpot can retarget visitors who click on a given ad, permitting marketers to serve multiple ads to the same person."</p>
						<cite><img src="images/logo-addweek.png" height="29" width="78" alt="image description"></cite>
					</blockquote>
				</div>
				<div class="col column bg-style-3">
					<blockquote>
						<p>"OneSpot uses machine learning to predict which piece of content will be the most relevant for a reader."</p>
						<cite><img src="images/logo-adexchanger.png" height="34" width="92" alt="image description"></cite>
					</blockquote>
				</div>
				<div class="col column bg-style-1">
					<blockquote>
						<p>"OneSpot, run by former Time Inc. exec Steve Sachs, turns branded content into standard ad units that can be sold on ad exchanges. ."</p>
						<cite><img src="images/logo-digiday.png" height="20" width="110" alt="image description"></cite>
					</blockquote>
				</div>
				<div class="col column bg-style-4">
					<blockquote>
						<p>"By promoting their content on other sites, Remington was able to reach more of its target audience of female viewers."</p>
						<cite><img src="images/logo-wsj.png" height="34" width="63" alt="image description"></cite>
					</blockquote>
				</div>
				<div class="col column bg-style-2">
					<blockquote>
						<p>"Leveraging the reach and targeting of exchanges for branded content distribution is fascinating; using it as a means to tell stories in an iterative way is even more interesting."</p>
						<cite><img src="images/logo-mediapost.png" height="46" width="38" alt="image description"></cite>
					</blockquote>
				</div>
			</div>
			<div class="container">
				<ul class="awards-items">
					<li>
						<img src="images/award-1.svg" width="225" height="115" alt="image description">
					</li>
					<li>
						<img src="images/award-2.svg" width="225" height="115" alt="image description">
					</li>
					<li>
						<img src="images/award-3.svg" width="225" height="115" alt="image description">
					</li>
					<li>
						<img src="images/award-4.svg" width="225" height="115" alt="image description">
					</li>
				</ul>
			</div>
		</main>
		<footer id="footer">
			<div class="container">
				<div class="col-wrapp">
					<nav class="col">
						<strong class="title"><a href="#">Platform</a></strong>
						<ul>
							<li><a href="#">What You Can Do</a></li>
							<li><a href="#">How It Works</a></li>
						</ul>
					</nav>
					<nav class="col">
						<strong class="title"><a href="#">Resources</a></strong>
						<ul>
							<li><a href="#">OneSpot Blog</a></li>
							<li><a href="#">Content Marketing Stats</a></li>
							<li><a href="#">Case Studies & More</a></li>
						</ul>
					</nav>
					<nav class="col">
						<strong class="title"><a href="#">Company</a></strong>
						<ul>
							<li><a href="#">Overview</a></li>
							<li><a href="#">Leadership</a></li>
							<li><a href="#">News & Press</a></li>
							<li><a href="#">Investors & Advisors</a></li>
							<li><a href="#">Careers</a></li>
						</ul>
					</nav>
					<nav class="col">
						<strong class="title"><a href="#">Contact Us</a></strong>
						<ul>
							<li><a href="#">Privacy Policy</a></li>
							<li>&copy; 2015 OneSpot</li>
						</ul>
					</nav>
				</div>
				<div class="holder">
					<div class="info-box">
						<div class="footer-logo"><a href="#"><img src="images/footer-logo.png" height="98" width="200" alt="one spot TM"></a></div>
						<a class="phone" href="tel:18006180768">1-800-618-0768</a>
						<ul class="social-networks">
							<li><a class="icon-facebook1" href="#"></a></li>
							<li><a class="icon-twitter1" href="#"></a></li>
							<li><a class="icon-linkedin1" href="#"></a></li>
						</ul>
					</div>

				</div>
			</div>
		</footer>
	</div>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
	<script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.2.min.js"><\/script>')</script>
	<script type="text/javascript" src="js/jquery.main.js"></script>
</body>
</html>