<?php
defined( 'ABSPATH' ) || exit;
return <<<'SHCD_FRAGMENT'
<div class="about section panel overflow-hidden" id="about">
<div class="section-outer panel py-6 sm:py-8 lg:py-9 xl:py-10">
<div class="container sm:max-w-lg xl:max-w-2xl">
<div class="section-inner panel">
<div class="section-content panel">
<div class="row child-cols-12 justify-center items-center g-5 sm:g-7 lg:g-9" data-anime="onview: -400; targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 200});">
<div class="col-11 sm:col-10 lg:col">
<div class="about-image panel p-7 border border-2 border-black contrast-shadow-xl text-black -rotate-2">
<img alt="تصویر" src="%%SHCD_IMG_i0%%"/>
</div>
</div>
<div class="lg:col">
<div class="about-content vstack items-center gap-3 sm:gap-4 text-center">
<h2 class="title h5 sm:h3 xl:h2 mb-0 ls-0 text-uppercase -rotate-1">%%SHCD_TEXT_t0%%</h2>
<div class="desc">
<p class="fs-6 sm:fs-5 xl:fs-4 mb-2">%%SHCD_TEXT_t1%%</p>
<p class="fs-6 sm:fs-5 xl:fs-4">%%SHCD_TEXT_t2%%</p>
</div>
<div class="buttons hstack justify-center gap-2 xl:gap-3">
<a class="btn btn-md xl:btn-2xl btn-secondary px-3 border border-2 border-black contrast-shadow-sm hover:-rotate-2" href="%%SHCD_LINK_l0%%">
<span>%%SHCD_TEXT_t3%%</span>
</a>
<a class="btn btn-primary-200 w-48px h-48px xl:w-64px xl:h-64px border border-2 border-black contrast-shadow-sm hover:-rotate-2" href="%%SHCD_LINK_l1%%">
<i class="icon-2 xl:icon-3 unicon-send-alt"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="section-footer mt-6 sm:mt-8 lg:mt-9 xl:mt-10 text-center" data-anime="onview: -200; translateY: [24, 0]; opacity: [0, 1]; delay: 200;">
<div class="row child-cols-6 sm:child-cols-4 justify-center gx-0 gy-2">
<div class="col sm:col-4 order-1 sm:order-0">
<h2 class="h2 sm:h1 xl:display-6 stroke-text-bold mb-1 xl:mb-2">%%SHCD_TEXT_t4%%</h2>
<span class="fs-6 sm:fs-5 xl:fs-4">%%SHCD_TEXT_t5%%</span>
</div>
<div class="order-0">
<h2 class="h2 sm:h1 xl:display-6 stroke-text-bold mb-1 xl:mb-2">%%SHCD_TEXT_t6%%</h2>
<span class="fs-6 sm:fs-5 xl:fs-4">%%SHCD_TEXT_t7%%</span>
</div>
<div class="order-0">
<h2 class="h2 sm:h1 xl:display-6 stroke-text-bold mb-1 xl:mb-2">%%SHCD_TEXT_t8%%</h2>
<span class="fs-6 sm:fs-5 xl:fs-4">%%SHCD_TEXT_t9%%</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
SHCD_FRAGMENT;
