nurmuhammet/backend-mm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Nurmuhammet Allanov
2025-09-25 03:03:31 +05:00
commit ae480cf2f6
2768 changed files with 1485826 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

160
resources/views/web/themes/shella/pages/home/blog.blade.php Normal file
View File

@@ -0,0 +1,160 @@
<div id="theme-section-1537199704472" class="theme-section">
<div data-section-id="1537199704472" data-section-type="carousel-articles" data-postload="carousel_articles">
<div class="container mt-0 mb-60">
<div class="carousel carousel--arrows carousel-articles position-relative"><h4
class="carousel__title mb-35 text-center"><a
href="https://shella-demo.myshopify.comblog.html">World Of Shella</a></h4>
<div class="carousel__slider position-relative invisible"
data-js-carousel
data-autoplay="true"
data-speed="5000"
data-count="2"
data-infinite="false"
data-arrows="true"
data-bullets="true">
<div class="carousel__prev position-absolute cursor-pointer" data-js-carousel-prev><i>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-006"
viewBox="0 0 24 24">
<path d="M16.736 3.417a.652.652 0 0 1-.176.449l-8.32 8.301 8.32 8.301c.117.13.176.28.176.449s-.059.319-.176.449a.91.91 0 0 1-.215.127c-.078.032-.156.049-.234.049s-.156-.017-.234-.049a.93.93 0 0 1-.215-.127l-8.75-8.75a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449l8.75-8.75a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
</svg>
</i></div>
<div class="carousel__items overflow-hidden">
<div class="carousel__slick row" data-js-carousel-slick>
<div class="carousel__item carousel-articles__item col-auto d-flex flex-column flex-xl-row align-items-center align-items-xl-start text-center text-xl-left">
<a href="blogs/blog/one-of-the-best"
class="carousel-articles__image d-block mr-xl-20 w-100">
<div class="rimage" style="padding-top:72.98701298701299%;"><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
class="rimage__img rimage__img--fade-in lazyload"
data-master="https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/08_9249c903-064e-470b-9d59-ea9cc02204ab_{width}x.progressive.jpg?v=1542459427"
data-aspect-ratio="1.3701067615658362"
data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/08_9249c903-064e-470b-9d59-ea9cc02204ab_270x.progressive.jpg?v=1542459427 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/08_9249c903-064e-470b-9d59-ea9cc02204ab_270x@2x.progressive.jpg?v=1542459427 2x"
alt="One of the best?">
</div>
</a>
<div class="mt-20 mt-xl-0">
<h3 class="mb-10"><a href="blogs/blog/one-of-the-best">One of the best?</a>
</h3>
<div class="font-italic">
<p class='mb-5'>
<time datetime="2018-10-31T17:20:00Z">October 31, 2018</time>
</p>
<p class='mb-0'>Posted by ANNIE GREENBERG</p></div>
</div>
</div>
<div class="carousel__item carousel-articles__item col-auto d-flex flex-column flex-xl-row align-items-center align-items-xl-start text-center text-xl-left">
<a href="blogs/blog/high-street-cleansing-creams"
class="carousel-articles__image d-block mr-xl-20 w-100">
<div class="rimage" style="padding-top:72.98701298701299%;"><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
class="rimage__img rimage__img--fade-in lazyload"
data-master="https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/13_{width}x.progressive.jpg?v=1542459020"
data-aspect-ratio="1.3701067615658362"
data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/13_270x.progressive.jpg?v=1542459020 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/13_270x@2x.progressive.jpg?v=1542459020 2x"
alt="High-street cleansing creams">
</div>
</a>
<div class="mt-20 mt-xl-0">
<h3 class="mb-10"><a href="blogs/blog/high-street-cleansing-creams">High-street
cleansing creams</a></h3>
<div class="font-italic">
<p class='mb-5'>
<time datetime="2018-10-31T17:20:00Z">October 31, 2018</time>
</p>
<p class='mb-0'>Posted by ANNIE GREENBERG</p></div>
</div>
</div>
<div class="carousel__item carousel-articles__item col-auto d-flex flex-column flex-xl-row align-items-center align-items-xl-start text-center text-xl-left">
<a href="blogs/blog/three-of-the-best-red-lipsticks-for-spring"
class="carousel-articles__image d-block mr-xl-20 w-100">
<div class="rimage" style="padding-top:72.98701298701299%;"><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
class="rimage__img rimage__img--fade-in lazyload"
data-master="https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/07_{width}x.progressive.jpg?v=1542458925"
data-aspect-ratio="1.3701067615658362"
data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/07_270x.progressive.jpg?v=1542458925 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/07_270x@2x.progressive.jpg?v=1542458925 2x"
alt="Three of the best red lipsticks for spring">
</div>
</a>
<div class="mt-20 mt-xl-0">
<h3 class="mb-10"><a
href="blogs/blog/three-of-the-best-red-lipsticks-for-spring">Three of
the best red lipsticks for spring</a></h3>
<div class="font-italic">
<p class='mb-5'>
<time datetime="2018-10-04T16:01:00Z">October 04, 2018</time>
</p>
<p class='mb-0'>Posted by ANNIE GREENBERG</p></div>
</div>
</div>
<div class="carousel__item carousel-articles__item col-auto d-flex flex-column flex-xl-row align-items-center align-items-xl-start text-center text-xl-left">
<a href="blogs/blog/blast-from-the-past-check-out-the-90s-fashion-revival"
class="carousel-articles__image d-block mr-xl-20 w-100">
<div class="rimage" style="padding-top:72.98701298701299%;"><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
class="rimage__img rimage__img--fade-in lazyload"
data-master="https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/09_{width}x.progressive.jpg?v=1542458980"
data-aspect-ratio="1.3701067615658362"
data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/09_270x.progressive.jpg?v=1542458980 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/09_270x@2x.progressive.jpg?v=1542458980 2x"
alt="Blast from the past: check out the 90s fashion revival">
</div>
</a>
<div class="mt-20 mt-xl-0">
<h3 class="mb-10"><a
href="blogs/blog/blast-from-the-past-check-out-the-90s-fashion-revival">Blast
from the past: check out the 90s fashion revival</a></h3>
<div class="font-italic">
<p class='mb-5'>
<time datetime="2018-10-04T15:56:00Z">October 04, 2018</time>
</p>
<p class='mb-0'>Posted by ANNIE GREENBERG</p></div>
</div>
</div>
</div>
</div>
<div class="carousel__next position-absolute cursor-pointer" data-js-carousel-next><i>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-007"
viewBox="0 0 24 24">
<path d="M6.708 20.917c0-.169.059-.319.176-.449l8.32-8.301-8.32-8.301a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176l8.75 8.75c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-8.75 8.75a.91.91 0 0 1-.215.127c-.078.032-.156.049-.234.049s-.156-.017-.234-.049a.91.91 0 0 1-.215-.127.652.652 0 0 1-.176-.449z"/>
</svg>
</i></div>
</div>
</div>
</div>
</div>
<script>
Loader.require({
type: "style",
name: "plugin_slick"
});
Loader.require({
type: "script",
name: "carousel_articles"
});
</script>
</div>

63
resources/views/web/themes/shella/pages/home/collections-with-products.blade.php Normal file
View File

@@ -0,0 +1,63 @@
@foreach($collections as $collection)
@include('web.theme.shella.components.products.product-carousel', [
'title' => $collection->name,
'title_action' => route('web.collections.show', ['collection' => $collection->slug]),
'products' => $collection->products
])
@endforeach
<div id="theme-section-1537200465879" class="theme-section">
<div data-section-id="1537200465879" data-section-type="carousel-products" data-postload="carousel_products">
<div class="container">
{{-- Collections --}}
@foreach($collections as $collection)
<div class="carousel carousel--arrows carousel-products position-relative mt-0 mb-60">
<div class="carousel__head row justify-content-center mb-25" data-carousel-control>
<h4 class="carousel__title col-auto mb-10 text-center">
<a href="{{ route('web.collections.show', ['collection' => $collection->slug]) }}" class="active" data-collection="trending-now-hp">{{ $collection->name }}</a>
</h4>
</div>
<div class="carousel__slider position-relative invisible" data-js-carousel data-autoplay="true" data-speed="5000" data-count="4" data-infinite="true" data-arrows="true" data-bullets="true">
<div class="carousel__prev position-absolute cursor-pointer" data-js-carousel-prev><i>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-006" viewBox="0 0 24 24">
<path d="M16.736 3.417a.652.652 0 0 1-.176.449l-8.32 8.301 8.32 8.301c.117.13.176.28.176.449s-.059.319-.176.449a.91.91 0 0 1-.215.127c-.078.032-.156.049-.234.049s-.156-.017-.234-.049a.93.93 0 0 1-.215-.127l-8.75-8.75a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449l8.75-8.75a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z" />
</svg>
</i></div>
<div class="carousel__products overflow-hidden">
<div class="carousel__slick row" data-js-carousel-slick data-carousel-items data-max-count="6" data-products-pre-row="4" data-async-ajax-loading="true">
@foreach($products as $post)
@include('product-carousel-item')
@endforeach
</div> {{-- Carousel row end --}}
</div>
<div class="carousel__next position-absolute cursor-pointer" data-js-carousel-next><i>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-007" viewBox="0 0 24 24">
<path d="M6.708 20.917c0-.169.059-.319.176-.449l8.32-8.301-8.32-8.301a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176l8.75 8.75c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-8.75 8.75a.91.91 0 0 1-.215.127c-.078.032-.156.049-.234.049s-.156-.017-.234-.049a.91.91 0 0 1-.215-.127.652.652 0 0 1-.176-.449z" />
</svg>
</i></div>
</div>
</div>
@endforeach
</div> {{-- Container end --}}
</div>
<script>
Loader.require({
type: "style",
name: "plugin_slick"
});
Loader.require({
type: "script",
name: "carousel_products"
});
</script>
</div>

63
resources/views/web/themes/shella/pages/home/collections.blade.php Normal file
View File

@@ -0,0 +1,63 @@
@push('header-css')
<style>
.m-w-90 {
max-width: 90%;
}
#product-collections-container {
margin: 0 -12.5px;
}
</style>
@endpush
@push('footer-javascript')
<script>
document.addEventListener('DOMContentLoaded', () => {
let homepage2GridBannerContainer = document.getElementById('theme-section-two-grid-banners');
let productCollectionContainer = document.getElementById('product-collections-container');
let collectionLoader = document.getElementById('collection-products-loader');
let loading = false;
let pagination = 2;
let paginationDone = false;
elementAppeared(homepage2GridBannerContainer, () => {
if (! loading && ! paginationDone) {
loading = true;
collectionLoader.classList.remove('d-none')
collectionLoader.classList.add('d-flex')
$.ajax(location.href, {
data: {
page: pagination
},
success(response) {
productCollectionContainer.insertAdjacentHTML('beforeend', response.collections)
pagination++;
loading = false;
collectionLoader.classList.remove('d-flex')
collectionLoader.classList.add('d-none')
new LazyLoad({
elements_selector: '.lazyload',
threshold: 100,
})
if (! response.pagination.next_page_url) {
paginationDone = true
}
}
})
}
});
})
</script>
@endpush
<div class="container m-w-90">
<div id="product-collections-container" class="component-list component-small-list d-flex flex-wrap">
@include('web.themes.trendyol.components.products.collection.collections')
</div>
<div id="collection-products-loader" class="d-flex justify-content-center">
<img src="/web/shella/images/shella-preloader.svg" alt="Pre-loader"></div>
</div>
</div>

35
resources/views/web/themes/shella/pages/home/index.blade.php Normal file
View File

@@ -0,0 +1,35 @@
@extends('web.themes.shella.layouts.app')
@section('content')
<main id="MainContent">
<!-- BEGIN content_for_index -->
{{-- Hero carousel --}}
@include('web.themes.shella.components.carousel.hero-carousel')
{{-- Brands carousel --}}
@include('web.themes.shella.components.carousel.brands-carousel')
{{-- Main categories box --}}
@include('web.themes.shella.components.banners.three-main-categories-box')
{{-- Homepage collections --}}
@include('web.themes.shella.pages.home.collections')
{{-- New products --}}
@include('web.themes.shella.components.banners.2-grid-banners')
{{-- Info icons --}}
@include('web.themes.shella.pages.home.info-icons')
{{-- Blogs --}}
{{-- @include('web.themes.shella.pages.home.blog') --}}
{{-- Gallery --}}
{{-- @include('web.themes.shella.pages.home.social-media-posts', [
'galleries' => $homepage_galleries
]) --}}
<!-- END content_for_index -->
</main>
@stop

50
resources/views/web/themes/shella/pages/home/info-icons.blade.php Normal file
View File

@@ -0,0 +1,50 @@
<div id="info-icons-container" class="theme-section">
<div data-section-id="1537281114729" data-section-type="information-line">
<div class="mt-0 mb-0">
<div class="information-line">
<div class="border-top"></div>
<div class="container">
<div class="row py-10">
<div class="col-12 col-lg-4 d-flex align-items-center justify-content-center justify-content-lg-start py-10">
<i class="mr-15">
<svg aria-hidden="true" focusable="false" role="presentation"
class="icon icon-theme-116" viewBox="0 0 24 24">
<path d="M21.93 6.088l.029.029c.007.007.01.017.01.029l.039.127a.47.47 0 0 1 .02.127v15a.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186H2.652a.6.6 0 0 1-.439-.186.601.601 0 0 1-.186-.439v-15a.47.47 0 0 1 .02-.127l.039-.127c0-.013.003-.022.01-.029a.387.387 0 0 0 .029-.029.478.478 0 0 1 .049-.078.844.844 0 0 1 .049-.059l.02-.02 4.375-3.75a.776.776 0 0 1 .195-.117.575.575 0 0 1 .215-.039h10c.078 0 .149.013.215.039.065.026.13.065.195.117l4.375 3.75v.02a.19.19 0 0 1 .068.059.557.557 0 0 1 .049.078zm-1.153 14.687V7.025h-5.625v5.625a.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186h-5a.6.6 0 0 1-.439-.186.6.6 0 0 1-.186-.439V7.025H3.277v13.75h17.5zM7.262 3.275l-2.93 2.5h4.805l1.25-2.5H7.262zm2.89 8.75h3.75v-5h-3.75v5zm1.641-8.75l-1.25 2.5h2.969l-1.25-2.5h-.469zm7.93 2.5l-2.93-2.5h-3.125l1.25 2.5h4.805z"/>
</svg>
</i>
<div>
<h6 class="d-inline">{{ __('Fast and quality delivery to your door') }}. </h6>
<p class="d-inline">{{ __('We provide delivery service throughout Turkmenistan') }}</p>
</div>
</div>
<div class="col-12 col-lg-4 d-flex align-items-center justify-content-center justify-content-lg-start py-10">
<i class="mr-15">
<svg aria-hidden="true" focusable="false" role="presentation"
class="icon icon-theme-125" viewBox="0 0 24 24">
<path d="M21.508 5.035c.364.365.547.808.547 1.328v11.25c0 .521-.183.964-.547 1.328a1.808 1.808 0 0 1-1.328.547H3.93c-.521 0-.964-.182-1.328-.547a1.805 1.805 0 0 1-.547-1.328V6.363c0-.521.182-.963.547-1.328a1.81 1.81 0 0 1 1.328-.547h16.25c.521 0 .964.183 1.328.547zm-18.017.889a.6.6 0 0 0-.186.439v1.25h17.5v-1.25a.6.6 0 0 0-.186-.439.598.598 0 0 0-.439-.186H3.93a.598.598 0 0 0-.439.186zm-.186 4.814h17.5V8.863h-17.5v1.875zm17.315 7.315a.6.6 0 0 0 .186-.439v-5.625h-17.5v5.625c0 .169.062.316.186.439a.6.6 0 0 0 .439.186h16.25a.605.605 0 0 0 .439-.186zM9.995 14.674a.601.601 0 0 1 .186.439.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186H5.18a.598.598 0 0 1-.439-.186.6.6 0 0 1-.186-.439.6.6 0 0 1 .186-.439.6.6 0 0 1 .439-.186h4.375c.169 0 .316.062.44.186zm9.375 0a.601.601 0 0 1 .186.439.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186h-1.25a.598.598 0 0 1-.439-.186.6.6 0 0 1-.186-.439.6.6 0 0 1 .186-.439.6.6 0 0 1 .439-.186h1.25c.168 0 .315.062.439.186z"/>
</svg>
</i>
<div><h6 class="d-inline">{{ __('Quality and service guarantee') }}. </h6>
<p class="d-inline">{{ __('We only offer products we are confident in') }}</p>
</div>
</div>
<div class="col-12 col-lg-4 d-flex align-items-center justify-content-center justify-content-lg-start py-10">
<i class="mr-15">
<svg aria-hidden="true" focusable="false" role="presentation"
class="icon icon-theme-009" viewBox="0 0 24 24">
<path d="M2.453 8.299c-.026-.039-.048-.075-.068-.107a2.896 2.896 0 0 0-.068-.107.715.715 0 0 1 0-.469 2.48 2.48 0 0 0 .068-.107c.02-.033.042-.068.068-.107l5-5a.9.9 0 0 1 .215-.128c.078-.032.156-.049.234-.049s.156.017.234.049a.93.93 0 0 1 .215.127c.117.13.176.28.176.449a.652.652 0 0 1-.176.449L4.407 7.225h10.059a6.36 6.36 0 0 1 2.549.518 6.63 6.63 0 0 1 2.09 1.406c.593.592 1.062 1.289 1.406 2.09s.518 1.65.518 2.549-.173 1.748-.518 2.549a6.63 6.63 0 0 1-1.406 2.09 6.647 6.647 0 0 1-2.09 1.406 6.373 6.373 0 0 1-2.549.518H8.528a.6.6 0 0 1-.439-.186.601.601 0 0 1-.186-.439c0-.169.062-.316.186-.439a.595.595 0 0 1 .439-.187h5.938a5.12 5.12 0 0 0 2.061-.42 5.397 5.397 0 0 0 1.689-1.143 5.454 5.454 0 0 0 1.143-1.689 5.12 5.12 0 0 0 .42-2.061c0-.729-.14-1.416-.42-2.061a5.397 5.397 0 0 0-2.832-2.832 5.116 5.116 0 0 0-2.061-.42H4.407L8.352 12.4c.117.13.176.28.176.449a.652.652 0 0 1-.176.449.652.652 0 0 1-.449.176.652.652 0 0 1-.449-.176L2.453 8.299z"/>
</svg>
</i>
<div><h6 class="d-inline">{{ __('Refund or exchange available') }}</h6>
<p class="d-inline">{{ __('in the event of a purchase defect') }}</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

62
resources/views/web/themes/shella/pages/home/social-media-posts.blade.php Normal file
View File

@@ -0,0 +1,62 @@
<div id="theme-section-1537200007548" class="theme-section">
<div data-section-id="1537200007548" data-section-type="home-builder" class="container">
<h4 class="mb-30 text-center">
<a href="https://www.instagram.com/turkmenpost_/" target="_blank"><span class="text-underline">@Postshop </span>{{ __('Follow Us On Instagram') }}</a>
</h4>
<div class="overflow-x-hidden">
<div class="row mt-0 mb-45 justify-content-start align-items-start">
<div class="col-12 col-md-12 mt-0 mb-15">
<div class="instafeed row no-gutters position-relative">
@foreach($galleries as $gallery)
<div class="instafeed__item col col-4 col-sm-4 col-md-2 col-lg-2 col-xl-2">
<a href="https://www.instagram.com/p/BnQ-ZctHuBf/" class="d-block position-relative"
target="_blank">
<div class="rimage" style="padding-top:100.0%;">
<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
class="rimage__img rimage__img--cover rimage__img--fade-in lazyload"
data-master="{{ $gallery->thumbnail() }}"
data-aspect-ratio="1.0"
data-srcset="{{ $gallery->thumbnail() }} 1x, {{ $gallery->thumbnail() }} 2x"
alt="">
</div>
<div class="instafeed__curtain absolute-stretch d-none d-lg-flex flex-lg-center">
<div class="d-flex position-relative align-items-center mr-15">
<i class="mr-5">
<svg aria-hidden="true" focusable="false" role="presentation"
class="icon icon-theme-180" viewBox="0 0 24 24">
<path d="M21.486 6.599a5.661 5.661 0 0 0-1.25-1.865c-.56-.56-1.191-.979-1.895-1.26a5.77 5.77 0 0 0-4.326 0c-.71.28-1.345.7-1.904 1.26-.026.039-.056.075-.088.107l-.107.107-.107-.107a.706.706 0 0 1-.088-.107c-.56-.56-1.194-.979-1.904-1.26s-1.433-.42-2.168-.42-1.455.14-2.158.42-1.335.7-1.895 1.26c-.547.546-.964 1.168-1.25 1.865s-.43 1.429-.43 2.197.144 1.501.43 2.197.703 1.318 1.25 1.865l7.871 7.871c.003.003.007.004.011.006l.439.436.439-.437c.003-.002.007-.003.01-.006l7.871-7.871c.547-.547.964-1.169 1.25-1.865s.43-1.429.43-2.197-.145-1.5-.431-2.196zm-1.162 3.916a4.436 4.436 0 0 1-.967 1.445l-7.441 7.441-7.441-7.441c-.417-.417-.739-.898-.967-1.445s-.342-1.12-.342-1.719.114-1.172.342-1.719.55-1.035.967-1.465c.442-.43.94-.755 1.494-.977s1.116-.332 1.689-.332a4.496 4.496 0 0 1 3.467 1.641c.098.117.186.241.264.371.117.169.293.254.527.254s.41-.085.527-.254c.078-.13.166-.254.264-.371s.198-.228.303-.332a4.5 4.5 0 0 1 3.164-1.309c.573 0 1.136.11 1.689.332s1.052.547 1.494.977c.417.43.739.918.967 1.465s.342 1.12.342 1.719-.114 1.172-.342 1.719z"/>
</svg>
</i><span class="mt-2">2</span>
</div>
<div class="d-flex position-relative align-items-center">
<i class="mr-5">
<svg aria-hidden="true" focusable="false" role="presentation"
class="icon icon-theme-176" viewBox="0 0 24 24">
<path d="M12.027 2.429c1.406 0 2.718.208 3.936.625s2.275.993 3.174 1.729 1.604 1.599 2.119 2.588.771 2.051.771 3.184c0 .938-.188 1.849-.566 2.734s-.918 1.699-1.621 2.441l.313 4.16c.013.104-.007.205-.059.303s-.117.179-.195.244c-.052.039-.11.068-.176.088a.663.663 0 0 1-.312.019.999.999 0 0 1-.117-.029l-4.688-1.953c-.43.091-.859.163-1.289.215s-.859.078-1.289.078c-1.38 0-2.676-.218-3.887-.654s-2.269-1.032-3.174-1.787-1.621-1.634-2.148-2.637-.791-2.077-.791-3.223c0-1.133.257-2.194.771-3.184S4.02 5.518 4.918 4.782 6.874 3.47 8.092 3.053s2.529-.624 3.935-.624zm6.739 12.617c.651-.638 1.149-1.341 1.494-2.109s.518-1.563.518-2.383c0-.964-.225-1.865-.674-2.705s-1.067-1.569-1.855-2.188-1.716-1.104-2.783-1.455-2.214-.527-3.438-.527-2.371.175-3.438.527-1.995.837-2.783 1.455S4.4 7.009 3.951 7.849s-.674 1.741-.674 2.705c0 .977.231 1.892.693 2.744s1.087 1.599 1.875 2.236 1.712 1.143 2.773 1.514 2.197.557 3.408.557c.417 0 .833-.026 1.25-.078s.827-.124 1.23-.215c.026-.013.052-.02.078-.02h.078c.039 0 .078.003.117.01s.078.017.117.029l3.926 1.641-.234-3.438c-.013-.091-.003-.183.029-.273s.083-.163.149-.215z"/>
</svg>
</i><span class="mt-2">2</span>
</div>
</div>
</a>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
<script>
Loader.require({
type: "script",
name: "home_builder"
});
</script>
</div>