<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<article class="text-box ">
<div class="text-box__inner">
<div class="text-box__content">
<h2 class="text-box__heading">Atomic design</h2>
<p>The Pattern Library is based on the Atomic Design method by Brad Frost.</p>
</div>
<a href="http://atomicdesign.bradfrost.com/" title="Link title" target="_blank" class="link" property="url">Link text</a>
</div>
</article>
</div>
<div class="col-xs-12 col-sm-6">
<article class="text-box ">
<div class="text-box__inner">
<div class="text-box__content">
<h2 class="text-box__heading">Novicell Design System</h2>
<p>Build using our own tools and best practices for building websites.</p>
</div>
<a href="https://github.com/Novicell/novicell-frontend" title="Link title" target="_blank" class="link" property="url">Link text</a>
</div>
</article>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
{{> '@text-box' textbox1 }}
</div>
<div class="col-xs-12 col-sm-6">
{{> '@text-box' textbox2 }}
</div>
</div>
</div>
{
"textbox1": {
"heading": {
"text": "Atomic design"
},
"text": "The Pattern Library is based on the Atomic Design method by Brad Frost.",
"link": {
"url": "http://atomicdesign.bradfrost.com/",
"target": "_blank",
"text": "Link text",
"title": "Link title"
}
},
"textbox2": {
"heading": {
"text": "Novicell Design System"
},
"text": "Build using our own tools and best practices for building websites.",
"link": {
"url": "https://github.com/Novicell/novicell-frontend",
"target": "_blank",
"text": "Link text",
"title": "Link title"
}
}
}