create single page of courses

components/about-us/Missions.vue

@@ -0,0 +1,53 @@
+<template>
+    <div class="flexBox mt-[250vw] md:mt-[23.6vw]">
+        <div class="w-[87.692vw] md:w-[81.2vw] flex flex-col md:flex-row">
+          <div class="w-full md:w-[30.5%] flex gap-[1vw]">
+            <div class="w-full md:w-[70%] flex gap-[3vw] md:gap-[1vw] border-b h-[13.077vw] md:h-[6vw]">
+              <svg
+                class="h-[8.462vw] md:h-[2.76vw] w-[1.538vw] md:w-[0.521vw]"
+                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>
+  
+              <p class="w-full md:w-[7.552vw] text-[5.11vw] md:text-[1.69vw] text-[#383E43] font-semibold">
+                ماموریت و چشم انداز
+              </p>
+            </div>
+          </div>
+          <div class="w-full md:w-[60%] mt-[6vw] md:mt-0 text-[3.59vw] md:text-[1.055vw] text-[#878787] leading-[7.692vw] md:leading-[2.083vw]">
+            <p>
+              لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
+              استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در
+              ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و
+              کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد کتابهای زیادی
+              در شصت و سه درصد گذشته حال و آینده شناخت فراوان جامعه و متخصصان را
+              می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی
+              الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد در این
+              صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و
+              شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی
+              دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا
+              مورد استفاده قرار گیرد. و جوابگوی سوالات پیوسته اهل دنیای موجود
+              طراحی اساسا مورد استفاده قرار گیرد. و جوابگوی سوالات پیوسته اهل
+              دنیای موجود طراحی اساسا مورد استفاده قرار گیرد. و جوابگوی سوالات
+              پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
+            </p>
+            <p class="mt-[2vw]">
+              لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
+              استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در
+              ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و
+              کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد کتابهای زیادی
+              در شصت و سه درصد گذشته حال و آینده شناخت فراوان جامعه و متخصصان را
+              می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی
+              الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد در این
+              صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها
+            </p>
+          </div>
+        </div>
+      </div>
+</template>