HAM!DREZA
34 lines
1.6 KiB
Vue
34 lines
1.6 KiB
Vue
<template>
|
|
<div
|
|
class="ps-[6vw] md:ps-[15%] text-[#383E43] flex flex-col items-start justify-center mt-[28vw] md:mt-[14.4vw] h-[87.179vw] md:h-[22.396vw] w-[81.61%] md:w-[81.04%] border-[2px] border-[##E5E5E5] rounded-[25px]"
|
|
>
|
|
<p class="mt-[5vw] md:mt-0 w-[36.154vw] md:w-auto md:text-[1.69vw] text-[5.11vw]">
|
|
عرضه انواع محصولات سلامت و ارگانیک
|
|
</p>
|
|
|
|
<p class="text-[3.19vw] md:text-[0.938vw] mt-3">سلامتی با محصولات شینان</p>
|
|
|
|
<a
|
|
href="https://shinan.ir/store"
|
|
class="group/edit flex items-center mt-[8vw] border-black md:mt-[2vw] text-[3.19vw] md:text-[0.938vw] py-[12px] px-[24px] rounded-[10px] border-[1px] border-[#E5E5E5]"
|
|
>
|
|
<svg
|
|
class="me-1 group-hover/edit:-translate-x-[22.5vw] md:group-hover/edit:-translate-x-[6.5vw] transition group-hover/edit:transition group-hover/edit:duration-300 duration-30"
|
|
width="24"
|
|
height="25"
|
|
viewBox="0 0 24 25"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M13.9802 5.82024L10.7702 9.03024L8.80023 10.9902C7.97023 11.8202 7.97023 13.1702 8.80023 14.0002L13.9802 19.1802C14.6602 19.8602 15.8202 19.3702 15.8202 18.4202V12.8102V6.58024C15.8202 5.62024 14.6602 5.14024 13.9802 5.82024Z"
|
|
fill="#383E43"
|
|
/>
|
|
</svg>
|
|
<span class="group-hover/edit:translate-x-[5.5vw] md:group-hover/edit:translate-x-[1.5vw] transition duration-300 group-hover/edit:duration-300 group-hover/edit:transition">
|
|
|
|
رفتن به فروشگاه
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</template> |