<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">
{{props.props.description}}
  </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>

<script setup>
const props = defineProps(['props'])

</script>