change content
This commit is contained in:
HAM!DREZA
+39
-2
@@ -198,10 +198,47 @@ body {
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
/*
|
||||
*/
|
||||
.mediagallery {
|
||||
background-image: url("/public/images/gallery2.jpg");
|
||||
background-size: cover;
|
||||
background-image: url("/public/images/gallery2.jpg") !important;
|
||||
}
|
||||
.test-1{
|
||||
background-size: cover;
|
||||
background-image: url("/public/images/products/1.jpg") !important;
|
||||
}
|
||||
.test-2{
|
||||
background-size: cover;
|
||||
background-image: url("/public/images/products/2.jpg") !important;
|
||||
}
|
||||
.test-3{
|
||||
background-size: cover;
|
||||
background-image: url("/public/images/products/3.jpg") !important;
|
||||
}
|
||||
.test-4{
|
||||
background-size: cover;
|
||||
background-image: url("/public/images/products/4.jpg") !important;
|
||||
}
|
||||
.test-5{
|
||||
background-size: cover;
|
||||
background-image: url("/public/images/products/5.jpg") !important;
|
||||
}
|
||||
.test-6{
|
||||
background-size: cover;
|
||||
background-image: url("/public/images/products/6.jpg") !important;
|
||||
}
|
||||
.test-7{
|
||||
background-size: cover;
|
||||
background-image: url("/public/images/products/7.jpg") !important;
|
||||
}
|
||||
.test-8{
|
||||
background-size: cover;
|
||||
background-image: url("/public/images/products/8.jpg") !important;
|
||||
}
|
||||
.test-0{
|
||||
background-size: cover;
|
||||
background-image: url("/public/images/products/9.jpg") !important;
|
||||
}
|
||||
.carousel__pagination-item button::after {
|
||||
width: 5.365vw;
|
||||
|
||||
@@ -112,58 +112,36 @@
|
||||
class="text-[3.19vw] md:text-[0.833vw] leading-[4.5vw] md:leading-[1.563vw] mt-[2vw]"
|
||||
>
|
||||
<span>
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
|
||||
استفاده از طراحان گرافیک است، چاپگرها
|
||||
</span>
|
||||
<span>
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
|
||||
استفاده از طراحان گرافیک است، چاپگرها
|
||||
در جشنواره روز ملی نان که توسط دانشگاه علوم پزشکی برگزار شد، این مجموعه توسط امام جمعه و استاندار
|
||||
محترم و رئیس اداره غله به عنوان برگزیده این جشنواره معرفی و موفق به کسب تندیس برتر این جشنواره گردید.
|
||||
</span>
|
||||
|
||||
</p>
|
||||
<p
|
||||
class="hidden md:block text-[3.19vw] md:text-[0.833vw] leading-[1.563vw] mt-[2vw]"
|
||||
>
|
||||
<span>
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
|
||||
استفاده از طراحان گرافیک است، چاپگرها
|
||||
از خدمات اختصاصی این شرکت ارائه پک های سوغات و هدایا به سازمان نیرو های مسلح ، سازمان اتکا ،
|
||||
</span>
|
||||
<span>
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهو لورم ایپسوم متن ساختگی
|
||||
با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک
|
||||
است، چاپگرهام از صنعت چاپ، و با استفاده از طراحان گرافیک است،
|
||||
چاپگرها
|
||||
نیروگاه ، بیمارستان قدس و بانک قرض الحسنه مهر ، لشگر مهندسی ۴۲ قدر ، مجموعه هتل آقتاب ، کارخانجات
|
||||
</span>
|
||||
<span>
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
|
||||
استفاده از طراحان گرافیک است، چاپگرها
|
||||
صنعتی و اسپانسری در برنامه جوانی جمعیت ، افتتاحیه مجموعه فرهنگی ماهور با حضور وزارت ارشاد، ارائه
|
||||
</span>
|
||||
<span>
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهو لورم ایپسوم متن ساختگی
|
||||
با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک
|
||||
است، چاپگرهام از صنعت چاپ، و با استفاده از طراحان گرافیک است،
|
||||
چاپگرها
|
||||
خدمات به دانشگاه آزاد اسلامی و همکاری با مجموعه بزرگ گردشگری قزل پارک از دیگر فعالیت های این
|
||||
مجموعه می باشد.
|
||||
</span>
|
||||
<span>
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
|
||||
استفاده از طراحان گرافیک است، چاپگرها
|
||||
طراحی محصولات اختصاصی با بسته بندی اختصاصی جهت تجارت خارجی و با توجه به نیاز بازار هدف از
|
||||
دیگر فعالیت های در حال انجام می باشد.
|
||||
</span>
|
||||
<span>
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
|
||||
استفاده از طراحان گرافیک است، چاپگرها
|
||||
</span>
|
||||
<span>
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم لورم ایپسوم متن ساختگی
|
||||
با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک
|
||||
است، چاپگرها از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها
|
||||
</span>
|
||||
<span>
|
||||
در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را
|
||||
می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی
|
||||
</span>
|
||||
<span>
|
||||
الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این
|
||||
صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و
|
||||
همچنین این مجموعه در حال بستر سازی جهت احداث فضای آموزشی جهت راه اندازی مدرسه نان ، شیرینی و
|
||||
شکلات جهت آموزش انواع نان ، فتیر و ... می باشد.
|
||||
</span>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -98,72 +98,58 @@
|
||||
|
||||
<div class="mt-[16vw] md:mt-0 panels relative">
|
||||
<div
|
||||
class="panel first leading-[1.458vw] absolute w-full md:w-[27.76vw] bg-white rounded-[25px] pb-[7vw] md:pb-[2.8vw] p-2 md:start-[42.5vw] top-[18vw] md:top-[9.2vw]"
|
||||
class="panel first bg-white leading-[1.458vw] absolute w-full md:w-[27.76vw] bg-white rounded-[25px] pb-[7vw] md:pb-[2.8vw] p-2 md:start-[42.5vw] top-[18vw] md:top-[9.2vw] mb-[3vw]"
|
||||
>
|
||||
<h1
|
||||
class="mt-[5vw] md:mt-[1.3vw] text-[5.11vw] md:text-[1.335vw] ps-4 md:ps-8"
|
||||
class="mt-[5vw] md:mt-[1.3vw] text-[4.11vw] md:text-[1.335vw] ps-4 md:ps-8"
|
||||
>
|
||||
لورم ایپسوم
|
||||
نسل نوین فروشگاه ها
|
||||
</h1>
|
||||
<p
|
||||
class="mt-[5vw] md:mt-[1.5vw] text-[3.19vw] md:text-[0.833vw] px-4 md:px-7 leading-[4.785vw] md:leading-[1.458vw]"
|
||||
class="md:h-[10vw] mt-[5vw] md:mt-[1.5vw] text-[3.19vw] md:text-[0.833vw] px-4 md:px-7 leading-[4.785vw] md:leading-[1.458vw]"
|
||||
>
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
|
||||
استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در
|
||||
ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز،
|
||||
و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای
|
||||
زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و
|
||||
متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان
|
||||
رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد
|
||||
کرد، در این صورت می توان امید داشت.
|
||||
تاسیس نسل نوین فروشگاه های عرضه محصولات به فضای به متراژ ۱۰۰۰ مترمربع با برند تجاری جوانه با تنوع
|
||||
بیش از هزار قلم کالا در بخش های تخصصی سبک زندگی ، سوغات ، پک های هدایا ، مارکت غذای سالم، نان
|
||||
سالم و مشتقات آن
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="hidden md:block panel leading-[1.458vw] absolute w-full md:w-[27.76vw] bg-yellow-200 rounded-[25px] pb-[7vw] md:pb-[2.8vw] p-2 md:start-[42.5vw] top-[18vw] md:!top-[10]"
|
||||
class="hidden md:block panel leading-[1.458vw] absolute w-full md:w-[27.76vw] bg-white rounded-[25px] pb-[7vw] md:pb-[2.8vw] p-2 md:start-[42.5vw] top-[18vw] md:!top-[10]"
|
||||
>
|
||||
<h1
|
||||
class="mt-[5vw] md:mt-[1.3vw] text-[5.11vw] md:text-[1.335vw] ps-4 md:ps-8"
|
||||
>
|
||||
لورم ایپسوم
|
||||
انواع نان
|
||||
</h1>
|
||||
<p
|
||||
class="mt-[5vw] md:mt-[1.5vw] text-[3.19vw] md:text-[0.833vw] px-4 md:px-7 leading-[4.785vw] md:leading-[1.458vw]"
|
||||
class="h-[10vw] mt-[5vw] md:mt-[1.5vw] text-[3.19vw] md:text-[0.833vw] px-4 md:px-7 leading-[4.785vw] md:leading-[1.458vw]"
|
||||
>
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
|
||||
استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در
|
||||
ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز،
|
||||
و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای
|
||||
زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و
|
||||
متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان
|
||||
رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد
|
||||
کرد، در این صورت می توان امید داشت.
|
||||
راه اندازی اولین و تنها مجموعه تولیدی در کشور در حوزه انواع نان سنتی تافتون و بربری کامل و سبوس دار ،
|
||||
مبتکر استفاده از خمیر ترش در محصولات ، انواع فتیر با تنوع بیش از ۱۰ مدل ، انواع نان حجیم و غذای
|
||||
صبحانه ای سبوس دار ، انواع شیرینی های دیابتی و رژیمی، انواع کیک ، کوکی و شیرینی ها، صبحانه سالم و
|
||||
انواع میان وعده ها، بسته بندی انواع سوغات استان در پک های vip و اکونومی، انواع آجیل و ... در فضای به
|
||||
وسعت ۳۰۰ متر مربع با برند تجاری شینان.
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
class="hidden md:block panel pnl leading-[1.458vw] absolute w-full md:w-[27.76vw] bg-red-200 rounded-[25px] pb-[7vw] md:pb-[2.8vw] p-2 md:start-[42.5vw] top-[18vw] md:top-[9.2vw]"
|
||||
class="hidden md:block panel pnl leading-[1.458vw] absolute w-full md:w-[27.76vw] bg-white rounded-[25px] pb-[7vw] md:pb-[2.8vw] p-2 md:start-[42.5vw] top-[18vw] md:top-[9.2vw]"
|
||||
>
|
||||
<h1
|
||||
<!-- <h1
|
||||
class="mt-[5vw] md:mt-[1.3vw] text-[5.11vw] md:text-[1.335vw] ps-4 md:ps-8"
|
||||
>
|
||||
لورم ایپسوم
|
||||
</h1>
|
||||
</h1> -->
|
||||
<p
|
||||
class="mt-[5vw] md:mt-[1.5vw] text-[3.19vw] md:text-[0.833vw] px-4 md:px-7 leading-[4.785vw] md:leading-[1.458vw]"
|
||||
class="h-[10vw] mt-[5vw] md:mt-[4vw] text-[3.19vw] md:text-[0.833vw] px-4 md:px-7 leading-[4.785vw] md:leading-[1.458vw]"
|
||||
>
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
|
||||
استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در
|
||||
ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز،
|
||||
و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای
|
||||
زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و
|
||||
متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان
|
||||
رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد
|
||||
کرد، در این صورت می توان امید داشت.
|
||||
راه اندازی وب سایت و اپلیکیشن اختصاصی در حوزه فروشگاهی ، آموزشی و گردشگری به عنوان مرجع فروشگاه
|
||||
های سلامت محور در کشور.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<svg
|
||||
class="absolute mt-[75vw] right-0 block md:hidden"
|
||||
class="absolute mt-[75vw] right-0 block hidden"
|
||||
width="66"
|
||||
height="30"
|
||||
viewBox="0 0 66 30"
|
||||
|
||||
@@ -98,18 +98,16 @@
|
||||
/>
|
||||
</svg>
|
||||
|
||||
<h1
|
||||
<!-- <h1
|
||||
class="text-[7.277vw] md:text-[3.718vw] font-[700] mt-[100px] md:mt-[120px] md:mt-[9.115vw]"
|
||||
>
|
||||
JAVANEH
|
||||
</h1> -->
|
||||
<h1 class=" mt-[100px] md:mt-[14.115vw] text-[4.544vw] md:text-[1.927vw] font-[500]">
|
||||
بانوی سلامت هستی
|
||||
</h1>
|
||||
<h1 class="text-[4.544vw] md:text-[1.927vw] font-[500]">
|
||||
فروشگاه محصولات ارگانیک
|
||||
</h1>
|
||||
<p class="hidden md:block text-[0.938vw] w-[40vw] text-center mt-[0.3vw]">
|
||||
وب سایت جوانه شرکتی در حوزه تامین و توزیع محصولات طبیعی، ارگانیک و سالم
|
||||
میباشد که این امکان را به مصرف کننده میدهد تا بتواند انواع محصولات تازه را
|
||||
با حق انتخاب و تنوع بسیار بالا و با مناسبترین قیمت داشته باشد.
|
||||
<p class="hidden md:block text-[0.938vw] w-[40vw] text-center mt-[1vw]">
|
||||
شرکت بانوی سلامت هستی با هدف ترویج سبک زندگی سالم فعالیت خود را از سال ۱۳۹۵ در بخش های مختلف به شرح زیر آغاز نموده است:
|
||||
</p>
|
||||
</div>
|
||||
<div class="test"></div>
|
||||
|
||||
@@ -40,10 +40,11 @@
|
||||
مارا در اینستاگرام دنبال کنید
|
||||
</h2>
|
||||
<div class="birder-b border-[1px] w-[40vw] md:w-[13vw]"></div>
|
||||
<p class="pb-[20vw] md:pb-0 flex items-center mt-[1.7vw] text-[4.038vw] md:text-[1.055vw] text-[#878787]">
|
||||
<p class="cursor-pointer hover:text-black group/edit pb-[20vw] md:pb-0 flex items-center mt-[1.7vw] text-[4.038vw] md:text-[1.055vw] text-[#878787]">
|
||||
دنبال کردن
|
||||
<svg
|
||||
class="ms-5 h-[6.667vw] w-[6.667vw] md:h-[2.604vw] md:w-[2.604vw]"
|
||||
|
||||
class="group-hover/edit:-translate-x-2 transition duration-300 group-hover/edit:duration-300 ms-5 h-[6.667vw] w-[6.667vw] md:h-[2.604vw] md:w-[2.604vw]"
|
||||
width="2.604vw"
|
||||
height="2.604vw"
|
||||
viewBox="0 0 50 50"
|
||||
@@ -51,6 +52,7 @@
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
class="group-hover/edit:stroke-black"
|
||||
d="M25.0003 45.8332C36.5063 45.8332 45.8337 36.5058 45.8337 24.9998C45.8337 13.4939 36.5063 4.1665 25.0003 4.1665C13.4944 4.1665 4.16699 13.4939 4.16699 24.9998C4.16699 36.5058 13.4944 45.8332 25.0003 45.8332Z"
|
||||
stroke="#878787"
|
||||
stroke-width="1.5"
|
||||
@@ -58,6 +60,7 @@
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
class="group-hover/edit:stroke-black"
|
||||
d="M32.292 25H19.792"
|
||||
stroke="#878787"
|
||||
stroke-width="1.5"
|
||||
@@ -65,6 +68,7 @@
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
class="group-hover/edit:stroke-black"
|
||||
d="M23.958 18.75L17.708 25L23.958 31.25"
|
||||
stroke="#878787"
|
||||
stroke-width="1.5"
|
||||
|
||||
@@ -9,37 +9,79 @@
|
||||
<p
|
||||
class="mt-[2vw] md:mt-0 md:py-0 py-[3vw] text-[4.544vw] md:text-[1.481vw] text-[#383E43] font-semibold"
|
||||
>
|
||||
رسانه
|
||||
دیگر محصولات
|
||||
</p>
|
||||
<div class="hidden md:flex h-[50px] me-[0.5vw]">
|
||||
<svg
|
||||
class="cursor-pointer h-[2.604vw] w-[2.604vw]"
|
||||
@click="this.$refs.carousel.next()"
|
||||
viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="25" cy="25" r="24.5" transform="rotate(-180 25 25)" stroke="#878787"/>
|
||||
<path d="M22.0002 17.0799L28.5202 23.5999C29.2902 24.3699 29.2902 25.6299 28.5202 26.3999L22.0002 32.9199" stroke="#878787" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
<svg
|
||||
class="cursor-pointer ms-[0.5vw] h-[2.604vw] h-[2.604vw]"
|
||||
@click="this.$refs.carousel.prev()"
|
||||
viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="25" cy="25" r="24.5" stroke="#383E43"/>
|
||||
<g clip-path="url(#clip0_836_14507)">
|
||||
<path d="M27.9998 32.9201L21.4798 26.4001C20.7098 25.6301 20.7098 24.3701 21.4798 23.6001L27.9998 17.0801" stroke="#383E43" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
class="group/edit cursor-pointer h-[2.604vw] w-[2.604vw]"
|
||||
@click="prev"
|
||||
viewBox="0 0 50 50"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<circle
|
||||
class="group-hover/edit:stroke-black"
|
||||
cx="25"
|
||||
cy="25"
|
||||
r="24.5"
|
||||
transform="rotate(-180 25 25)"
|
||||
stroke="#878787"
|
||||
/>
|
||||
<path
|
||||
class="group-hover/edit:stroke-black"
|
||||
d="M22.0002 17.0799L28.5202 23.5999C29.2902 24.3699 29.2902 25.6299 28.5202 26.3999L22.0002 32.9199"
|
||||
stroke="#878787"
|
||||
stroke-width="2"
|
||||
stroke-miterlimit="10"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
class="group/edit cursor-pointer ms-[0.5vw] h-[2.604vw] h-[2.604vw]"
|
||||
@click="next"
|
||||
viewBox="0 0 50 50"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<circle
|
||||
class="group-hover/edit:stroke-black"
|
||||
cx="25"
|
||||
cy="25"
|
||||
r="24.5"
|
||||
stroke="#878787"
|
||||
/>
|
||||
<g clip-path="url(#clip0_836_14507)">
|
||||
<path
|
||||
class="group-hover/edit:stroke-black"
|
||||
d="M27.9998 32.9201L21.4798 26.4001C20.7098 25.6301 20.7098 24.3701 21.4798 23.6001L27.9998 17.0801"
|
||||
stroke="#878787"
|
||||
stroke-width="2"
|
||||
stroke-miterlimit="10"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_836_14507">
|
||||
<rect width="24" height="24" fill="white" transform="translate(13 13)"/>
|
||||
<rect
|
||||
width="24"
|
||||
height="24"
|
||||
fill="white"
|
||||
transform="translate(13 13)"
|
||||
/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
||||
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-[1vw] space-y-[1vw] text-[#878787]">
|
||||
<p class="flex items-center">
|
||||
<p
|
||||
:class="{ 'text-black': itemindex === 9 }"
|
||||
@click="changeSlide(9)"
|
||||
class="flex items-center hover:text-black cursor-pointer"
|
||||
>
|
||||
<svg
|
||||
class="w-[3.333vw] md:w-[16px] h-[3.333vw] md:h-[16px]"
|
||||
height="16"
|
||||
@@ -50,13 +92,16 @@
|
||||
<circle cx="8" cy="8" r="7.5" fill="#FAF6F9" stroke="#383E43" />
|
||||
<circle cx="8" cy="8" r="2" fill="#383E43" />
|
||||
</svg>
|
||||
<span
|
||||
class="ps-3 text-[3.59vw] md:text-[0.938vw] font-semibold text-black"
|
||||
>
|
||||
فواید و مضرات مصرف گندم
|
||||
<span class="ps-3 text-[3.59vw] md:text-[0.938vw] font-semibold">
|
||||
انواع کلوچه های سلامت محور در مدل های <br />
|
||||
زنجبیلی ، کلاسیک ، دارچینی ، خرمایی و ...
|
||||
</span>
|
||||
</p>
|
||||
<p class="items-center hidden md:flex">
|
||||
<p
|
||||
@click="changeSlide(1)"
|
||||
:class="{ 'text-black': itemindex === 1 }"
|
||||
class="items-center hidden md:flex hover:text-black cursor-pointer"
|
||||
>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
@@ -68,10 +113,14 @@
|
||||
<circle cx="8" cy="8" r="2" fill="#383E43" />
|
||||
</svg>
|
||||
<span class="ps-3 text-[0.938vw] font-semibold">
|
||||
فواید و مضرات مصرف گندم
|
||||
انواع دسر ها شامل تارتها و دسر های کافه ای
|
||||
</span>
|
||||
</p>
|
||||
<p class="items-center hidden md:flex">
|
||||
<p
|
||||
@click="changeSlide(2)"
|
||||
:class="{ 'text-black': itemindex === 2 }"
|
||||
class="items-center hidden md:flex hover:text-black cursor-pointer"
|
||||
>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
@@ -83,10 +132,14 @@
|
||||
<circle cx="8" cy="8" r="2" fill="#383E43" />
|
||||
</svg>
|
||||
<span class="ps-3 text-[0.938vw] font-semibold">
|
||||
فواید و مضرات مصرف گندم
|
||||
انواع ترافلهای شکلاتی و خرمایی در طعم های اختصاصی
|
||||
</span>
|
||||
</p>
|
||||
<p class="items-center hidden md:flex">
|
||||
<p
|
||||
@click="changeSlide(3)"
|
||||
:class="{ 'text-black': itemindex === 3 }"
|
||||
class="items-center hidden md:flex hover:text-black cursor-pointer"
|
||||
>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
@@ -98,10 +151,14 @@
|
||||
<circle cx="8" cy="8" r="2" fill="#383E43" />
|
||||
</svg>
|
||||
<span class="ps-3 text-[0.938vw] font-semibold">
|
||||
فواید و مضرات مصرف گندم
|
||||
انواع حلواهای بوتیکی سلامت محور اختصاصی
|
||||
</span>
|
||||
</p>
|
||||
<p class="items-center hidden md:flex">
|
||||
<p
|
||||
@click="changeSlide(4)"
|
||||
:class="{ 'text-black': itemindex === 4 }"
|
||||
class="items-center hidden md:flex hover:text-black cursor-pointer"
|
||||
>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
@@ -113,21 +170,102 @@
|
||||
<circle cx="8" cy="8" r="2" fill="#383E43" />
|
||||
</svg>
|
||||
<span class="ps-3 text-[0.938vw] font-semibold">
|
||||
فواید و مضرات مصرف گندم
|
||||
سمنوی ساده و بدون شکر و سمنوی مغزیجات
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p
|
||||
@click="changeSlide(5)"
|
||||
:class="{ 'text-black': itemindex === 5 }"
|
||||
class="items-center hidden md:flex hover:text-black cursor-pointer"
|
||||
>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<circle cx="8" cy="8" r="7.5" fill="#FAF6F9" stroke="#383E43" />
|
||||
<circle cx="8" cy="8" r="2" fill="#383E43" />
|
||||
</svg>
|
||||
<span class="ps-3 text-[0.938vw] font-semibold">
|
||||
انواع بیسکوییت جوانه گندم سلامت محور در ۶ مدل
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p
|
||||
@click="changeSlide(6)"
|
||||
:class="{ 'text-black': itemindex === 6 }"
|
||||
class="items-center hidden md:flex hover:text-black cursor-pointer"
|
||||
>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<circle cx="8" cy="8" r="7.5" fill="#FAF6F9" stroke="#383E43" />
|
||||
<circle cx="8" cy="8" r="2" fill="#383E43" />
|
||||
</svg>
|
||||
<span class="ps-3 text-[0.938vw] font-semibold">
|
||||
انواع کرم های صبحانه سلامت محور
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p
|
||||
@click="changeSlide(7)"
|
||||
:class="{ 'text-black': itemindex === 7 }"
|
||||
class="items-center hidden md:flex hover:text-black cursor-pointer"
|
||||
>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<circle cx="8" cy="8" r="7.5" fill="#FAF6F9" stroke="#383E43" />
|
||||
<circle cx="8" cy="8" r="2" fill="#383E43" />
|
||||
</svg>
|
||||
<span class="ps-3 text-[0.938vw] font-semibold">
|
||||
انواع آرد بسته بندی گندم ، جو و جودوسر
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p
|
||||
@click="changeSlide(-1)"
|
||||
:class="{ 'text-black': itemindex === -1 }"
|
||||
class="items-center hidden md:flex hover:text-black cursor-pointer"
|
||||
>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<circle cx="8" cy="8" r="7.5" fill="#FAF6F9" stroke="#383E43" />
|
||||
<circle cx="8" cy="8" r="2" fill="#383E43" />
|
||||
</svg>
|
||||
<span class="ps-3 text-[0.938vw] font-semibold">
|
||||
انواع پک سوغاتی اداری و سازمانی vip
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<button
|
||||
class="hidden md:flex text-[0.833vw] border-[1px] px-[1.302vw] py-[0.625vw] rounded-[10px]"
|
||||
class="group/edit hidden md:flex text-[0.833vw] hover:border-black border-[1px] px-[1.302vw] py-[0.625vw] rounded-[10px]"
|
||||
>
|
||||
ادامه مطلب
|
||||
<span class="group-hover/edit:text-black"> ادامه مطلب </span>
|
||||
<svg
|
||||
class="ms-3 h-[1.25vw] w-[1.25vw]"
|
||||
class="group-hover/edit:-translate-x-2 transition duration-300 group-hover/edit:duration-300 ms-3 h-[1.25vw] w-[1.25vw]"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
class="group-hover/edit:stroke-black"
|
||||
d="M9.57 5.93018L3.5 12.0002L9.57 18.0702"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.5"
|
||||
@@ -136,6 +274,7 @@
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
class="group-hover/edit:stroke-black"
|
||||
d="M20.4999 12H3.66992"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.5"
|
||||
@@ -148,86 +287,114 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Carousel
|
||||
ref="carousel"
|
||||
class="md:w-[75%] mt-[8vw] md:mt-0 w-full"
|
||||
:wrap-around="true"
|
||||
:breakpoints="breakpoints"
|
||||
>
|
||||
<Slide v-for="slide in 10" :key="slide">
|
||||
<div
|
||||
class="carousel-item h-[85.641vw] md:h-[28.021vw] border-[1.5px] rounded-[500px] flex justify-center items-center mx-auto"
|
||||
>
|
||||
<Carousel
|
||||
@slide-end="handleSlideStart"
|
||||
ref="myCarousel"
|
||||
class="md:w-[75%] mt-[8vw] md:mt-0 w-full"
|
||||
:wrap-around="true"
|
||||
:breakpoints="breakpoints"
|
||||
>
|
||||
<Slide v-for="(slide, index) in 9" :key="index">
|
||||
|
||||
<div
|
||||
class="mx-[3vw] md:mx-[1vw] mediagallery w-[53.846vw] md:w-[18.073vw] h-[76.41vw] md:h-[25.938vw] border-[1.5px] rounded-[500px]"
|
||||
></div>
|
||||
</div>
|
||||
</Slide>
|
||||
|
||||
class="carousel-item h-[85.641vw] md:h-[28.021vw] border-[1.5px] rounded-[500px] flex justify-center items-center mx-auto"
|
||||
|
||||
</Carousel>
|
||||
>
|
||||
<div
|
||||
:class="`test-${index}`"
|
||||
|
||||
class="mx-[3vw] mediagallery md:mx-[1vw] w-[53.846vw] md:w-[18.073vw] h-[76.41vw] md:h-[25.938vw] border-[1.5px] rounded-[500px]"
|
||||
>
|
||||
|
||||
<!--
|
||||
<div
|
||||
class="mt-[8vw] md:mt-0 w-full grid grid-cols-1 md:grid-cols-3 border-s-none md:border-s-[1px] ms-0 md:ms-[3vw] ps-0 md:ps-[1vw]"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</Slide>
|
||||
</Carousel>
|
||||
|
||||
|
||||
<div
|
||||
class="w-[64.103vw] md:w-[20.156vw] h-[85.641vw] md:h-[28.021vw]
|
||||
border-[1.5px] rounded-[500px] flex justify-center items-center mx-auto">
|
||||
|
||||
<div class="mediagallery w-[53.846vw] md:w-[18.073vw] h-[76.41vw] md:h-[25.938vw]
|
||||
border-[1.5px] rounded-[500px]"></div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div
|
||||
class="hidden md:flex md:w-[20.156vw] md:h-[28.021vw] border-[1.5px] rounded-[500px] justify-center items-center"
|
||||
>
|
||||
<div
|
||||
class="mediagallery md:w-[18.073vw] md:h-[25.938vw] border-[1.5px] rounded-[500px]"
|
||||
></div>
|
||||
</div>
|
||||
<div
|
||||
class="hidden md:flex md:w-[20.156vw] md:h-[28.021vw] border-[1.5px] rounded-[500px] justify-center items-center"
|
||||
>
|
||||
<div
|
||||
class="mediagallery md:w-[18.073vw] md:h-[25.938vw] border-[1.5px] rounded-[500px]"
|
||||
></div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref } from "vue";
|
||||
const myCarousel = ref(null);
|
||||
|
||||
|
||||
const list = ref([])
|
||||
|
||||
|
||||
|
||||
export default defineComponent({
|
||||
name: 'Breakpoints',
|
||||
name: "Breakpoints",
|
||||
data: () => ({
|
||||
|
||||
itemindex: 0,
|
||||
list: [],
|
||||
datas: [
|
||||
{ htm: '<h1>parag</h1>' ,url: "https://www.google.com/imgres?q=QWSAD%27&imgurl=https%3A%2F%2Fyt3.googleusercontent.com%2Fytc%2FAIdro_lzldHSacRGWtHljOIVE6nwxc8vW74S1HBiy9ls1AU7wBQ%3Ds900-c-k-c0x00ffffff-no-rj&imgrefurl=https%3A%2F%2Fm.youtube.com%2F%40shiitakiaandqwsad3859&docid=dq5X-El72TSwGM&tbnid=J3taltW7PWqUPM&vet=12ahUKEwjHjrS6q7WHAxXJHxAIHQTkC2oQM3oECBkQAA..i&w=900&h=900&hcb=2&ved=2ahUKEwjHjrS6q7WHAxXJHxAIHQTkC2oQM3oECBkQAA" },
|
||||
{ name: 10, url: "/public/images/products/1.jpg" },
|
||||
{ name: 10, url: "public/images/products/1.jpg" },
|
||||
{ name: 10, url: "./../../public/images/products/1.jpg" },
|
||||
{ name: 10, url: "./../../public/images/products/1.jpg" },
|
||||
{ name: 10, url: "./../../public/images/products/1.jpg" },
|
||||
{ name: 10, url: "./../../public/images/products/1.jpg" },
|
||||
{ name: 10, url: "./../../public/images/products/1.jpg" },
|
||||
{ name: 10, url: "./../../public/images/products/1.jpg" },
|
||||
],
|
||||
breakpoints: {
|
||||
// 700px and up
|
||||
300: {
|
||||
itemsToShow: 1.4,
|
||||
snapAlign: 'end',
|
||||
snapAlign: "end",
|
||||
},
|
||||
700: {
|
||||
itemsToShow: 3.3,
|
||||
snapAlign: 'center',
|
||||
snapAlign: "center",
|
||||
},
|
||||
// 1024 and up
|
||||
1024: {
|
||||
itemsToShow: 3.3,
|
||||
snapAlign: 'start',
|
||||
snapAlign: "start",
|
||||
},
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
}),
|
||||
|
||||
|
||||
methods: {
|
||||
prev: function () {
|
||||
this.$refs.myCarousel.prev();
|
||||
this.itemindex = this.$refs.myCarousel.data.currentSlide.value;
|
||||
},
|
||||
next: function () {
|
||||
this.$refs.myCarousel.next();
|
||||
this.itemindex = this.$refs.myCarousel.data.currentSlide.value;
|
||||
},
|
||||
|
||||
handleSlideStart(data) {
|
||||
this.itemindex = this.$refs.myCarousel.data.currentSlide.value;
|
||||
console.log(data);
|
||||
},
|
||||
changeSlide(index) {
|
||||
this.$refs.myCarousel.slideTo(index);
|
||||
this.itemindex = this.$refs.myCarousel.data.currentSlide.value;
|
||||
},
|
||||
},
|
||||
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
.carousel__slide--next .carousel-item:nth-child(1) {
|
||||
border: 1px solid black;
|
||||
}
|
||||
.carousel__slide {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.carousel__slide--next {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
</style>
|
||||
@@ -1,12 +1,15 @@
|
||||
<template>
|
||||
<div class="baner flex flex-col w-[84.61vw] md:w-[70.41%] mt-[50vw] md:mt-[20vw]">
|
||||
<img src="/public/images/baner.jpg" alt="organic" class="h-[45.12vw] md:h-[26.302vw] w-full object-cover rounded-[25px]">
|
||||
<div class="flex flex-col flex-col-reverse px-[1vw] md:flex-row justify-between items-center mt-12">
|
||||
<p class="mt-[17vw] md:mt-0 w-full md:w-[50%] text-[3.59vw] md:text-[1.502vw]">
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
|
||||
<div class=" px-[1vw] md:flex-row justify-between items-center mt-12">
|
||||
<p class="mt-[17vw] md:mt-[0.5vw] text-[3.59vw] md:text-[1.3vw]">
|
||||
با توجه به رویکرد و دغدغه سلامت محور بودن تولید محصولات، این مجموعه در سال ۱۴۰۱ با دعوت سازمان اداره
|
||||
غله استان مرکزی به عضویت شورای سایستگذاری آرد و نان کامل درآمد و در همایش نان کامل که توسط وزارت
|
||||
بهداشت برگزار شد به عنوان برگزیده در حوزه نان سالم موفق به کسب لوح تقدیر و تندیس این همایش گردید.
|
||||
</p>
|
||||
<p class="w-full md:w-[40%] text-[4.544vw] md:text-[1.186vw]">
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
|
||||
<p class=" text-[4.544vw] md:text-[1.186vw] mt-[2.2vw]">
|
||||
نان این مجموعه توسط آزمایشگاه های اداره غله و سازمان غذا و دارو گواهی سلاعرضهمت و کیفیت دریافت نموده
|
||||
است.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -51,7 +51,11 @@
|
||||
/>
|
||||
</svg>
|
||||
<span class="text-[#383E43] text-[4.038vw] md:text-[1.055vw] ms-[2vw]"
|
||||
>تحقیق و توسعه</span
|
||||
>
|
||||
|
||||
تحقیق و آزمایش
|
||||
|
||||
</span
|
||||
>
|
||||
</div>
|
||||
<span class="text-[#878787] text-[5.11vw] md:text-[1.335vw]">01</span>
|
||||
@@ -105,10 +109,12 @@
|
||||
/>
|
||||
</svg>
|
||||
<span class="text-[#383E43] text-[4.038vw] md:text-[1.055vw] ms-[2vw]"
|
||||
>تحقیق و توسعه</span
|
||||
>
|
||||
انتخاب مواد اولیه
|
||||
</span
|
||||
>
|
||||
</div>
|
||||
<span class="text-[#878787] text-[5.11vw] md:text-[1.335vw]">01</span>
|
||||
<span class="text-[#878787] text-[5.11vw] md:text-[1.335vw]">02</span>
|
||||
</div>
|
||||
<div
|
||||
class="flex items-center justify-between bg-white h-[17.179vw] md:h-[4.688vw] rounded-[5.128vw] md:rounded-[1.302vw] px-[3vw] md:px-[1vw]"
|
||||
@@ -158,10 +164,12 @@
|
||||
/>
|
||||
</svg>
|
||||
<span class="text-[#383E43] text-[4.038vw] md:text-[1.055vw] ms-[2vw]"
|
||||
>تحقیق و توسعه</span
|
||||
>
|
||||
تولید آزمایشی
|
||||
</span
|
||||
>
|
||||
</div>
|
||||
<span class="text-[#878787] text-[5.11vw] md:text-[1.335vw]">01</span>
|
||||
<span class="text-[#878787] text-[5.11vw] md:text-[1.335vw]">03</span>
|
||||
</div>
|
||||
<div
|
||||
class="flex items-center justify-between bg-white h-[17.179vw] md:h-[4.688vw] rounded-[5.128vw] md:rounded-[1.302vw] px-[3vw] md:px-[1vw]"
|
||||
@@ -211,10 +219,12 @@
|
||||
/>
|
||||
</svg>
|
||||
<span class="text-[#383E43] text-[4.038vw] md:text-[1.055vw] ms-[2vw]"
|
||||
>تحقیق و توسعه</span
|
||||
>
|
||||
ارزیابی مجدد محصول
|
||||
</span
|
||||
>
|
||||
</div>
|
||||
<span class="text-[#878787] text-[5.11vw] md:text-[1.335vw]">01</span>
|
||||
<span class="text-[#878787] text-[5.11vw] md:text-[1.335vw]">04</span>
|
||||
</div>
|
||||
<div
|
||||
class="flex items-center justify-between bg-white h-[17.179vw] md:h-[4.688vw] rounded-[5.128vw] md:rounded-[1.302vw] px-[3vw] md:px-[1vw]"
|
||||
@@ -264,10 +274,13 @@
|
||||
/>
|
||||
</svg>
|
||||
<span class="text-[#383E43] text-[4.038vw] md:text-[1.055vw] ms-[2vw]"
|
||||
>تحقیق و توسعه</span
|
||||
>
|
||||
تولید انبوه
|
||||
|
||||
</span
|
||||
>
|
||||
</div>
|
||||
<span class="text-[#878787] text-[5.11vw] md:text-[1.335vw]">01</span>
|
||||
<span class="text-[#878787] text-[5.11vw] md:text-[1.335vw]">05</span>
|
||||
</div>
|
||||
<div
|
||||
class="flex items-center justify-between bg-white h-[17.179vw] md:h-[4.688vw] rounded-[5.128vw] md:rounded-[1.302vw] px-[3vw] md:px-[1vw]"
|
||||
@@ -317,10 +330,12 @@ class="flex items-center justify-between bg-white h-[17.179vw] md:h-[4.688vw] ro
|
||||
/>
|
||||
</svg>
|
||||
<span class="text-[#383E43] text-[4.038vw] md:text-[1.055vw] ms-[2vw]"
|
||||
>تحقیق و توسعه</span
|
||||
>
|
||||
عرضه انبوه
|
||||
</span
|
||||
>
|
||||
</div>
|
||||
<span class="text-[#878787] text-[5.11vw] md:text-[1.335vw]">01</span>
|
||||
<span class="text-[#878787] text-[5.11vw] md:text-[1.335vw]">06</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -3,17 +3,17 @@
|
||||
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>
|
||||
|
||||
<nuxt-link
|
||||
to="/"
|
||||
class="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]"
|
||||
<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"
|
||||
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"
|
||||
@@ -25,8 +25,10 @@
|
||||
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">
|
||||
|
||||
رفتن به فروشگاه
|
||||
</nuxt-link>
|
||||
رفتن به فروشگاه
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</template>
|
||||
@@ -2,17 +2,117 @@
|
||||
<div class="flex justify-center">
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-0 md:gap-8 mx-[9.5vw] md:mx-auto">
|
||||
<div class=" md:w-[26.146vw] h-[83.59vw] md:h-[27.083vw] rounded-[1.302vw]">
|
||||
<h1 class="text-[6.469vw] md:text-[2.188vw] text-[#383E43] font-semibold">خدمات ما</h1>
|
||||
<h1 class="text-[6.469vw] md:text-[2.188vw] text-[#383E43] font-semibold">محصولات ما</h1>
|
||||
<p
|
||||
class="text-[3.19vw] md:text-[0.833vw] text-[#878787] mt-[2vw] w-[60%] leading-[4.872vw] md:leading-[1.7vw]"
|
||||
>
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده
|
||||
از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و
|
||||
سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای
|
||||
متنوع با هدف بهبود ابزارهای کاربردی می باشد کتابهای زیادی در شصت و سه
|
||||
درصد گذشته حال و آینده
|
||||
محصولات تولید شده در این مجموعه در استفاده از مواد اولیه سلامت محور مثل آرد کامل حاوی جوانه گندم و
|
||||
سبوس ، کره و روغن های طبیعی (روغن نارگیل، کره حیوانی، روغن زیتون ، فرابکر ، روغن کرمانشاهی و ...)
|
||||
شیرین کننده های طبیعی مثل انواع شیره ها، عسل ، استویا، شکر قهوه ای با محصولت موجود در بازار متفاوت
|
||||
می باشد و از کیفیت بسیار بالایی برخوردار می باشد و در تنوع بسیار در اقلام زیر قابل ارائه می باشد.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="hidden md:block w-[26.146vw] h-[27.083vw] rounded-[1.302vw] bg-white">
|
||||
<div class="flex justify-between">
|
||||
<svg
|
||||
class="m-[1vw] w-[2.604vw] h-[2.604vw]"
|
||||
viewBox="0 0 50 50"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g clip-path="url(#clip0_1655_12812)">
|
||||
<path
|
||||
d="M25.0001 29.1666H27.0834C29.3751 29.1666 31.2501 27.2916 31.2501 25V4.16663H12.5001C9.37506 4.16663 6.64591 5.89577 5.22925 8.43743"
|
||||
stroke="#292D32"
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M4.16675 35.4166C4.16675 38.875 6.95841 41.6666 10.4167 41.6666H12.5001C12.5001 39.375 14.3751 37.5 16.6667 37.5C18.9584 37.5 20.8334 39.375 20.8334 41.6666H29.1667C29.1667 39.375 31.0418 37.5 33.3334 37.5C35.6251 37.5 37.5001 39.375 37.5001 41.6666H39.5834C43.0418 41.6666 45.8334 38.875 45.8334 35.4166V29.1666H39.5834C38.4376 29.1666 37.5001 28.2291 37.5001 27.0833V20.8333C37.5001 19.6875 38.4376 18.75 39.5834 18.75H42.2709L38.7085 12.5208C37.9585 11.2291 36.5835 10.4166 35.0835 10.4166H31.2501V25C31.2501 27.2916 29.3751 29.1666 27.0834 29.1666H25.0001"
|
||||
stroke="#292D32"
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M16.6667 45.8333C18.9679 45.8333 20.8333 43.9679 20.8333 41.6667C20.8333 39.3655 18.9679 37.5 16.6667 37.5C14.3655 37.5 12.5 39.3655 12.5 41.6667C12.5 43.9679 14.3655 45.8333 16.6667 45.8333Z"
|
||||
stroke="#292D32"
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M33.3334 45.8333C35.6346 45.8333 37.5001 43.9679 37.5001 41.6667C37.5001 39.3655 35.6346 37.5 33.3334 37.5C31.0322 37.5 29.1667 39.3655 29.1667 41.6667C29.1667 43.9679 31.0322 45.8333 33.3334 45.8333Z"
|
||||
stroke="#292D32"
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M45.8333 25V29.1667H39.5833C38.4375 29.1667 37.5 28.2292 37.5 27.0833V20.8333C37.5 19.6875 38.4375 18.75 39.5833 18.75H42.2708L45.8333 25Z"
|
||||
stroke="#292D32"
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M4.16675 16.6666H16.6667"
|
||||
stroke="#292D32"
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M4.16675 22.9166H12.5001"
|
||||
stroke="#292D32"
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M4.16675 29.1666H8.33341"
|
||||
stroke="#292D32"
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_1655_12812">
|
||||
<rect width="50" height="50" fill="white" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
<svg
|
||||
class="w-[10.833vw] h-[7.813vw] mt-[3vw]"
|
||||
viewBox="0 0 208 150"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M88.501 85.8394C88.501 97.7843 87.4333 107.861 85.2979 116.069C83.1624 124.21 80.0928 130.817 76.0889 135.888C72.1517 140.893 67.347 144.497 61.6748 146.699C56.0693 148.901 49.7298 150.002 42.6562 150.002C35.6494 150.002 29.3099 148.901 23.6377 146.699C17.9655 144.497 13.1274 140.893 9.12354 135.888C5.11963 130.817 2.0166 124.21 -0.185547 116.069C-2.3877 107.861 -3.48877 97.7843 -3.48877 85.8394V63.6177C-3.48877 51.6727 -2.42106 41.6629 -0.285645 33.5884C1.9165 25.5138 5.01953 19.0075 9.02344 14.0693C13.0273 9.13118 17.832 5.5944 23.4375 3.45898C29.1097 1.32357 35.4492 0.255859 42.4561 0.255859C49.5296 0.255859 55.9025 1.32357 61.5747 3.45898C67.2469 5.5944 72.085 9.13118 76.0889 14.0693C80.0928 19.0075 83.1624 25.5138 85.2979 33.5884C87.4333 41.6629 88.501 51.6727 88.501 63.6177V85.8394ZM69.9829 60.5146C69.9829 52.3066 69.3823 45.3332 68.1812 39.5942C67.0467 33.8553 65.3117 29.2174 62.9761 25.6807C60.6405 22.0771 57.7376 19.4746 54.2676 17.873C50.8643 16.2715 46.9271 15.4707 42.4561 15.4707C38.0518 15.4707 34.1146 16.2715 30.6445 17.873C27.2412 19.4746 24.3717 22.0771 22.0361 25.6807C19.7673 29.2174 18.0322 33.8553 16.8311 39.5942C15.6299 45.3332 15.0293 52.3066 15.0293 60.5146V88.7422C15.0293 96.8835 15.6299 103.89 16.8311 109.763C18.0322 115.568 19.8006 120.34 22.1362 124.077C24.5386 127.814 27.4414 130.55 30.8447 132.285C34.3148 134.02 38.252 134.887 42.6562 134.887C47.194 134.887 51.1646 134.02 54.5679 132.285C57.9712 130.55 60.8073 127.814 63.0762 124.077C65.4118 120.34 67.1468 115.568 68.2812 109.763C69.4157 103.89 69.9829 96.8835 69.9829 88.7422V60.5146ZM207.717 148H112.224V134.687L159.971 81.6353C164.375 76.7638 168.012 72.4596 170.881 68.7227C173.818 64.9857 176.12 61.5824 177.788 58.5127C179.523 55.3763 180.724 52.4735 181.392 49.8042C182.059 47.0682 182.393 44.2988 182.393 41.4961C182.393 37.8926 181.825 34.5226 180.691 31.3862C179.556 28.1831 177.922 25.4137 175.786 23.0781C173.651 20.7425 171.015 18.9074 167.878 17.5728C164.742 16.1714 161.139 15.4707 157.068 15.4707C152.13 15.4707 147.826 16.2048 144.155 17.6729C140.552 19.141 137.549 21.1763 135.146 23.7788C132.744 26.3813 130.942 29.5177 129.741 33.188C128.54 36.7915 127.939 40.7954 127.939 45.1997H109.421C109.421 39.0604 110.422 33.2547 112.424 27.7827C114.493 22.3107 117.529 17.5394 121.533 13.4688C125.537 9.39811 130.509 6.19499 136.448 3.85938C142.387 1.45703 149.26 0.255859 157.068 0.255859C163.941 0.255859 170.081 1.1901 175.486 3.05859C180.958 4.92708 185.562 7.59635 189.299 11.0664C193.103 14.4697 196.006 18.5737 198.008 23.3784C200.01 28.1831 201.011 33.4883 201.011 39.2939C201.011 43.5648 200.277 47.869 198.809 52.2065C197.34 56.5441 195.372 60.8817 192.903 65.2192C190.434 69.4901 187.531 73.7609 184.194 78.0317C180.858 82.2358 177.354 86.3732 173.684 90.4438L134.546 132.885H207.717V148Z"
|
||||
fill="#FAF6F9"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="m-[1vw] mt-[5vw]">
|
||||
|
||||
<p class="text-[1.055vw] text-[#878787] mt-[2.5vw]">
|
||||
نان سنتی بربری خشخاشی تهیه شده از آرد کامل جوانه گندم و سبوس طبیعی گندم در بسته بندی های برشی
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="w-full md:w-[26.146vw] h-[83.59vw] md:h-[27.083vw] rounded-[1.302vw] p-[5vw] md:p-0 bg-white">
|
||||
<div class="flex justify-between">
|
||||
<svg
|
||||
@@ -88,29 +188,25 @@
|
||||
</defs>
|
||||
</svg>
|
||||
<svg
|
||||
class="md:w-[10.833vw]
|
||||
w-[18vw]
|
||||
h-[15vw]
|
||||
md:h-[7.813vw] mt-[3vw]"
|
||||
viewBox="0 0 208 150"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M88.501 85.8394C88.501 97.7843 87.4333 107.861 85.2979 116.069C83.1624 124.21 80.0928 130.817 76.0889 135.888C72.1517 140.893 67.347 144.497 61.6748 146.699C56.0693 148.901 49.7298 150.002 42.6562 150.002C35.6494 150.002 29.3099 148.901 23.6377 146.699C17.9655 144.497 13.1274 140.893 9.12354 135.888C5.11963 130.817 2.0166 124.21 -0.185547 116.069C-2.3877 107.861 -3.48877 97.7843 -3.48877 85.8394V63.6177C-3.48877 51.6727 -2.42106 41.6629 -0.285645 33.5884C1.9165 25.5138 5.01953 19.0075 9.02344 14.0693C13.0273 9.13118 17.832 5.5944 23.4375 3.45898C29.1097 1.32357 35.4492 0.255859 42.4561 0.255859C49.5296 0.255859 55.9025 1.32357 61.5747 3.45898C67.2469 5.5944 72.085 9.13118 76.0889 14.0693C80.0928 19.0075 83.1624 25.5138 85.2979 33.5884C87.4333 41.6629 88.501 51.6727 88.501 63.6177V85.8394ZM69.9829 60.5146C69.9829 52.3066 69.3823 45.3332 68.1812 39.5942C67.0467 33.8553 65.3117 29.2174 62.9761 25.6807C60.6405 22.0771 57.7376 19.4746 54.2676 17.873C50.8643 16.2715 46.9271 15.4707 42.4561 15.4707C38.0518 15.4707 34.1146 16.2715 30.6445 17.873C27.2412 19.4746 24.3717 22.0771 22.0361 25.6807C19.7673 29.2174 18.0322 33.8553 16.8311 39.5942C15.6299 45.3332 15.0293 52.3066 15.0293 60.5146V88.7422C15.0293 96.8835 15.6299 103.89 16.8311 109.763C18.0322 115.568 19.8006 120.34 22.1362 124.077C24.5386 127.814 27.4414 130.55 30.8447 132.285C34.3148 134.02 38.252 134.887 42.6562 134.887C47.194 134.887 51.1646 134.02 54.5679 132.285C57.9712 130.55 60.8073 127.814 63.0762 124.077C65.4118 120.34 67.1468 115.568 68.2812 109.763C69.4157 103.89 69.9829 96.8835 69.9829 88.7422V60.5146ZM207.717 148H112.224V134.687L159.971 81.6353C164.375 76.7638 168.012 72.4596 170.881 68.7227C173.818 64.9857 176.12 61.5824 177.788 58.5127C179.523 55.3763 180.724 52.4735 181.392 49.8042C182.059 47.0682 182.393 44.2988 182.393 41.4961C182.393 37.8926 181.825 34.5226 180.691 31.3862C179.556 28.1831 177.922 25.4137 175.786 23.0781C173.651 20.7425 171.015 18.9074 167.878 17.5728C164.742 16.1714 161.139 15.4707 157.068 15.4707C152.13 15.4707 147.826 16.2048 144.155 17.6729C140.552 19.141 137.549 21.1763 135.146 23.7788C132.744 26.3813 130.942 29.5177 129.741 33.188C128.54 36.7915 127.939 40.7954 127.939 45.1997H109.421C109.421 39.0604 110.422 33.2547 112.424 27.7827C114.493 22.3107 117.529 17.5394 121.533 13.4688C125.537 9.39811 130.509 6.19499 136.448 3.85938C142.387 1.45703 149.26 0.255859 157.068 0.255859C163.941 0.255859 170.081 1.1901 175.486 3.05859C180.958 4.92708 185.562 7.59635 189.299 11.0664C193.103 14.4697 196.006 18.5737 198.008 23.3784C200.01 28.1831 201.011 33.4883 201.011 39.2939C201.011 43.5648 200.277 47.869 198.809 52.2065C197.34 56.5441 195.372 60.8817 192.903 65.2192C190.434 69.4901 187.531 73.7609 184.194 78.0317C180.858 82.2358 177.354 86.3732 173.684 90.4438L134.546 132.885H207.717V148Z"
|
||||
fill="#FAF6F9"
|
||||
/>
|
||||
</svg>
|
||||
class="md:w-[10.833vw]
|
||||
w-[18vw]
|
||||
h-[15vw]
|
||||
md:h-[7.813vw] mt-[3vw]"
|
||||
viewBox="0 0 174 150" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M88.501 85.8394C88.501 97.7843 87.4333 107.861 85.2979 116.069C83.1624 124.21 80.0928 130.817 76.0889 135.888C72.1517 140.893 67.347 144.497 61.6748 146.699C56.0693 148.901 49.7298 150.002 42.6562 150.002C35.6494 150.002 29.3099 148.901 23.6377 146.699C17.9655 144.497 13.1274 140.893 9.12354 135.888C5.11963 130.817 2.0166 124.21 -0.185547 116.069C-2.3877 107.861 -3.48877 97.7843 -3.48877 85.8394V63.6177C-3.48877 51.6727 -2.42106 41.6629 -0.285645 33.5884C1.9165 25.5138 5.01953 19.0075 9.02344 14.0693C13.0273 9.13118 17.832 5.5944 23.4375 3.45898C29.1097 1.32357 35.4492 0.255859 42.4561 0.255859C49.5296 0.255859 55.9025 1.32357 61.5747 3.45898C67.2469 5.5944 72.085 9.13118 76.0889 14.0693C80.0928 19.0075 83.1624 25.5138 85.2979 33.5884C87.4333 41.6629 88.501 51.6727 88.501 63.6177V85.8394ZM69.9829 60.5146C69.9829 52.3066 69.3823 45.3332 68.1812 39.5942C67.0467 33.8553 65.3117 29.2174 62.9761 25.6807C60.6405 22.0771 57.7376 19.4746 54.2676 17.873C50.8643 16.2715 46.9271 15.4707 42.4561 15.4707C38.0518 15.4707 34.1146 16.2715 30.6445 17.873C27.2412 19.4746 24.3717 22.0771 22.0361 25.6807C19.7673 29.2174 18.0322 33.8553 16.8311 39.5942C15.6299 45.3332 15.0293 52.3066 15.0293 60.5146V88.7422C15.0293 96.8835 15.6299 103.89 16.8311 109.763C18.0322 115.568 19.8006 120.34 22.1362 124.077C24.5386 127.814 27.4414 130.55 30.8447 132.285C34.3148 134.02 38.252 134.887 42.6562 134.887C47.194 134.887 51.1646 134.02 54.5679 132.285C57.9712 130.55 60.8073 127.814 63.0762 124.077C65.4118 120.34 67.1468 115.568 68.2812 109.763C69.4157 103.89 69.9829 96.8835 69.9829 88.7422V60.5146ZM173.083 148H154.465V24.5796L117.129 38.293V21.4766L170.181 1.55713H173.083V148Z" fill="#FAF6F9"/>
|
||||
</svg>
|
||||
|
||||
</div>
|
||||
<div class="m-[1vw] mt-[27vw] md:mt-[5vw]">
|
||||
<h2 class="text-[6.469vw] md:text-[1.335vw] text-[#383E43]">لورم ایپسوم</h2>
|
||||
<p class="text-[3.19vw] md:text-[1.055vw] text-[#878787] mt-[3vw] md:mt-[1.3vw]">
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
|
||||
استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در
|
||||
ستون و سطرآنچنان که لازم است
|
||||
<p class="text-[3.19vw] md:text-[1.055vw] text-[#878787] mt-[3vw] ">
|
||||
انواع نان سنتی آرد کامل حاوی جوانه گندم و سبوس طبیعی گندم شامل تافتون ساده و کنجد دار، نان
|
||||
سبزیجات در انواع بسته بندی
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="hidden md:block w-[26.146vw] h-[27.083vw] rounded-[1.302vw] bg-white">
|
||||
<div class="flex justify-between">
|
||||
<svg
|
||||
@@ -184,26 +280,31 @@
|
||||
</defs>
|
||||
</svg>
|
||||
<svg
|
||||
class="w-[10.833vw] h-[7.813vw] mt-[3vw]"
|
||||
viewBox="0 0 208 150"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M88.501 85.8394C88.501 97.7843 87.4333 107.861 85.2979 116.069C83.1624 124.21 80.0928 130.817 76.0889 135.888C72.1517 140.893 67.347 144.497 61.6748 146.699C56.0693 148.901 49.7298 150.002 42.6562 150.002C35.6494 150.002 29.3099 148.901 23.6377 146.699C17.9655 144.497 13.1274 140.893 9.12354 135.888C5.11963 130.817 2.0166 124.21 -0.185547 116.069C-2.3877 107.861 -3.48877 97.7843 -3.48877 85.8394V63.6177C-3.48877 51.6727 -2.42106 41.6629 -0.285645 33.5884C1.9165 25.5138 5.01953 19.0075 9.02344 14.0693C13.0273 9.13118 17.832 5.5944 23.4375 3.45898C29.1097 1.32357 35.4492 0.255859 42.4561 0.255859C49.5296 0.255859 55.9025 1.32357 61.5747 3.45898C67.2469 5.5944 72.085 9.13118 76.0889 14.0693C80.0928 19.0075 83.1624 25.5138 85.2979 33.5884C87.4333 41.6629 88.501 51.6727 88.501 63.6177V85.8394ZM69.9829 60.5146C69.9829 52.3066 69.3823 45.3332 68.1812 39.5942C67.0467 33.8553 65.3117 29.2174 62.9761 25.6807C60.6405 22.0771 57.7376 19.4746 54.2676 17.873C50.8643 16.2715 46.9271 15.4707 42.4561 15.4707C38.0518 15.4707 34.1146 16.2715 30.6445 17.873C27.2412 19.4746 24.3717 22.0771 22.0361 25.6807C19.7673 29.2174 18.0322 33.8553 16.8311 39.5942C15.6299 45.3332 15.0293 52.3066 15.0293 60.5146V88.7422C15.0293 96.8835 15.6299 103.89 16.8311 109.763C18.0322 115.568 19.8006 120.34 22.1362 124.077C24.5386 127.814 27.4414 130.55 30.8447 132.285C34.3148 134.02 38.252 134.887 42.6562 134.887C47.194 134.887 51.1646 134.02 54.5679 132.285C57.9712 130.55 60.8073 127.814 63.0762 124.077C65.4118 120.34 67.1468 115.568 68.2812 109.763C69.4157 103.89 69.9829 96.8835 69.9829 88.7422V60.5146ZM207.717 148H112.224V134.687L159.971 81.6353C164.375 76.7638 168.012 72.4596 170.881 68.7227C173.818 64.9857 176.12 61.5824 177.788 58.5127C179.523 55.3763 180.724 52.4735 181.392 49.8042C182.059 47.0682 182.393 44.2988 182.393 41.4961C182.393 37.8926 181.825 34.5226 180.691 31.3862C179.556 28.1831 177.922 25.4137 175.786 23.0781C173.651 20.7425 171.015 18.9074 167.878 17.5728C164.742 16.1714 161.139 15.4707 157.068 15.4707C152.13 15.4707 147.826 16.2048 144.155 17.6729C140.552 19.141 137.549 21.1763 135.146 23.7788C132.744 26.3813 130.942 29.5177 129.741 33.188C128.54 36.7915 127.939 40.7954 127.939 45.1997H109.421C109.421 39.0604 110.422 33.2547 112.424 27.7827C114.493 22.3107 117.529 17.5394 121.533 13.4688C125.537 9.39811 130.509 6.19499 136.448 3.85938C142.387 1.45703 149.26 0.255859 157.068 0.255859C163.941 0.255859 170.081 1.1901 175.486 3.05859C180.958 4.92708 185.562 7.59635 189.299 11.0664C193.103 14.4697 196.006 18.5737 198.008 23.3784C200.01 28.1831 201.011 33.4883 201.011 39.2939C201.011 43.5648 200.277 47.869 198.809 52.2065C197.34 56.5441 195.372 60.8817 192.903 65.2192C190.434 69.4901 187.531 73.7609 184.194 78.0317C180.858 82.2358 177.354 86.3732 173.684 90.4438L134.546 132.885H207.717V148Z"
|
||||
fill="#FAF6F9"
|
||||
/>
|
||||
</svg>
|
||||
class="w-[10.833vw] h-[7.813vw] mt-[3vw]"
|
||||
viewBox="0 0 208 150" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M88.501 85.8394C88.501 97.7843 87.4333 107.861 85.2979 116.069C83.1624 124.21 80.0928 130.817 76.0889 135.888C72.1517 140.893 67.347 144.497 61.6748 146.699C56.0693 148.901 49.7298 150.002 42.6562 150.002C35.6494 150.002 29.3099 148.901 23.6377 146.699C17.9655 144.497 13.1274 140.893 9.12354 135.888C5.11963 130.817 2.0166 124.21 -0.185547 116.069C-2.3877 107.861 -3.48877 97.7843 -3.48877 85.8394V63.6177C-3.48877 51.6727 -2.42106 41.6629 -0.285645 33.5884C1.9165 25.5138 5.01953 19.0075 9.02344 14.0693C13.0273 9.13118 17.832 5.5944 23.4375 3.45898C29.1097 1.32357 35.4492 0.255859 42.4561 0.255859C49.5296 0.255859 55.9025 1.32357 61.5747 3.45898C67.2469 5.5944 72.085 9.13118 76.0889 14.0693C80.0928 19.0075 83.1624 25.5138 85.2979 33.5884C87.4333 41.6629 88.501 51.6727 88.501 63.6177V85.8394ZM69.9829 60.5146C69.9829 52.3066 69.3823 45.3332 68.1812 39.5942C67.0467 33.8553 65.3117 29.2174 62.9761 25.6807C60.6405 22.0771 57.7376 19.4746 54.2676 17.873C50.8643 16.2715 46.9271 15.4707 42.4561 15.4707C38.0518 15.4707 34.1146 16.2715 30.6445 17.873C27.2412 19.4746 24.3717 22.0771 22.0361 25.6807C19.7673 29.2174 18.0322 33.8553 16.8311 39.5942C15.6299 45.3332 15.0293 52.3066 15.0293 60.5146V88.7422C15.0293 96.8835 15.6299 103.89 16.8311 109.763C18.0322 115.568 19.8006 120.34 22.1362 124.077C24.5386 127.814 27.4414 130.55 30.8447 132.285C34.3148 134.02 38.252 134.887 42.6562 134.887C47.194 134.887 51.1646 134.02 54.5679 132.285C57.9712 130.55 60.8073 127.814 63.0762 124.077C65.4118 120.34 67.1468 115.568 68.2812 109.763C69.4157 103.89 69.9829 96.8835 69.9829 88.7422V60.5146ZM120.732 74.9287L128.14 2.25781H202.812V19.3745H143.855L139.451 59.1133C142.053 57.5785 145.39 56.1437 149.46 54.8091C153.598 53.4744 158.369 52.8071 163.774 52.8071C170.448 52.8071 176.453 53.9749 181.792 56.3105C187.197 58.5794 191.768 61.8493 195.505 66.1201C199.242 70.3242 202.112 75.4292 204.114 81.4351C206.116 87.4409 207.117 94.1475 207.117 101.555C207.117 108.562 206.149 115.035 204.214 120.974C202.345 126.846 199.509 131.951 195.706 136.289C191.902 140.559 187.097 143.929 181.292 146.398C175.553 148.801 168.779 150.002 160.972 150.002C155.099 150.002 149.527 149.201 144.255 147.6C139.05 145.931 134.412 143.429 130.342 140.092C126.271 136.756 122.935 132.552 120.332 127.48C117.729 122.408 116.128 116.469 115.527 109.663H133.044C134.179 118.004 137.148 124.31 141.953 128.581C146.758 132.785 153.097 134.887 160.972 134.887C165.376 134.887 169.28 134.12 172.683 132.585C176.086 131.05 178.956 128.848 181.292 125.979C183.694 123.109 185.496 119.639 186.697 115.568C187.965 111.431 188.599 106.826 188.599 101.755C188.599 97.2171 187.965 92.9797 186.697 89.0425C185.429 85.1053 183.56 81.702 181.091 78.8325C178.622 75.8963 175.553 73.5941 171.882 71.9258C168.279 70.2575 164.141 69.4233 159.47 69.4233C156.334 69.4233 153.631 69.6569 151.362 70.124C149.093 70.5244 147.058 71.125 145.256 71.9258C143.455 72.7266 141.786 73.7275 140.251 74.9287C138.783 76.0632 137.215 77.3311 135.547 78.7324L120.732 74.9287Z" fill="#FAF6F9"/>
|
||||
</svg>
|
||||
|
||||
</div>
|
||||
<div class="m-[1vw] mt-[5vw]">
|
||||
<h2 class="text-[1.335vw] text-[#383E43]">لورم ایپسوم</h2>
|
||||
<p class="text-[1.055vw] text-[#878787] mt-[1.3vw]">
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
|
||||
استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در
|
||||
ستون و سطرآنچنان که لازم است
|
||||
<p class="text-[1.055vw] text-[#878787] mt-[2.5vw]">
|
||||
انواع کیک های سلمت محور صبحانه، عصرانه و کیک های تر برشی و کافه ای، کیک های بدون شکر، کیک
|
||||
های رژیمی و دیابتی
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="hidden md:block w-[26.146vw] h-[27.083vw] rounded-[1.302vw] bg-white">
|
||||
<div class="flex justify-between">
|
||||
<svg
|
||||
@@ -277,26 +378,33 @@
|
||||
</defs>
|
||||
</svg>
|
||||
<svg
|
||||
class="w-[10.833vw] h-[7.813vw] mt-[3vw]"
|
||||
viewBox="0 0 208 150"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M88.501 85.8394C88.501 97.7843 87.4333 107.861 85.2979 116.069C83.1624 124.21 80.0928 130.817 76.0889 135.888C72.1517 140.893 67.347 144.497 61.6748 146.699C56.0693 148.901 49.7298 150.002 42.6562 150.002C35.6494 150.002 29.3099 148.901 23.6377 146.699C17.9655 144.497 13.1274 140.893 9.12354 135.888C5.11963 130.817 2.0166 124.21 -0.185547 116.069C-2.3877 107.861 -3.48877 97.7843 -3.48877 85.8394V63.6177C-3.48877 51.6727 -2.42106 41.6629 -0.285645 33.5884C1.9165 25.5138 5.01953 19.0075 9.02344 14.0693C13.0273 9.13118 17.832 5.5944 23.4375 3.45898C29.1097 1.32357 35.4492 0.255859 42.4561 0.255859C49.5296 0.255859 55.9025 1.32357 61.5747 3.45898C67.2469 5.5944 72.085 9.13118 76.0889 14.0693C80.0928 19.0075 83.1624 25.5138 85.2979 33.5884C87.4333 41.6629 88.501 51.6727 88.501 63.6177V85.8394ZM69.9829 60.5146C69.9829 52.3066 69.3823 45.3332 68.1812 39.5942C67.0467 33.8553 65.3117 29.2174 62.9761 25.6807C60.6405 22.0771 57.7376 19.4746 54.2676 17.873C50.8643 16.2715 46.9271 15.4707 42.4561 15.4707C38.0518 15.4707 34.1146 16.2715 30.6445 17.873C27.2412 19.4746 24.3717 22.0771 22.0361 25.6807C19.7673 29.2174 18.0322 33.8553 16.8311 39.5942C15.6299 45.3332 15.0293 52.3066 15.0293 60.5146V88.7422C15.0293 96.8835 15.6299 103.89 16.8311 109.763C18.0322 115.568 19.8006 120.34 22.1362 124.077C24.5386 127.814 27.4414 130.55 30.8447 132.285C34.3148 134.02 38.252 134.887 42.6562 134.887C47.194 134.887 51.1646 134.02 54.5679 132.285C57.9712 130.55 60.8073 127.814 63.0762 124.077C65.4118 120.34 67.1468 115.568 68.2812 109.763C69.4157 103.89 69.9829 96.8835 69.9829 88.7422V60.5146ZM207.717 148H112.224V134.687L159.971 81.6353C164.375 76.7638 168.012 72.4596 170.881 68.7227C173.818 64.9857 176.12 61.5824 177.788 58.5127C179.523 55.3763 180.724 52.4735 181.392 49.8042C182.059 47.0682 182.393 44.2988 182.393 41.4961C182.393 37.8926 181.825 34.5226 180.691 31.3862C179.556 28.1831 177.922 25.4137 175.786 23.0781C173.651 20.7425 171.015 18.9074 167.878 17.5728C164.742 16.1714 161.139 15.4707 157.068 15.4707C152.13 15.4707 147.826 16.2048 144.155 17.6729C140.552 19.141 137.549 21.1763 135.146 23.7788C132.744 26.3813 130.942 29.5177 129.741 33.188C128.54 36.7915 127.939 40.7954 127.939 45.1997H109.421C109.421 39.0604 110.422 33.2547 112.424 27.7827C114.493 22.3107 117.529 17.5394 121.533 13.4688C125.537 9.39811 130.509 6.19499 136.448 3.85938C142.387 1.45703 149.26 0.255859 157.068 0.255859C163.941 0.255859 170.081 1.1901 175.486 3.05859C180.958 4.92708 185.562 7.59635 189.299 11.0664C193.103 14.4697 196.006 18.5737 198.008 23.3784C200.01 28.1831 201.011 33.4883 201.011 39.2939C201.011 43.5648 200.277 47.869 198.809 52.2065C197.34 56.5441 195.372 60.8817 192.903 65.2192C190.434 69.4901 187.531 73.7609 184.194 78.0317C180.858 82.2358 177.354 86.3732 173.684 90.4438L134.546 132.885H207.717V148Z"
|
||||
fill="#FAF6F9"
|
||||
/>
|
||||
</svg>
|
||||
class="w-[10.833vw] h-[7.813vw] mt-[3vw]"
|
||||
viewBox="0 0 211 150" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M88.501 85.8394C88.501 97.7843 87.4333 107.861 85.2979 116.069C83.1624 124.21 80.0928 130.817 76.0889 135.888C72.1517 140.893 67.347 144.497 61.6748 146.699C56.0693 148.901 49.7298 150.002 42.6562 150.002C35.6494 150.002 29.3099 148.901 23.6377 146.699C17.9655 144.497 13.1274 140.893 9.12354 135.888C5.11963 130.817 2.0166 124.21 -0.185547 116.069C-2.3877 107.861 -3.48877 97.7843 -3.48877 85.8394V63.6177C-3.48877 51.6727 -2.42106 41.6629 -0.285645 33.5884C1.9165 25.5138 5.01953 19.0075 9.02344 14.0693C13.0273 9.13118 17.832 5.5944 23.4375 3.45898C29.1097 1.32357 35.4492 0.255859 42.4561 0.255859C49.5296 0.255859 55.9025 1.32357 61.5747 3.45898C67.2469 5.5944 72.085 9.13118 76.0889 14.0693C80.0928 19.0075 83.1624 25.5138 85.2979 33.5884C87.4333 41.6629 88.501 51.6727 88.501 63.6177V85.8394ZM69.9829 60.5146C69.9829 52.3066 69.3823 45.3332 68.1812 39.5942C67.0467 33.8553 65.3117 29.2174 62.9761 25.6807C60.6405 22.0771 57.7376 19.4746 54.2676 17.873C50.8643 16.2715 46.9271 15.4707 42.4561 15.4707C38.0518 15.4707 34.1146 16.2715 30.6445 17.873C27.2412 19.4746 24.3717 22.0771 22.0361 25.6807C19.7673 29.2174 18.0322 33.8553 16.8311 39.5942C15.6299 45.3332 15.0293 52.3066 15.0293 60.5146V88.7422C15.0293 96.8835 15.6299 103.89 16.8311 109.763C18.0322 115.568 19.8006 120.34 22.1362 124.077C24.5386 127.814 27.4414 130.55 30.8447 132.285C34.3148 134.02 38.252 134.887 42.6562 134.887C47.194 134.887 51.1646 134.02 54.5679 132.285C57.9712 130.55 60.8073 127.814 63.0762 124.077C65.4118 120.34 67.1468 115.568 68.2812 109.763C69.4157 103.89 69.9829 96.8835 69.9829 88.7422V60.5146ZM190.4 99.0522H210.62V114.167H190.4V148H171.782V114.167H105.417V103.256L170.681 2.25781H190.4V99.0522ZM126.438 99.0522H171.782V27.5825L169.58 31.5864L126.438 99.0522Z" fill="#FAF6F9"/>
|
||||
</svg>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="m-[1vw] mt-[5vw]">
|
||||
<h2 class="text-[1.335vw] text-[#383E43]">لورم ایپسوم</h2>
|
||||
<p class="text-[1.055vw] text-[#878787] mt-[1.3vw]">
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
|
||||
استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در
|
||||
ستون و سطرآنچنان که لازم است
|
||||
<p class="text-[1.055vw] text-[#878787] mt-[2.5vw]">
|
||||
انواع نان حجیم حاوی آرد کامل و جوانه گندم، نان تست جوانه گندم سبوس دار، نان تست جوانه جو سبوس
|
||||
دار ، چاباتا با روغن زیتون فرابکر ، نان سیمیت ترکیه ای ، نان پو آ چا ، نان فوکاچیا ، رزماری و زیتون.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="hidden md:block w-[26.146vw] h-[27.083vw] rounded-[1.302vw] bg-white">
|
||||
<div class="flex justify-between">
|
||||
<svg
|
||||
@@ -370,119 +478,22 @@
|
||||
</defs>
|
||||
</svg>
|
||||
<svg
|
||||
class="w-[10.833vw] h-[7.813vw] mt-[3vw]"
|
||||
viewBox="0 0 208 150"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M88.501 85.8394C88.501 97.7843 87.4333 107.861 85.2979 116.069C83.1624 124.21 80.0928 130.817 76.0889 135.888C72.1517 140.893 67.347 144.497 61.6748 146.699C56.0693 148.901 49.7298 150.002 42.6562 150.002C35.6494 150.002 29.3099 148.901 23.6377 146.699C17.9655 144.497 13.1274 140.893 9.12354 135.888C5.11963 130.817 2.0166 124.21 -0.185547 116.069C-2.3877 107.861 -3.48877 97.7843 -3.48877 85.8394V63.6177C-3.48877 51.6727 -2.42106 41.6629 -0.285645 33.5884C1.9165 25.5138 5.01953 19.0075 9.02344 14.0693C13.0273 9.13118 17.832 5.5944 23.4375 3.45898C29.1097 1.32357 35.4492 0.255859 42.4561 0.255859C49.5296 0.255859 55.9025 1.32357 61.5747 3.45898C67.2469 5.5944 72.085 9.13118 76.0889 14.0693C80.0928 19.0075 83.1624 25.5138 85.2979 33.5884C87.4333 41.6629 88.501 51.6727 88.501 63.6177V85.8394ZM69.9829 60.5146C69.9829 52.3066 69.3823 45.3332 68.1812 39.5942C67.0467 33.8553 65.3117 29.2174 62.9761 25.6807C60.6405 22.0771 57.7376 19.4746 54.2676 17.873C50.8643 16.2715 46.9271 15.4707 42.4561 15.4707C38.0518 15.4707 34.1146 16.2715 30.6445 17.873C27.2412 19.4746 24.3717 22.0771 22.0361 25.6807C19.7673 29.2174 18.0322 33.8553 16.8311 39.5942C15.6299 45.3332 15.0293 52.3066 15.0293 60.5146V88.7422C15.0293 96.8835 15.6299 103.89 16.8311 109.763C18.0322 115.568 19.8006 120.34 22.1362 124.077C24.5386 127.814 27.4414 130.55 30.8447 132.285C34.3148 134.02 38.252 134.887 42.6562 134.887C47.194 134.887 51.1646 134.02 54.5679 132.285C57.9712 130.55 60.8073 127.814 63.0762 124.077C65.4118 120.34 67.1468 115.568 68.2812 109.763C69.4157 103.89 69.9829 96.8835 69.9829 88.7422V60.5146ZM207.717 148H112.224V134.687L159.971 81.6353C164.375 76.7638 168.012 72.4596 170.881 68.7227C173.818 64.9857 176.12 61.5824 177.788 58.5127C179.523 55.3763 180.724 52.4735 181.392 49.8042C182.059 47.0682 182.393 44.2988 182.393 41.4961C182.393 37.8926 181.825 34.5226 180.691 31.3862C179.556 28.1831 177.922 25.4137 175.786 23.0781C173.651 20.7425 171.015 18.9074 167.878 17.5728C164.742 16.1714 161.139 15.4707 157.068 15.4707C152.13 15.4707 147.826 16.2048 144.155 17.6729C140.552 19.141 137.549 21.1763 135.146 23.7788C132.744 26.3813 130.942 29.5177 129.741 33.188C128.54 36.7915 127.939 40.7954 127.939 45.1997H109.421C109.421 39.0604 110.422 33.2547 112.424 27.7827C114.493 22.3107 117.529 17.5394 121.533 13.4688C125.537 9.39811 130.509 6.19499 136.448 3.85938C142.387 1.45703 149.26 0.255859 157.068 0.255859C163.941 0.255859 170.081 1.1901 175.486 3.05859C180.958 4.92708 185.562 7.59635 189.299 11.0664C193.103 14.4697 196.006 18.5737 198.008 23.3784C200.01 28.1831 201.011 33.4883 201.011 39.2939C201.011 43.5648 200.277 47.869 198.809 52.2065C197.34 56.5441 195.372 60.8817 192.903 65.2192C190.434 69.4901 187.531 73.7609 184.194 78.0317C180.858 82.2358 177.354 86.3732 173.684 90.4438L134.546 132.885H207.717V148Z"
|
||||
fill="#FAF6F9"
|
||||
/>
|
||||
</svg>
|
||||
class="w-[10.833vw] h-[7.813vw] mt-[3vw]"
|
||||
viewBox="0 0 202 150" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M88.501 85.8394C88.501 97.7843 87.4333 107.861 85.2979 116.069C83.1624 124.21 80.0928 130.817 76.0889 135.888C72.1517 140.893 67.347 144.497 61.6748 146.699C56.0693 148.901 49.7298 150.002 42.6562 150.002C35.6494 150.002 29.3099 148.901 23.6377 146.699C17.9655 144.497 13.1274 140.893 9.12354 135.888C5.11963 130.817 2.0166 124.21 -0.185547 116.069C-2.3877 107.861 -3.48877 97.7843 -3.48877 85.8394V63.6177C-3.48877 51.6727 -2.42106 41.6629 -0.285645 33.5884C1.9165 25.5138 5.01953 19.0075 9.02344 14.0693C13.0273 9.13118 17.832 5.5944 23.4375 3.45898C29.1097 1.32357 35.4492 0.255859 42.4561 0.255859C49.5296 0.255859 55.9025 1.32357 61.5747 3.45898C67.2469 5.5944 72.085 9.13118 76.0889 14.0693C80.0928 19.0075 83.1624 25.5138 85.2979 33.5884C87.4333 41.6629 88.501 51.6727 88.501 63.6177V85.8394ZM69.9829 60.5146C69.9829 52.3066 69.3823 45.3332 68.1812 39.5942C67.0467 33.8553 65.3117 29.2174 62.9761 25.6807C60.6405 22.0771 57.7376 19.4746 54.2676 17.873C50.8643 16.2715 46.9271 15.4707 42.4561 15.4707C38.0518 15.4707 34.1146 16.2715 30.6445 17.873C27.2412 19.4746 24.3717 22.0771 22.0361 25.6807C19.7673 29.2174 18.0322 33.8553 16.8311 39.5942C15.6299 45.3332 15.0293 52.3066 15.0293 60.5146V88.7422C15.0293 96.8835 15.6299 103.89 16.8311 109.763C18.0322 115.568 19.8006 120.34 22.1362 124.077C24.5386 127.814 27.4414 130.55 30.8447 132.285C34.3148 134.02 38.252 134.887 42.6562 134.887C47.194 134.887 51.1646 134.02 54.5679 132.285C57.9712 130.55 60.8073 127.814 63.0762 124.077C65.4118 120.34 67.1468 115.568 68.2812 109.763C69.4157 103.89 69.9829 96.8835 69.9829 88.7422V60.5146ZM139.15 66.1201H152.363C157.168 66.1201 161.372 65.4862 164.976 64.2183C168.579 62.9504 171.582 61.2153 173.984 59.0132C176.387 56.7443 178.188 54.1084 179.39 51.1055C180.591 48.0358 181.191 44.6992 181.191 41.0957C181.191 32.7542 179.089 26.4147 174.885 22.0771C170.681 17.6729 164.275 15.4707 155.667 15.4707C151.729 15.4707 148.126 16.0713 144.856 17.2725C141.653 18.4069 138.883 20.0752 136.548 22.2773C134.279 24.4128 132.511 27.0487 131.243 30.1851C129.975 33.2547 129.341 36.6914 129.341 40.4951H110.823C110.823 34.8896 111.89 29.6512 114.026 24.7798C116.161 19.9084 119.198 15.6709 123.135 12.0674C127.072 8.39714 131.777 5.52767 137.249 3.45898C142.787 1.32357 148.927 0.255859 155.667 0.255859C162.273 0.255859 168.279 1.15674 173.684 2.9585C179.089 4.69352 183.694 7.29606 187.498 10.7661C191.368 14.1694 194.371 18.4403 196.506 23.5786C198.642 28.717 199.709 34.6895 199.709 41.4961C199.709 44.2321 199.242 47.1016 198.308 50.1045C197.441 53.1074 196.073 56.0436 194.204 58.9131C192.402 61.7826 190.033 64.4852 187.097 67.021C184.228 69.4901 180.791 71.5588 176.787 73.2271C181.592 74.7619 185.596 76.7972 188.799 79.333C192.069 81.8021 194.671 84.5715 196.606 87.6411C198.542 90.7108 199.91 93.9473 200.71 97.3506C201.511 100.754 201.912 104.09 201.912 107.36C201.912 114.167 200.744 120.24 198.408 125.578C196.073 130.85 192.836 135.288 188.699 138.891C184.561 142.495 179.69 145.264 174.084 147.199C168.479 149.068 162.373 150.002 155.767 150.002C149.427 150.002 143.455 149.134 137.849 147.399C132.244 145.598 127.339 142.995 123.135 139.592C118.931 136.122 115.594 131.884 113.125 126.879C110.723 121.808 109.521 116.035 109.521 109.562H128.14C128.14 113.366 128.774 116.836 130.042 119.973C131.309 123.042 133.145 125.712 135.547 127.98C137.949 130.183 140.852 131.884 144.255 133.085C147.659 134.287 151.496 134.887 155.767 134.887C160.037 134.887 163.875 134.353 167.278 133.286C170.681 132.151 173.584 130.45 175.986 128.181C178.389 125.912 180.224 123.076 181.492 119.672C182.76 116.269 183.394 112.299 183.394 107.761C183.394 103.223 182.66 99.2858 181.191 95.9492C179.723 92.6126 177.621 89.8766 174.885 87.7412C172.216 85.5391 168.979 83.9041 165.176 82.8364C161.372 81.7687 157.101 81.2349 152.363 81.2349H139.15V66.1201Z" fill="#FAF6F9"/>
|
||||
</svg>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="m-[1vw] mt-[5vw]">
|
||||
<h2 class="text-[1.335vw] text-[#383E43]">لورم ایپسوم</h2>
|
||||
<p class="text-[1.055vw] text-[#878787] mt-[1.3vw]">
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
|
||||
استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در
|
||||
ستون و سطرآنچنان که لازم است
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hidden md:block w-[26.146vw] h-[27.083vw] rounded-[1.302vw] bg-white">
|
||||
<div class="flex justify-between">
|
||||
<svg
|
||||
class="m-[1vw] w-[2.604vw] h-[2.604vw]"
|
||||
viewBox="0 0 50 50"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g clip-path="url(#clip0_1655_12812)">
|
||||
<path
|
||||
d="M25.0001 29.1666H27.0834C29.3751 29.1666 31.2501 27.2916 31.2501 25V4.16663H12.5001C9.37506 4.16663 6.64591 5.89577 5.22925 8.43743"
|
||||
stroke="#292D32"
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M4.16675 35.4166C4.16675 38.875 6.95841 41.6666 10.4167 41.6666H12.5001C12.5001 39.375 14.3751 37.5 16.6667 37.5C18.9584 37.5 20.8334 39.375 20.8334 41.6666H29.1667C29.1667 39.375 31.0418 37.5 33.3334 37.5C35.6251 37.5 37.5001 39.375 37.5001 41.6666H39.5834C43.0418 41.6666 45.8334 38.875 45.8334 35.4166V29.1666H39.5834C38.4376 29.1666 37.5001 28.2291 37.5001 27.0833V20.8333C37.5001 19.6875 38.4376 18.75 39.5834 18.75H42.2709L38.7085 12.5208C37.9585 11.2291 36.5835 10.4166 35.0835 10.4166H31.2501V25C31.2501 27.2916 29.3751 29.1666 27.0834 29.1666H25.0001"
|
||||
stroke="#292D32"
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M16.6667 45.8333C18.9679 45.8333 20.8333 43.9679 20.8333 41.6667C20.8333 39.3655 18.9679 37.5 16.6667 37.5C14.3655 37.5 12.5 39.3655 12.5 41.6667C12.5 43.9679 14.3655 45.8333 16.6667 45.8333Z"
|
||||
stroke="#292D32"
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M33.3334 45.8333C35.6346 45.8333 37.5001 43.9679 37.5001 41.6667C37.5001 39.3655 35.6346 37.5 33.3334 37.5C31.0322 37.5 29.1667 39.3655 29.1667 41.6667C29.1667 43.9679 31.0322 45.8333 33.3334 45.8333Z"
|
||||
stroke="#292D32"
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M45.8333 25V29.1667H39.5833C38.4375 29.1667 37.5 28.2292 37.5 27.0833V20.8333C37.5 19.6875 38.4375 18.75 39.5833 18.75H42.2708L45.8333 25Z"
|
||||
stroke="#292D32"
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M4.16675 16.6666H16.6667"
|
||||
stroke="#292D32"
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M4.16675 22.9166H12.5001"
|
||||
stroke="#292D32"
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M4.16675 29.1666H8.33341"
|
||||
stroke="#292D32"
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_1655_12812">
|
||||
<rect width="50" height="50" fill="white" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
<svg
|
||||
class="w-[10.833vw] h-[7.813vw] mt-[3vw]"
|
||||
viewBox="0 0 208 150"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M88.501 85.8394C88.501 97.7843 87.4333 107.861 85.2979 116.069C83.1624 124.21 80.0928 130.817 76.0889 135.888C72.1517 140.893 67.347 144.497 61.6748 146.699C56.0693 148.901 49.7298 150.002 42.6562 150.002C35.6494 150.002 29.3099 148.901 23.6377 146.699C17.9655 144.497 13.1274 140.893 9.12354 135.888C5.11963 130.817 2.0166 124.21 -0.185547 116.069C-2.3877 107.861 -3.48877 97.7843 -3.48877 85.8394V63.6177C-3.48877 51.6727 -2.42106 41.6629 -0.285645 33.5884C1.9165 25.5138 5.01953 19.0075 9.02344 14.0693C13.0273 9.13118 17.832 5.5944 23.4375 3.45898C29.1097 1.32357 35.4492 0.255859 42.4561 0.255859C49.5296 0.255859 55.9025 1.32357 61.5747 3.45898C67.2469 5.5944 72.085 9.13118 76.0889 14.0693C80.0928 19.0075 83.1624 25.5138 85.2979 33.5884C87.4333 41.6629 88.501 51.6727 88.501 63.6177V85.8394ZM69.9829 60.5146C69.9829 52.3066 69.3823 45.3332 68.1812 39.5942C67.0467 33.8553 65.3117 29.2174 62.9761 25.6807C60.6405 22.0771 57.7376 19.4746 54.2676 17.873C50.8643 16.2715 46.9271 15.4707 42.4561 15.4707C38.0518 15.4707 34.1146 16.2715 30.6445 17.873C27.2412 19.4746 24.3717 22.0771 22.0361 25.6807C19.7673 29.2174 18.0322 33.8553 16.8311 39.5942C15.6299 45.3332 15.0293 52.3066 15.0293 60.5146V88.7422C15.0293 96.8835 15.6299 103.89 16.8311 109.763C18.0322 115.568 19.8006 120.34 22.1362 124.077C24.5386 127.814 27.4414 130.55 30.8447 132.285C34.3148 134.02 38.252 134.887 42.6562 134.887C47.194 134.887 51.1646 134.02 54.5679 132.285C57.9712 130.55 60.8073 127.814 63.0762 124.077C65.4118 120.34 67.1468 115.568 68.2812 109.763C69.4157 103.89 69.9829 96.8835 69.9829 88.7422V60.5146ZM207.717 148H112.224V134.687L159.971 81.6353C164.375 76.7638 168.012 72.4596 170.881 68.7227C173.818 64.9857 176.12 61.5824 177.788 58.5127C179.523 55.3763 180.724 52.4735 181.392 49.8042C182.059 47.0682 182.393 44.2988 182.393 41.4961C182.393 37.8926 181.825 34.5226 180.691 31.3862C179.556 28.1831 177.922 25.4137 175.786 23.0781C173.651 20.7425 171.015 18.9074 167.878 17.5728C164.742 16.1714 161.139 15.4707 157.068 15.4707C152.13 15.4707 147.826 16.2048 144.155 17.6729C140.552 19.141 137.549 21.1763 135.146 23.7788C132.744 26.3813 130.942 29.5177 129.741 33.188C128.54 36.7915 127.939 40.7954 127.939 45.1997H109.421C109.421 39.0604 110.422 33.2547 112.424 27.7827C114.493 22.3107 117.529 17.5394 121.533 13.4688C125.537 9.39811 130.509 6.19499 136.448 3.85938C142.387 1.45703 149.26 0.255859 157.068 0.255859C163.941 0.255859 170.081 1.1901 175.486 3.05859C180.958 4.92708 185.562 7.59635 189.299 11.0664C193.103 14.4697 196.006 18.5737 198.008 23.3784C200.01 28.1831 201.011 33.4883 201.011 39.2939C201.011 43.5648 200.277 47.869 198.809 52.2065C197.34 56.5441 195.372 60.8817 192.903 65.2192C190.434 69.4901 187.531 73.7609 184.194 78.0317C180.858 82.2358 177.354 86.3732 173.684 90.4438L134.546 132.885H207.717V148Z"
|
||||
fill="#FAF6F9"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="m-[1vw] mt-[5vw]">
|
||||
<h2 class="text-[1.335vw] text-[#383E43]">لورم ایپسوم</h2>
|
||||
<p class="text-[1.055vw] text-[#878787] mt-[1.3vw]">
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
|
||||
استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در
|
||||
ستون و سطرآنچنان که لازم است
|
||||
|
||||
<p class="text-[1.055vw] text-[#878787] mt-[2.5vw]">
|
||||
انواع نان های لیه ای شامل کروسان ، کوکی شکلتی ، بادامی ، کلسیک و پسته ای و کرمدار ، نان های گاتا
|
||||
، نان و پنیر کلسیک ، زیره و گردو ، انواع سانویچ های سالم و نیمه آماده
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -13,12 +13,11 @@
|
||||
<p
|
||||
class="text-[3.59vw] md:text-[1.186vw] mt-[5vw] md:mt-[0.8vw] w-full md:w-[75%]"
|
||||
>
|
||||
ما در فروشگاه جوانه سعی بر آن داریم تا سبدی از بهترین محصولات سالم و
|
||||
طبیعی و ارگانیک ، رژیمی و بدون گلوتن را فراهم آوریم تا بتوانیم تجربه
|
||||
خریدی سالم و اطمینان بخشی را برای شما محیا کنیم.
|
||||
در جشنواره روز ملی نان که توسط دانشگاه علوم پزشکی برگزار شد، این مجموعه توسط امام جمعه و استاندار
|
||||
محترم و رئیس اداره غله به عنوان برگزیده این جشنواره معرفی و موفق به کسب تندیس برتر این جشنواره گردید.
|
||||
</p>
|
||||
|
||||
<div id="textCard"
|
||||
<!-- <div id="textCard"
|
||||
class="text-card flex flex-col flex-col-reverse md:flex-row mt-[2.8vw] w-full md:w-[27.396vw]"
|
||||
>
|
||||
<svg
|
||||
@@ -46,7 +45,7 @@
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
<div id="cards" class="card h-[97.949vw] md:!h-[35.417vw] w-full md:w-[35.417vw]">
|
||||
@@ -82,64 +81,64 @@ onMounted(() => {
|
||||
document.getElementById("cards").classList.remove("card")
|
||||
document.getElementById("textCard").classList.remove("text-card")
|
||||
}
|
||||
ctx = gsap.context((self) => {
|
||||
const cards = gsap.utils.toArray(".card");
|
||||
const texts = gsap.utils.toArray(".text-card");
|
||||
gsap.set(cards, { height: 100});
|
||||
gsap.set(texts, { xPercent: 0, yPercent: 100, autoAlpha: 1 });
|
||||
// gsap.set(cards, { zIndex: (i, target, targets) => targets.length - i });
|
||||
// ctx = gsap.context((self) => {
|
||||
// const cards = gsap.utils.toArray(".card");
|
||||
// const texts = gsap.utils.toArray(".text-card");
|
||||
// gsap.set(cards, { height: 100});
|
||||
// gsap.set(texts, { xPercent: 0, yPercent: 100, autoAlpha: 1 });
|
||||
// // gsap.set(cards, { zIndex: (i, target, targets) => targets.length - i });
|
||||
|
||||
const tl = gsap.timeline({
|
||||
defaults: {
|
||||
duration: 1,
|
||||
ease: "power1.inOut",
|
||||
},
|
||||
scrollTrigger: {
|
||||
trigger: ".wrapper",
|
||||
start: "top top",
|
||||
end: "+=150%",
|
||||
pin: ".wrapper",
|
||||
scrub: true,
|
||||
// const tl = gsap.timeline({
|
||||
// defaults: {
|
||||
// duration: 1,
|
||||
// ease: "power1.inOut",
|
||||
// },
|
||||
// scrollTrigger: {
|
||||
// trigger: ".wrapper",
|
||||
// start: "top top",
|
||||
// end: "+=150%",
|
||||
// pin: ".wrapper",
|
||||
// scrub: true,
|
||||
|
||||
},
|
||||
});
|
||||
texts.forEach((text, i) => {
|
||||
tl.to(
|
||||
text,
|
||||
{
|
||||
y: -window.innerHeight * 0.001,
|
||||
yPercent: 0,
|
||||
},
|
||||
"<"
|
||||
).to(text, {
|
||||
autoAlpha: 0,
|
||||
duration: 5,
|
||||
});
|
||||
});
|
||||
// },
|
||||
// });
|
||||
// texts.forEach((text, i) => {
|
||||
// tl.to(
|
||||
// text,
|
||||
// {
|
||||
// y: -window.innerHeight * 0.001,
|
||||
// yPercent: 0,
|
||||
// },
|
||||
// "<"
|
||||
// ).to(text, {
|
||||
// autoAlpha: 0,
|
||||
// duration: 5,
|
||||
// });
|
||||
// });
|
||||
|
||||
|
||||
const tl2 = gsap.timeline({
|
||||
defaults: {
|
||||
duration: 1,
|
||||
ease: "power1.inOut",
|
||||
},
|
||||
scrollTrigger: {
|
||||
trigger: ".wrapper",
|
||||
start: "top top",
|
||||
end: "+=150%",
|
||||
scrub: true,
|
||||
},
|
||||
});
|
||||
// const tl2 = gsap.timeline({
|
||||
// defaults: {
|
||||
// duration: 1,
|
||||
// ease: "power1.inOut",
|
||||
// },
|
||||
// scrollTrigger: {
|
||||
// trigger: ".wrapper",
|
||||
// start: "top top",
|
||||
// end: "+=150%",
|
||||
// scrub: true,
|
||||
// },
|
||||
// });
|
||||
|
||||
cards.forEach((card, i) => {
|
||||
tl2.to(card, {
|
||||
height: 0,
|
||||
autoAlpha: 0,
|
||||
duration: 5,
|
||||
});
|
||||
});
|
||||
// cards.forEach((card, i) => {
|
||||
// tl2.to(card, {
|
||||
// height: 0,
|
||||
// autoAlpha: 0,
|
||||
// duration: 5,
|
||||
// });
|
||||
// });
|
||||
|
||||
});
|
||||
// });
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
+164
-136
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<ClientOnly>
|
||||
|
||||
|
||||
<svg
|
||||
@click="[openMenu(), (menuStatus = !menuStatus)]"
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[6.154vw] md:mt-[1.51vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
@@ -40,7 +43,9 @@
|
||||
|
||||
<!-- desktop navMenu -->
|
||||
<div class="hidden md:block" v-show="menuStatus">
|
||||
|
||||
<svg
|
||||
@click="toHome"
|
||||
class="svg cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 md:mt-[5.885vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
@@ -54,137 +59,110 @@
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[6.154vw] md:mt-[9.948vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M5.01855 18.6998V26.1831C5.01855 33.6664 8.01855 36.6664 15.5019 36.6664H24.4852C31.9686 36.6664 34.9686 33.6664 34.9686 26.1831V18.6998"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M19.9971 20.0005C23.0471 20.0005 25.2971 17.5171 24.9971 14.4671L23.8971 3.3338H16.1137L14.9971 14.4671C14.6971 17.5171 16.9471 20.0005 19.9971 20.0005Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M30.5188 20.0005C33.8854 20.0005 36.3521 17.2671 36.0188 13.9171L35.5521 9.3338C34.9521 5.00047 33.2854 3.3338 28.9188 3.3338H23.8354L25.0021 15.0171C25.2854 17.7671 27.7688 20.0005 30.5188 20.0005Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M9.39932 20.0005C12.1493 20.0005 14.6326 17.7671 14.8993 15.0171L15.266 11.3338L16.066 3.3338H10.9826C6.61598 3.3338 4.94932 5.00047 4.34932 9.3338L3.89932 13.9171C3.56598 17.2671 6.03265 20.0005 9.39932 20.0005Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M19.9963 28.3338C17.2129 28.3338 15.8296 29.7171 15.8296 32.5005V36.6671H24.1629V32.5005C24.1629 29.7171 22.7796 28.3338 19.9963 28.3338Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
<a href="https://shinan.ir/store">
|
||||
<svg
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[6.154vw] md:mt-[9.948vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M5.01855 18.6998V26.1831C5.01855 33.6664 8.01855 36.6664 15.5019 36.6664H24.4852C31.9686 36.6664 34.9686 33.6664 34.9686 26.1831V18.6998"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M19.9971 20.0005C23.0471 20.0005 25.2971 17.5171 24.9971 14.4671L23.8971 3.3338H16.1137L14.9971 14.4671C14.6971 17.5171 16.9471 20.0005 19.9971 20.0005Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M30.5188 20.0005C33.8854 20.0005 36.3521 17.2671 36.0188 13.9171L35.5521 9.3338C34.9521 5.00047 33.2854 3.3338 28.9188 3.3338H23.8354L25.0021 15.0171C25.2854 17.7671 27.7688 20.0005 30.5188 20.0005Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M9.39932 20.0005C12.1493 20.0005 14.6326 17.7671 14.8993 15.0171L15.266 11.3338L16.066 3.3338H10.9826C6.61598 3.3338 4.94932 5.00047 4.34932 9.3338L3.89932 13.9171C3.56598 17.2671 6.03265 20.0005 9.39932 20.0005Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M19.9963 28.3338C17.2129 28.3338 15.8296 29.7171 15.8296 32.5005V36.6671H24.1629V32.5005C24.1629 29.7171 22.7796 28.3338 19.9963 28.3338Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
<a href="https://academy.shinan.ir/">
|
||||
<svg
|
||||
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[14.01vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M29.9998 11.9333C29.8998 11.9167 29.7831 11.9167 29.6831 11.9333C27.3831 11.85 25.5498 9.96665 25.5498 7.63332C25.5498 5.24998 27.4665 3.33331 29.8498 3.33331C32.2331 3.33331 34.1498 5.26665 34.1498 7.63332C34.1331 9.96665 32.2998 11.85 29.9998 11.9333Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M28.2829 24.0667C30.5662 24.45 33.0829 24.05 34.8496 22.8667C37.1996 21.3 37.1996 18.7333 34.8496 17.1667C33.0663 15.9833 30.5162 15.5833 28.2329 15.9833"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M9.94981 11.9333C10.0498 11.9167 10.1665 11.9167 10.2665 11.9333C12.5665 11.85 14.3998 9.96665 14.3998 7.63332C14.3998 5.24998 12.4831 3.33331 10.0998 3.33331C7.71647 3.33331 5.7998 5.26665 5.7998 7.63332C5.81647 9.96665 7.64981 11.85 9.94981 11.9333Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M11.6666 24.0667C9.38323 24.45 6.86657 24.05 5.0999 22.8667C2.7499 21.3 2.7499 18.7333 5.0999 17.1667C6.88324 15.9833 9.43323 15.5833 11.7166 15.9833"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M20.0003 24.3833C19.9003 24.3667 19.7836 24.3667 19.6836 24.3833C17.3836 24.3 15.5503 22.4167 15.5503 20.0833C15.5503 17.7 17.467 15.7833 19.8503 15.7833C22.2336 15.7833 24.1503 17.7167 24.1503 20.0833C24.1336 22.4167 22.3003 24.3167 20.0003 24.3833Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M15.1502 29.6333C12.8002 31.2 12.8002 33.7667 15.1502 35.3333C17.8169 37.1167 22.1835 37.1167 24.8502 35.3333C27.2002 33.7667 27.2002 31.2 24.8502 29.6333C22.2002 27.8667 17.8169 27.8667 15.1502 29.6333Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
<svg
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[14.01vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M29.9998 11.9333C29.8998 11.9167 29.7831 11.9167 29.6831 11.9333C27.3831 11.85 25.5498 9.96665 25.5498 7.63332C25.5498 5.24998 27.4665 3.33331 29.8498 3.33331C32.2331 3.33331 34.1498 5.26665 34.1498 7.63332C34.1331 9.96665 32.2998 11.85 29.9998 11.9333Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M28.2829 24.0667C30.5662 24.45 33.0829 24.05 34.8496 22.8667C37.1996 21.3 37.1996 18.7333 34.8496 17.1667C33.0663 15.9833 30.5162 15.5833 28.2329 15.9833"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M9.94981 11.9333C10.0498 11.9167 10.1665 11.9167 10.2665 11.9333C12.5665 11.85 14.3998 9.96665 14.3998 7.63332C14.3998 5.24998 12.4831 3.33331 10.0998 3.33331C7.71647 3.33331 5.7998 5.26665 5.7998 7.63332C5.81647 9.96665 7.64981 11.85 9.94981 11.9333Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M11.6666 24.0667C9.38323 24.45 6.86657 24.05 5.0999 22.8667C2.7499 21.3 2.7499 18.7333 5.0999 17.1667C6.88324 15.9833 9.43323 15.5833 11.7166 15.9833"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M20.0003 24.3833C19.9003 24.3667 19.7836 24.3667 19.6836 24.3833C17.3836 24.3 15.5503 22.4167 15.5503 20.0833C15.5503 17.7 17.467 15.7833 19.8503 15.7833C22.2336 15.7833 24.1503 17.7167 24.1503 20.0833C24.1336 22.4167 22.3003 24.3167 20.0003 24.3833Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M15.1502 29.6333C12.8002 31.2 12.8002 33.7667 15.1502 35.3333C17.8169 37.1167 22.1835 37.1167 24.8502 35.3333C27.2002 33.7667 27.2002 31.2 24.8502 29.6333C22.2002 27.8667 17.8169 27.8667 15.1502 29.6333Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
<svg
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[18.073vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M31.6704 13.3338C34.4318 13.3338 36.6704 11.0952 36.6704 8.3338C36.6704 5.57238 34.4318 3.3338 31.6704 3.3338C28.909 3.3338 26.6704 5.57238 26.6704 8.3338C26.6704 11.0952 28.909 13.3338 31.6704 13.3338Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M11.6704 21.6662H20.0037"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M11.6704 28.3338H26.6704"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M23.3296 3.3338H14.9963C6.66292 3.3338 3.32959 6.66713 3.32959 15.0005V25.0005C3.32959 33.3338 6.66292 36.6671 14.9963 36.6671H24.9963C33.3296 36.6671 36.6629 33.3338 36.6629 25.0005V16.6671"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
<svg
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 md:mt-[22.135vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
@click="toAbout"
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[18.073vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
@@ -213,7 +191,8 @@
|
||||
</svg>
|
||||
|
||||
<svg
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[6.154vw] md:mt-[26.198vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
@click="toHonor"
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 md:mt-[22.135vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
@@ -252,7 +231,7 @@
|
||||
<!-- mobile navMenu -->
|
||||
<div
|
||||
v-show="menuStatus"
|
||||
class="flex md:hidden absolute bg-white !bottom-[0px] h-[100vh] w-full items-center justify-center "
|
||||
class="flex md:hidden absolute bg-white !bottom-[0px] h-[100vh] w-full items-center justify-center z-[100000]"
|
||||
>
|
||||
<div
|
||||
class="fixed bottom-[5vw] space-y-[6vw] text-[4.038vw] flex flex-col items-center justify-center h-[110.769vw] w-[90%] bg-white z-[10] rounded-[6.41vw]"
|
||||
@@ -274,7 +253,9 @@
|
||||
/>
|
||||
</svg>
|
||||
<div class="space-y-[7vw] flex flex-col items-start w-[85%]">
|
||||
<p class="flex">
|
||||
<p
|
||||
@click="toHome"
|
||||
class="flex">
|
||||
<svg
|
||||
class="w-[5.128vw] h-[5.128vw] me-[2vw]"
|
||||
viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
@@ -282,7 +263,8 @@
|
||||
</svg>
|
||||
|
||||
خانه</p>
|
||||
<p class="flex">
|
||||
<a href="https://shinan.ir/store"
|
||||
class="flex">
|
||||
<svg
|
||||
class="w-[5.128vw] h-[5.128vw] me-[2vw]"
|
||||
viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
@@ -293,7 +275,7 @@
|
||||
<path d="M9.99837 14.167C8.60671 14.167 7.91504 14.8587 7.91504 16.2503V18.3337H12.0817V16.2503C12.0817 14.8587 11.39 14.167 9.99837 14.167Z" stroke="#383E43" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
||||
فروشگاه</p>
|
||||
فروشگاه</a>
|
||||
<p class="flex">
|
||||
<svg
|
||||
class="w-[5.128vw] h-[5.128vw] me-[2vw]"
|
||||
@@ -318,7 +300,9 @@
|
||||
</svg>
|
||||
|
||||
رسانه ها</p>
|
||||
<p class="flex">
|
||||
<p
|
||||
@click="toAbout"
|
||||
class="flex">
|
||||
<svg
|
||||
class="w-[5.128vw] h-[5.128vw] me-[2vw]"
|
||||
viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
@@ -328,7 +312,9 @@
|
||||
</svg>
|
||||
|
||||
درباره ما</p>
|
||||
<p class="flex">
|
||||
<p
|
||||
@click="toHonor"
|
||||
class="flex">
|
||||
<svg
|
||||
class="w-[5.128vw] h-[5.128vw] me-[2vw]"
|
||||
viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
@@ -357,6 +343,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ClientOnly>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
@@ -388,6 +375,47 @@ function outOfButton(){
|
||||
console.log('clsd');
|
||||
}
|
||||
}
|
||||
const router = useRouter()
|
||||
|
||||
const toHome = () =>{
|
||||
console.log('d');
|
||||
router.push('/')
|
||||
menuStatus.value = false
|
||||
document.getElementById("openMenuFilter").style.filter = "none";
|
||||
document.getElementById("openMenuFilter").style.backdropFilter = "none";
|
||||
document
|
||||
.getElementsByTagName("html")[0]
|
||||
.classList.remove("overflow-hidden");
|
||||
}
|
||||
|
||||
const toAbout = () =>{
|
||||
console.log('d');
|
||||
router.push('/about')
|
||||
menuStatus.value = false
|
||||
document.getElementById("openMenuFilter").style.filter = "none";
|
||||
document.getElementById("openMenuFilter").style.backdropFilter = "none";
|
||||
document
|
||||
.getElementsByTagName("html")[0]
|
||||
.classList.remove("overflow-hidden");
|
||||
}
|
||||
|
||||
const toHonor = () =>{
|
||||
console.log('d');
|
||||
router.push('/honor')
|
||||
menuStatus.value = false
|
||||
document.getElementById("openMenuFilter").style.filter = "none";
|
||||
document.getElementById("openMenuFilter").style.backdropFilter = "none";
|
||||
document
|
||||
.getElementsByTagName("html")[0]
|
||||
.classList.remove("overflow-hidden");
|
||||
}
|
||||
// const toLearn =() =>{
|
||||
// location.href('https://academy.shinan.ir/')
|
||||
// menuStatus.value = false
|
||||
// document.getElementById("openMenuFilter").style.filter = "none";
|
||||
// document.getElementById("openMenuFilter").style.backdropFilter = "none";
|
||||
// document
|
||||
// .getElementsByTagName("html")[0]
|
||||
// .classList.remove("overflow-hidden");
|
||||
// }
|
||||
</script>
|
||||
+386
-386
File diff suppressed because one or more lines are too long
+5
-3
@@ -1,7 +1,9 @@
|
||||
<template>
|
||||
<about-pageHeader />
|
||||
<about-pageMap />
|
||||
<about-pageContactUs />
|
||||
<client-only>
|
||||
<about-pageHeader />
|
||||
<about-pageMap />
|
||||
<about-pageContactUs />
|
||||
</client-only>
|
||||
<!-- <div id="header-zoom">
|
||||
|
||||
<div id="zoom">
|
||||
|
||||
+7
-4
@@ -1,6 +1,9 @@
|
||||
<template>
|
||||
<honor-pageSlider />
|
||||
<honor-pageShinanHonors />
|
||||
<honor-pageOurServices />
|
||||
<home-pageMediaSlider />
|
||||
<client-only>
|
||||
|
||||
<honor-pageSlider />
|
||||
<honor-pageShinanHonors />
|
||||
<honor-pageOurServices />
|
||||
<home-pageMediaSlider />
|
||||
</client-only>
|
||||
</template>
|
||||
@@ -8,7 +8,6 @@
|
||||
<home-pageProductSampleForm />
|
||||
<home-pageMediaSlider />
|
||||
<home-pageInstagram />
|
||||
|
||||
</client-only>
|
||||
</template>
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 206 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 189 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 140 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 159 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 236 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 212 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 192 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 167 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 151 KiB |
Reference in New Issue
Block a user