<div class="container">
<nav class="breadcrumb" aria-label="Breadcrumb">
<ol class="breadcrumb__list">
<li class="breadcrumb__item">
<a href="#" class="breadcrumb__link">Home</a>
</li>
<li class="breadcrumb__item">
<a href="#" class="breadcrumb__link">Grandparent</a>
</li>
<li class="breadcrumb__item">
<a href="#" class="breadcrumb__link">Parent</a>
</li>
<li class="breadcrumb__item">
<a href="#" class="breadcrumb__link" aria-current="page">Children</a>
</li>
</ol>
</nav>
<div class="heading-container">
<h1 class="heading-container__heading text-center h1-style c-primary-blue text-uppercase">Category Title</h1>
</div>
</div>
<div class="product-tile-grid container">
<div class="product-tile-grid__inner row">
<div class="product-tile-grid__slider col-12 col-md-7">
<div class="product-tile-grid__slider__inner">
<div class="slick-slider">
<div class="slick-slide">
<a class="product-tile" href="#">
<figure class="product-tile__image">
<img src="../../images/product/0189579_P114-835.jpg_400.jpeg" alt="">
</figure>
<span>Aute nulla nulla eiusmod sunt mollit</span>
</a>
</div>
<div class="slick-slide">
<a class="product-tile" href="#">
<figure class="product-tile__image">
<img src="../../images/product/0177720_P008-813.jpg_400.jpeg" alt="">
</figure>
<span>Consequat adipisicing cupidatat</span>
</a>
</div>
<div class="slick-slide">
<a class="product-tile" href="#">
<figure class="product-tile__image">
<img src="../../images/product/0191856_P505-821-HEAD-ON.jpeg_400.jpeg" alt="">
</figure>
<span>Veniam velit minim</span>
</a>
</div>
<div class="slick-slide">
<a class="product-tile" href="#">
<figure class="product-tile__image">
<img src="../../images/product/0186013_15186_1.jpg_400.jpeg" alt="">
</figure>
<span>Aliqua Consectetur</span>
</a>
</div>
<div class="slick-slide">
<a class="product-tile" href="#">
<figure class="product-tile__image">
<img src="../../images/product/0194274_FLYN-2PC.jpg_400.jpeg" alt="">
</figure>
<span>Ullamco minim anim culpa.</span>
</a>
</div>
<div class="slick-slide">
<a class="product-tile" href="#">
<figure class="product-tile__image">
<img src="../../images/product/0189579_P114-835.jpg_400.jpeg" alt="">
</figure>
<span>Ullamco minim anim culpa.</span>
</a>
</div>
<div class="slick-slide">
<a class="product-tile" href="#">
<figure class="product-tile__image">
<img src="../../images/product/0189579_P114-835.jpg_400.jpeg" alt="">
</figure>
<span>Ullamco minim anim culpa.</span>
</a>
</div>
</div>
</div>
</div>
<div class="product-tile-grid__primary col-12 col-md-5">
<figure>
<img src="/images/0190889_living-room-furniture_600.jpeg" alt="Anim laborum ad do culpa.">
<h4>
<span>Shop All</span>
<span>Pariatur cupidatat</span>
<i class="far fa-circle-right" aria-hidden="true"></i>
</h4>
</figure>
</div>
</div>
</div>
<div class="product-tile-grid container">
<div class="product-tile-grid__inner row">
<div class="product-tile-grid__slider col-12 col-md-7">
<div class="product-tile-grid__slider__inner">
<div class="slick-slider">
<div class="slick-slide">
<a class="product-tile" href="#">
<figure class="product-tile__image">
<img src="../../images/product/0189579_P114-835.jpg_400.jpeg" alt="">
</figure>
<span>Aute nulla nulla eiusmod sunt mollit</span>
</a>
</div>
<div class="slick-slide">
<a class="product-tile" href="#">
<figure class="product-tile__image">
<img src="../../images/product/0177720_P008-813.jpg_400.jpeg" alt="">
</figure>
<span>Consequat adipisicing cupidatat</span>
</a>
</div>
<div class="slick-slide">
<a class="product-tile" href="#">
<figure class="product-tile__image">
<img src="../../images/product/0191856_P505-821-HEAD-ON.jpeg_400.jpeg" alt="">
</figure>
<span>Veniam velit minim</span>
</a>
</div>
<div class="slick-slide">
<a class="product-tile" href="#">
<figure class="product-tile__image">
<img src="../../images/product/0186013_15186_1.jpg_400.jpeg" alt="">
</figure>
<span>Aliqua Consectetur</span>
</a>
</div>
<div class="slick-slide">
<a class="product-tile" href="#">
<figure class="product-tile__image">
<img src="../../images/product/0194274_FLYN-2PC.jpg_400.jpeg" alt="">
</figure>
<span>Ullamco minim anim culpa.</span>
</a>
</div>
<div class="slick-slide">
<a class="product-tile" href="#">
<figure class="product-tile__image">
<img src="../../images/product/0189579_P114-835.jpg_400.jpeg" alt="">
</figure>
<span>Ullamco minim anim culpa.</span>
</a>
</div>
<div class="slick-slide">
<a class="product-tile" href="#">
<figure class="product-tile__image">
<img src="../../images/product/0189579_P114-835.jpg_400.jpeg" alt="">
</figure>
<span>Ullamco minim anim culpa.</span>
</a>
</div>
</div>
</div>
</div>
<div class="product-tile-grid__primary col-12 col-md-5">
<figure>
<img src="/images/0190889_living-room-furniture_600.jpeg" alt="Anim laborum ad do culpa.">
<h4>
<span>Shop All</span>
<span>Pariatur cupidatat</span>
<i class="far fa-circle-right" aria-hidden="true"></i>
</h4>
</figure>
</div>
</div>
</div>
<div class="product-tile-grid container">
<div class="product-tile-grid__inner row">
<div class="product-tile-grid__slider col-12 col-md-7">
<div class="product-tile-grid__slider__inner">
<div class="slick-slider">
</div>
</div>
</div>
<div class="product-tile-grid__primary col-12 col-md-5">
<figure>
<img src="/images/0124793_augmented-reality_600.jpeg" alt="Anim laborum ad do culpa.">
<h4>
<span>Shop All</span>
<span>Pariatur cupidatat</span>
<i class="far fa-circle-right" aria-hidden="true"></i>
</h4>
</figure>
</div>
</div>
</div>
<div class="container my-32">
<div class="row">
<div class="col-12">
<h4>Furniture</h4>
<p>Transform your house into a home with furniture that fits your life and your style. Whether you're looking for furniture for your living room, bedroom, dining room, office, or outdoor living space or you're just looking for storage furniture to help you get organized, AFW.com has what you need that fits your style and budget.</p>
</div>
</div>
</div>
<div class="container">
{% render '@breadcrumb', title, true %}
{% render '@heading-container', title, true %}
</div>
{% render '@product-tile-grid' %}
{% render '@product-tile-grid--on-left' %}
{% render '@product-tile-grid', augmented, true %}
<div class="container my-32">
<div class="row">
<div class="col-12">
<h4>Furniture</h4>
<p>Transform your house into a home with furniture that fits your life and your style. Whether you're looking for furniture for your living room, bedroom, dining room, office, or outdoor living space or you're just looking for storage furniture to help you get organized, AFW.com has what you need that fits your style and budget.</p>
</div>
</div>
</div>
{
"title": {
"heading": {
"tag": "h1",
"text": "Category Title",
"class": "h1-style c-primary-blue text-uppercase"
},
"subheading": null
},
"augmented": {
"image": {
"src": "/images/0124793_augmented-reality_600.jpeg",
"alt": "Anim laborum ad do culpa."
},
"slides": null
}
}
No notes defined.