<?php
defined( 'ABSPATH' ) || exit;
return <<<'SHCD_FRAGMENT'
<div class="subscribe section panel" id="subscribe">
<div class="section-outer panel pb-6 sm:pb-8 lg:pb-9 xl:pb-10" data-anime="onview: -400; scale:[0.9, 1]; opacity: [0, 1]; delay: 200;">
<div class="container sm:max-w-lg xl:max-w-2xl">
<div class="section-inner panel p-4 sm:px-8 sm:py-6 lg:p-5 xl:p-7 border border-2 border-black contrast-shadow-lg text-black -rotate-1" style="background-color: #dbf2ff">
<div class="row child-cols-12 lg:child-cols-6 justify-center items-center items-center g-4 sm:g-6 lg:g-8">
<div class="col-9 sm:col-6">
<img alt="تصویر" class="xl:mx-4" src="%%SHCD_IMG_i0%%"/>
</div>
<div>
<div class="vstack gap-2 sm:gap-3 text-center">
<h2 class="h5 sm:h3 xl:h2 m-0 text-uppercase ls-0">%%SHCD_TEXT_t0%%</h2>
<p class="fs-5 xl:fs-4">%%SHCD_TEXT_t1%%</p>
<form class="row child-cols g-1 sm:w-3/4 xl:w-450px mx-auto">
<div>
<div class="form-group inline-block">
<input class="form-control h-48px xl:h-64px fs-6 xl:fs-4 border border-2 border-black contrast-shadow-sm text-black bg-white" placeholder="ایمیل خود را وارد کنید..." required="" type="email"/>
</div>
</div>
<div class="col-auto">
<button class="btn btn-secondary fs-5 xl:fs-4 w-48px h-48px xl:w-64px xl:h-64px border border-2 border-black contrast-shadow-sm hover:-rotate-2">
<i class="icon-2 xl:icon-3 unicon-send-alt"></i>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
SHCD_FRAGMENT;
