danak/dlearn-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

create mainPage

Browse Source
This commit is contained in:
HAM!DREZA
2024-05-14 10:55:46 +03:30
parent 3692ec6f61
commit 80cf37d18b
25 changed files with 1131 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app.vue
+2
View File
@@ -1,3 +1,5 @@
<template>
<NuxtLayout />
<NuxtPage />
<NuxtLayout name="footer"/>
</template>
assets/css/tailwind.css
+8 -1
View File
@@ -9,7 +9,11 @@ body {
font-family: "Iransans";
direction: rtl;
}
@layer utilities {
.pinkShadow {
filter: drop-shadow(0px 0px 2px #a6228527);
}
}
@layer components {
.loginInput{
@apply bg-white rounded-[1.563vw] text-[0.833vw] w-full h-[2.917vw] ps-[1.2vw]
@@ -20,4 +24,7 @@ body {
.greenButton{
@apply h-[2.917vw] rounded-[1.563vw] py-[0.833vw] px-[4.167vw] text-white bg-primaryGreen gap-[0.521vw] text-[0.833vw]
}
.categoriesOption{
@apply font-semibold py-[2.051vw] md:py-[0.625vw] w-[22.821vw] md:w-[8vw] mx-[0.5vw] md:mx-auto gap-2 rounded-[2.051vw] md:rounded-[0.521vw] border-[1px] border-primaryGreen text-primaryGreen text-[3.59vw] md:text-[1.055vw]
}
}
components/Card.vue
+135
View File
@@ -0,0 +1,135 @@
<template>
<div class="pinkShadow min-h-[21.094vw] rounded-[15px] customShadow bg-white w-[78.462vw] md:w-auto">
<div class="relative text-center">
<p
class="font-semibold flex justify-center items-center text-[18px] md:text-[0.938vw] text-[#0D3F40] w-[120px] md:w-[39.29%] !absolute post bottom-0 left-0 py-[0.417vw] px-[1.042vw] bg-white rounded-tr-[15px]">
540,000
<span class="text-[8.72px] md:text-[11.24px] ms-1">تومان</span>
</p>
<img style="object-fit: cover;" src="/public/images/course.png" alt="laravel"
class="min-h-[11.406vw] w-full rounded-t-[15px]">
</div>
<div class="description w-full flex flex-col justify-center space-y-5 md:space-y-[1.25vw]">
<p
class="text-[14px] md:text-[0.833vw] text-[#383E43] px-[1.25vw] font-semibold mt-5 ms-3 md:ms-0">
ترفند های کاربردی
پایتون
</p>
<div class="flex justify-around">
<p class="flex items-center text-[11.06px] md:text-[12.64px] text-[#878787]">
<svg width="19" height="19" viewBox="0 0 19 19" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M17.4163 13.2525V3.69713C17.4163 2.74713 16.6405 2.04255 15.6984 2.12171H15.6509C13.9884 2.26421 11.463 3.1113 10.0538 3.99796L9.91926 4.08505C9.68967 4.22755 9.30967 4.22755 9.08009 4.08505L8.88217 3.9663C7.47301 3.08755 4.95551 2.24838 3.29301 2.1138C2.35092 2.03463 1.58301 2.74713 1.58301 3.68921V13.2525C1.58301 14.0125 2.20051 14.725 2.96051 14.82L3.19009 14.8517C4.90801 15.0813 7.56009 15.9521 9.08009 16.7834L9.11176 16.7992C9.32551 16.918 9.66592 16.918 9.87176 16.7992C11.3918 15.96 14.0518 15.0813 15.7776 14.8517L16.0388 14.82C16.7988 14.725 17.4163 14.0125 17.4163 13.2525Z"
fill="#E5E5E5" stroke="#E5E5E5" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
<path d="M9.5 4.34619V16.2212" stroke="white" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M6.13574 6.72119H4.35449" stroke="white" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M6.72949 9.09619H4.35449" stroke="white" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
<span class="ms-[1px] md:ms-2">بک اند</span>
</p>
<p class="flex items-center text-[11.06px] md:text-[12.64px] text-[#878787]">
<svg width="19" height="19" viewBox="0 0 19 19" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M7.12467 1.58337C5.05051 1.58337 3.36426 3.26962 3.36426 5.34379C3.36426 7.37837 4.95551 9.02504 7.02967 9.09629C7.09301 9.08837 7.15634 9.08837 7.20384 9.09629C7.21967 9.09629 7.22759 9.09629 7.24342 9.09629C7.25134 9.09629 7.25134 9.09629 7.25926 9.09629C9.28592 9.02504 10.8772 7.37837 10.8851 5.34379C10.8851 3.26962 9.19884 1.58337 7.12467 1.58337Z"
fill="#E5E5E5" />
<path
d="M11.1468 11.202C8.93801 9.72953 5.33592 9.72953 3.11134 11.202C2.10592 11.8749 1.55176 12.7854 1.55176 13.7591C1.55176 14.7329 2.10592 15.6354 3.10342 16.3004C4.21176 17.0445 5.66842 17.4166 7.12509 17.4166C8.58176 17.4166 10.0384 17.0445 11.1468 16.3004C12.1443 15.6274 12.6984 14.7249 12.6984 13.7433C12.6905 12.7695 12.1443 11.867 11.1468 11.202Z"
fill="#E5E5E5" />
<path
d="M15.8259 5.81083C15.9526 7.34666 14.8601 8.6925 13.348 8.87458C13.3401 8.87458 13.3401 8.87458 13.3321 8.87458H13.3084C13.2609 8.87458 13.2134 8.87458 13.1738 8.89041C12.4059 8.93 11.7013 8.68458 11.1709 8.23333C11.9863 7.505 12.4534 6.4125 12.3584 5.225C12.303 4.58375 12.0813 3.99791 11.7488 3.49916C12.0496 3.34875 12.398 3.25375 12.7542 3.22208C14.3059 3.0875 15.6913 4.24333 15.8259 5.81083Z"
fill="#E5E5E5" />
<path
d="M17.4085 13.1337C17.3452 13.9017 16.8544 14.5667 16.031 15.0179C15.2394 15.4533 14.2419 15.6592 13.2523 15.6354C13.8223 15.1208 14.1548 14.4796 14.2181 13.7987C14.2973 12.8171 13.8302 11.875 12.896 11.1229C12.3656 10.7033 11.7481 10.3708 11.0752 10.1254C12.8248 9.61874 15.0256 9.95915 16.3794 11.0517C17.1077 11.6375 17.4798 12.3737 17.4085 13.1337Z"
fill="#E5E5E5" />
</svg>
<span class="ms-[1px] md:ms-2">825 دانشجو</span>
</p>
<p class="flex items-center text-[11.06px] md:text-[12.64px] text-[#878787]">
<svg width="19" height="19" viewBox="0 0 19 19" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M9.49967 1.58337C5.13759 1.58337 1.58301 5.13796 1.58301 9.50004C1.58301 13.8621 5.13759 17.4167 9.49967 17.4167C13.8618 17.4167 17.4163 13.8621 17.4163 9.50004C17.4163 5.13796 13.8618 1.58337 9.49967 1.58337ZM12.9434 12.3263C12.8326 12.5163 12.6347 12.6192 12.4288 12.6192C12.3259 12.6192 12.223 12.5955 12.128 12.5321L9.67384 11.0675C9.06426 10.7034 8.61301 9.90379 8.61301 9.19921V5.95337C8.61301 5.62879 8.88217 5.35962 9.20676 5.35962C9.53134 5.35962 9.80051 5.62879 9.80051 5.95337V9.19921C9.80051 9.48421 10.038 9.90379 10.2834 10.0463L12.7376 11.5109C13.0226 11.6771 13.1176 12.0413 12.9434 12.3263Z"
fill="#E5E5E5" />
</svg>
<span class="ms-[1px] md:ms-2">00:28</span>
</p>
</div>
<div class="flex justify-between items-center py-5 px-4">
<button
class="flex items-center justify-center gap-2 h-[37px] md:h-[2.292vw] px-[12px] md:px-[30px] py-[10px] bg-[#0D3F40] text-white text-[12.44px] md:text-[0.833vw] rounded-[10px] w-[105px] md:w-[152px]">
شروع دوره
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M10.0002 13.28L5.65355 8.93331C5.14022 8.41997 5.14022 7.57997 5.65355 7.06664L10.0002 2.71997"
stroke="white" stroke-width="1.5" stroke-miterlimit="10"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
<span>
<svg class="hidden md:block" width="43" height="43" viewBox="0 0 44 46"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M22.4035 2C19.8297 2 17.2812 2.50851 14.9033 3.4965C12.5255 4.48448 10.365 5.9326 8.54504 7.75816C6.72512 9.58372 5.28149 11.751 4.29656 14.1362C3.31163 16.5214 2.80469 19.0778 2.80469 21.6596C2.80469 24.2413 3.31163 26.7978 4.29656 29.183C5.28149 31.5682 6.72512 33.7354 8.54504 35.561C10.365 37.3866 12.5255 38.8347 14.9033 39.8227C17.2812 40.8106 19.8297 41.3191 22.4035 41.3191L22.4035 21.6596V2Z"
fill="white" stroke="url(#paint0_linear_7_1513)" stroke-width="3" />
<path
d="M22.4035 2.00019C25.3093 2.00019 28.1788 2.64834 30.8041 3.89773C33.4295 5.14712 35.745 6.96647 37.5831 9.22406C39.4212 11.4817 40.7358 14.121 41.4318 16.951C42.1278 19.781 42.1877 22.7308 41.6073 25.5869C41.0268 28.443 39.8205 31.1338 38.0756 33.4647C36.3308 35.7955 34.0911 37.708 31.5186 39.0637C28.9462 40.4193 26.1055 41.1842 23.2021 41.303C20.2987 41.4218 17.4052 40.8914 14.7313 39.7504L22.4035 21.6598L22.4035 2.00019Z"
fill="white" stroke="#ABDCDD" stroke-width="3" stroke-linecap="round"
stroke-dasharray="6 6" />
<ellipse cx="22.4002" cy="21.1915" rx="18.2553" ry="17.7322"
transform="rotate(-90 22.4002 21.1915)" fill="white" />
<path
d="M10.6786 30.0149L12.0474 32.761C12.234 33.1433 12.7318 33.5099 13.1518 33.5801L15.6327 33.9936C17.2193 34.2589 17.5926 35.4135 16.4493 36.5525L14.5206 38.4872C14.1939 38.8149 14.015 39.4468 14.1161 39.8993L14.6683 42.2943C15.1039 44.1901 14.1006 44.9234 12.4285 43.9326L10.1031 42.5518C9.68309 42.3021 8.99091 42.3021 8.56316 42.5518L6.23774 43.9326C4.5734 44.9234 3.56235 44.1823 3.99788 42.2943L4.55007 39.8993C4.65117 39.4468 4.4723 38.8149 4.14565 38.4872L2.21688 36.5525C1.0814 35.4135 1.44693 34.2589 3.0335 33.9936L5.51445 33.5801C5.92665 33.5099 6.4244 33.1433 6.61105 32.761L7.97986 30.0149C8.72648 28.5248 9.93974 28.5248 10.6786 30.0149Z"
fill="#0D3F40" />
<path
d="M19.5137 27.3618C19.5244 27.0738 19.5297 26.6471 19.5297 26.0818C19.5297 24.3645 19.4391 22.8125 19.2577 21.4258C19.0231 19.6551 18.6284 18.1351 18.0737 16.8658L19.8497 15.7938C20.0311 16.1671 20.2071 16.6045 20.3777 17.1058C20.5484 17.5538 20.7031 17.9005 20.8417 18.1458C20.9911 18.3911 21.1831 18.5885 21.4177 18.7378C21.6524 18.8765 21.9617 18.9458 22.3457 18.9458C23.3697 18.9458 23.8817 18.2791 23.8817 16.9458C23.8817 16.7005 23.8657 16.4338 23.8337 16.1458L25.5137 15.8098C25.6097 16.2685 25.6577 16.7325 25.6577 17.2018C25.6577 17.9485 25.5351 18.6365 25.2897 19.2658C25.0444 19.8845 24.6711 20.3858 24.1697 20.7698C23.6791 21.1431 23.0817 21.3298 22.3777 21.3298C21.9617 21.3298 21.5671 21.2445 21.1937 21.0738V21.1218C21.3217 22.3271 21.3857 23.8311 21.3857 25.6338C21.3857 26.4018 21.3804 26.9778 21.3697 27.3618H19.5137Z"
fill="#383E43" />
<defs>
<linearGradient id="paint0_linear_7_1513" x1="20.8356" y1="1.21362"
x2="22.4054" y2="1.99611" gradientUnits="userSpaceOnUse">
<stop stop-color="#22A4A6" stop-opacity="0.6" />
<stop offset="1" stop-color="#22A4A6" stop-opacity="0" />
</linearGradient>
</defs>
</svg>
<svg class="block md:hidden" width="41" height="41" viewBox="0 0 41 41"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M20.5 2C18.0705 2 15.6649 2.47852 13.4204 3.40823C11.1758 4.33794 9.13641 5.70064 7.41852 7.41852C5.70064 9.13641 4.33794 11.1758 3.40823 13.4204C2.47852 15.6649 2 18.0705 2 20.5C2 22.9295 2.47852 25.3351 3.40823 27.5796C4.33794 29.8242 5.70064 31.8636 7.41853 33.5815C9.13641 35.2994 11.1758 36.6621 13.4204 37.5918C15.6649 38.5215 18.0705 39 20.5 39L20.5 20.5V2Z"
fill="white" stroke="url(#paint0_linear_8_2874)" stroke-width="3" />
<path
d="M20.5 2C23.2429 2 25.9515 2.60993 28.4297 3.78562C30.9078 4.96131 33.0935 6.67335 34.8286 8.79779C36.5636 10.9222 37.8045 13.4059 38.4615 16.069C39.1185 18.732 39.1751 21.5079 38.6271 24.1955C38.0792 26.8831 36.9405 29.4153 35.2935 31.6086C33.6465 33.802 31.5323 35.6017 29.1041 36.8774C26.6759 38.1531 23.9944 38.8729 21.2538 38.9846C18.5132 39.0964 15.782 38.5973 13.258 37.5236L20.5 20.5L20.5 2Z"
fill="white" stroke="#ABDCDD" stroke-width="3" stroke-linecap="round"
stroke-dasharray="6 6" />
<ellipse cx="20.5" cy="20" rx="17" ry="16.5" transform="rotate(-90 20.5 20)"
fill="white" />
<path
d="M8.00911 28.0475L9.03578 30.1009C9.17578 30.3867 9.54911 30.6609 9.86411 30.7134L11.7249 31.0225C12.9149 31.2209 13.1949 32.0842 12.3374 32.9359L10.8908 34.3825C10.6458 34.6275 10.5116 35.1 10.5874 35.4384L11.0016 37.2292C11.3283 38.6467 10.5758 39.195 9.32161 38.4542L7.57745 37.4217C7.26245 37.235 6.74328 37.235 6.42245 37.4217L4.67828 38.4542C3.42995 39.195 2.67161 38.6409 2.99828 37.2292L3.41245 35.4384C3.48828 35.1 3.35411 34.6275 3.10911 34.3825L1.66245 32.9359C0.81078 32.0842 1.08495 31.2209 2.27495 31.0225L4.13578 30.7134C4.44495 30.6609 4.81828 30.3867 4.95828 30.1009L5.98495 28.0475C6.54495 26.9334 7.45495 26.9334 8.00911 28.0475Z"
fill="#0D3F40" />
<path
d="M18.5137 26.3618C18.5244 26.0738 18.5297 25.6471 18.5297 25.0818C18.5297 23.3645 18.4391 21.8125 18.2577 20.4258C18.0231 18.6551 17.6284 17.1351 17.0737 15.8658L18.8497 14.7938C19.0311 15.1671 19.2071 15.6045 19.3777 16.1058C19.5484 16.5538 19.7031 16.9005 19.8417 17.1458C19.9911 17.3911 20.1831 17.5885 20.4177 17.7378C20.6524 17.8765 20.9617 17.9458 21.3457 17.9458C22.3697 17.9458 22.8817 17.2791 22.8817 15.9458C22.8817 15.7005 22.8657 15.4338 22.8337 15.1458L24.5137 14.8098C24.6097 15.2685 24.6577 15.7325 24.6577 16.2018C24.6577 16.9485 24.5351 17.6365 24.2897 18.2658C24.0444 18.8845 23.6711 19.3858 23.1697 19.7698C22.6791 20.1431 22.0817 20.3298 21.3777 20.3298C20.9617 20.3298 20.5671 20.2445 20.1937 20.0738V20.1218C20.3217 21.3271 20.3857 22.8311 20.3857 24.6338C20.3857 25.4018 20.3804 25.9778 20.3697 26.3618H18.5137Z"
fill="#383E43" />
<defs>
<linearGradient id="paint0_linear_8_2874" x1="19.02" y1="1.26" x2="20.5"
y2="2" gradientUnits="userSpaceOnUse">
<stop stop-color="#22A4A6" stop-opacity="0.6" />
<stop offset="1" stop-color="#22A4A6" stop-opacity="0" />
</linearGradient>
</defs>
</svg>
</span>
</div>
</div>
</div>
</template>
components/home-page/About-us.vue
+117
View File
@@ -0,0 +1,117 @@
<template>
<div class="flex justify-center mt-[10vw] md:mt-[8vw] pb-[10vw]">
<div
class="w-[87.69%] md:w-[81.04%] flex flex-col md:flex-row justify-between mt-[3.846vw] md:mt-[1.667vw]"
>
<div class="basis-1/1 md:basis-1/2">
<h2
class="text-[5.11vw] md:text-[1.69vw] text-[#0D3F40] text-[#383E43] font-semibold ms-0 md:ms-[1.458vw]"
>
درباره ما
</h2>
<p
class="max-w-[766px] text-[3.59vw] md:text-[1.335vw] mt-[4vw] md:mt-[1.354vw] mb-[6vw] md:mb-0 leading-[7.179vw] md:leading-[2.865vw]"
>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در
ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و
کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی
در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می
طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی
الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این
صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و
شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای
اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده
قرار گیرد.
</p>
</div>
<div class="relative basis-1/1 md:basis-1/2">
<div class="grid-gallery mt-0 md:mt-[3.906vw] pb-[105vw] md:pb-0">
<div class="panel"></div>
<div class="panel"></div>
<div class="panel"></div>
</div>
</div>
</div>
</div>
</template>
<style scoped>
@media (min-width: 768px) {
.panel {
background: url("./images/aboutUs.jpg");
background-size: cover;
background-repeat: no-repeat !important;
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
position: absolute;
}
.panel:nth-child(1) {
width: 16.667vw !important;
height: 16.667vw !important;
top: 4vw !important;
left: -0.1vw !important;
background-position-x: 28% !important;
background-position-y: 0% !important;
background-size: 340% !important;
}
.panel:nth-child(2) {
top: 12.75vw !important;
left: 0.26vw !important;
height: 33.076vw !important;
width: 33.076vw !important;
background-position-x: 50% !important;
background-position-y: -7.24vw !important;
background-size: 150% !important;
}
.panel:nth-child(3) {
width: 16.667vw !important;
height: 16.667vw !important;
top: 4vw !important;
left: 17.1vw !important;
background-size: 300% !important;
background-position-x: 75% !important;
background-position-y: 0% !important;
}
}
.panel {
background: url("./images/aboutUs.jpg");
background-size: cover;
background-repeat: no-repeat !important;
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
position: absolute;
}
.panel:nth-child(1) {
width: 45.667vw;
height: 45.667vw;
top: 9vw;
left: -2.5vw;
background-position-x: 28%;
background-position-y: 0%;
background-size: 340%;
}
.panel:nth-child(2) {
top: 32.75vw;
left: 0.26vw;
height: 87.076vw;
width: 87.692vw;
background-position-x: 50%;
background-position-y: 310%;
background-size: 160%;
}
.panel:nth-child(3) {
width: 45.667vw;
height: 45.667vw;
top: 9vw;
left: 45.2vw;
background-size: 300%;
background-position-x: 75%;
background-position-y: 0%;
}
</style>
components/home-page/Information.vue
+123
View File
@@ -0,0 +1,123 @@
<template>
<div class="flex justify-center">
<div class="w-[81.04%] flex flex-col md:flex-row justify-between mt-[12.821vw] md:mt-[7.25vw]">
<div class="flex flex-col md:flex-row items-center text-center mb-5 md:mb-0">
<svg class="h-[18.205vw] md:h-[8.854vw] w-[18.205vw] md:w-[8.854vw]" width="8.854vw" height="8.854vw" viewBox="0 0 170 170" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_1_2081)">
<circle cx="85" cy="81" r="70" fill="white" />
</g>
<g clip-path="url(#clip0_1_2081)">
<path
d="M75.5335 77.2334C75.2002 77.2001 74.8002 77.2001 74.4335 77.2334C66.5002 76.9667 60.2002 70.4667 60.2002 62.4667C60.2002 54.3001 66.8002 47.6667 75.0002 47.6667C83.1669 47.6667 89.8002 54.3001 89.8002 62.4667C89.7669 70.4667 83.4669 76.9667 75.5335 77.2334Z"
stroke="#0D3F40" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M99.6999 54.3333C106.167 54.3333 111.367 59.5666 111.367 65.9999C111.367 72.2999 106.367 77.4333 100.133 77.6666C99.8666 77.6333 99.5666 77.6333 99.2666 77.6666"
stroke="#0D3F40" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M58.8664 89.5333C50.7997 94.9333 50.7997 103.733 58.8664 109.1C68.0331 115.233 83.0664 115.233 92.2331 109.1C100.3 103.7 100.3 94.8999 92.2331 89.5333C83.0997 83.4333 68.0664 83.4333 58.8664 89.5333Z"
stroke="#0D3F40" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M106.134 107.667C108.534 107.167 110.8 106.2 112.667 104.767C117.867 100.867 117.867 94.4334 112.667 90.5334C110.834 89.1334 108.6 88.2001 106.234 87.6667"
stroke="#0D3F40" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<filter id="filter0_d_1_2081" x="0" y="0" width="170" height="170"
filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix in="SourceAlpha" type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
<feOffset dy="4" />
<feGaussianBlur stdDeviation="7.5" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix"
values="0 0 0 0 0.960784 0 0 0 0 0.898039 0 0 0 0 0.945098 0 0 0 1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_2081" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_2081"
result="shape" />
</filter>
<clipPath id="clip0_1_2081">
<rect width="80" height="80" fill="white" transform="translate(45 41)" />
</clipPath>
</defs>
</svg>
<div class="text-[#383E43] font-semibold">
<p class="text-[5.11vw] md:text-[1.979vw]">+2000</p>
<p class="text-[3.59vw] md:text-[1.502vw]">دانشجو</p>
</div>
</div>
<div class="flex flex-col md:flex-row items-center text-center mb-5 md:mb-0">
<svg class="h-[18.205vw] md:h-[8.854vw] w-[18.205vw] md:w-[8.854vw]" viewBox="0 0 171 170" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_1_2068)">
<circle cx="85.5" cy="81" r="70" fill="white" />
</g>
<path
d="M87.267 109.067H66.2003C55.667 109.067 52.167 102.067 52.167 95.0333V66.9667C52.167 56.4333 55.667 52.9333 66.2003 52.9333H87.267C97.8003 52.9333 101.3 56.4333 101.3 66.9667V95.0333C101.3 105.567 97.767 109.067 87.267 109.067Z"
stroke="#0D3F40" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M110.566 97.9999L101.3 91.4999V70.4666L110.566 63.9666C115.1 60.8 118.833 62.7333 118.833 68.2999V93.6999C118.833 99.2666 115.1 101.2 110.566 97.9999Z"
stroke="#0D3F40" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M83.833 77.6667C86.5944 77.6667 88.833 75.4282 88.833 72.6667C88.833 69.9053 86.5944 67.6667 83.833 67.6667C81.0716 67.6667 78.833 69.9053 78.833 72.6667C78.833 75.4282 81.0716 77.6667 83.833 77.6667Z"
stroke="#0D3F40" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" />
<defs>
<filter id="filter0_d_1_2068" x="0.5" y="0" width="170" height="170"
filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix in="SourceAlpha" type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
<feOffset dy="4" />
<feGaussianBlur stdDeviation="7.5" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix"
values="0 0 0 0 0.960784 0 0 0 0 0.898039 0 0 0 0 0.945098 0 0 0 1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_2068" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_2068"
result="shape" />
</filter>
</defs>
</svg>
<div class="text-[#383E43] font-semibold">
<p class="text-[5.11vw] md:text-[1.979vw]">375</p>
<p class="text-[3.59vw] md:text-[1.502vw]">ویدئوی آموزشی</p>
</div>
</div>
<div class="flex flex-col md:flex-row items-center text-center mb-5 md:mb-0">
<svg class="h-[18.205vw] md:h-[8.854vw] w-[18.205vw] md:w-[8.854vw]" viewBox="0 0 170 170" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_1_2057)">
<circle cx="85" cy="81" r="70" fill="white" />
</g>
<g clip-path="url(#clip0_1_2057)">
<path
d="M90.7664 52.7L96.633 64.4334C97.433 66.0667 99.5664 67.6334 101.366 67.9334L112 69.7C118.8 70.8334 120.4 75.7667 115.5 80.6334L107.233 88.9C105.833 90.3 105.066 93.0001 105.5 94.9334L107.866 105.167C109.733 113.267 105.433 116.4 98.2664 112.167L88.2997 106.267C86.4997 105.2 83.533 105.2 81.6997 106.267L71.733 112.167C64.5997 116.4 60.2664 113.233 62.133 105.167L64.4997 94.9334C64.933 93.0001 64.1664 90.3 62.7664 88.9L54.4997 80.6334C49.633 75.7667 51.1997 70.8334 57.9997 69.7L68.633 67.9334C70.3997 67.6334 72.533 66.0667 73.333 64.4334L79.1997 52.7C82.3997 46.3334 87.5997 46.3334 90.7664 52.7Z"
stroke="#0D3F40" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<filter id="filter0_d_1_2057" x="0" y="0" width="170" height="170"
filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix in="SourceAlpha" type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
<feOffset dy="4" />
<feGaussianBlur stdDeviation="7.5" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix"
values="0 0 0 0 0.960784 0 0 0 0 0.898039 0 0 0 0 0.945098 0 0 0 1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_2057" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_2057"
result="shape" />
</filter>
<clipPath id="clip0_1_2057">
<rect width="80" height="80" fill="white" transform="translate(45 41)" />
</clipPath>
</defs>
</svg>
<div class="text-[#383E43] font-semibold">
<p class="text-[5.11vw] md:text-[1.979vw]">4.6</p>
<p class="text-[3.59vw] md:text-[1.502vw]">امتیاز دانشجویان به ما</p>
</div>
</div>
</div>
</div>
</template>
components/home-page/Intro.vue
+25
View File
@@ -0,0 +1,25 @@
<template>
<div id="head" class="flex justify-center md:flexBox h-[77.692vw] md:h-[40.625vw] relative mt-0 md:mt-[7.4vw]">
<img src="/public/images/HeaderBg.jpg" class="absolute top-0 left-0 w-full h-full object-cover -z-[1] scale-x-[-1] md:scale-x-[1]" alt="">
<div class=" flex w-[81.04%] text-white">
<div class="flex flex-col text-start">
<h2 class="text-[5.751vw] md:text-[2.188vw] font-bold mt-[25vw] md:mt-[0.052vw]">
داستان برنامه‌نویس <br />
شدنت از اینجا شروع میشه!
</h2>
<p class="hidden md:block mt-[1.25vw] text-[1.055vw] leading-[30.38px] mb-[2.917vw]">
شینان، آکادمی آموزش آنلاین تخصصی برنامه نویسی، با افتخار بهترین و به روزترین مقالات و فیلم های
آموزشی
پروژه محور و کاربردی در زمینه برنامه نویسی وب را در اختیار علاقه مندان این حرفه <br /> قرار خواهد
داد تا
بتوانند از این طریق درآمد بیشتری کسب کنند با ما همراه باشید تا گام های تبدیل شدن به توسعه دهنده وب
را از
مبتدی تا پیشرفته طی کنیم
</p>
<button
class="greenButton h-[8.974vw] md:h-[3.125vw] px-0 flexBox rounded-[2.051vw] md:rounded-[0.521vw] w-[26.41vw] md:w-[14.01vw] text-[3.19vw] md:text-[1.055vw] mt-[10vw] md:mt-0">شروع
یادگیری</button>
</div>
</div>
</div>
</template>
components/home-page/Suggested-courses.vue
+11
View File
@@ -0,0 +1,11 @@
<template>
<div class="flex justify-center">
<div
class="courses w-[87.69%] md:w-[81.04%] flex flex-col justify-center mt-[18vw] md:mt-[4.688vw] px-[3.846vw] md:px-[1.563vw] bg-[#F8F8F8] rounded-[3.846vw] md:rounded-[0.781vw]"
>
<home-page-courses-sectionCategories />
<home-page-courses-sectionSuggestedCourses />
<home-page-courses-sectionWatchCoursesButton />
</div>
</div>
</template>
components/home-page/courses-section/Categories.vue
+95
View File
@@ -0,0 +1,95 @@
<template>
<div class="category">
<h3
class="font-semibold text-[#383E43] text-[5.11vw] md:text-[1.69vw] mt-[4.103vw] md:mt-[3.49vw] ms-0 md:ms-[1.563vw]"
>
انتخاب گسترده ای از دوره ها
</h3>
<p
class="ms-0 md:ms-[1.563vw] text-[#878787] text-[3.59vw] md:text-[1.055vw] mt-[2vw] md:mt-[1vw]"
>
انتخاب از بین بیش از 210000 دوره آنلاین ویدیویی با افزودنی های جدید که هر
ماه منتشر می شود
</p>
<div class="flexBox px-0 md:px-[1vw] h-[2.813vw] mt-[10vw] md:mt-[2.5vw]">
<svg
@click="this.$refs.carousel.next()"
class="hidden md:block h-[1.563vw] w-[1.563vw] cursor-pointer"
viewBox="0 0 30 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="fill-[#878787] hover:fill-[#383E43]"
d="M18.9996 13.1125L16.5371 10.65L12.5246 6.63753C11.6746 5.80003 10.2246 6.40003 10.2246 7.60003V15.3875V22.4C10.2246 23.6 11.6746 24.2 12.5246 23.35L18.9996 16.875C20.0371 15.85 20.0371 14.15 18.9996 13.1125Z"
/>
</svg>
<Carousel
:items-to-show="8.3"
ref="carousel"
:breakpoints="breakpoints"
:wrapAround="true"
class="w-full md:w-[95%]"
>
<Slide v-for="slide in categories" :key="slide"
>
<div class="categoriesOption">{{ slide }}</div>
</Slide>
</Carousel>
<svg
@click="this.$refs.carousel.prev()"
class="hidden md:block h-[1.563vw] w-[1.563vw] cursor-pointer"
viewBox="0 0 30 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.4748 6.65005L13.4623 10.6626L10.9998 13.1126C9.9623 14.1501 9.9623 15.8376 10.9998 16.8751L17.4748 23.3501C18.3248 24.2001 19.7748 23.5876 19.7748 22.4001V15.3876V7.60005C19.7748 6.40005 18.3248 5.80005 17.4748 6.65005Z"
class="fill-[#878787] hover:fill-[#383E43]"
/>
</svg>
</div>
</div>
</template>
<script setup>
const categories = [
"Python",
"JavaScript",
"C#",
"php",
"C++",
"Ruby",
"Node.js",
"php",
"C++",
"Ruby",
"Node.js",
];
const breakpoints= {
// 700px and up
300: {
itemsToShow: 3.5,
snapAlign: 'end',
},
700: {
itemsToShow: 7.3,
snapAlign: 'end',
},
// 1024 and up
1024: {
itemsToShow: 8.3,
snapAlign: 'end',
},
}
</script>
<style scoped>
</style>
components/home-page/courses-section/SuggestedCourses.vue
+23
View File
@@ -0,0 +1,23 @@
<template>
<div
class="suggestions px-[1vw] md:px-[1.042vw] mt-[12vw] md:mt-[3.2vw] md:bg-white rounded-[0.781vw] flex flex-col gap-[0.417vw] pb-[1.667vw]"
>
<h5
class="text-[4.544vw] mt-[1.5vw] md:mt-[1.6vw] md:text-[1.481vw] text-[#383E43] font-bold"
>
دوره های پیشنهادی
</h5>
<div
class="mt-[4.051vw] md:mt-[2.1vw] grid gap-[4vw] md:gap-[1.25vw] grid-cols-1 md:grid-cols-4"
>
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
</div>
</div>
</template>
components/home-page/courses-section/WatchCoursesButton.vue
+39
View File
@@ -0,0 +1,39 @@
<template>
<div
class="flex text-[#383E43] font-semibold py-[4vw] md:py-[1.1vw] md:pt-[1.9vw] text-[3.59vw] md:text-[0.938vw] justify-center mt-[2vw] md:mt-[0.417vw]"
>
<nuxt-link to="/courses"
class="flex justify-center items-center border-b-2 border-[#878787] w-[45.59vw] md:w-[13.542vw]"
>
<svg
class="mb-[0.417vw] h-[4.103vw] w-[4.103vw] md:h-[1.146vw] md:w-[1.146vw]"
viewBox="0 0 22 23"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11.917 10.5833L19.4337 3.06665"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M20.1666 6.73325V2.33325H15.7666"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M10.083 2.33325H8.24967C3.66634 2.33325 1.83301 4.16659 1.83301 8.74992V14.2499C1.83301 18.8333 3.66634 20.6666 8.24967 20.6666H13.7497C18.333 20.6666 20.1663 18.8333 20.1663 14.2499V12.4166"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ms-[2vw] md:ms-[0.417vw] pb-[0.417vw]"> دیدن همه ی دوره ها </span>
</nuxt-link>
</div>
</template>
components/login-page/Reset-password-form.vue
-1
View File
@@ -8,7 +8,6 @@
class="loginInput"
placeholder="ایمیل خود را وارد کنید"
/>
test
<svg
class="h-[1.146vw] w-[1.146vw] absolute left-[1.2vw]"
viewBox="0 0 22 22"
layouts/default.vue
+267
View File
@@ -0,0 +1,267 @@
<template>
<div class="flex justify-center">
<nav
class="fixed bg-white hidden md:block w-full rounded-b-2xl shadow-md z-[100]"
:class="{
'!hidden':
$route.path === '/signup' ||
$route.path === '/login' ||
$route.path === '/reset-password' ||
$route.path === '/new-password',
}"
>
<div
class="text-white bg-[#252731] flex justify-between items-center px-[1.25vw] h-[2.448vw]"
>
<div id="text" class="gap-x-[0.625vw] flex -ms-[0.052vw]">
<span class="p-[0.573vw] text-[0.938vw]">شینان</span>
<span class="p-[0.573vw] text-[0.938vw]">فروشگاه</span>
</div>
<div id="contact" class="flex gap-x-[0.833vw] me-[0.052vw]">
<span class="text-[0.833vw] flexBox gap-[0.5vw]">
<svg
width="1.042vw"
height="1.094vw"
viewBox="0 0 20 21"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18.3077 15.7745C18.3077 16.0745 18.241 16.3829 18.0994 16.6829C17.9577 16.9829 17.7744 17.2662 17.5327 17.5329C17.1244 17.9829 16.6744 18.3079 16.166 18.5162C15.666 18.7245 15.1244 18.8329 14.541 18.8329C13.691 18.8329 12.7827 18.6329 11.8243 18.2245C10.866 17.8162 9.90768 17.2662 8.95768 16.5745C7.99935 15.8745 7.09102 15.0995 6.22435 14.2412C5.36602 13.3745 4.59102 12.4662 3.89935 11.5162C3.21602 10.5662 2.66602 9.6162 2.26602 8.67453C1.86602 7.72453 1.66602 6.8162 1.66602 5.94953C1.66602 5.38286 1.76602 4.8412 1.96602 4.3412C2.16602 3.83287 2.48268 3.3662 2.92435 2.94953C3.45768 2.42453 4.04102 2.1662 4.65768 2.1662C4.89102 2.1662 5.12435 2.2162 5.33268 2.3162C5.54935 2.4162 5.74102 2.5662 5.89102 2.78287L7.82435 5.50787C7.97435 5.7162 8.08268 5.90786 8.15768 6.0912C8.23268 6.2662 8.27435 6.4412 8.27435 6.59953C8.27435 6.79953 8.21602 6.99953 8.09935 7.1912C7.99102 7.38286 7.83268 7.58286 7.63268 7.78286L6.99935 8.4412C6.90768 8.53286 6.86602 8.6412 6.86602 8.77453C6.86602 8.8412 6.87435 8.89953 6.89102 8.9662C6.91602 9.03286 6.94102 9.08286 6.95768 9.13286C7.10768 9.40786 7.36602 9.7662 7.73268 10.1995C8.10768 10.6329 8.50768 11.0745 8.94102 11.5162C9.39102 11.9579 9.82435 12.3662 10.266 12.7412C10.6993 13.1079 11.0577 13.3579 11.341 13.5079C11.3827 13.5245 11.4327 13.5495 11.491 13.5745C11.5577 13.5995 11.6244 13.6079 11.6994 13.6079C11.841 13.6079 11.9494 13.5579 12.041 13.4662L12.6744 12.8412C12.8827 12.6329 13.0827 12.4745 13.2744 12.3745C13.466 12.2579 13.6577 12.1995 13.866 12.1995C14.0243 12.1995 14.191 12.2329 14.3744 12.3079C14.5577 12.3829 14.7494 12.4912 14.9577 12.6329L17.716 14.5912C17.9327 14.7412 18.0827 14.9162 18.1744 15.1245C18.2577 15.3329 18.3077 15.5412 18.3077 15.7745Z"
stroke="white"
stroke-width="1.5"
stroke-miterlimit="10"
/>
</svg>
تلفن: 67341</span
>
|
<span class="text-[0.833vw] flexBox gap-[0.5vw]">
<svg
width="1.042vw"
height="1.094vw"
viewBox="0 0 20 21"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M14.167 17.5833H5.83366C3.33366 17.5833 1.66699 16.3333 1.66699 13.4167V7.58333C1.66699 4.66667 3.33366 3.41667 5.83366 3.41667H14.167C16.667 3.41667 18.3337 4.66667 18.3337 7.58333V13.4167C18.3337 16.3333 16.667 17.5833 14.167 17.5833Z"
stroke="white"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M14.1663 8L11.558 10.0833C10.6997 10.7667 9.29134 10.7667 8.433 10.0833L5.83301 8"
stroke="white"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
ShinanLearning@gmail.com</span
>
</div>
</div>
<div class="flex w-full justify-between h-100 px-[1.25vw] py-[0.625vw]">
<img
src="/images/Logo.png"
alt="logo"
class="h-[3.698vw] w-[3.698vw]"
/>
<div
class="relative navigator flexBox gap-[2vw] text-[0.938vw] text-[#383E43] font-semibold"
>
<div id="searchBox" class="hidden absolute right-0 w-full">
<svg
class="h-[1.406vw] w-[1.406vw] absolute top-[0.5vw] right-[1vw]"
viewBox="0 0 26 27"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.4582 23.25C18.1421 23.25 22.7498 18.6422 22.7498 12.9583C22.7498 7.27436 18.1421 2.66663 12.4582 2.66663C6.77424 2.66663 2.1665 7.27436 2.1665 12.9583C2.1665 18.6422 6.77424 23.25 12.4582 23.25Z"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M23.8332 24.3333L21.6665 22.1666"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<input
type="text"
placeholder="نام آموزش، دوره و... را وارد کنید"
class="w-full h-[2.604vw] rounded-[0.521vw] bg-[#F5F5F5] text-[#878787] text-[0.658vw] ps-[3vw]"
/>
</div>
<div class="border-e pe-[1vw] cursor-pointer" @click="openSearchBox">
<svg
width="1.458vw"
height="1.406vw"
viewBox="0 0 28 27"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13.4375 23.625C19.34 23.625 24.125 18.84 24.125 12.9375C24.125 7.03496 19.34 2.25 13.4375 2.25C7.53496 2.25 2.75 7.03496 2.75 12.9375C2.75 18.84 7.53496 23.625 13.4375 23.625Z"
stroke="#0D3F40"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M25.25 24.75L23 22.5"
stroke="#0D3F40"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<nuxt-link to="/">
<span
class="flexBox gap-[0.8vw]"
:class="{ 'text-primaryGreen': $route.path === '/' }"
>
<svg
width="1.302vw"
height="1.302vw"
viewBox="0 0 25 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.94 2.5H18.05C21.61 2.5 22.5 3.39 22.5 6.94V13.27C22.5 16.83 21.61 17.71 18.06 17.71H6.94C3.39 17.72 2.5 16.83 2.5 13.28V6.94C2.5 3.39 3.39 2.5 6.94 2.5Z"
stroke="#0D3F40"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M12.5 17.72V22.5"
stroke="#0D3F40"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M2.5 13.5H22.5"
stroke="#0D3F40"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M8 22.5H17"
stroke="#0D3F40"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
صفحه اصلی
</span>
</nuxt-link>
<span class="flexBox gap-[0.8vw]">
<svg
width="1.302vw"
height="1.302vw"
viewBox="0 0 25 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10.55 3.03004L4.53002 6.96004C2.60002 8.22004 2.60002 11.04 4.53002 12.3L10.55 16.23C11.63 16.94 13.41 16.94 14.49 16.23L20.48 12.3C22.4 11.04 22.4 8.23004 20.48 6.97004L14.49 3.04004C13.41 2.32004 11.63 2.32004 10.55 3.03004Z"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M6.13012 13.58L6.12012 18.27C6.12012 19.54 7.10012 20.9 8.30012 21.3L11.4901 22.36C12.0401 22.54 12.9501 22.54 13.5101 22.36L16.7001 21.3C17.9001 20.9 18.8801 19.54 18.8801 18.27V13.63"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M21.8999 15.5V9.5"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
دوره های آموزشی
</span>
<span class="flexBox gap-[0.8vw]">
<svg
width="1.302vw"
height="1.302vw"
viewBox="0 0 25 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.5 22.5C18 22.5 22.5 18 22.5 12.5C22.5 7 18 2.5 12.5 2.5C7 2.5 2.5 7 2.5 12.5C2.5 18 7 22.5 12.5 22.5Z"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M12.5 8.5V13.5"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M12.4946 16.5H12.5036"
stroke="#383E43"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
درباره ما</span
>
</div>
<nuxt-link to="/signup">
<img
src="/images/Profile.png"
alt="profile"
class="h-[3.698vw] w-[3.698vw] rounded-full p-[0.521vw]"
/>
</nuxt-link>
</div>
</nav>
</div>
</template>
<script setup>
const openSearchBox = () =>{
if (process.client) {
document.getElementById('searchBox').classList.add('!block')
}
}
onMounted(() => {
})
</script>
layouts/footer.vue
+216
View File
File diff suppressed because one or more lines are too long
nuxt.config.ts
+3 -2
View File
@@ -2,10 +2,11 @@
export default defineNuxtConfig({
devtools: { enabled: true },
modules: [
'@nuxtjs/tailwindcss'
'@nuxtjs/tailwindcss',
'vue3-carousel-nuxt'
],
tailwindcss: {
cssPath: '~/assets/css/tailwind.css',
configPath: '~/tailwind.config.js',
},
})
})
package-lock.json
Generated
+19 -1
View File
@@ -9,7 +9,8 @@
"dependencies": {
"nuxt": "^3.11.2",
"vue": "^3.4.27",
"vue-router": "^4.3.2"
"vue-router": "^4.3.2",
"vue3-carousel-nuxt": "^1.1.1"
},
"devDependencies": {
"@nuxtjs/tailwindcss": "^6.12.0"
@@ -11769,6 +11770,23 @@
"resolved": "https://registry.npmjs.org/mitt/-/mitt-2.1.0.tgz",
"integrity": "sha512-ILj2TpLiysu2wkBbWjAmww7TkZb65aiQO+DkVdUTBpBXq+MHYiETENkKFMtsJZX1Lf4pe4QOrTSjIfUwN5lRdg=="
},
"node_modules/vue3-carousel": {
"version": "0.3.3",
"resolved": "https://registry.npmjs.org/vue3-carousel/-/vue3-carousel-0.3.3.tgz",
"integrity": "sha512-VsuOBE4LG9lxAiYGR9U7ps4RyJ4oFQGzk79/49ybvoxzNpahPAVWIDHKK3a1lOv0CSplFq6u4FvaFLZ8x3FgWg==",
"peerDependencies": {
"vue": "^3.2.0"
}
},
"node_modules/vue3-carousel-nuxt": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/vue3-carousel-nuxt/-/vue3-carousel-nuxt-1.1.1.tgz",
"integrity": "sha512-vhsHeB1bjTPSrKUmci0saXA2ueT4g7WArCG2cv6NzXiVnyaPZUCUjZcPcwTqQ86amRUjg92NgGhOlgDsz4pNHg==",
"dependencies": {
"@nuxt/kit": "^3.11.0",
"vue3-carousel": "^0.3.3"
}
},
"node_modules/webidl-conversions": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
package.json
+2 -1
View File
@@ -13,7 +13,8 @@
"dependencies": {
"nuxt": "^3.11.2",
"vue": "^3.4.27",
"vue-router": "^4.3.2"
"vue-router": "^4.3.2",
"vue3-carousel-nuxt": "^1.1.1"
},
"devDependencies": {
"@nuxtjs/tailwindcss": "^6.12.0"
pages/courses/index.vue
+3
View File
@@ -0,0 +1,3 @@
<template>
دوره ها
</template>
pages/index.vue
+5 -5
View File
@@ -1,7 +1,7 @@
<template>
<div class="flex justify-center items-center gap-8 mt-12 text-primaryGreen">
<nuxt-link to="/signup" class="border-b hover:border-primaryGreen">عضویت</nuxt-link>
<nuxt-link to="/login" class="border-b hover:border-primaryGreen">ورود</nuxt-link>
<home-pageIntro />
<home-pageSuggested-courses />
<home-pageInformation />
<home-pageAbout-us />
</template>
</div>
</template>
pages/signup/index.vue
+36 -36
View File
@@ -1,41 +1,41 @@
<template>
<div class="h-screen flex">
<div class="basis-1/2 flexBox">
<div class="w-[43.75vw] text-primaryTextColor space-y-[2vw]">
<div class="content mb-[3vw]">
<p class="font-bold text-[1.901vw]">خوش آمدید</p>
<p class="text-[0.938vw] leading-[1.406vw] mt-[0.5vw]">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در
ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و
کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد کتابهای زیادی
در شصت و سه درصد گذشته حال و آینده
</p>
<div class="h-screen flex">
<div class="basis-1/2 flexBox">
<div class="w-[43.75vw] text-primaryTextColor space-y-[2vw]">
<div class="content mb-[3vw]">
<p class="font-bold text-[1.901vw]">خوش آمدید</p>
<p class="text-[0.938vw] leading-[1.406vw] mt-[0.5vw]">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در
ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و
کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد کتابهای زیادی
در شصت و سه درصد گذشته حال و آینده
</p>
</div>
<nuxt-link class="greenButton" to="/login">ورود</nuxt-link>
<login-pageSignup-svg />
</div>
<nuxt-link class="greenButton" to="/login">ورود</nuxt-link>
<login-pageSignup-svg />
</div>
<div class="basis-1/2 bg-secondaryGreen flexBox">
<svg
class="absolute top-0 left-0 w-[17.031vw] h-[6.927vw]"
viewBox="0 0 327 133" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_275_3158" fill="white">
<path d="M0 0H327V133H0V0Z"/>
</mask>
<path d="M0 0H327V133H0V0Z" fill="#DDECEC"/>
<path d="M327 132H0V134H327V132Z" fill="#E5E5E5" mask="url(#path-1-inside-1_275_3158)"/>
<path d="M50.7508 72.6553C50.7508 71.0563 50.4251 69.6943 49.7737 68.5691C49.1815 67.3847 48.1748 66.3483 46.7535 65.46C45.5099 64.631 44.1478 63.9499 42.6673 63.417C41.1868 62.8248 39.351 62.2029 37.1598 61.5515C35.6201 61.0778 34.0212 60.5448 32.363 59.9526C30.7049 59.3604 29.1947 58.709 27.8327 57.9983C23.9242 56.0441 21.0224 53.7937 19.1273 51.2472C17.2915 48.6416 16.3736 45.651 16.3736 42.2754C16.3736 38.7814 17.3507 35.7316 19.305 33.1259C21.3185 30.461 24.0426 28.4179 27.4774 26.9967C30.9121 25.5754 34.7318 24.8647 38.9364 24.8647C43.2003 24.8647 47.0496 25.6642 50.4843 27.2631C53.9783 28.8621 56.732 31.1421 58.7455 34.1031C60.759 37.0048 61.7657 40.3804 61.7657 44.2297H50.662C50.662 40.9134 49.6256 38.3077 47.5529 36.4126C45.4802 34.5176 42.5785 33.5701 38.8476 33.5701C35.2944 33.5701 32.5111 34.3695 30.4976 35.9685C28.4841 37.5082 27.4774 39.6105 27.4774 42.2754C27.4774 44.8219 28.8394 46.9538 31.5635 48.6712C32.8664 49.5003 34.2581 50.2109 35.7386 50.8031C37.2191 51.3361 38.9957 51.9283 41.0684 52.5797C43.6148 53.4088 45.6283 54.1194 47.1088 54.7116C48.6485 55.3038 50.2178 56.0441 51.8168 56.9324C55.2515 58.7682 57.7684 60.9889 59.3673 63.5946C61.0255 66.1411 61.8546 69.1021 61.8546 72.4776C61.8546 75.9716 60.9367 79.0214 59.1008 81.6271C57.265 84.2328 54.6297 86.2463 51.195 87.6675C47.8194 89.0888 43.8517 89.7995 39.2918 89.7995C34.9687 89.7995 30.9121 89.0296 27.122 87.4899C23.332 85.9502 20.2525 83.6702 17.8837 80.65C15.5741 77.6298 14.4194 73.9877 14.4194 69.7239H25.5231C25.5231 73.3363 26.7075 76.1493 29.0763 78.1627C31.5043 80.117 34.9095 81.0941 39.2918 81.0941C42.9042 81.0941 45.7171 80.3539 47.7306 78.8734C49.7441 77.3929 50.7508 75.3202 50.7508 72.6553ZM82.044 89H71.3844V42.0978H82.044V89ZM70.5849 29.7504C70.5849 28.0922 71.1179 26.7302 72.1838 25.6642C73.309 24.5982 74.8191 24.0653 76.7142 24.0653C78.55 24.0653 80.0305 24.5982 81.1557 25.6642C82.2808 26.7302 82.8434 28.0922 82.8434 29.7504C82.8434 31.4085 82.2808 32.7706 81.1557 33.8366C80.0305 34.8433 78.55 35.3467 76.7142 35.3467C74.8191 35.3467 73.309 34.8433 72.1838 33.8366C71.1179 32.7706 70.5849 31.4085 70.5849 29.7504ZM91.5363 64.8382C91.5363 60.0414 92.3358 55.8664 93.9347 52.3132C95.5336 48.76 97.7248 46.0359 100.508 44.1408C103.351 42.1866 106.637 41.2095 110.368 41.2095C115.757 41.2095 119.962 43.0749 122.982 46.8057L123.426 42.0978H133.109V87.5787C133.109 90.7766 132.368 93.8857 130.888 96.9059C129.467 99.9261 127.128 102.443 123.87 104.456C120.673 106.47 116.586 107.477 111.612 107.477C108.177 107.477 104.831 106.766 101.574 105.345C98.3762 103.983 95.9482 102.147 94.29 99.8373L99.1757 93.5303C102.433 97.3204 106.401 99.2155 111.079 99.2155C114.751 99.2155 117.534 98.2087 119.429 96.1952C121.383 94.241 122.36 91.3984 122.36 87.6675V84.6473C119.34 88.1413 115.313 89.8883 110.279 89.8883C106.549 89.8883 103.262 88.8816 100.419 86.8681C97.6359 84.8546 95.4448 82.012 93.8459 78.3404C92.3061 74.6095 91.5363 70.2865 91.5363 65.3712V64.8382ZM102.285 66.0819C102.285 70.8195 103.203 74.5503 105.038 77.2744C106.933 79.9393 109.569 81.2718 112.944 81.2718C117.267 81.2718 120.406 79.4656 122.36 75.8532V55.0669C120.288 51.573 117.179 49.826 113.033 49.826C109.598 49.826 106.933 51.2176 105.038 54.001C103.203 56.7251 102.285 60.7521 102.285 66.0819ZM153.662 42.0978L154.018 47.7829C157.512 43.4006 162.131 41.2095 167.875 41.2095C177.706 41.2095 182.651 46.9242 182.71 58.3536V89H172.05V58.5313C171.991 55.4519 171.31 53.2311 170.007 51.8691C168.764 50.507 166.661 49.826 163.7 49.826C161.628 49.826 159.762 50.3589 158.104 51.4249C156.505 52.4316 155.261 53.8529 154.373 55.6887V89H143.625V42.0978H153.662ZM261.677 25.8419V68.3914C261.677 74.7872 259.604 79.9097 255.459 83.759C251.373 87.5491 245.569 89.5922 238.048 89.8883C230.764 89.8883 224.99 87.9636 220.726 84.1143C216.522 80.265 214.39 75.0241 214.331 68.3914V25.8419H225.434V68.3026C225.434 72.448 226.53 75.6163 228.721 77.8074C230.912 79.9986 234.021 81.0941 238.048 81.0941C242.075 81.0941 245.155 79.9986 247.287 77.8074C249.478 75.6163 250.573 72.448 250.573 68.3026V25.8419H261.677ZM313.667 65.993C313.667 70.7306 312.927 74.9056 311.446 78.5181C309.966 82.1305 307.834 84.9434 305.05 86.9569C302.326 88.9112 299.128 89.8883 295.457 89.8883C290.305 89.8883 286.189 88.1709 283.109 84.7362V107.032H272.45V42.0978H282.31L282.665 46.8946C285.745 43.1045 289.979 41.2095 295.368 41.2095C301.053 41.2095 305.524 43.3414 308.781 47.6052C312.038 51.8691 313.667 57.7614 313.667 65.2824V65.993ZM283.109 76.0308C285.064 79.6432 288.202 81.4494 292.525 81.4494C295.782 81.4494 298.299 80.1466 300.076 77.5409C301.912 74.9352 302.859 71.1156 302.918 66.0819V65.0159C302.978 60.2191 302.06 56.4882 300.165 53.8233C298.329 51.1584 295.753 49.826 292.436 49.826C288.173 49.826 285.064 51.6026 283.109 55.1558V76.0308Z" fill="url(#paint0_linear_275_3158)"/>
<defs>
<linearGradient id="paint0_linear_275_3158" x1="163.5" y1="0" x2="163.5" y2="133" gradientUnits="userSpaceOnUse">
<stop stop-color="#878787" stop-opacity="0.19"/>
<stop offset="0.7" stop-color="#878787" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
<login-pageSignup-form />
</div>
</div>
<div class="basis-1/2 bg-secondaryGreen flexBox">
<svg
class="absolute top-0 left-0 w-[17.031vw] h-[6.927vw]"
viewBox="0 0 327 133" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_275_3158" fill="white">
<path d="M0 0H327V133H0V0Z"/>
</mask>
<path d="M0 0H327V133H0V0Z" fill="#DDECEC"/>
<path d="M327 132H0V134H327V132Z" fill="#E5E5E5" mask="url(#path-1-inside-1_275_3158)"/>
<path d="M50.7508 72.6553C50.7508 71.0563 50.4251 69.6943 49.7737 68.5691C49.1815 67.3847 48.1748 66.3483 46.7535 65.46C45.5099 64.631 44.1478 63.9499 42.6673 63.417C41.1868 62.8248 39.351 62.2029 37.1598 61.5515C35.6201 61.0778 34.0212 60.5448 32.363 59.9526C30.7049 59.3604 29.1947 58.709 27.8327 57.9983C23.9242 56.0441 21.0224 53.7937 19.1273 51.2472C17.2915 48.6416 16.3736 45.651 16.3736 42.2754C16.3736 38.7814 17.3507 35.7316 19.305 33.1259C21.3185 30.461 24.0426 28.4179 27.4774 26.9967C30.9121 25.5754 34.7318 24.8647 38.9364 24.8647C43.2003 24.8647 47.0496 25.6642 50.4843 27.2631C53.9783 28.8621 56.732 31.1421 58.7455 34.1031C60.759 37.0048 61.7657 40.3804 61.7657 44.2297H50.662C50.662 40.9134 49.6256 38.3077 47.5529 36.4126C45.4802 34.5176 42.5785 33.5701 38.8476 33.5701C35.2944 33.5701 32.5111 34.3695 30.4976 35.9685C28.4841 37.5082 27.4774 39.6105 27.4774 42.2754C27.4774 44.8219 28.8394 46.9538 31.5635 48.6712C32.8664 49.5003 34.2581 50.2109 35.7386 50.8031C37.2191 51.3361 38.9957 51.9283 41.0684 52.5797C43.6148 53.4088 45.6283 54.1194 47.1088 54.7116C48.6485 55.3038 50.2178 56.0441 51.8168 56.9324C55.2515 58.7682 57.7684 60.9889 59.3673 63.5946C61.0255 66.1411 61.8546 69.1021 61.8546 72.4776C61.8546 75.9716 60.9367 79.0214 59.1008 81.6271C57.265 84.2328 54.6297 86.2463 51.195 87.6675C47.8194 89.0888 43.8517 89.7995 39.2918 89.7995C34.9687 89.7995 30.9121 89.0296 27.122 87.4899C23.332 85.9502 20.2525 83.6702 17.8837 80.65C15.5741 77.6298 14.4194 73.9877 14.4194 69.7239H25.5231C25.5231 73.3363 26.7075 76.1493 29.0763 78.1627C31.5043 80.117 34.9095 81.0941 39.2918 81.0941C42.9042 81.0941 45.7171 80.3539 47.7306 78.8734C49.7441 77.3929 50.7508 75.3202 50.7508 72.6553ZM82.044 89H71.3844V42.0978H82.044V89ZM70.5849 29.7504C70.5849 28.0922 71.1179 26.7302 72.1838 25.6642C73.309 24.5982 74.8191 24.0653 76.7142 24.0653C78.55 24.0653 80.0305 24.5982 81.1557 25.6642C82.2808 26.7302 82.8434 28.0922 82.8434 29.7504C82.8434 31.4085 82.2808 32.7706 81.1557 33.8366C80.0305 34.8433 78.55 35.3467 76.7142 35.3467C74.8191 35.3467 73.309 34.8433 72.1838 33.8366C71.1179 32.7706 70.5849 31.4085 70.5849 29.7504ZM91.5363 64.8382C91.5363 60.0414 92.3358 55.8664 93.9347 52.3132C95.5336 48.76 97.7248 46.0359 100.508 44.1408C103.351 42.1866 106.637 41.2095 110.368 41.2095C115.757 41.2095 119.962 43.0749 122.982 46.8057L123.426 42.0978H133.109V87.5787C133.109 90.7766 132.368 93.8857 130.888 96.9059C129.467 99.9261 127.128 102.443 123.87 104.456C120.673 106.47 116.586 107.477 111.612 107.477C108.177 107.477 104.831 106.766 101.574 105.345C98.3762 103.983 95.9482 102.147 94.29 99.8373L99.1757 93.5303C102.433 97.3204 106.401 99.2155 111.079 99.2155C114.751 99.2155 117.534 98.2087 119.429 96.1952C121.383 94.241 122.36 91.3984 122.36 87.6675V84.6473C119.34 88.1413 115.313 89.8883 110.279 89.8883C106.549 89.8883 103.262 88.8816 100.419 86.8681C97.6359 84.8546 95.4448 82.012 93.8459 78.3404C92.3061 74.6095 91.5363 70.2865 91.5363 65.3712V64.8382ZM102.285 66.0819C102.285 70.8195 103.203 74.5503 105.038 77.2744C106.933 79.9393 109.569 81.2718 112.944 81.2718C117.267 81.2718 120.406 79.4656 122.36 75.8532V55.0669C120.288 51.573 117.179 49.826 113.033 49.826C109.598 49.826 106.933 51.2176 105.038 54.001C103.203 56.7251 102.285 60.7521 102.285 66.0819ZM153.662 42.0978L154.018 47.7829C157.512 43.4006 162.131 41.2095 167.875 41.2095C177.706 41.2095 182.651 46.9242 182.71 58.3536V89H172.05V58.5313C171.991 55.4519 171.31 53.2311 170.007 51.8691C168.764 50.507 166.661 49.826 163.7 49.826C161.628 49.826 159.762 50.3589 158.104 51.4249C156.505 52.4316 155.261 53.8529 154.373 55.6887V89H143.625V42.0978H153.662ZM261.677 25.8419V68.3914C261.677 74.7872 259.604 79.9097 255.459 83.759C251.373 87.5491 245.569 89.5922 238.048 89.8883C230.764 89.8883 224.99 87.9636 220.726 84.1143C216.522 80.265 214.39 75.0241 214.331 68.3914V25.8419H225.434V68.3026C225.434 72.448 226.53 75.6163 228.721 77.8074C230.912 79.9986 234.021 81.0941 238.048 81.0941C242.075 81.0941 245.155 79.9986 247.287 77.8074C249.478 75.6163 250.573 72.448 250.573 68.3026V25.8419H261.677ZM313.667 65.993C313.667 70.7306 312.927 74.9056 311.446 78.5181C309.966 82.1305 307.834 84.9434 305.05 86.9569C302.326 88.9112 299.128 89.8883 295.457 89.8883C290.305 89.8883 286.189 88.1709 283.109 84.7362V107.032H272.45V42.0978H282.31L282.665 46.8946C285.745 43.1045 289.979 41.2095 295.368 41.2095C301.053 41.2095 305.524 43.3414 308.781 47.6052C312.038 51.8691 313.667 57.7614 313.667 65.2824V65.993ZM283.109 76.0308C285.064 79.6432 288.202 81.4494 292.525 81.4494C295.782 81.4494 298.299 80.1466 300.076 77.5409C301.912 74.9352 302.859 71.1156 302.918 66.0819V65.0159C302.978 60.2191 302.06 56.4882 300.165 53.8233C298.329 51.1584 295.753 49.826 292.436 49.826C288.173 49.826 285.064 51.6026 283.109 55.1558V76.0308Z" fill="url(#paint0_linear_275_3158)"/>
<defs>
<linearGradient id="paint0_linear_275_3158" x1="163.5" y1="0" x2="163.5" y2="133" gradientUnits="userSpaceOnUse">
<stop stop-color="#878787" stop-opacity="0.19"/>
<stop offset="0.7" stop-color="#878787" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
<login-pageSignup-form />
</div>
</div>
</template>
public/images/HeaderBg.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 117 KiB

public/images/Logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 411 KiB

public/images/Profile.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 94 KiB

public/images/aboutUs.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.8 MiB

public/images/course.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 406 KiB

tailwind.config.js
+2
View File
@@ -8,7 +8,9 @@ export default {
primaryGreen: '#0D3F40',
primaryTextColor: '#383E43',
secondaryTextColor: '#878787',
footerGreen: '#D3EDED'
}
}
}
}