Skip to content

Instantly share code, notes, and snippets.

/gist:6978014

Created October 14, 2013 16:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/6978014 to your computer and use it in GitHub Desktop.
Save anonymous/6978014 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!DOCTYPE html>
<!--[if lt IE 7]><html class="lt-ie7" xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><![endif]-->
<!--[if IE 7]><html class="ie7" xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><![endif]-->
<!--[if IE 8]><html class="ie8" xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><![endif]-->
<!--[if gt IE 8]><!--><html lang="en-US"><!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Ten Digital Trends for 2014 - What&#039;s trending in the world of digital marketing </title>
<script type="text/javascript" src="//use.typekit.net/ggg7kpi.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<style>
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
</style>
<link href="http://trends.clickherelabs.com/wp-content/themes/Trends2014/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link rel='stylesheet' href='http://trends.clickherelabs.com/wp-content/themes/Trends2014/style.css' type='text/css' media='screen' />
<script type='text/javascript' src='http://trends.clickherelabs.com/wp-includes/js/jquery/jquery.js?ver=1.10.2'></script>
<script type='text/javascript' src='http://trends.clickherelabs.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='http://eightmedia.github.com/hammer.js/hammer.js?ver=3.6.1'></script>
<script type='text/javascript' src='http://eightmedia.github.com/hammer.js/jquery.hammer.js?ver=3.6.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://trends.clickherelabs.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://trends.clickherelabs.com/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 3.6.1" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://trends.clickherelabs.com/wp-content/themes/Trends2014/js/respond.min.js"></script>
<![endif]-->
<script>
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
var msViewportStyle = document.createElement("style")
msViewportStyle.appendChild(
document.createTextNode(
"@-ms-viewport{width:auto!important}"
)
)
document.getElementsByTagName("head")[0].appendChild(msViewportStyle)
}
</script>
</head>
<body class="home blog logged-in desktop chrome chrome">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<header>
<div class="header-bg">
<nav>
<div class="container">
<a href="//richards.com/"><img src="http://trends.clickherelabs.com/wp-content/themes/Trends2014/img/trg-logo-header.png" alt="The Richards Group" class="logo"></a>
<ul class="nav nav-pills pull-right">
<li><a href="http://trends.clickherelabs.com" class="hamburger"><img src="http://trends.clickherelabs.com/wp-content/themes/Trends2014/img/footer-menu.jpg" alt="Ten Digital Trends for 2014" class="pull-right"></a></li>
<li style="padding:inherit 2.5px;"><a href="https://www.facebook.com/RichardsGroup"><img src="http://trends.clickherelabs.com/wp-content/themes/Trends2014/img/facebook.jpg" alt="Facebook" class="pull-right"></a></li>
<li><a href="https://twitter.com/richardsgroup"><img src="http://trends.clickherelabs.com/wp-content/themes/Trends2014/img/twitter.jpg" alt="Twitter" class="pull-right"></a></li>
<li><a href="http://www.linkedin.com/company/the-richards-group?trk=fc_badge"><img src="http://trends.clickherelabs.com/wp-content/themes/Trends2014/img/linkedin.jpg" alt="LinkedIn" class="pull-right"></a></li>
<li><a href="http://blog.richards.com"><img src="http://trends.clickherelabs.com/wp-content/themes/Trends2014/img/blogger.jpg" alt="Blogger" class="pull-right"></a></li>
</ul>
</div>
</nav>
</div>
</header> <div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="home-title">Ten Digital Trends For 2014</h1>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3">
<div class="flip-container">
<div class="flipper">
<div class="front">
<img src="http://trends.clickherelabs.com/wp-content/uploads/2013/10/1.gif" alt="ADVERTISING OPPORTUNITIES IN WEARABLE TECHNOLOGY" >
</div>
<a href="http://trends.clickherelabs.com/article-1/">
<div class="back">
<div style="height:100%; display:table-row;">
<span class="home-box-title">ADVERTISING OPPORTUNITIES IN WEARABLE TECHNOLOGY</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="flip-container">
<div class="flipper">
<div class="front">
<img src="http://trends.clickherelabs.com/wp-content/uploads/2013/10/2.gif" alt="Article 2: The New Frontier" >
</div>
<a href="http://trends.clickherelabs.com/article-2/">
<div class="back">
<div style="height:100%; display:table-row;">
<span class="home-box-title">Article 2: The New Frontier</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="flip-container">
<div class="flipper">
<div class="front">
<img src="http://trends.clickherelabs.com/wp-content/uploads/2013/10/3.gif" alt="Article 3" >
</div>
<a href="http://trends.clickherelabs.com/article-3/">
<div class="back">
<div style="height:100%; display:table-row;">
<span class="home-box-title">Article 3</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="flip-container">
<a href="http://trends.clickherelabs.com/the-richards-group/"><img src="http://trends.clickherelabs.com/wp-content/uploads/2013/09/logo.gif" alt="The Richards Group" ></a>
</div>
</div>
<div class="col-lg-3">
<div class="flip-container">
<div class="flipper">
<div class="front">
<img src="http://trends.clickherelabs.com/wp-content/uploads/2013/10/4.gif" alt="Article 4" >
</div>
<a href="http://trends.clickherelabs.com/article-4/">
<div class="back">
<div style="height:100%; display:table-row;">
<span class="home-box-title">Article 4</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="flip-container">
<div class="flipper">
<div class="front">
<img src="http://trends.clickherelabs.com/wp-content/uploads/2013/10/5.gif" alt="Article 5" >
</div>
<a href="http://trends.clickherelabs.com/article-5/">
<div class="back">
<div style="height:100%; display:table-row;">
<span class="home-box-title">Article 5</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="flip-container">
<div class="flipper">
<div class="front">
<img src="http://trends.clickherelabs.com/wp-content/uploads/2013/10/6.gif" alt="Article 6" >
</div>
<a href="http://trends.clickherelabs.com/article-6/">
<div class="back">
<div style="height:100%; display:table-row;">
<span class="home-box-title">Article 6</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="flip-container">
<div class="flipper">
<div class="front">
<img src="http://trends.clickherelabs.com/wp-content/uploads/2013/10/7.gif" alt="Article 7" >
</div>
<a href="http://trends.clickherelabs.com/article-7/">
<div class="back">
<div style="height:100%; display:table-row;">
<span class="home-box-title">Article 7</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="flip-container">
<div class="flipper">
<div class="front">
<img src="http://trends.clickherelabs.com/wp-content/uploads/2013/10/8.gif" alt="Article 8" >
</div>
<a href="http://trends.clickherelabs.com/article-8/">
<div class="back">
<div style="height:100%; display:table-row;">
<span class="home-box-title">Article 8</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="flip-container">
<div class="flipper">
<div class="front">
<img src="http://trends.clickherelabs.com/wp-content/uploads/2013/10/9.gif" alt="I&#8217;m still geeking out about it&#8230;" >
</div>
<a href="http://trends.clickherelabs.com/article-9/">
<div class="back">
<div style="height:100%; display:table-row;">
<span class="home-box-title">I&#8217;m still geeking out about it&#8230;</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="flip-container">
<div class="flipper">
<div class="front">
<img src="http://trends.clickherelabs.com/wp-content/uploads/2013/10/10.gif" alt="Article 10: The cake is a lie." >
</div>
<a href="http://trends.clickherelabs.com/article-10/">
<div class="back">
<div style="height:100%; display:table-row;">
<span class="home-box-title">Article 10: The cake is a lie.</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='http://trends.clickherelabs.com/wp-content/themes/Trends2014/js/jquery.custom.js?ver=1.0'></script>
<script src="http://trends.clickherelabs.com/wp-content/themes/Trends2014/js/bootstrap.min.js"></script>
<script src="http://trends.clickherelabs.com/wp-content/themes/Trends2014/js/flowtype.js"></script>
<script type="text/javascript" src="http://trends.clickherelabs.com/wp-content/themes/Trends2014/js/retina-1.1.0.min.js"></script>
<script>
jQuery('.flip-container').bind('touchstart', function(){
jQuery(this).addClass('hover');
});
</script>
<script>
jQuery('.home-title').flowtype({
minFont : 16,
maxFont : 48,
fontRatio : 20
});
</script>
<script src="http://trends.clickherelabs.com/wp-content/themes/Trends2014/js/jquery.fittext.js"></script>
<script>
jQuery("#postTitle").fitText(1.2, { maxFontSize: '48px' });
jQuery("#postAuthor").fitText(1.2, { maxFontSize: '40px' });
jQuery("#siteTitle").fitText(1.2, { minFontSize: '14px', maxFontSize: '14px' });
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment