create single page of courses

2024-05-18 16:02:45 +03:30
parent d46cce51ac
commit 81f0fd159c
38 changed files with 1918 additions and 294 deletions
@@ -6,12 +6,12 @@

      <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]"
+          class="text-[5.11vw] md:text-[1.69vw] text-primaryGreen 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]"
+          class="text-[#383E43] 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]"
        >
          لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
          استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در
@@ -10,7 +10,7 @@
                <p class="hidden md:block mt-[1.25vw] text-[1.055vw] leading-[30.38px] mb-[2.917vw]">
                    شینان، آکادمی آموزش آنلاین تخصصی برنامه نویسی، با افتخار بهترین و به روزترین مقالات و فیلم های
                    آموزشی
-                    پروژه محور و کاربردی در زمینه برنامه نویسی وب را در اختیار علاقه مندان این حرفه <br /> قرار خواهد
+                    پروژه محور و کاربردی در زمینه برنامه نویسی وب را در اختیار علاقه مندان این  <br /> قرار خواهد
                    داد تا
                    بتوانند از این طریق درآمد بیشتری کسب کنند با ما همراه باشید تا گام های تبدیل شدن به توسعه دهنده وب
                    را از
@@ -53,7 +53,7 @@
      </svg>

      <input
-        class="w-[100%] md:w-[45vw] h-[10.769vw] md:h-[3.333vw] text-[2.836vw] md:text-[0.741vw] text-[#878787] rounded-[2.564vw] md:rounded-[0.781vw] ps-[12vw] md:ps-[3vw] md:ms-[1.563vw] shadow-sm"
+        class="thin w-[100%] md:w-[45vw] h-[10.769vw] md:h-[3.333vw] text-[2.836vw] md:text-[0.741vw] text-[#878787] rounded-[2.564vw] md:rounded-[0.781vw] ps-[12vw] md:ps-[3vw] md:ms-[1.563vw] shadow-sm"
        type="text"
        placeholder="نام آموزش ، دوره و ... را وارد کنید"
      />
@@ -120,12 +120,12 @@ const breakpoints = {
    snapAlign: "end",
  },
  700: {
-    itemsToShow: 7.3,
+    itemsToShow: 8.6,
    snapAlign: "end",
  },
  // 1024 and up
  1024: {
-    itemsToShow: 8.3,
+    itemsToShow: 8.6,
    snapAlign: "end",
  },
 };
@@ -1,6 +1,6 @@
 <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]"
+      class="flex text-[#383E43] 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]"