classroomio/apps/backend/course.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link
    href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300;400&family=Roboto:wght@100;300;400;500;700;900&display=swap"
    rel="stylesheet" />
  <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script>
  <title>Lesson Note</title>
  <style>
    html {
      -webkit-print-color-adjust: exact;
    }

    header {
      border-color: rgb(0, 48, 255);
    }

    body {
      font-family: 'Roboto', sans-serif;
    }

    .hero {
      background-color: rgb(0, 48, 255);
    }

    .prose h1 {
      margin: 0;
    }

    .prose h2 {
      margin: 0.5rem 0 3rem 0;
    }

    .prose h3 {
      margin: 0.5rem 0;
    }

    h4 {
      font-family: 'Roboto Mono', monospace;
    }

    span {
      font-size: 0.8rem;
    }

    section {
      margin-top: 5%;
    }

    .root {
      width: 95%;
    }

    .footer {
      font-size: 3rem;
      scale: 3;
    }
  </style>
  <style type="text/tailwindcss">
    @tailwind base;
        @tailwind base;
        @tailwind components;
        @tailwind utilities;

        .prose {
          max-width: unset;
        }
      </style>
</head>

<body class="w-full">
  <header class="flex justify-center items-center flex-col border-[50px] mx-10 h-[100vh] m-0">
    <h1 class="font-bold text-8xl text-black m-0 mx-96">React js for Beginners</h1>
    <h4 class="text-md text-2xl font-light text-black mt-5 ">By TheSpace</h4>
  </header>

  <div class="root mx-auto mt-5 prose">

    <div class="hero w-full h-40 flex flex-col items-center justify-center gap-2 rounded-lg m-0">
      <h3
        class="my-0 rounded-full w-10 text-center mx-auto py-1 text-blue-700 bg-white text-md font-bold tracking-tighter">
        32
      </h3>
      <h1 class="font-bold text-5xl text-white m-0">The Yams</h1>
      <h4 class="text-md font-normal text-white m-0">By The Space</h4>
    </div>

    <main>
      <section>
        <h1>Lesson Note: Introduction and Counselling</h1>
        <h2>Course: The Ultimate Guide to relocating to the UK via Study Path</h2>
        <h3>Lesson Overview:</h3>
        <p>This lesson serves as the introduction to the course &quot;The Ultimate Guide to relocating to the UK via
          Study Path.&quot; In this session, we will provide an overview of the course and discuss the importance of
          effective counseling in the relocation process.</p>
        <h3>Learning Objectives:</h3>
        <p>By the end of this lesson, students should be able to:</p>
        <ul>
          <li>Understand the goals and structure of the course.</li>
          <li>Recognize the significance of counseling in the relocation process.</li>
          <li>Acquire knowledge about the necessary steps involved in relocating to the UK through the study path.</li>
        </ul>
        <h3>Lesson Content:</h3>
        <ol>
          <li>
            <p><strong>Introduction to the Course</strong></p>
            <ul>
              <li>Briefly introduce the course title and explain its relevance to students&#39; interests.</li>
              <li>Highlight the main topics and modules covered throughout the course.</li>
            </ul>
          </li>
          <li>
            <p><strong>Importance of Counseling</strong></p>
            <ul>
              <li>Define the role of counseling in the relocation process.</li>
              <li>Discuss how counseling can assist students in making informed decisions regarding their studies and
                life in the UK.</li>
              <li>Explain the benefits of seeking professional guidance during the relocation journey.</li>
            </ul>
          </li>
          <li>
            <p><strong>Steps for Relocating to the UK via Study Path</strong></p>
            <ul>
              <li>Provide an overview of the necessary steps involved in relocating to the UK for study purposes.</li>
              <li>Discuss the importance of thorough planning, research, and documentation in the relocation process.
              </li>
              <li>Highlight key points such as visa applications, university admissions, accommodation arrangements, and
                financial considerations.</li>
            </ul>
          </li>
          <li>
            <p><strong>Q&amp;A and Discussion Time</strong></p>
            <ul>
              <li>Allocate time for students to ask questions, provide comments, or share personal experiences.</li>
              <li>Encourage active participation and foster a supportive learning environment.</li>
            </ul>
          </li>
        </ol>
        <h3>Conclusion:</h3>
        <p>In this lesson, we introduced the course &quot;The Ultimate Guide to relocating to the UK via Study
          Path&quot; and emphasized the significance of counseling in the relocation process. We explored the essential
          steps involved in relocating to the UK and highlighted the importance of thorough planning and research.
          Students should now have a better understanding of the course objectives and overall expectations. In the next
          session, we will delve deeper into the specific requirements for studying in the UK and provide detailed
          guidance on university admissions.</p>

      </section>

      <section>
        <h1 class="text-xl font-bold my-1">Extra Resources</h1>
        <div class="flex mt-2 mb-1">
          <p class="m-0 mr-2">Slide Link:</p> <a href=https://youtu.be/dyLaKhePzj8 style="color: blue"
            class="underline">Open Here</a>
        </div>

        <p class="m-0">Video Link:</p>
        <div class="m-0">
          <ol class="m-0">

            <li key={index + 1}><a href=https://youtu.be/0fYi8SGA20k style="color: blue"
                class="underline">https://youtu.be/0fYi8SGA20k</a></li>

            <li key={index + 1}><a href=https://youtu.be/0fYi8SGA20k style="color: blue"
                class="underline">https://youtu.be/0fYi8SGA20k</a></li>

          </ol>
        </div>

      </section>
    </main>



  </div>
</body>

</html>