Skip to content

Instantly share code, notes, and snippets.

@rememberlenny

rememberlenny/gist:5144802

Created March 12, 2013 17:07
Show Gist options
  • Save rememberlenny/5144802 to your computer and use it in GitHub Desktop.
Save rememberlenny/5144802 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if IE 7]><html class="lt-ie9 lt-ie8" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if IE 8]><html class="lt-ie9" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if gt IE 8]><!--><html xmlns="http://www.w3.org/1999/xhtml"><!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Acquinity Interactive Demo</title>
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/app.css" />
<script src="scripts/vendor/custom.modernizr.js"></script>
<script type="text/javascript" src="//use.typekit.net/hxm2vop.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</head>
<body>
<div class="overflow twelve">
<div class="top-nav-wrapper twelve">
<div class="row top-nav">
<nav class="top-bar">
<ul class="title-area">
<!-- Title Area -->
<li class="name">
<h1 class=""><a href="#"><img class="logo" src="images/logo.png" alt=""> </a></h1>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<!-- Left Nav Section -->
<ul class="left">
<li class="divider"></li>
<li class=""><a href="#">Distribution</a></li>
<li class="divider"></li>
<li><a href="#">Products</a></li>
<li class="divider"></li>
<li class=""><a href="#">Clients</a></li>
<li class="divider"></li>
<li><a href="#">About</a></li>
<li class="divider"></li>
<li><a href="#">Contact</a></li>
<li class="divider hide-for-medium-down"></li>
</ul>
<!-- Right Nav Section -->
<ul class="right">
<li class="hide-for-small"></li>
<li class="has-form">
<form class="">
<div class="row collapse search-box">
<div class="large-8 columns">
<input type="text">
</div>
<div class="large-4 columns">
<a href="#" class=""><i class="general foundiconenc-search"></i> </a>
</div>
</div>
</form>
</li>
</ul>
</section>
</nav>
</div>
</div>
<div class="content row twelve">
<div class="main large-8 columns ">
<div class="masthead-photo h300">
<div class="masthead-photo-extension image-wrapper">
<div class="masthead-photo-content content-sec image-post">
<div class="text-two-line">
</div>
</div>
</div>
</div>
<div id="featured" class="case-studies h300 fr">
<div class="case-studies-extension fr">
<div class="case-studies-content content-sec fr">
<ul id="featured2" data-orbit>
<li data-orbit-slide="headline-1">
<div class="case-study-item large-6 small-6 columns">
<h2 class="subheader">Making Savings</h2>
<p>Fusce suscipit elit non diam cursus tristique. Maecenas consectetur risus id nunc ornare non elementum ipsum adipiscing.</p>
<div class="image-wrapper">
<img class="centered " src="images/case/case1.jpg" alt=""></div>
</div>
<div class="case-study-item large-6 small-6 columns">
<h2 class="subheader">Bringing Home the Customers</h2>
<p>Fusce suscipit elit non diam cursus tristique. Maecenas consectetur risus id nunc ornare non elementum ipsum adipiscing.</p>
<div class="image-wrapper">
<img class="centered " src="images/case/case2.jpg" alt=""></div>
</div>
</li>
<li data-orbit-slide="headline-2">
<div class="case-study-item large-6 small-6 columns">
<h2 class="subheader">Disney Success</h2>
<p>Fusce suscipit elit non diam cursus tristique. Maecenas consectetur risus id nunc ornare non elementum ipsum adipiscing.</p>
<div class="image-wrapper">
<img class="centered " src="images/case/case3.jpg" alt=""></div>
</div>
<div class="case-study-item large-6 small-6 columns">
<h2 class="subheader">Relating with eHarmony</h2>
<p>Fusce suscipit elit non diam cursus tristique. Maecenas consectetur risus id nunc ornare non elementum ipsum adipiscing.</p>
<div class="image-wrapper">
<img class="centered " src="images/case/case4.jpg" alt=""></div>
</div>
</li>
<li data-orbit-slide="headline-3">
<div class="case-study-item large-6 small-6 columns">
<h2 class="subheader">Beyond the Walls</h2>
<p>Fusce suscipit elit non diam cursus tristique. Maecenas consectetur risus id nunc ornare non elementum ipsum adipiscing.</p>
<div class="image-wrapper">
<img class="centered " src="images/case/case5.jpg" alt=""></div>
</div>
<div class="case-study-item large-6 small-6 columns">
<h2 class="subheader">Levi's Denim</h2>
<p>Fusce suscipit elit non diam cursus tristique. Maecenas consectetur risus id nunc ornare non elementum ipsum adipiscing.</p>
<div class="image-wrapper">
<img class="centered " src="images/case/case6.jpg" alt=""></div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="page-main fr">
<div class="page-main-extension fr">
<div class="page-main-content content-sec fr">
<div class="">
<h4 class="">Content, Curation, Connectivity</h4>
<p>Acquinity Interactive is a publisher, product marketing, and development company. We have three platforms of expertise: niche online communities, their accompanying email products, and telemarketing. At Acquinity, we leverage our unique demographic targeting and profiling to ensure that each consumer has a genuine interest in our advertisers’ offerings. </p>
<div class="hide-for-small large-3 fr">
<img src="images/sub/graphic1.png" alt="">
</div>
<p>We own and operate three Web titles and their ancillary social and email products: bSaving.com, Sweepstakes.com and Political.com. Acquinity operates call centers across the U.S. and abroad, reaching consumers in Canada and the UK. Our audiences are extremely cost-conscious, gravitating to bargains, discounts, coupons and free samples. </p>
<p>Our advertiser base spans numerous verticals...daily deals, health & wellness, financial, travel, insurance, education, telecom and entertainment to name a few. Clients only pay for results; clicks, opens, registrations, actual sales. </p>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar large-4 small-12 columns">
<div class="company-facts" id="featrap">
<div class="company-facts-extension h300 fl">
<div class="company-facts-content content-sec">
<div class="">
<ul id="featrap" data-orbit>
<li>
<p>Pellentesque habitant morbi tristique senectus.</p>
</li>
<li>
<p>Pellentesque habitant morbi tristique senectus.</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="partner-block">
<div class="partner-block-extension b30 fl">
<div class="partner-block-content content-sec fl">
<h4 class="subheader">Our Partners</h4>
<ul class="large-block-grid-2 small-block-grid-3">
<li><img src="images/brands/travelers-logo.png" alt=""></li>
<li><img src="images/brands/aarp-logo.png" alt=""></li>
<li><img src="images/brands/disney-logo.png" alt=""></li>
<li><img src="images/brands/vonage-logo.png" alt=""></li>
<li class="show-for-small"><img src="images/brands/ford-logo.png" alt=""></li>
<li><img src="images/brands/eharmony-logo.png" alt=""></li>
<li><img src="images/brands/levi-logo.png" alt=""></li>
<li><img src="images/brands/netflix-logo.png" alt=""></li>
<li><img src="images/brands/groupon-logo.png" alt=""></li>
</ul>
</div>
</div>
</div>
<hr class="show-for-small">
<div class="email-alerts-block large-12 small-12 column">
<div class="email-alerts-extension b30 fl">
<div class="email-alerts-content content-sec fl">
<h4 class="subheader">Email Alerts</h4>
<div class="row email-box collapse">
<label>Subscribe to our email alerts</label>
<div class="small-7 email-input columns large-7">
<input type="text" placeholder="Email Address">
</div>
<div class="small-5 columns large-5">
<a href="#" class="secondary button prefix">Subscribe</a>
</div>
</div>
</div>
</div>
</div>
<hr class="show-for-small">
<div class="distribution-link-block large-12 small-6 column">
<div class="distribution-link-extension fl">
<div class="distribution-link-content content-sec fl">
<h4 class="subheader">Distribution</h4>
<ul class="no-style">
<li><a href="">Hosted Offers</a></li>
<li><a href="">Links</a></li>
<li><a href="">Display Ads</a></li>
<li><a href="">Email</a></li>
<li><a href="">Call Centers</a></li>
<li><a href="">Direct Mail</a></li>
</ul>
</div>
</div>
</div>
<div class="products-link-block large-12 small-6 column">
<div class="products-link-extension b30 fl">
<div class="products-link-content content-sec fl">
<h4 class="subheader">Products</h4>
<ul class="no-style">
<li><a href="">Sweepstakes</a></li>
<li><a href="">Health Network</a></li>
<li><a href="">Toolbar</a></li>
<li><a href="">Coupons</a></li>
<li><a href="">Political Polling</a></li>
</ul>
</div>
</div>
</div>
<hr class="show-for-small">
<div class="social-block small-12 large-12 column">
<div class="social-block-extension b30 fl">
<div class="social-block-content content-sec fl">
<h4 class="subheader">Find Us</h4>
<ul class="small-block-grid-3 large-block-grid-3">
<li><a src="" class="foundiconsoc-facebook"></a></li>
<li><a src="" class="foundiconsoc-twitter"></a></li>
<li><a src="" class="foundiconsoc-youtube"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-full twelve tp30">
<div class="row footer">
<div class="column">
<nav>
<ul class="inline-list small-block-grid-2">
<li><a href="">Distribution</a></li>
<li><a href="">Clients</a></li>
<li><a href="">Products</a></li>
<li><a href="">About</a></li>
<li><a href="">Pattern</a></li>
<li><a href="">Services</a></li>
<li><a href="">Culture</a></li>
<li><a href="">Contact</a></li>
</ul>
</nav>
<p>&copy; 2013 Acquinity Interactive - All Rights Reserved</p>
</div>
</div>
</div>
</div>
<script>
document.write('<script src=' +
('__proto__' in {} ? 'scripts/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')
</script>
<script src="scripts/foundation.min.js"></script>
<script>
$(document).foundation('topbar');
$('#featured').foundation('orbit', { timer_speed: 5000, stack_on_small: false, animation_speed: 500, timer: false, bullets: true, }, function (response) {});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment