<?php
defined( 'ABSPATH' ) || exit;
return <<<'SHCD_FRAGMENT'
<div class="about section panel overflow-hidden" id="about">
<div class="section-outer panel pt-6 sm:pt-8 lg:pt-9 xl:pt-10">
<div class="container sm:max-w-md xl:max-w-lg">
<div class="section-inner panel">
<div class="section-header panel sm:max-w-500px xl:max-w-650px mx-auto mb-4 sm:mb-8 xl:mb-9 text-center" data-anime="onview: -300; targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 200});">
<div class="category">
<div class="rotate-2">
<span class="fs-5 xl:fs-4 text-secondary fw-bold">%%SHCD_TEXT_t0%%</span>
</div>
</div>
<div class="title">
<h2 class="h5 sm:h3 xl:h2 mb-0 mt-2 text-white text-uppercase ls-0 -rotate-1">%%SHCD_TEXT_t1%%</h2>
</div>
<div class="desc mt-3 sm:mt-4">
<p class="fs-6 sm:fs-5 xl:fs-4 mb-2">%%SHCD_TEXT_t2%%</p>
<p class="fs-6 sm:fs-5 xl:fs-4">%%SHCD_TEXT_t3%%</p>
</div>
</div>
<div class="section-content" data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; delay: 200;">
<img alt="تصویر" src="%%SHCD_IMG_i0%%"/>
</div>
</div>
</div>
</div>
</div>
SHCD_FRAGMENT;
