HAM!DREZA
48 lines
2.3 KiB
Vue
48 lines
2.3 KiB
Vue
<template>
|
||
<div class="relative h-[97.436vw] md:h-[45.938vw] flex flex-col">
|
||
<div
|
||
class="slide1 h-[100%] w-full text-white flex flex-col justify-center"
|
||
>
|
||
<Carousel :autoplay="5000" :wrap-around="true"
|
||
|
||
|
||
>
|
||
<Slide v-for="slide in 3" :key="slide">
|
||
<div class="carousel__item ">
|
||
<h1 class="text-[6.469vw] md:text-[2.457vw] font-semibold">
|
||
فروشگاه محصولات
|
||
<span class="text-[#A62186]">ارگانیک</span>
|
||
</h1>
|
||
<p class="text-[3.19vw] md:text-[0.938vw] w-[100%] md:w-[39.531vw]">
|
||
وب سایت جوانه شرکتی در حوزه تامین و توزیع محصولات طبیعی، ارگانیک و
|
||
سالم میباشد که این امکان را به مصرف کننده میدهد تا بتواند انواع
|
||
محصولات تازه را با حق انتخاب و تنوع بسیار بالا و با مناسبترین
|
||
قیمت داشته باشد.
|
||
</p>
|
||
</div>
|
||
</Slide>
|
||
|
||
<template #addons>
|
||
<Pagination />
|
||
</template>
|
||
</Carousel>
|
||
|
||
<!--
|
||
<h1 class="text-[6.469vw] md:text-[2.457vw] font-semibold">
|
||
فروشگاه محصولات
|
||
<span class="text-[#A62186]">ارگانیک</span>
|
||
</h1>
|
||
<p class="text-[3.19vw] md:text-[0.938vw] w-[80%] md:w-[39.531vw]">
|
||
وب سایت جوانه شرکتی در حوزه تامین و توزیع محصولات طبیعی، ارگانیک و سالم میباشد که این امکان را به مصرف کننده میدهد تا بتواند انواع محصولات تازه را با حق انتخاب و تنوع بسیار بالا و با مناسبترین قیمت داشته باشد.
|
||
</p>
|
||
</div>
|
||
<svg
|
||
class="absolute bottom-[3vw] w-[44.615vw] md:w-[18.906vw] h-[2vw] md:h-[0.313vw]"
|
||
viewBox="0 0 363 6" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M3 3H106" stroke="#A62186" stroke-width="5" stroke-linecap="round"/>
|
||
<path d="M130 3H233" stroke="#E5E5E5" stroke-width="5" stroke-linecap="round"/>
|
||
<path d="M257 3H360" stroke="#E5E5E5" stroke-width="5" stroke-linecap="round"/>
|
||
</svg> -->
|
||
</div>
|
||
</div>
|
||
</template> |