create single page of courses

components/product-page/course-details/Description.vue

@@ -0,0 +1,50 @@
+<template>
+    <div
+    class="flex items-center gap-[3vw] md:gap-[0.7vw] mt-[15vw] md:mt-0"
+  >
+    <svg
+      class="w-[1.538vw] md:w-[0.521vw] h-[8.462vw] md:h-[2.76vw]"
+      viewBox="0 0 10 53"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 5C0 2.23858 2.23858 0 5 0H10V53H5C2.23858 53 0 50.7614 0 48V5Z"
+        fill="#0D3F40"
+      />
+    </svg>
+    <span class="text-[4.544vw] md:text-[1.481vw] font-semibold"
+      >توضیحات</span
+    >
+  </div>
+  <p class="mt-[4vw] md:mt-[2.1vw] thin">
+    آموزش HTML یکی از اساسی ترین ماموریت های شینان برای پرورش برنامه
+    نویسان وب حرفه ای محسوب میشه. حتما اسمشو شنیدید اما شاید براتون سوال
+    پیش اومده که چرا و چطور باید اون رو یاد گرفت و چه اهمیتی داره؟ میشه
+    گفت الفبای برنامه نویسی وب هست و یادگیری اون اولین پیش نیاز ورود به
+    این تخصص جذاب محسوب میشه.
+  </p>
+  <p class="mt-[3.4vw] thin">
+    شینان در کنار شماست تا بدون سردرگمی و گشتن بین آموزش های مختلف، کامل
+    ترین و تخصصی ترین آموزش HTML رو دریافت کنید و مزه ی یک آموزش اصولی و
+    یادگیری راحت رو بچشید و خیلی زود قدم های بعدی رو بردارید تا به شغل ها
+    و درآمدهای بالا برسید.
+  </p>
+
+  <p class="text-[4.038vw] md:text-[1.335vw] mt-[10vw] md:mt-[4.8vw]">
+    این دوره برای چه کسانی مناسب هست؟
+  </p>
+  <p class="mt-[5vw] md:mt-[2.2vw] thin">اگر :</p>
+  <ul class="ms-[3vw] md:ms-[1vw] list-disc thin">
+    <li>به حوزه فرانت اند و طراحی رابط کاربری (UI) علاقه دارید</li>
+    <li>دوست دارید صفحات سایت خودتون رو شخصا به شکل دلخواه تغییر بدید</li>
+    <li>
+      قصد دارید سایت هارو آنالیز کنید یا از ساختار اونها ایده بگیرید
+    </li>
+    <li>
+      قصد دارید یک برنامه نویس وب (طراح سایت و اپلیکیشن تحت وب) بشید
+    </li>
+    <li>دوست دارید کدهای بهینه تولید کنید تا سئوی قوی تری داشته باشید</li>
+  </ul>
+
+</template>