<link media="all" rel="stylesheet" href="/assets/themes/default/css/header.css?cb=">
<header class="header" data-module="header">
<div class="header__inner js-header-inner">
<div class="header__mobile-navigation js-mobile-navigation">
<div class="header__mobile-navigation-inner">
<nav class="primary-navigation primary-navigation--mobile">
<ul class="primary-navigation__list">
<li class="primary-navigation__list-item js-nav-list-item primary-navigation--has-children ">
<a href="#" class="primary-navigation__link ">
<span>Parent</span>
</a>
</li>
<li class="primary-navigation__list-item js-nav-list-item primary-navigation--is-dynamic">
<a href="#" class="primary-navigation__link primary-navigation__link--is-active">
<span>Working</span>
</a>
<div class="menu-toggle js-menu-toggle">
<span class="menu-toggle__horizontal-line"></span>
<span class="menu-toggle__vertical-line"></span>
</div>
<div class="sub-navigation js-sub-navigation">
<div class="sub-navigation__inner js-sub-nav-inner">
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--links">
<div class="sub-navigation__col-title sub-navigation__links-title">Links</div>
<ul class="sub-navigation__link-list">
<li class="sub-navigation__link"><a href="#">link one</a></li>
<li class="sub-navigation__link"><a href="#">link two</a></li>
<li class="sub-navigation__link"><a href="#">link three</a></li>
</ul>
</div>
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
<div class="sub-navigation__col-title sub-navigation__text-title"><a href="#">Text</a></div>
<p class="sub-navigation__text-text"><a href="#">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi.</a></p>
<a href="#" data-module="cta" class="cta sub-navigation__text-cta">
Primary Cta
</a>
</div>
<div class="sub-navigation__col sub-navigation__col--image">
<div class="sub-navigation__image-wrapper">
<a href="#">
<div class="sub-navigation__image-container">
<img src="https://via.placeholder.com/150x150" alt="Alt Text" loading="lazy" class="sub-navigation__image">
</div>
</a>
<a href="#" class="sub-navigation__image-link">Image Link</a>
</div>
</div>
</div>
</div>
</li>
<li class="primary-navigation__list-item js-nav-list-item primary-navigation--is-dynamic">
<a href="#" class="primary-navigation__link ">
<span>Careers</span>
</a>
<div class="menu-toggle js-menu-toggle">
<span class="menu-toggle__horizontal-line"></span>
<span class="menu-toggle__vertical-line"></span>
</div>
<div class="sub-navigation js-sub-navigation">
<div class="sub-navigation__inner js-sub-nav-inner">
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
<div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
<p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi'</p>
</div>
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
<div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
<p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi'</p>
</div>
<div class="sub-navigation__col sub-navigation__col--image">
<div class="sub-navigation__image-wrapper">
<div class="sub-navigation__image-container">
<img src="https://via.placeholder.com/150x150" alt="Alt Text" loading="lazy" class="sub-navigation__image">
</div>
</div>
</div>
</div>
</div>
</li>
<li class="primary-navigation__list-item js-nav-list-item primary-navigation--is-dynamic">
<a href="#" class="primary-navigation__link ">
<span>News & Views</span>
</a>
<div class="menu-toggle js-menu-toggle">
<span class="menu-toggle__horizontal-line"></span>
<span class="menu-toggle__vertical-line"></span>
</div>
<div class="sub-navigation js-sub-navigation">
<div class="sub-navigation__inner js-sub-nav-inner">
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
<div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
<p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi'</p>
</div>
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--links">
<div class="sub-navigation__col-title sub-navigation__links-title">Links</div>
<ul class="sub-navigation__link-list">
<li class="sub-navigation__link"><a href="#">link one</a></li>
<li class="sub-navigation__link"><a href="#">link two</a></li>
<li class="sub-navigation__link"><a href="#">link three</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="primary-navigation__list-item js-nav-list-item primary-navigation--is-dynamic">
<a href="#" class="primary-navigation__link ">
<span>Contact</span>
</a>
<div class="menu-toggle js-menu-toggle">
<span class="menu-toggle__horizontal-line"></span>
<span class="menu-toggle__vertical-line"></span>
</div>
<div class="sub-navigation js-sub-navigation">
<div class="sub-navigation__inner js-sub-nav-inner">
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
<div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
<p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi'</p>
</div>
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--links">
<div class="sub-navigation__col-title sub-navigation__links-title">Links</div>
<ul class="sub-navigation__link-list">
<li class="sub-navigation__link"><a href="#">link one</a></li>
<li class="sub-navigation__link"><a href="#">link two</a></li>
<li class="sub-navigation__link"><a href="#">link three</a></li>
</ul>
</div>
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
<div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
<p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi'</p>
</div>
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--links">
<div class="sub-navigation__col-title sub-navigation__links-title">Links</div>
<ul class="sub-navigation__link-list">
<li class="sub-navigation__link"><a href="#">link one</a></li>
<li class="sub-navigation__link"><a href="#">link two</a></li>
<li class="sub-navigation__link"><a href="#">link three</a></li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</nav>
<nav class="header__mobile-quick-links">
<a href="#" class="header__quick-link">
Quick Link
</a>
<a href="#" class="header__quick-link">
<img src="https://via.placeholder.com/100X25" alt="">
</a>
</nav>
</div>
</div>
<nav class="header__top-navigation js-top-navigation">
<div class="grid-container">
<div class="grid-x header__top-navigation-row">
<a href="#" class="header__quick-link">
Quick Link
</a>
<a href="#" class="header__quick-link">
<img src="https://via.placeholder.com/100X25" alt="">
</a>
</div>
</div>
</nav>
<div class="grid-container">
<div class="grid-x header__navigation-row">
<div class="header__navigation-wrapper">
<div class="burger">
<label for="burger-nav"></label>
<input type="checkbox" id="burger-nav" class="js-burger-nav" name="burger-nav" />
<span></span>
<span></span>
<span></span>
</div>
<nav class="primary-navigation primary-navigation--desktop">
<ul class="primary-navigation__list">
<li class="primary-navigation__list-item js-nav-list-item primary-navigation--has-children ">
<a href="#" class="primary-navigation__link ">
<span>Parent</span>
</a>
</li>
<li class="primary-navigation__list-item js-nav-list-item primary-navigation--is-dynamic">
<a href="#" class="primary-navigation__link primary-navigation__link--is-active">
<span>Working</span>
</a>
<div class="sub-navigation js-sub-navigation">
<div class="sub-navigation__inner js-sub-nav-inner">
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--links">
<div class="sub-navigation__col-title sub-navigation__links-title">Links</div>
<ul class="sub-navigation__link-list">
<li class="sub-navigation__link"><a href="#">link one</a></li>
<li class="sub-navigation__link"><a href="#">link two</a></li>
<li class="sub-navigation__link"><a href="#">link three</a></li>
</ul>
</div>
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
<div class="sub-navigation__col-title sub-navigation__text-title"><a href="#">Text</a></div>
<p class="sub-navigation__text-text"><a href="#">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi.</a></p>
<a href="#" data-module="cta" class="cta sub-navigation__text-cta">
Primary Cta
</a>
</div>
<div class="sub-navigation__col sub-navigation__col--image">
<div class="sub-navigation__image-wrapper">
<a href="#">
<div class="sub-navigation__image-container">
<img src="https://via.placeholder.com/150x150" alt="Alt Text" loading="lazy" class="sub-navigation__image">
</div>
</a>
<a href="#" class="sub-navigation__image-link">Image Link</a>
</div>
</div>
</div>
</div>
</li>
<li class="primary-navigation__list-item js-nav-list-item primary-navigation--is-dynamic">
<a href="#" class="primary-navigation__link ">
<span>Careers</span>
</a>
<div class="sub-navigation js-sub-navigation">
<div class="sub-navigation__inner js-sub-nav-inner">
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
<div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
<p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi'</p>
</div>
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
<div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
<p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi'</p>
</div>
<div class="sub-navigation__col sub-navigation__col--image">
<div class="sub-navigation__image-wrapper">
<div class="sub-navigation__image-container">
<img src="https://via.placeholder.com/150x150" alt="Alt Text" loading="lazy" class="sub-navigation__image">
</div>
</div>
</div>
</div>
</div>
</li>
<li class="primary-navigation__list-item js-nav-list-item primary-navigation--is-dynamic">
<a href="#" class="primary-navigation__link ">
<span>News & Views</span>
</a>
<div class="sub-navigation js-sub-navigation">
<div class="sub-navigation__inner js-sub-nav-inner">
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
<div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
<p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi'</p>
</div>
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--links">
<div class="sub-navigation__col-title sub-navigation__links-title">Links</div>
<ul class="sub-navigation__link-list">
<li class="sub-navigation__link"><a href="#">link one</a></li>
<li class="sub-navigation__link"><a href="#">link two</a></li>
<li class="sub-navigation__link"><a href="#">link three</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="primary-navigation__list-item js-nav-list-item primary-navigation--is-dynamic">
<a href="#" class="primary-navigation__link ">
<span>Contact</span>
</a>
<div class="sub-navigation js-sub-navigation">
<div class="sub-navigation__inner js-sub-nav-inner">
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
<div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
<p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi'</p>
</div>
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--links">
<div class="sub-navigation__col-title sub-navigation__links-title">Links</div>
<ul class="sub-navigation__link-list">
<li class="sub-navigation__link"><a href="#">link one</a></li>
<li class="sub-navigation__link"><a href="#">link two</a></li>
<li class="sub-navigation__link"><a href="#">link three</a></li>
</ul>
</div>
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
<div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
<p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi'</p>
</div>
<div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--links">
<div class="sub-navigation__col-title sub-navigation__links-title">Links</div>
<ul class="sub-navigation__link-list">
<li class="sub-navigation__link"><a href="#">link one</a></li>
<li class="sub-navigation__link"><a href="#">link two</a></li>
<li class="sub-navigation__link"><a href="#">link three</a></li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</nav>
</div>
<div class="cell site-logo__wrapper">
<a class="site-logo" href="/">
<span>Default</span>
<img src="/media/logo.svg" class="site-logo__image" alt="Default" />
</a>
</div>
</div>
</div>
</div>
</header>
<div class="header__spacer js-header-spacer"></div>
<link media="all" rel="stylesheet" href="/assets/themes/default/css/hero.css?cb=">
<div class="hero hero--hub hero--with-image " data-module="hero">
<div class="hero__image ">
<picture>
<source media="(max-width: 840px)" type="" srcset="https://dummyimage.com/400x225/f0f0f0/545454.png" />
<source media="(min-width: 841px)" type="" srcset="https://dummyimage.com/800x450/f0f0f0/545454.png" />
<img src="https://dummyimage.com/800x450/f0f0f0/545454.png" alt="Image alt text">
</picture>
</div>
<div class="hero__content">
<div class="hero__content-inner">
<h1 class="hero__title">Hero hub</h1>
<h2 class="hero__subtitle">This hero appears on the hub page type</h2>
</div>
</div>
</div>
<link media="all" rel="stylesheet" href="/assets/themes/default/css/blog-listing.css?cb=">
<div class="blog-listing" data-module="blogListing" data-page-size="2" data-endpoint="/components/preview/blog-listing-api-result" data-search-on-change="false">
<div class="blog-listing__filter-wrapper">
<div class="grid_container blog-filter">
<h2 class="blog-filter__title">Search for a news article</h2>
<form id="filterForm" name="filterForm">
<div class="grid-x">
<div class="cell">
<label for="search-term" class="textfield__label textfield__label--hidden">Term</label>
<input type="text" id="search-term" class="textfield__input" placeholder="hint" name="searchTerm" />
</div>
</div>
<div class="grid-x">
<div class="cell">
<h3 class="blog-filter__sub-title">Select a category:</h3>
</div>
</div>
<div class="grid-x">
<div class="blog-filter__radio-container">
<input id="category-all" type="radio" name="category" value="" checked>
<label for="category-all">All categories</label>
</div>
<div class="blog-filter__radio-container">
<input id="category-press-releases" type="radio" name="category" value="Press releases">
<label for="category-press-releases">Press releases</label>
</div>
<div class="blog-filter__radio-container">
<input id="category-newsletters" type="radio" name="category" value="Newsletter">
<label for="category-newsletters">Newsletter</label>
</div>
<div class="blog-filter__radio-container">
<input id="category-blog" type="radio" name="category" value="Blog">
<label for="category-blog">Blog</label>
</div>
</div>
<div class="grid-x">
<div class="cell">
<label for="years">Select a year:</label>
<select id="years" name="years">
<option value="2018">2018</option>
<option value="2019">2019</option>
</select>
</div>
</div>
<div class="grid-x">
<div class="cell">
<button class="primary-cta apply-filter-btn js-apply-filter-button">Search</button>
</div>
</div>
</form>
</div>
</div>
<div class="blog-listing__featured-wrapper">
<link media="all" rel="stylesheet" href="/assets/themes/default/css/blog-featured-card.css?cb=">
<div class="blog-featured">
<div class="grid-x">
<div class="blog-featured__image lazy-load-image" data-module="imageLazyLoad">
<picture>
<source media="(max-width: 840px)" type="image/jpeg" srcset="http://hwr.org.uk/wp-content/uploads/2016/11/placeholder-dark-600-400-729dad18518ecd2cd47afb63f9e6eb09.jpg" />
<source media="(min-width: 841px)" type="image/jpeg" srcset="http://hwr.org.uk/wp-content/uploads/2016/11/placeholder-dark-600-400-729dad18518ecd2cd47afb63f9e6eb09.jpg" />
<img src="http://hwr.org.uk/wp-content/uploads/2016/11/placeholder-dark-600-400-729dad18518ecd2cd47afb63f9e6eb09.jpg" loading="lazy" alt="">
</picture>
</div>
<div class="blog-featured__details">
<p class="blog-featured__title">
Lorem Ipsum
</p>
<p class="blog-featured__date">
20/02/2019
</p>
<p class="blog-featured__subline">
Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum
</p>
<a href="#" data-module="cta" class="cta blog-featured__cta">
Click here
</a>
</div>
</div>
</div>
</div>
<div class="grid-x align-center blog-listing__section-header">
<link media="all" rel="stylesheet" href="/assets/themes/default/css/section-header.css?cb=">
<div class="section-header">
<h2 class="section-header__title">Section Header</h2>
<p class="section-header__subline">Section Header subline text lorem ipsum si descomado ipvarat</p>
</div>
</div>
<div class="grid-x grid-padding-x blog-listing__results js-results">
</div>
<div class="grid-x blog-listing__load-more-button-container">
<link media="all" rel="stylesheet" href="/assets/themes/default/css/cta.css?cb=">
<a href="#" data-module="cta" class="cta secondary-cta blog-listing__load-more-button js-load-more-button" role="button">
Load more
</a>
</div>
</div>
<link media="all" rel="stylesheet" href="/assets/themes/default/css/grid-layout.css">
<div class="grid-layout__row">
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="cell grid-layout__cell medium-6">
<link media="all" rel="stylesheet" href="/assets/themes/default/css/richtext.css?cb=">
<div class="richtext"><span class='richtext__heading01'>Heading 1</span><span class='richtext__heading02'>Heading 2</span><span class='richtext__heading03'>Heading 3</span><span class='richtext__heading04'>Heading 4</span><span class='richtext__lead'>Lead</span><span class='richtext__heading02'>Paragraph</span>
<p>Mauris nec nulla id sapien laoreet tempor. Aliquam vitae convallis purus, vel euismod nulla. Proin ut cursus odio, vel rutrum enim.</p><span class='richtext__heading02'>Fine</span>
<p class='richtext__fine'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.tum fermentum.</p><span class='richtext__heading02'>Small</span>
<p class='richtext__small'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dictum efficitur velit condimentum fermentum.</p><span class='richtext__heading02'>Extra small</span>
<p class='richtext__x-small'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><span class='richtext__heading02'>Links</span>
<p><a href='#'>This is a text link</a></p><span class='richtext__heading02'>Lists</span>
<ol>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Aliquam tincidunt mauris eu risus.</li>
<li>Vestibulum auctor dapibus neque.</li>
</ol>
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Aliquam tincidunt mauris eu risus.</li>
<li>Vestibulum auctor dapibus neque.</li>
</ul>
<p><strong>Strong is used to indicate strong importance</strong></p>
<p><em>This text has added emphasis</em></p>
</div>
</div>
<div class="cell grid-layout__cell medium-6">
<link media="all" rel="stylesheet" href="/assets/themes/default/css/image.css?cb=">
<div class="image ">
<figure>
<picture>
<source media="(max-width: 840px)" type="image/jpeg" srcset="https://qa.dartwebsites.com/media/a54e589a-ffbe-45b9-a25b-e15a1cb28893/adobestock125009636---web-crop.jpg?quality=95&width=640" />
<source media="(min-width: 841px)" type="image/jpeg" srcset="https://qa.dartwebsites.com/media/a54e589a-ffbe-45b9-a25b-e15a1cb28893/adobestock125009636---web-crop.jpg?quality=100" />
<img src="https://qa.dartwebsites.com/media/a54e589a-ffbe-45b9-a25b-e15a1cb28893/adobestock125009636---web-crop.jpg?quality=100" loading="lazy" width="1920" height="824" alt="Image Alt Text">
</picture>
<figcaption class="image__caption">Image caption appears inside figcaption tag</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="grid-layout__row">
<div class="grid-container">
<div class="grid-x grid-padding-x spacer-l">
<div class="cell grid-layout__cell medium-6">
<link media="all" rel="stylesheet" href="/assets/themes/default/css/richtext.css?cb=">
<div class="richtext"><span class='richtext__heading01'>Heading 1</span><span class='richtext__heading02'>Heading 2</span><span class='richtext__heading03'>Heading 3</span><span class='richtext__heading04'>Heading 4</span><span class='richtext__lead'>Lead</span><span class='richtext__heading02'>Paragraph</span>
<p>Mauris nec nulla id sapien laoreet tempor. Aliquam vitae convallis purus, vel euismod nulla. Proin ut cursus odio, vel rutrum enim.</p><span class='richtext__heading02'>Fine</span>
<p class='richtext__fine'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.tum fermentum.</p><span class='richtext__heading02'>Small</span>
<p class='richtext__small'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dictum efficitur velit condimentum fermentum.</p><span class='richtext__heading02'>Extra small</span>
<p class='richtext__x-small'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><span class='richtext__heading02'>Links</span>
<p><a href='#'>This is a text link</a></p><span class='richtext__heading02'>Lists</span>
<ol>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Aliquam tincidunt mauris eu risus.</li>
<li>Vestibulum auctor dapibus neque.</li>
</ol>
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Aliquam tincidunt mauris eu risus.</li>
<li>Vestibulum auctor dapibus neque.</li>
</ul>
<p><strong>Strong is used to indicate strong importance</strong></p>
<p><em>This text has added emphasis</em></p>
</div>
</div>
<div class="cell grid-layout__cell medium-6">
<link media="all" rel="stylesheet" href="/assets/themes/default/css/image.css?cb=">
<div class="image ">
<figure>
<picture>
<source media="(max-width: 840px)" type="image/jpeg" srcset="https://qa.dartwebsites.com/media/a54e589a-ffbe-45b9-a25b-e15a1cb28893/adobestock125009636---web-crop.jpg?quality=95&width=640" />
<source media="(min-width: 841px)" type="image/jpeg" srcset="https://qa.dartwebsites.com/media/a54e589a-ffbe-45b9-a25b-e15a1cb28893/adobestock125009636---web-crop.jpg?quality=100" />
<img src="https://qa.dartwebsites.com/media/a54e589a-ffbe-45b9-a25b-e15a1cb28893/adobestock125009636---web-crop.jpg?quality=100" loading="lazy" width="1920" height="824" alt="Image Alt Text">
</picture>
<figcaption class="image__caption">Image caption appears inside figcaption tag</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
<link media="all" rel="stylesheet" href="/assets/themes/default/css/footer.css?cb=">
<footer class="site-footer " data-module="footer">
<div class="grid-container site-footer__container">
<div class="grid-x site-footer__content">
<div class="site-footer__nav-container">
<div class="site-footer__nav-columns">
<nav class="site-footer__nav" role="navigation">
<h2 class="site-footer__links-title">
<a href="#">Component</a>
</h2>
<ul class="site-footer__list">
<li class="site-footer__item">
<a href="#" class="site-footer__link">
About us
</a>
</li>
<li class="site-footer__item">
<a href="#" class="site-footer__link">
What’s covered
</a>
</li>
</ul>
</nav>
<nav class="site-footer__nav" role="navigation">
<h2 class="site-footer__links-title">
<a href="#">Here for you</a>
</h2>
<ul class="site-footer__list">
<li class="site-footer__item">
<a href="#" class="site-footer__link">
Support
</a>
</li>
<li class="site-footer__item">
<a href="#" class="site-footer__link">
Contact us
</a>
</li>
<li class="site-footer__item">
<a href="#" class="site-footer__link">
Submit a claim
</a>
</li>
</ul>
</nav>
<nav class="site-footer__nav" role="navigation">
<h2 class="site-footer__links-title">
<a href="#">Component</a>
</h2>
<ul class="site-footer__list">
<li class="site-footer__item">
<a href="#" class="site-footer__link">
About us
</a>
</li>
<li class="site-footer__item">
<a href="#" class="site-footer__link">
What’s covered
</a>
</li>
<li class="site-footer__item">
<a href="#" class="site-footer__link">
Pricing
</a>
</li>
<li class="site-footer__item">
<a href="#" class="site-footer__link">
FAQs
</a>
</li>
</ul>
</nav>
<nav class="site-footer__nav" role="navigation">
<h2 class="site-footer__links-title">
<a href="#">Here for you</a>
</h2>
<ul class="site-footer__list">
<li class="site-footer__item">
<a href="#" class="site-footer__link">
Support
</a>
</li>
<li class="site-footer__item">
<a href="#" class="site-footer__link">
Contact us
</a>
</li>
<li class="site-footer__item">
<a href="#" class="site-footer__link">
Submit a claim
</a>
</li>
</ul>
</nav>
<nav class="site-footer__nav" role="navigation">
<h2 class="site-footer__links-title">
<a href="#">Component</a>
</h2>
<ul class="site-footer__list">
<li class="site-footer__item">
<a href="#" class="site-footer__link">
About us
</a>
</li>
</ul>
</nav>
<nav class="site-footer__nav" role="navigation">
<h2 class="site-footer__links-title">
<a href="#">Here for you</a>
</h2>
<ul class="site-footer__list">
<li class="site-footer__item">
<a href="#" class="site-footer__link">
Support
</a>
</li>
<li class="site-footer__item">
<a href="#" class="site-footer__link">
Contact us
</a>
</li>
</ul>
</nav>
</div>
<div class="site-footer__social-and-richtext-container">
<nav class="site-footer__social-links js-social-links">
<h2 class="site-footer__links-title">Follow us on social</h2>
<div class="site-footer__social-links-container">
<a class="social-links__link js-social-link" href="#" target="_blank" data-type="facebook" rel="noopener">
<span class="icon-facebook"></span> <span class="text">Facebook</span>
</a>
<a class="social-links__link js-social-link" href="#" target="_blank" data-type="twitter" rel="noopener">
<span class="icon-twitter"></span> <span class="text">Twitter</span>
</a>
<a class="social-links__link js-social-link" href="#" target="_blank" data-type="instagram" rel="noopener">
<span class="icon-instagram"></span> <span class="text">Instagram</span>
</a>
<a class="social-links__link js-social-link" href="#" target="_blank" data-type="youtube" rel="noopener">
<span class="icon-youtube"></span> <span class="text">YouTube</span>
</a>
<a class="social-links__link js-social-link" href="#" target="_blank" data-type="pinterest" rel="noopener">
<span class="icon-pinterest"></span> <span class="text">Pinterest</span>
</a>
<a class="social-links__link js-social-link" href="#" target="_blank" data-type="tripadvisor" rel="noopener">
<span class="icon-tripadvisor"></span> <span class="text">TripAdvisor</span>
</a>
</div>
</nav>
<div class="site-footer__rich-text" role="complementary">
<h2 class="site-footer__links-title">richTextBlockTitle</h2>
<div class="site-footer__text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
</div>
<div class="site-footer__logo">
<a href="/" class="site-footer__logo--link" title="Default alt">
<img src="/media/logo.svg" alt="Default alt" loading="lazy" />
</a>
</div>
</div>
</div>
<div class="grid-container">
<div class="site-footer__footer">
<ul class="site-footer__hygiene-links">
<li class="site-footer__hygiene-link-item">
<a href="#" class="site-footer__hygiene-link">
Privacy Statement
</a>
</li>
<li class="site-footer__hygiene-link-item">
<a href="#" class="site-footer__hygiene-link">
Disclaimer
</a>
</li>
<li class="site-footer__hygiene-link-item">
<a href="#" class="site-footer__hygiene-link">
General Terms and Condition
</a>
</li>
<li class="site-footer__hygiene-link-item">
<a href="#" class="site-footer__hygiene-link">
Sitemap
</a>
</li>
</ul>
<div class="site-footer__copyright">
<p class="site-footer__copyright-text">Default 2019 ©</p>
<p class="site-footer__company-info-text">Site Name Address | Registered company No. 12345678</p>
</div>
</div>
</div>
</footer>
{{ render "@header" }}
{{ render "@hero-hub" }}
{{ render "@blog-listing" }}
<link media="all" rel="stylesheet" href="/assets/themes/{{theme}}/css/grid-layout.css">
<div class="grid-layout__row">
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="cell grid-layout__cell medium-6">
{{ render "@rich-text" }}
</div>
<div class="cell grid-layout__cell medium-6">
{{ render "@image" }}
</div>
</div>
</div>
</div>
<div class="grid-layout__row">
<div class="grid-container">
<div class="grid-x grid-padding-x spacer-l">
<div class="cell grid-layout__cell medium-6">
{{ render "@rich-text" }}
</div>
<div class="cell grid-layout__cell medium-6">
{{ render "@image" }}
</div>
</div>
</div>
</div>
{{ render "@footer" }}
{
"theme": "default",
"firstInstance": true,
"sectionHeader": {
"title": "Section Header",
"subline": "Section Header subline text lorem ipsum si descomado ipvarat"
},
"image": {
"theme": "default",
"altText": "Image Alt Text",
"caption": "Image caption",
"desktopUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
"mobileUrl": "https://dummyimage.com/800x100/f0f0f0/545454.png"
},
"imageFull": {
"theme": "default",
"desktopImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
"mobileImageUrl": "https://dummyimage.com/800x100/f0f0f0/545454.png",
"caption": "Image Full Caption"
},
"richtext": {
"theme": "default",
"html": "<p class='heading03'>Lorem ispsum asipstic.</p><p class='heading03'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis leo sed erat scelerisque posuere at in magna. Aenean vel lorem nec nisl rutrum tempus eu in ex. Donec magna velit, ultrices non imperdiet nec, sodales eget lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>"
}
}
No notes defined.