Files
backend-mm/resources/views/web/themes/shella/pages/home/social-media-posts.blade.php
2025-09-25 03:03:31 +05:00

63 lines
5.6 KiB
PHP

<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>