danak/javaneh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

template / create the components of the honor page

Browse Source
This commit is contained in:
HAM!DREZA
2024-05-02 11:07:45 +03:30
parent 48537c93a5
commit 573fe4807e
13 changed files with 734 additions and 357 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/honor-page/OurServices.vue
+488
View File
@@ -0,0 +1,488 @@
<template>
<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>
<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="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
class="
h-[10.256vw] w-[10.256vw]
m-[3vw] md:m-[1vw] md:w-[2.604vw] md: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="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>
</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>
</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>
</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>
</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>
</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>
</div>
</div>
</div>
</div>
</template>
components/honor-page/ShinanHonors.vue
+55
View File
@@ -0,0 +1,55 @@
<template>
<div class="flex justify-center py-[20vw] md:py-[10vw]">
<div
class="w-[85%] md:w-[81.04%] flex flex-col md:flex-row justify-between"
>
<div class="text-[#383E43] w-full md:w-[58.35%]">
<h1 class="text-[#A62186] text-[7.277vw] md:text-[2.604vw] font-bold">
Honors
</h1>
<h2 class="text-[5.751vw] md:text-[2.188vw] mt-[5vw] md:mt-[1.5vw]">
افتخارات شینان
</h2>
<p
class="text-[3.59vw] md:text-[1.186vw] mt-[5vw] md:mt-[0.8vw] w-full md:w-[75%]"
>
ما در فروشگاه جوانه سعی بر آن داریم تا سبدی از بهترین محصولات سالم و
طبیعی و ارگانیک ، رژیمی و بدون گلوتن را فراهم آوریم تا بتوانیم تجربه
خریدی سالم و اطمینان بخشی را برای شما محیا کنیم.
</p>
<div
class="flex flex-col flex-col-reverse md:flex-row mt-[2.8vw] w-full md:w-[27.396vw]"
>
<svg
class="rotate-90 md:rotate-0 w-[8vw] h-[8vw] md:w-[1.2vw] md:h-[3.188vw] mt-[0.7vw]"
viewBox="0 0 10 42"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="5" cy="5" r="4.5" fill="#383E43" stroke="#383E43" />
<circle cx="5" cy="21" r="4.5" stroke="#383E43" />
<circle cx="5" cy="37" r="4.5" stroke="#383E43" />
</svg>
<div class="bg-white p-[8vw] md:p-[1.5vw] ms-[1vw] rounded-[1.302vw]">
<p class="text-[4.544vw] md:text-[1.335vw]">آدرس</p>
<p
class="text-[3.19vw] md:text-[0.833vw] mt-[5vw] leading-[5vw] md:leading-[1.563vw]"
>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در
ستون و سطرآنچنان که لازم است
</p>
</div>
</div>
</div>
<div class="h-[97.949vw] md:!h-[35.417vw] w-full md:w-[35.417vw]">
<img
class="h-full w-full object-cover rounded-[1.302vw]"
src="/public/images/honor.jpg"
alt=""
/>
</div>
</div>
</div>
</template>
components/honor-page/Slider.vue
+21
View File
@@ -0,0 +1,21 @@
<template>
<div class="relative h-[97.436vw] md:h-[45.938vw] flex flex-col items-center">
<div class="slide1 h-[100%] w-full text-white flex flex-col justify-center ps-[4vw]">
<h1 class="text-[6.469vw] md:text-[2.457vw] font-semibold">
فروشگاه محصولات
<span class="text-[#A62186]">ارگانیک</span>
</h1>
<p class="text-[3.19vw] md:text-[0.938vw] w-[80%] md:w-[39.531vw]">
وب سایت جوانه شرکتی در حوزه تامین و توزیع محصولات طبیعی، ارگانیک و سالم میباشد که این امکان را به مصرف کننده میدهد تا بتواند انواع محصولات تازه را با حق انتخاب و تنوع بسیار بالا و با مناسب‌ترین قیمت داشته باشد.
</p>
</div>
<svg
class="absolute bottom-[3vw] w-[44.615vw] md:w-[18.906vw] h-[2vw] md:h-[0.313vw]"
viewBox="0 0 363 6" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 3H106" stroke="#A62186" stroke-width="5" stroke-linecap="round"/>
<path d="M130 3H233" stroke="#E5E5E5" stroke-width="5" stroke-linecap="round"/>
<path d="M257 3H360" stroke="#E5E5E5" stroke-width="5" stroke-linecap="round"/>
</svg>
</div>
</template>