<div class="js-component relative z-0 component-spacer-margin">
<div class="container">
<div class="max-w-screen-md mx-auto">
<div class="prose prose-rte max-w-none">
<h2>(Rich Text H2) Whatever the weather</h2>
<h3>(Rich Text T3) (Rich Text H3) About the project</h3>
<p>Lorem ipsum dolor sit amet, <a href=''>consectetur adipisicing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<ol>
<li>In eu tristique est</li>
<li>In eu tristique est</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
</ol>
<h4>(Rich Text H4) Britain’s Rainforests</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h5>(T5) Choose our solutions to procure your next project</h5>
<h6>(H6) Choose our solutions to procure your next project</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<ul>
<li>In eu tristique est</li>
<li>In eu tristique est</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
</ul>
<blockquote class='quote'>
<h5 class='quote-heading'>Their Story</h5>
<p class='quote-text'>The location’s great but it was important for us to be able to connect to the internet so we could take card payments. It would have been a serious issue if we didn't have access to good broadband because my only alternative would have been to go outside to get a signal on my phone.</p><cite class='quote-citation'>Steve - Lily Antiques</cite>
</blockquote>
<div class='small-text'>Body - Small - Learn more about our business broadband products and services.</div>
<div class='large-text'>Body - large - Learn more about our business broadband products and services.</div>
<figure><img src='/front-end/images/test-imagery/example1@16-10@1200w.jpg' alt='' data-caption='Some content here'>
<figcaption>Some content here</figcaption>
</figure>
</div>
</div>
</div>
</div>
{% if bgContrast %}
{% set bgClass = "component-spacer-padding bg-grey-50" %}
{% else %}
{% set bgClass = "component-spacer-margin" %}
{% endif %}
<div class="js-component relative z-0 {{bgClass}}">
<div class="container">
{% if text and not text2 and not text3 %}
<div class="max-w-screen-md mx-auto">
<div class="prose prose-rte max-w-none">
{{ text | safe }}
</div>
</div>
{% else %}
<div class="lg:flex space-y-8 lg:space-y-0 lg:space-x-8">
{% if text %}
<div class="prose prose-rte max-w-none flex-1">
{{ text | safe }}
</div>
{% endif %}
{% if text2 %}
<div class="prose prose-rte max-w-none flex-1">
{{ text2 | safe }}
</div>
{% endif %}
{% if text3 %}
<div class="prose prose-rte max-w-none flex-1">
{{ text3 | safe }}
</div>
{% endif %}
</div>
{% endif %}
</div>
</div>
{
"siteName": "BIR Pattern Library",
"text": "<h2>(Rich Text H2) Whatever the weather</h2><h3>(Rich Text T3) (Rich Text H3) About the project</h3><p>Lorem ipsum dolor sit amet, <a href=''>consectetur adipisicing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <ol><li>In eu tristique est</li><li>In eu tristique est</li><li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li></ol><h4>(Rich Text H4) Britain’s Rainforests</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <h5>(T5) Choose our solutions to procure your next project</h5> <h6>(H6) Choose our solutions to procure your next project</h6> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <ul><li>In eu tristique est</li><li>In eu tristique est</li><li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li></ul><blockquote class='quote'><h5 class='quote-heading'>Their Story</h5><p class='quote-text'>The location’s great but it was important for us to be able to connect to the internet so we could take card payments. It would have been a serious issue if we didn't have access to good broadband because my only alternative would have been to go outside to get a signal on my phone.</p><cite class='quote-citation'>Steve - Lily Antiques</cite></blockquote><div class='small-text'>Body - Small - Learn more about our business broadband products and services.</div><div class='large-text'>Body - large - Learn more about our business broadband products and services.</div><figure><img src='/front-end/images/test-imagery/example1@16-10@1200w.jpg' alt='' data-caption='Some content here'><figcaption>Some content here</figcaption></figure>"
}
No notes defined.