<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0 " />
<meta charset="utf-8">
<title>IPostSocialMedia</title>
<link media="all" rel="stylesheet" href="css/all.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.8.3.min.js"><\/script>')</script>
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/jquery.main.js"></script>
<!--[if IE 8]><script type="text/javascript" src="js/ie.js"></script><![endif]-->
</head>
<body>
<div id="wrapper">
<header id="header">
<div class="holder">
<div class="nav-holder">
<nav id="nav">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">What We Do</a></li>
<li><a href="#">Why Choose Us</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Blog</a></li>
</ul>
</nav>
</div>
<strong class="logo"><a href="#">IPostSocialMedia</a></strong>
<a href="#" class="opener"><span></span></a>
</div>
</header>
<div id="main">
<div class="marketing-box">
<div class="holder">
<div class="cycle-gallery">
<div class="mask">
<div class="slideset">
<div class="slide">
<div class="img-box">
<img alt="image description" src="images/img22.png" width="213" height="217">
</div>
<div class="text-block">
<h1>we take care of all your social media needs.</h1>
<p>Facebook, Twitter, Pinterest, YouTube & more. Whether you already have accounts or need them set up, we handle it all. Written posts, photos and graphics just leave it up to us.</p>
<a href="#">Boost Your Brand</a>
</div>
</div>
<div class="slide">
<div class="img-box">
<img alt="image description" src="images/img23.png" width="215" height="207">
</div>
<div class="text-block">
<h1>effective & affordable marketing solutions</h1>
<p>Let us help market your small business. Everything from website design, social media and more.</p>
<a href="#">Boost Your Brand</a>
</div>
</div>
<div class="slide">
<div class="img-box">
<img alt="image description" src="images/img24.png" width="391" height="244">
</div>
<div class="text-block add-box">
<h1>need a website? no problem.</h1>
<p>Does your company need a website? Not sure where to start? Relax, we got your covered. We will design you a beautiful and inspiring website to help you get your brand out there!</p>
<a href="#">Boost Your Brand</a>
</div>
</div>
</div>
</div>
<a class="prev" href="#">previous</a>
<a class="next" href="#">next</a>
<div class="pagination">
<ul>
<li><a href="#">1</a></li>
<li class="active"><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="three-col-box">
<div class="holder">
<div class="three-col">
<div class="col left">
<div class="img-holder">
<img src="images/img19.png" alt="image description" />
</div>
<h2>We Save You Money</h2>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa</p>
</div>
<div class="col">
<div class="img-holder">
<img src="images/img20.png" alt="image description" />
</div>
<h2>We Save You Time</h2>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa</p>
</div>
<div class="col right">
<div class="img-holder">
<img src="images/img21.png" alt="image description" />
</div>
<h2>We Build Your Community</h2>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa</p>
</div>
</div>
<a href="#">More Reasons to Choose Us</a>
</div>
</div>
<div class="working">
<div class="holder">
<strong>we love working with</strong>
<ul>
<li>Restaurants</li>
<li>Music & Entertainment</li>
<li>Retail</li>
<li>Online Businesses</li>
</ul>
<span class="slogan">We will help your business achieve three of the most crucial aspects in your business: who your customers are, what they want, and how to attract them to your business.</span>
<div class="img-holder">
<img src="images/img02.jpg" alt="image description" />
</div>
</div>
</div>
<div class="text-box">
<div class="holder">
<span>We can assist with choosing a website name, website development, social media account creation, social media posting, SEO and Google PPC and more.</span>
</div>
</div>
<div class="social-media">
<div class="holder">
<strong class="slogan">We work well with these sites</strong>
<div class="row-box">
<div class="row">
<ul>
<li><a href="#"><img src="images/img03.jpg" alt="image description" /></a></li>
<li><a href="#"><img src="images/img04.jpg" alt="image description" /></a></li>
<li><a href="#"><img src="images/img05.jpg" alt="image description" /></a></li>
<li><a href="#"><img src="images/img06.jpg" alt="image description" /></a></li>
<li><a href="#"><img src="images/img07.jpg" alt="image description" /></a></li>
<li><a href="#"><img src="images/img08.jpg" alt="image description" /></a></li>
<li><a href="#"><img src="images/img09.jpg" alt="image description" /></a></li>
<li><a href="#"><img src="images/img10.jpg" alt="image description" /></a></li>
</ul>
</div>
<div class="row">
<ul>
<li><a href="#"><img src="images/img11.png" alt="image description" /></a></li>
<li><a href="#"><img src="images/img12.png" alt="image description" /></a></li>
<li><a href="#"><img src="images/img13.png" alt="image description" /></a></li>
<li><a href="#"><img src="images/img14.png" alt="image description" /></a></li>
<li><a href="#"><img src="images/img15.png" alt="image description" /></a></li>
</ul>
</div>
<div class="row">
<ul>
<li><a href="#"><img src="images/img16.png" alt="image description" /></a></li>
<li><a href="#"><img src="images/img17.png" alt="image description" /></a></li>
<li><a href="#"><img src="images/img18.png" alt="image description" /></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<footer id="footer">
<div class="holder">
<div class="nav-holder">
<nav class="sub-nav">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">What We Do</a></li>
<li><a href="#">Why Choose Us</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<ul class="social">
<li><a href="#">facebook</a></li>
<li class="twitter"><a href="#">twitter</a></li>
<li class="in"><a href="#">in</a></li>
</ul>
</div>
<div class="copy">
<ul>
<li>copyright 2014</li>
<li><a href="mailto:ipostsocialmedia.com">ipostsocialmedia.com</a></li>
<li><a href="#">all rights reserved</a></li>
</ul>
</div>
</div>
</footer>
</div>
</body>