xxxxxxxxxx
<section id="intro">
<div class="container">
<div class="row">
<div class="col-md-6">
<a href="/"><h1>dataviz.tools</h1></a>
<p>A curated directory of content marketing resources & tutorials.</p>
</div>
<div class="col-md-6">
<div class="social">
</p>
<p>
<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/sdk.js#xfbml=1&version=v2.4";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-like" data-href="https://contentmarketingstack.co/" data-layout="standard" data-action="recommend" data-show-faces="false" data-share="true"></div>
</p>
<p></p>
<p></p>
</div>
</div>
</div>
</div>
</section>
<div class="container">
<div class="resources">
<div class="row-no-gutter">
<div class=" single-resource-grid">
<div class="image">
<div class="cover" style="background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #f27a9d">
<div class="meta">
<h3 style="color:#f27a9d;">
1. Develop a Strategy
</h3>
</div>
</div>
</div>
</div>
<div class=" single-resource-grid">
<a href="#1">
<div class="image" style="background-color: #f27a9d;">
<div class="cover">
<div class="meta">
<h3>
Personas
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #f27a9d;">
<div class="cover">
<div class="meta">
<h3>
Content Calendar
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<div class="image">
<div class="cover" style="background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #FF7F00">
<div class="meta">
<h3 style="color:#FF7F00;">
2. Contuct Research
</h3>
</div>
</div>
</div>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #FF7F00;">
<div class="cover">
<div class="meta">
<h3>
Content Research and Discovery
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #FF7F00;">
<div class="cover">
<div class="meta">
<h3>
Competitive Analysis
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<div class="image">
<div class="cover" style="background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #ffd300">
<div class="meta">
<h3 style="color:#ffd300;">
3. Develop the Content
</h3>
</div>
</div>
</div>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #ffd300;">
<div class="cover">
<div class="meta">
<h3>
Editors
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #ffd300;">
<div class="cover">
<div class="meta">
<h3>
SEO
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #ffd300;">
<div class="cover">
<div class="meta">
<h3>
Dynamic Content
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #ffd300;">
<div class="cover">
<div class="meta">
<h3>
Images
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #ffd300;">
<div class="cover">
<div class="meta">
<h3>
Outsourcing
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #ffd300;">
<div class="cover">
<div class="meta">
<h3>
Presentations
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #ffd300;">
<div class="cover">
<div class="meta">
<h3>
Inphographics
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #ffd300;">
<div class="cover">
<div class="meta">
<h3>
Quizzes
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #ffd300;">
<div class="cover">
<div class="meta">
<h3>
Webinars
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #ffd300;">
<div class="cover">
<div class="meta">
<h3>
Online Courses
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #ffd300;">
<div class="cover">
<div class="meta">
<h3>
Forms
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #ffd300;">
<div class="cover">
<div class="meta">
<h3>
Videos
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<div class="image">
<div class="cover" style="background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #82c776">
<div class="meta">
<h3 style="color:#82c776;">
4. Distribute
</h3>
</div>
</div>
</div>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #82c776;">
<div class="cover">
<div class="meta">
<h3>
Publishing Platforms
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #82c776;">
<div class="cover">
<div class="meta">
<h3>
Email Digests
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #82c776;">
<div class="cover">
<div class="meta">
<h3>
Social Media Scheduling
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #82c776;">
<div class="cover">
<div class="meta">
<h3>
Actionable Link Shortner
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #82c776;">
<div class="cover">
<div class="meta">
<h3>
APIs
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<div class="image">
<div class="cover" style="background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #01aed6">
<div class="meta">
<h3 style="color:#01aed6;">
5. Paid Promotion
</h3>
</div>
</div>
</div>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #01aed6;">
<div class="cover">
<div class="meta">
<h3>
Paid Distribution
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #01aed6;">
<div class="cover">
<div class="meta">
<h3>
Influencer Platforms
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<div class="image">
<div class="cover" style="background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #754c9b">
<div class="meta">
<h3 style="color:#754c9b;">
6. Build Links
</h3>
</div>
</div>
</div>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #754c9b;">
<div class="cover">
<div class="meta">
<h3>
SEO
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #754c9b;">
<div class="cover">
<div class="meta">
<h3>
Influencer Outreach
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<div class="image">
<div class="cover" style="background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #FF007F">
<div class="meta">
<h3 style="color:#FF007F;">
7. Measure
</h3>
</div>
</div>
</div>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #FF007F;">
<div class="cover">
<div class="meta">
<h3>
Content Marketing Analytics
</h3>
</div>
</div>
</div>
</a>
</div>
<div class=" single-resource-grid">
<a href="#">
<div class="image" style="background-color: #FF007F;">
<div class="cover">
<div class="meta">
<h3>
Web Monitoring
</h3>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-sm-6">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-3">
</div>
<div class="col-md-6 text-center built">
<p>Curated by <a target="_blank" href="https://twitter.com/carlvlewis">Carl V. Lewia</a>. </p>
</div>
<div class="col-md-3 text-right fans">
</div>
</div>
</div>
</footer>