<form method="POST">
    <h3>Editing: index.html</h3>
    <textarea name="content" rows="20" cols="80">&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot; /&gt;
    &lt;title&gt;HOME || Bornoit Institute&lt;/title&gt;
    &lt;meta content=&quot;width=device-width, initial-scale=1.0&quot; name=&quot;viewport&quot; /&gt;
    &lt;meta content=&quot;&quot; name=&quot;keywords&quot; /&gt;
    &lt;meta content=&quot;&quot; name=&quot;description&quot; /&gt;

    &lt;!-- =========================== Favicon ===========================  --&gt;
    &lt;link href=&quot;img/favicon.ico&quot; rel=&quot;icon&quot; /&gt;

    &lt;!-- ===========================  Google Web Fonts ===========================  --&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.googleapis.com&quot; /&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.gstatic.com&quot; crossorigin /&gt;
    &lt;link
      href=&quot;https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600&amp;family=Nunito:wght@600;700;800&amp;display=swap&quot;
      rel=&quot;stylesheet&quot;
    /&gt;

    &lt;!-- ===========================  Icon Font  ===========================  --&gt;
    &lt;link
      href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css&quot;
      rel=&quot;stylesheet&quot;
    /&gt;
    &lt;link
      href=&quot;https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css&quot;
      rel=&quot;stylesheet&quot;
    /&gt;

    &lt;!-- ===========================  Libraries  ===========================  --&gt;
    &lt;link href=&quot;lib/animate/animate.min.css&quot; rel=&quot;stylesheet&quot; /&gt;
    &lt;link href=&quot;lib/owlcarousel/assets/owl.carousel.min.css&quot; rel=&quot;stylesheet&quot; /&gt;

    &lt;!-- ===========================  Customized Bootstrap  ===========================  --&gt;
    &lt;link href=&quot;css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot; /&gt;

    &lt;!-- =========================== Template ===========================  --&gt;
    &lt;link href=&quot;css/style.css&quot; rel=&quot;stylesheet&quot; /&gt;
  &lt;/head&gt;

  &lt;body&gt;
    &lt;!-- ===========================  Spinner Start ===========================  --&gt;
    &lt;!-- &lt;div id=&quot;spinner&quot; class=&quot;show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center&quot;&gt;
        &lt;div class=&quot;spinner-border text-primary&quot; style=&quot;width: 3rem; height: 3rem;&quot; role=&quot;status&quot;&gt;
            &lt;span class=&quot;sr-only&quot;&gt;Loading...&lt;/span&gt;
        &lt;/div&gt;
    &lt;/div&gt; --&gt;
    &lt;!-- ===========================  Spinner End ===========================  --&gt;

    &lt;!-- ===========================  Navbar Section Start  ===========================  --&gt;
    &lt;nav
      class=&quot;navbar navbar-expand-lg bg-white navbar-light shadow sticky-top p-0&quot;
    &gt;
      &lt;a
        href=&quot;index.html&quot;
        class=&quot;navbar-brand d-flex align-items-center px-4 px-lg-5&quot;
      &gt;
        &lt;h2 class=&quot;m-0 text-danger&quot;&gt;
          &lt;!-- &lt;i class=&quot;fa fa-book me-3&quot;&gt;&lt;/i&gt; --&gt;
          &lt;img
            style=&quot;width: 180px; height: auto&quot;
            src=&quot;img/logo.jpg&quot;
            alt=&quot;&quot;
            class=&quot;img-fluid&quot;
          /&gt;
          &lt;!-- BORNOIT INSTITUTE --&gt;
        &lt;/h2&gt;
      &lt;/a&gt;
      &lt;button
        type=&quot;button&quot;
        class=&quot;navbar-toggler me-4&quot;
        data-bs-toggle=&quot;collapse&quot;
        data-bs-target=&quot;#navbarCollapse&quot;
      &gt;
        &lt;span class=&quot;navbar-toggler-icon&quot;&gt;&lt;/span&gt;
      &lt;/button&gt;
      &lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;navbarCollapse&quot;&gt;
        &lt;div class=&quot;navbar-nav ms-auto p-4 p-lg-0&quot;&gt;
          &lt;a href=&quot;index.html&quot; class=&quot;nav-item nav-link active&quot;&gt;Home&lt;/a&gt;
          &lt;a href=&quot;about.html&quot; class=&quot;nav-item nav-link&quot;&gt;About&lt;/a&gt;
          &lt;a href=&quot;courses.html&quot; class=&quot;nav-item nav-link&quot;&gt;Courses&lt;/a&gt;
          &lt;div class=&quot;nav-item dropdown&quot;&gt;
            &lt;a
              href=&quot;#&quot;
              class=&quot;nav-link dropdown-toggle&quot;
              data-bs-toggle=&quot;dropdown&quot;
              &gt;Pages&lt;/a
            &gt;
            &lt;div class=&quot;dropdown-menu fade-down m-0&quot;&gt;
              &lt;a href=&quot;team.html&quot; class=&quot;dropdown-item&quot;&gt;Our Team&lt;/a&gt;
              &lt;a href=&quot;testimonial.html&quot; class=&quot;dropdown-item&quot;&gt;Testimonial&lt;/a&gt;
              &lt;a href=&quot;404.html&quot; class=&quot;dropdown-item&quot;&gt;404 Page&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;a href=&quot;contact.html&quot; class=&quot;nav-item nav-link&quot;&gt;Contact&lt;/a&gt;
        &lt;/div&gt;
        &lt;a href=&quot;contact.html&quot; class=&quot;btn btn-danger py-4 px-lg-5 d-none d-lg-block&quot;
          &gt;Join Now&lt;i class=&quot;fa fa-arrow-right ms-3&quot;&gt;&lt;/i
        &gt;&lt;/a&gt;
      &lt;/div&gt;
    &lt;/nav&gt;
    &lt;!-- ===========================  Navbar Section End ===========================  --&gt;

    &lt;!-- =========================== Carousel section Start ===========================  --&gt;
    &lt;div class=&quot;container-fluid p-0 mb-5&quot;&gt;
      &lt;div class=&quot;owl-carousel header-carousel position-relative&quot;&gt;
        &lt;div class=&quot;owl-carousel-item position-relative&quot;&gt;
          &lt;img class=&quot;img-fluid w-100&quot; src=&quot;img/1.jpg&quot; alt=&quot;&quot; /&gt;
          &lt;div
            class=&quot;position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center&quot;
            style=&quot;background: rgba(24, 29, 56, 0.7)&quot;
          &gt;
            &lt;!--&lt;div class=&quot;container&quot;&gt;--&gt;
            &lt;!--  &lt;div class=&quot;row justify-content-start&quot;&gt;--&gt;
            &lt;!--    &lt;div class=&quot;col-sm-10 col-lg-8&quot;&gt;--&gt;
            &lt;!--      &lt;h5--&gt;
            &lt;!--        class=&quot;text-primary text-uppercase mb-3 animated slideInDown&quot;--&gt;
            &lt;!--      &gt;--&gt;
            &lt;!--        Best Courses--&gt;
            &lt;!--      &lt;/h5&gt;--&gt;
            &lt;!--      &lt;h1 class=&quot;display-3 text-white animated slideInDown&quot;&gt;--&gt;
            &lt;!--        The Best Learning Platform--&gt;
            &lt;!--      &lt;/h1&gt;--&gt;
            &lt;!--      &lt;p class=&quot;fs-5 text-white mb-4 pb-2&quot;&gt;--&gt;
            &lt;!--        Vero elitr justo clita lorem. Ipsum dolor at sed stet sit--&gt;
            &lt;!--        diam no. Kasd rebum ipsum et diam justo clita et kasd rebum--&gt;
            &lt;!--        sea sanctus eirmod elitr.--&gt;
            &lt;!--      &lt;/p&gt;--&gt;
            &lt;!--      &lt;a--&gt;
            &lt;!--        href=&quot;&quot;--&gt;
            &lt;!--        class=&quot;btn btn-danger py-md-3 px-md-5 me-3 animated slideInLeft&quot;--&gt;
            &lt;!--        &gt;Read More&lt;/a--&gt;
            &lt;!--      &gt;--&gt;
            &lt;!--      &lt;a--&gt;
            &lt;!--        href=&quot;&quot;--&gt;
            &lt;!--        class=&quot;btn btn-light py-md-3 px-md-5 animated slideInRight&quot;--&gt;
            &lt;!--        &gt;Join Now&lt;/a--&gt;
            &lt;!--      &gt;--&gt;
            &lt;!--    &lt;/div&gt;--&gt;
            &lt;!--  &lt;/div&gt;--&gt;
            &lt;!--&lt;/div&gt;--&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class=&quot;owl-carousel-item position-relative&quot;&gt;
          &lt;img class=&quot;img-fluid&quot; src=&quot;img/3.jpg&quot; alt=&quot;&quot; /&gt;
          &lt;div
            class=&quot;position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center&quot;
            style=&quot;background: rgba(24, 29, 56, 0.7)&quot;
          &gt;
            &lt;!--&lt;div class=&quot;container&quot;&gt;--&gt;
            &lt;!--  &lt;div class=&quot;row justify-content-start&quot;&gt;--&gt;
            &lt;!--    &lt;div class=&quot;col-sm-10 col-lg-8&quot;&gt;--&gt;
            &lt;!--      &lt;h5--&gt;
            &lt;!--        class=&quot;text-primary text-uppercase mb-3 animated slideInDown&quot;--&gt;
            &lt;!--      &gt;--&gt;
            &lt;!--        Best Courses--&gt;
            &lt;!--      &lt;/h5&gt;--&gt;
            &lt;!--      &lt;h1 class=&quot;display-3 text-white animated slideInDown&quot;&gt;--&gt;
            &lt;!--        Get Educate From Your Home--&gt;
            &lt;!--      &lt;/h1&gt;--&gt;
            &lt;!--      &lt;p class=&quot;fs-5 text-white mb-4 pb-2&quot;&gt;--&gt;
            &lt;!--        Vero elitr justo clita lorem. Ipsum dolor at sed stet sit--&gt;
            &lt;!--        diam no. Kasd rebum ipsum et diam justo clita et kasd rebum--&gt;
            &lt;!--        sea sanctus eirmod elitr.--&gt;
            &lt;!--      &lt;/p&gt;--&gt;
            &lt;!--      &lt;a--&gt;
            &lt;!--        href=&quot;&quot;--&gt;
            &lt;!--        class=&quot;btn btn-danger py-md-3 px-md-5 me-3 animated slideInLeft&quot;--&gt;
            &lt;!--        &gt;Read More&lt;/a--&gt;
            &lt;!--      &gt;--&gt;
            &lt;!--      &lt;a--&gt;
            &lt;!--        href=&quot;&quot;--&gt;
            &lt;!--        class=&quot;btn btn-light py-md-3 px-md-5 animated slideInRight&quot;--&gt;
            &lt;!--        &gt;Join Now&lt;/a--&gt;
            &lt;!--      &gt;--&gt;
            &lt;!--    &lt;/div&gt;--&gt;
            &lt;!--  &lt;/div&gt;--&gt;
            &lt;!--&lt;/div&gt;--&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class=&quot;owl-carousel-item position-relative&quot;&gt;
          &lt;img class=&quot;img-fluid&quot; src=&quot;img/2.jpg&quot; alt=&quot;&quot; /&gt;
          &lt;div
            class=&quot;position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center&quot;
            style=&quot;background: rgba(24, 29, 56, 0.7)&quot;
          &gt;
            &lt;!--&lt;div class=&quot;container&quot;&gt;--&gt;
            &lt;!--  &lt;div class=&quot;row justify-content-start&quot;&gt;--&gt;
            &lt;!--    &lt;div class=&quot;col-sm-10 col-lg-8&quot;&gt;--&gt;
            &lt;!--      &lt;h5--&gt;
            &lt;!--        class=&quot;text-primary text-uppercase mb-3 animated slideInDown&quot;--&gt;
            &lt;!--      &gt;--&gt;
            &lt;!--        Best Courses--&gt;
            &lt;!--      &lt;/h5&gt;--&gt;
            &lt;!--      &lt;h1 class=&quot;display-3 text-white animated slideInDown&quot;&gt;--&gt;
            &lt;!--        Get Educate From Your Home--&gt;
            &lt;!--      &lt;/h1&gt;--&gt;
            &lt;!--      &lt;p class=&quot;fs-5 text-white mb-4 pb-2&quot;&gt;--&gt;
            &lt;!--        Vero elitr justo clita lorem. Ipsum dolor at sed stet sit--&gt;
            &lt;!--        diam no. Kasd rebum ipsum et diam justo clita et kasd rebum--&gt;
            &lt;!--        sea sanctus eirmod elitr.--&gt;
            &lt;!--      &lt;/p&gt;--&gt;
            &lt;!--      &lt;a--&gt;
            &lt;!--        href=&quot;&quot;--&gt;
            &lt;!--        class=&quot;btn btn-danger py-md-3 px-md-5 me-3 animated slideInLeft&quot;--&gt;
            &lt;!--        &gt;Read More&lt;/a--&gt;
            &lt;!--      &gt;--&gt;
            &lt;!--      &lt;a--&gt;
            &lt;!--        href=&quot;&quot;--&gt;
            &lt;!--        class=&quot;btn btn-light py-md-3 px-md-5 animated slideInRight&quot;--&gt;
            &lt;!--        &gt;Join Now&lt;/a--&gt;
            &lt;!--      &gt;--&gt;
            &lt;!--    &lt;/div&gt;--&gt;
            &lt;!--  &lt;/div&gt;--&gt;
            &lt;!--&lt;/div&gt;--&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;!-- ===========================  Carousel section End ===========================  --&gt;

    &lt;!-- ===========================  Service section Start ===========================  --&gt;
    &lt;div class=&quot;container-xxl py-5&quot;&gt;
      &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;row g-4&quot;&gt;
          &lt;div class=&quot;col-lg-3 col-sm-6 wow fadeInUp&quot; data-wow-delay=&quot;0.1s&quot;&gt;
            &lt;div class=&quot;service-item text-center pt-3&quot;&gt;
              &lt;div class=&quot;p-4&quot;&gt;
                &lt;i class=&quot;fa fa-3x fa-graduation-cap text-danger mb-4&quot;&gt;&lt;/i&gt;
                &lt;h5 class=&quot;mb-3&quot;&gt;Skilled Instructors&lt;/h5&gt;
                &lt;p&gt;
                  Diam elitr kasd sed at elitr sed ipsum justo dolor sed clita
                  amet diam
                &lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class=&quot;col-lg-3 col-sm-6 wow fadeInUp&quot; data-wow-delay=&quot;0.3s&quot;&gt;
            &lt;div class=&quot;service-item text-center pt-3&quot;&gt;
              &lt;div class=&quot;p-4&quot;&gt;
                &lt;i class=&quot;fa fa-3x fa-globe text-danger mb-4&quot;&gt;&lt;/i&gt;
                &lt;h5 class=&quot;mb-3&quot;&gt;Online Classes&lt;/h5&gt;
                &lt;p&gt;
                  Diam elitr kasd sed at elitr sed ipsum justo dolor sed clita
                  amet diam
                &lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class=&quot;col-lg-3 col-sm-6 wow fadeInUp&quot; data-wow-delay=&quot;0.5s&quot;&gt;
            &lt;div class=&quot;service-item text-center pt-3&quot;&gt;
              &lt;div class=&quot;p-4&quot;&gt;
                &lt;i class=&quot;fa fa-3x fa-home text-danger mb-4&quot;&gt;&lt;/i&gt;
                &lt;h5 class=&quot;mb-3&quot;&gt;Home Projects&lt;/h5&gt;
                &lt;p&gt;
                  Diam elitr kasd sed at elitr sed ipsum justo dolor sed clita
                  amet diam
                &lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class=&quot;col-lg-3 col-sm-6 wow fadeInUp&quot; data-wow-delay=&quot;0.7s&quot;&gt;
            &lt;div class=&quot;service-item text-center pt-3&quot;&gt;
              &lt;div class=&quot;p-4&quot;&gt;
                &lt;i class=&quot;fa fa-3x fa-book-open text-danger mb-4&quot;&gt;&lt;/i&gt;
                &lt;h5 class=&quot;mb-3&quot;&gt;Book Library&lt;/h5&gt;
                &lt;p&gt;
                  Diam elitr kasd sed at elitr sed ipsum justo dolor sed clita
                  amet diam
                &lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;!-- =========================== Service section End ===========================  --&gt;

    &lt;!-- =========================== About section Start ===========================  --&gt;
    &lt;div class=&quot;container-xxl py-5&quot;&gt;
      &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;row g-5&quot;&gt;
          &lt;div
            class=&quot;col-lg-6 wow fadeInUp&quot;
            data-wow-delay=&quot;0.1s&quot;
            style=&quot;min-height: 400px&quot;
          &gt;
            &lt;div class=&quot;position-relative h-100&quot;&gt;
              &lt;!--&lt;img--&gt;
              &lt;!--  class=&quot;img-fluid position-absolute w-100 h-100&quot;--&gt;
              &lt;!--  src=&quot;img/about1.png&quot;--&gt;
              &lt;!--  alt=&quot;&quot;--&gt;
              &lt;!--  style=&quot;object-fit: cover; border-radius: 10%&quot;--&gt;
              &lt;!--/&gt;--&gt;
             &lt;!--&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/--qQGjKkba8?si=qzj0KwrQlQNt7pQ6&quot; title=&quot;YouTube video player&quot;--&gt;
             &lt;!--   frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write;--&gt;
             &lt;!--   encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen&gt;&lt;/iframe&gt;--&gt;
             &lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/N7D8-MAp3jE?si=VTIqCidGeJb_txai&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay;
             clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen&gt;&lt;/iframe&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class=&quot;col-lg-6 wow fadeInUp&quot; data-wow-delay=&quot;0.3s&quot;&gt;
            &lt;h6 class=&quot;section-title bg-white text-start text-primary pe-3&quot;&gt;
              About Us
            &lt;/h6&gt;
            &lt;h1 class=&quot;mb-4&quot;&gt;Welcome to Bornoit Institute&lt;/h1&gt;
            &lt;p class=&quot;mb-4&quot;&gt;
              BornoIT Institute is a leading provider of tech education and
              training. Our mission is to prepare tomorrow's tech leaders by
              providing them with the skills and knowledge they need to succeed
              in the ever-changing tech industry. We offer a wide range of
              courses and programs, from entry-level to advanced, in areas such
              as programming, web development, mobile app development, data
              analytics, and more. Our courses are taught by experienced
              industry professionals who are passionate about sharing their
              knowledge with others.
              &lt;!--In addition to our courses, we also offer a--&gt;
              &lt;!--variety of support services to help our students succeed. These--&gt;
              &lt;!--services include career counseling, resume building, interview--&gt;
              &lt;!--preparation, and job placement assistance. We are committed to--&gt;
              &lt;!--helping our students reach their full potential. We believe that--&gt;
              &lt;!--everyone has the ability to learn and succeed in tech, and we are--&gt;
              &lt;!--here to help them make that happen.--&gt;
            &lt;/p&gt;
            &lt;div class=&quot;row gy-2 gx-4 mb-4&quot;&gt;
              &lt;div class=&quot;col-sm-6&quot;&gt;
                &lt;p class=&quot;mb-0&quot;&gt;
                  &lt;i class=&quot;fa fa-arrow-right text-danger me-2&quot;&gt;&lt;/i&gt;Skilled
                  Instructors
                &lt;/p&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-sm-6&quot;&gt;
                &lt;p class=&quot;mb-0&quot;&gt;
                  &lt;i class=&quot;fa fa-arrow-right text-danger me-2&quot;&gt;&lt;/i&gt;Online
                  Classes
                &lt;/p&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-sm-6&quot;&gt;
                &lt;p class=&quot;mb-0&quot;&gt;
                  &lt;i class=&quot;fa fa-arrow-right text-danger me-2&quot;&gt;&lt;/i
                  &gt;International Certificate
                &lt;/p&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-sm-6&quot;&gt;
                &lt;p class=&quot;mb-0&quot;&gt;
                  &lt;i class=&quot;fa fa-arrow-right text-danger me-2&quot;&gt;&lt;/i&gt;Skilled
                  Instructors
                &lt;/p&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-sm-6&quot;&gt;
                &lt;p class=&quot;mb-0&quot;&gt;
                  &lt;i class=&quot;fa fa-arrow-right text-danger me-2&quot;&gt;&lt;/i&gt;Online
                  Classes
                &lt;/p&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-sm-6&quot;&gt;
                &lt;p class=&quot;mb-0&quot;&gt;
                  &lt;i class=&quot;fa fa-arrow-right text-danger me-2&quot;&gt;&lt;/i
                  &gt;International Certificate
                &lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;a class=&quot;btn btn-danger py-3 px-5 mt-2&quot; href=&quot;about.html&quot;&gt;Read More&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;!-- =========================== About section End ===========================  --&gt;

    &lt;!-- =========================== Categories section Start ===========================  --&gt;
    &lt;div class=&quot;container-xxl py-5 category&quot;&gt;
      &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;text-center wow fadeInUp&quot; data-wow-delay=&quot;0.1s&quot;&gt;
          &lt;h6 class=&quot;section-title bg-white text-center text-primary px-3&quot;&gt;
            Categories
          &lt;/h6&gt;
          &lt;h1 class=&quot;mb-5&quot;&gt;Courses Categories&lt;/h1&gt;
        &lt;/div&gt;
        &lt;div class=&quot;row g-3&quot;&gt;
          &lt;div class=&quot;col-lg-4 col-md-12 wow zoomIn&quot; data-wow-delay=&quot;0.5s&quot;&gt;
            &lt;a class=&quot;position-relative d-block overflow-hidden&quot; href=&quot;&quot;&gt;
              &lt;img class=&quot;img-fluid&quot; src=&quot;img/Web-Development.jpg&quot; alt=&quot;&quot; /&gt;
              &lt;div
                class=&quot;bg-white text-center position-absolute bottom-0 end-0 py-2 px-3&quot;
                style=&quot;opacity: 70%&quot;
              &gt;
                &lt;h5 class=&quot;m-0&quot;&gt;Web Design&lt;/h5&gt;
                &lt;!-- &lt;small class=&quot;text-primary&quot;&gt;49 Courses&lt;/small&gt; --&gt;
              &lt;/div&gt;
            &lt;/a&gt;
          &lt;/div&gt;

          &lt;div class=&quot;col-lg-4 col-md-12 wow zoomIn&quot; data-wow-delay=&quot;0.5s&quot;&gt;
            &lt;a class=&quot;position-relative d-block overflow-hidden&quot; href=&quot;&quot;&gt;
              &lt;img class=&quot;img-fluid&quot; src=&quot;img/graphic-design.jpg&quot; alt=&quot;&quot; /&gt;
              &lt;div
                class=&quot;bg-white text-center position-absolute bottom-0 end-0 py-2 px-3&quot;
                style=&quot;opacity: 70%&quot;
              &gt;
                &lt;h5 class=&quot;m-0&quot;&gt;Graphic Design&lt;/h5&gt;
                &lt;!-- &lt;small class=&quot;text-primary&quot;&gt;49 Courses&lt;/small&gt; --&gt;
              &lt;/div&gt;
            &lt;/a&gt;
          &lt;/div&gt;

          &lt;div class=&quot;col-lg-4 col-md-12 wow zoomIn&quot; data-wow-delay=&quot;0.3s&quot;&gt;
            &lt;a class=&quot;position-relative d-block overflow-hidden&quot; href=&quot;&quot;&gt;
              &lt;img class=&quot;img-fluid&quot; src=&quot;img/digtal-marketing.jpg&quot; alt=&quot;&quot; /&gt;
              &lt;div
                class=&quot;bg-white text-center position-absolute bottom-0 end-0 py-2 px-3&quot;
                style=&quot;opacity: 70%&quot;
              &gt;
                &lt;h5 class=&quot;m-0&quot;&gt;Digital Marketing&lt;/h5&gt;
                &lt;!-- &lt;small class=&quot;text-primary&quot;&gt;49 Courses&lt;/small&gt; --&gt;
              &lt;/div&gt;
            &lt;/a&gt;
          &lt;/div&gt;

          &lt;div class=&quot;col-lg-4 col-md-12 wow zoomIn&quot; data-wow-delay=&quot;0.5s&quot;&gt;
            &lt;a class=&quot;position-relative d-block overflow-hidden&quot; href=&quot;&quot;&gt;
              &lt;img class=&quot;img-fluid&quot; src=&quot;img/networking.jpg&quot; alt=&quot;&quot; /&gt;
              &lt;div
                class=&quot;bg-white text-center position-absolute bottom-0 end-0 py-2 px-3&quot;
                style=&quot;opacity: 70%&quot;
              &gt;
                &lt;h5 class=&quot;m-0&quot;&gt;Networking&lt;/h5&gt;
                &lt;!-- &lt;small class=&quot;text-primary&quot;&gt;49 Courses&lt;/small&gt; --&gt;
              &lt;/div&gt;
            &lt;/a&gt;
          &lt;/div&gt;

          &lt;div class=&quot;col-lg-4 col-md-12 wow zoomIn&quot; data-wow-delay=&quot;0.5s&quot;&gt;
            &lt;a class=&quot;position-relative d-block overflow-hidden&quot; href=&quot;&quot;&gt;
              &lt;img class=&quot;img-fluid&quot; src=&quot;img/video-editing.jpg&quot; alt=&quot;&quot; /&gt;
              &lt;div
                class=&quot;bg-white text-center position-absolute bottom-0 end-0 py-2 px-3&quot;
                style=&quot;opacity: 70%&quot;
              &gt;
                &lt;h5 class=&quot;m-0&quot;&gt;Video Editing&lt;/h5&gt;
                &lt;!-- &lt;small class=&quot;text-primary&quot;&gt;49 Courses&lt;/small&gt; --&gt;
              &lt;/div&gt;
            &lt;/a&gt;
          &lt;/div&gt;

          &lt;div class=&quot;col-lg-4 col-md-12 wow zoomIn&quot; data-wow-delay=&quot;0.5s&quot;&gt;
            &lt;a class=&quot;position-relative d-block overflow-hidden&quot; href=&quot;&quot;&gt;
              &lt;img class=&quot;img-fluid&quot; src=&quot;img/Microsoft-Office.png&quot; alt=&quot;&quot; /&gt;
              &lt;div
                class=&quot;bg-white text-center position-absolute bottom-0 end-0 py-2 px-3&quot;
                style=&quot;opacity: 70%&quot;
              &gt;
                &lt;h5 class=&quot;m-0&quot;&gt;Office Application&lt;/h5&gt;
                &lt;!-- &lt;small class=&quot;text-primary&quot;&gt;49 Courses&lt;/small&gt; --&gt;
              &lt;/div&gt;
            &lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;!-- =========================== Categories section Start ===========================  --&gt;

    &lt;!-- =========================== Courses section Start ===========================  --&gt;
    &lt;div class=&quot;container-xxl py-5&quot;&gt;
      &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;text-center wow fadeInUp&quot; data-wow-delay=&quot;0.1s&quot;&gt;
          &lt;h6 class=&quot;section-title bg-white text-center text-primary px-3&quot;&gt;
            Courses
          &lt;/h6&gt;
          &lt;h1 class=&quot;mb-5&quot;&gt;Popular Courses&lt;/h1&gt;
        &lt;/div&gt;
        &lt;div class=&quot;row g-4 justify-content-center&quot;&gt;
          &lt;div class=&quot;col-lg-4 col-md-6 wow fadeInUp&quot; data-wow-delay=&quot;0.1s&quot;&gt;
            &lt;div class=&quot;course-item bg-light&quot;&gt;
              &lt;div
                class=&quot;position-relative overflow-hidden&quot;
                style=&quot;border-radius: 20px&quot;
              &gt;
                &lt;img class=&quot;img-fluid&quot; src=&quot;img/course-1.jpg&quot; alt=&quot;&quot; /&gt;
                &lt;div
                  class=&quot;w-100 d-flex justify-content-center position-absolute bottom-0 start-0 mb-4&quot;
                &gt;
                  &lt;a
                    href=&quot;#&quot;
                    class=&quot;flex-shrink-0 btn btn-sm btn-danger px-3 border-end&quot;
                    style=&quot;border-radius: 30px 0 0 30px&quot;
                    &gt;Read More&lt;/a
                  &gt;
                  &lt;a
                    href=&quot;contact.html&quot;
                    class=&quot;flex-shrink-0 btn btn-sm btn-light px-3&quot;
                    style=&quot;border-radius: 0 30px 30px 0&quot;
                    &gt;Join Now&lt;/a
                  &gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;text-center p-4 pb-0&quot;&gt;
                &lt;h3 class=&quot;mb-0&quot;&gt;8,000 Tk&lt;/h3&gt;
                &lt;div class=&quot;mb-3&quot;&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small&gt;(712)&lt;/small&gt;
                &lt;/div&gt;
                &lt;h5 class=&quot;mb-4&quot;&gt;
                  Web Design &amp; Development Course for Beginners
                &lt;/h5&gt;
              &lt;/div&gt;
              &lt;div class=&quot;d-flex border-top&quot;&gt;
                &lt;small class=&quot;flex-fill text-center border-end py-2&quot;
                  &gt;&lt;i class=&quot;fa fa-user-tie text-danger me-2&quot;&gt;&lt;/i&gt;Md.Abu Bakkar
                  Siddik&lt;/small
                &gt;
                &lt;small class=&quot;flex-fill text-center border-end py-2&quot;
                  &gt;&lt;i class=&quot;fa fa-clock text-danger me-2&quot;&gt;&lt;/i&gt;1.30 Hrs&lt;/small
                &gt;
                &lt;small class=&quot;flex-fill text-center py-2&quot;
                  &gt;&lt;i class=&quot;fa fa-user text-danger me-2&quot;&gt;&lt;/i&gt;40 Students&lt;/small
                &gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;div class=&quot;col-lg-4 col-md-6 wow fadeInUp&quot; data-wow-delay=&quot;0.3s&quot;&gt;
            &lt;div class=&quot;course-item bg-light&quot;&gt;
              &lt;div
                class=&quot;position-relative overflow-hidden&quot;
                style=&quot;border-radius: 20px&quot;
              &gt;
                &lt;img class=&quot;img-fluid&quot; src=&quot;img/course-3.jpg&quot; alt=&quot;&quot; /&gt;
                &lt;div
                  class=&quot;w-100 d-flex justify-content-center position-absolute bottom-0 start-0 mb-4&quot;
                &gt;
                  &lt;a
                    href=&quot;#&quot;
                    class=&quot;flex-shrink-0 btn btn-sm btn-danger px-3 border-end&quot;
                    style=&quot;border-radius: 30px 0 0 30px&quot;
                    &gt;Read More&lt;/a
                  &gt;
                  &lt;a
                    href=&quot;contact.html&quot;
                    class=&quot;flex-shrink-0 btn btn-sm btn-light px-3&quot;
                    style=&quot;border-radius: 0 30px 30px 0&quot;
                    &gt;Join Now&lt;/a
                  &gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;text-center p-4 pb-0&quot;&gt;
                &lt;h3 class=&quot;mb-0&quot;&gt;8,000 Tk&lt;/h3&gt;
                &lt;div class=&quot;mb-3&quot;&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small&gt;(654)&lt;/small&gt;
                &lt;/div&gt;
                &lt;h5 class=&quot;mb-4&quot;&gt;Graphic Design Course for Beginners&lt;/h5&gt;
              &lt;/div&gt;
              &lt;div class=&quot;d-flex border-top&quot;&gt;
                &lt;small class=&quot;flex-fill text-center border-end py-2&quot;
                  &gt;&lt;i class=&quot;fa fa-user-tie text-danger me-2&quot;&gt;&lt;/i&gt;Diponkar Roy
                  Dip&lt;/small
                &gt;
                &lt;small class=&quot;flex-fill text-center border-end py-2&quot;
                  &gt;&lt;i class=&quot;fa fa-clock text-danger me-2&quot;&gt;&lt;/i&gt;1.30 Hrs&lt;/small
                &gt;
                &lt;small class=&quot;flex-fill text-center py-2&quot;
                  &gt;&lt;i class=&quot;fa fa-user text-danger me-2&quot;&gt;&lt;/i&gt;90 Students&lt;/small
                &gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;div class=&quot;col-lg-4 col-md-6 wow fadeInUp&quot; data-wow-delay=&quot;0.5s&quot;&gt;
            &lt;div class=&quot;course-item bg-light&quot;&gt;
              &lt;div
                class=&quot;position-relative overflow-hidden&quot;
                style=&quot;border-radius: 20px&quot;
              &gt;
                &lt;img class=&quot;img-fluid&quot; src=&quot;img/course-2.jpg&quot; alt=&quot;&quot; /&gt;
                &lt;div
                  class=&quot;w-100 d-flex justify-content-center position-absolute bottom-0 start-0 mb-4&quot;
                &gt;
                  &lt;a
                    href=&quot;#&quot;
                    class=&quot;flex-shrink-0 btn btn-sm btn-danger px-3 border-end&quot;
                    style=&quot;border-radius: 30px 0 0 30px&quot;
                    &gt;Read More&lt;/a
                  &gt;
                  &lt;a
                    href=&quot;contact.html&quot;
                    class=&quot;flex-shrink-0 btn btn-sm btn-light px-3&quot;
                    style=&quot;border-radius: 0 30px 30px 0&quot;
                    &gt;Join Now&lt;/a
                  &gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;text-center p-4 pb-0&quot;&gt;
                &lt;h3 class=&quot;mb-0&quot;&gt;8,000 Tk&lt;/h3&gt;
                &lt;div class=&quot;mb-3&quot;&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small&gt;(455)&lt;/small&gt;
                &lt;/div&gt;
                &lt;h5 class=&quot;mb-4&quot;&gt;Digital Marketing Course for Beginners&lt;/h5&gt;
              &lt;/div&gt;
              &lt;div class=&quot;d-flex border-top&quot;&gt;
                &lt;small class=&quot;flex-fill text-center border-end py-2&quot;
                  &gt;&lt;i class=&quot;fa fa-user-tie text-danger me-2&quot;&gt;&lt;/i&gt;Md.Emon
                  Khan&lt;/small
                &gt;
                &lt;small class=&quot;flex-fill text-center border-end py-2&quot;
                  &gt;&lt;i class=&quot;fa fa-clock text-danger me-2&quot;&gt;&lt;/i&gt;1.30 Hrs&lt;/small
                &gt;
                &lt;small class=&quot;flex-fill text-center py-2&quot;
                  &gt;&lt;i class=&quot;fa fa-user text-danger me-2&quot;&gt;&lt;/i&gt;60 Students&lt;/small
                &gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;div class=&quot;col-lg-4 col-md-6 wow fadeInUp&quot; data-wow-delay=&quot;0.5s&quot;&gt;
            &lt;div class=&quot;course-item bg-light&quot;&gt;
              &lt;div
                class=&quot;position-relative overflow-hidden&quot;
                style=&quot;border-radius: 20px&quot;
              &gt;
                &lt;img class=&quot;img-fluid&quot; src=&quot;img/course-3.jpg&quot; alt=&quot;&quot; /&gt;
                &lt;div
                  class=&quot;w-100 d-flex justify-content-center position-absolute bottom-0 start-0 mb-4&quot;
                &gt;
                  &lt;a
                    href=&quot;#&quot;
                    class=&quot;flex-shrink-0 btn btn-sm btn-danger px-3 border-end&quot;
                    style=&quot;border-radius: 30px 0 0 30px&quot;
                    &gt;Read More&lt;/a
                  &gt;
                  &lt;a
                    href=&quot;contact.html&quot;
                    class=&quot;flex-shrink-0 btn btn-sm btn-light px-3&quot;
                    style=&quot;border-radius: 0 30px 30px 0&quot;
                    &gt;Join Now&lt;/a
                  &gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;text-center p-4 pb-0&quot;&gt;
                &lt;h3 class=&quot;mb-0&quot;&gt;8,000 Tk&lt;/h3&gt;
                &lt;div class=&quot;mb-3&quot;&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small&gt;(211)&lt;/small&gt;
                &lt;/div&gt;
                &lt;h5 class=&quot;mb-4&quot;&gt;Networking Course for Beginners&lt;/h5&gt;
              &lt;/div&gt;
              &lt;div class=&quot;d-flex border-top&quot;&gt;
                &lt;small class=&quot;flex-fill text-center border-end py-2&quot;
                  &gt;&lt;i class=&quot;fa fa-user-tie text-danger me-2&quot;&gt;&lt;/i&gt;Md.Habib
                  Khan&lt;/small
                &gt;
                &lt;small class=&quot;flex-fill text-center border-end py-2&quot;
                  &gt;&lt;i class=&quot;fa fa-clock text-danger me-2&quot;&gt;&lt;/i&gt;1.30 Hrs&lt;/small
                &gt;
                &lt;small class=&quot;flex-fill text-center py-2&quot;
                  &gt;&lt;i class=&quot;fa fa-user text-danger me-2&quot;&gt;&lt;/i&gt;30 Students&lt;/small
                &gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;div class=&quot;col-lg-4 col-md-6 wow fadeInUp&quot; data-wow-delay=&quot;0.5s&quot;&gt;
            &lt;div class=&quot;course-item bg-light&quot;&gt;
              &lt;div
                class=&quot;position-relative overflow-hidden&quot;
                style=&quot;border-radius: 20px&quot;
              &gt;
                &lt;img class=&quot;img-fluid&quot; src=&quot;img/course-1.jpg&quot; alt=&quot;&quot; /&gt;
                &lt;div
                  class=&quot;w-100 d-flex justify-content-center position-absolute bottom-0 start-0 mb-4&quot;
                &gt;
                  &lt;a
                    href=&quot;#&quot;
                    class=&quot;flex-shrink-0 btn btn-sm btn-danger px-3 border-end&quot;
                    style=&quot;border-radius: 30px 0 0 30px&quot;
                    &gt;Read More&lt;/a
                  &gt;
                  &lt;a
                    href=&quot;contact.html&quot;
                    class=&quot;flex-shrink-0 btn btn-sm btn-light px-3&quot;
                    style=&quot;border-radius: 0 30px 30px 0&quot;
                    &gt;Join Now&lt;/a
                  &gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;text-center p-4 pb-0&quot;&gt;
                &lt;h3 class=&quot;mb-0&quot;&gt;5,000 Tk&lt;/h3&gt;
                &lt;div class=&quot;mb-3&quot;&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small class=&quot;fa fa-star text-danger&quot;&gt;&lt;/small&gt;
                  &lt;small&gt;(975)&lt;/small&gt;
                &lt;/div&gt;
                &lt;h5 class=&quot;mb-4&quot;&gt;Office Application Course for Beginners&lt;/h5&gt;
              &lt;/div&gt;
              &lt;div class=&quot;d-flex border-top&quot;&gt;
                &lt;small class=&quot;flex-fill text-center border-end py-2&quot;
                  &gt;&lt;i class=&quot;fa fa-user-tie text-danger me-2&quot;&gt;&lt;/i&gt;Priti Rani Das&lt;/small
                &gt;
                &lt;small class=&quot;flex-fill text-center border-end py-2&quot;
                  &gt;&lt;i class=&quot;fa fa-clock text-danger me-2&quot;&gt;&lt;/i&gt;1.30 Hrs&lt;/small
                &gt;
                &lt;small class=&quot;flex-fill text-center py-2&quot;
                  &gt;&lt;i class=&quot;fa fa-user text-danger me-2&quot;&gt;&lt;/i&gt;150
                  Students&lt;/small
                &gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;!--===========================  Courses section End ===========================  --&gt;

    &lt;!-- =========================== Team section Start ===========================  --&gt;
    &lt;div class=&quot;container-xxl py-5&quot;&gt;
      &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;text-center wow fadeInUp&quot; data-wow-delay=&quot;0.1s&quot;&gt;
          &lt;h6 class=&quot;section-title bg-white text-center text-primary px-3&quot;&gt;
            Instructors
          &lt;/h6&gt;
          &lt;h1 class=&quot;mb-5&quot;&gt;Expert Instructors&lt;/h1&gt;
        &lt;/div&gt;
        &lt;div class=&quot;row g-4&quot;&gt;
          &lt;div class=&quot;col-lg-3 col-md-6 wow fadeInUp&quot; data-wow-delay=&quot;0.1s&quot;&gt;
            &lt;div class=&quot;team-item bg-light&quot;&gt;
              &lt;div class=&quot;overflow-hidden&quot;&gt;
                &lt;img class=&quot;img-fluid&quot; src=&quot;img/pri.jpg&quot; alt=&quot;&quot; /&gt;
              &lt;/div&gt;
              &lt;div
                class=&quot;position-relative d-flex justify-content-center&quot;
                style=&quot;margin-top: -23px&quot;
              &gt;
                &lt;div class=&quot;bg-light d-flex justify-content-center pt-2 px-1&quot;&gt;
                  &lt;a class=&quot;btn btn-sm-square btn-danger mx-1&quot; href=&quot;&quot;
                    &gt;&lt;i class=&quot;fab fa-facebook-f&quot;&gt;&lt;/i
                  &gt;&lt;/a&gt;
                  &lt;a class=&quot;btn btn-sm-square btn-danger mx-1&quot; href=&quot;&quot;
                    &gt;&lt;i class=&quot;fab fa-twitter&quot;&gt;&lt;/i
                  &gt;&lt;/a&gt;
                  &lt;a class=&quot;btn btn-sm-square btn-danger mx-1&quot; href=&quot;&quot;
                    &gt;&lt;i class=&quot;fab fa-instagram&quot;&gt;&lt;/i
                  &gt;&lt;/a&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;text-center p-4&quot;&gt;
                &lt;h5 class=&quot;mb-0&quot;&gt; Priti Rani Das&lt;/h5&gt;
                &lt;small&gt;COMPUTER&lt;/small&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;div class=&quot;col-lg-3 col-md-6 wow fadeInUp&quot; data-wow-delay=&quot;0.3s&quot;&gt;
            &lt;div class=&quot;team-item bg-light&quot;&gt;
              &lt;div class=&quot;overflow-hidden&quot;&gt;
                &lt;img class=&quot;img-fluid&quot; src=&quot;img/emon.png&quot; alt=&quot;&quot; /&gt;
              &lt;/div&gt;
              &lt;div
                class=&quot;position-relative d-flex justify-content-center&quot;
                style=&quot;margin-top: -23px&quot;
              &gt;
                &lt;div class=&quot;bg-light d-flex justify-content-center pt-2 px-1&quot;&gt;
                  &lt;a class=&quot;btn btn-sm-square btn-danger mx-1&quot; href=&quot;&quot;
                    &gt;&lt;i class=&quot;fab fa-facebook-f&quot;&gt;&lt;/i
                  &gt;&lt;/a&gt;
                  &lt;a class=&quot;btn btn-sm-square btn-danger mx-1&quot; href=&quot;&quot;
                    &gt;&lt;i class=&quot;fab fa-twitter&quot;&gt;&lt;/i
                  &gt;&lt;/a&gt;
                  &lt;a class=&quot;btn btn-sm-square btn-danger mx-1&quot; href=&quot;&quot;
                    &gt;&lt;i class=&quot;fab fa-instagram&quot;&gt;&lt;/i
                  &gt;&lt;/a&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;text-center p-4&quot;&gt;
                &lt;h5 class=&quot;mb-0&quot;&gt;Md.Emon Khan&lt;/h5&gt;
                &lt;small&gt;DIGITAL MARKETER&lt;/small&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;div class=&quot;col-lg-3 col-md-6 wow fadeInUp&quot; data-wow-delay=&quot;0.5s&quot;&gt;
            &lt;div class=&quot;team-item bg-light&quot;&gt;
              &lt;div class=&quot;overflow-hidden&quot;&gt;
                &lt;img class=&quot;img-fluid&quot; src=&quot;img/Dip.jpg&quot; alt=&quot;&quot; /&gt;
              &lt;/div&gt;
              &lt;div
                class=&quot;position-relative d-flex justify-content-center&quot;
                style=&quot;margin-top: -23px&quot;
              &gt;
                &lt;div class=&quot;bg-light d-flex justify-content-center pt-2 px-1&quot;&gt;
                  &lt;a class=&quot;btn btn-sm-square btn-danger mx-1&quot; href=&quot;&quot;
                    &gt;&lt;i class=&quot;fab fa-facebook-f&quot;&gt;&lt;/i
                  &gt;&lt;/a&gt;
                  &lt;a class=&quot;btn btn-sm-square btn-danger mx-1&quot; href=&quot;&quot;
                    &gt;&lt;i class=&quot;fab fa-twitter&quot;&gt;&lt;/i
                  &gt;&lt;/a&gt;
                  &lt;a class=&quot;btn btn-sm-square btn-danger mx-1&quot; href=&quot;&quot;
                    &gt;&lt;i class=&quot;fab fa-instagram&quot;&gt;&lt;/i
                  &gt;&lt;/a&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;text-center p-4&quot;&gt;
                &lt;h5 class=&quot;mb-0&quot;&gt;Diponkar Roy Dip&lt;/h5&gt;
                &lt;small&gt;GRAPHIC DESINGER&lt;/small&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;div class=&quot;col-lg-3 col-md-6 wow fadeInUp&quot; data-wow-delay=&quot;0.7s&quot;&gt;
            &lt;div class=&quot;team-item bg-light&quot;&gt;
              &lt;div class=&quot;overflow-hidden&quot;&gt;
                &lt;img class=&quot;img-fluid&quot; src=&quot;img/abubakkar.jpg&quot; alt=&quot;&quot; /&gt;
              &lt;/div&gt;
              &lt;div
                class=&quot;position-relative d-flex justify-content-center&quot;
                style=&quot;margin-top: -23px&quot;
              &gt;
                &lt;div class=&quot;bg-light d-flex justify-content-center pt-2 px-1&quot;&gt;
                  &lt;a class=&quot;btn btn-sm-square btn-danger mx-1&quot; href=&quot;&quot;
                    &gt;&lt;i class=&quot;fab fa-facebook-f&quot;&gt;&lt;/i
                  &gt;&lt;/a&gt;
                  &lt;a class=&quot;btn btn-sm-square btn-danger mx-1&quot; href=&quot;&quot;
                    &gt;&lt;i class=&quot;fab fa-twitter&quot;&gt;&lt;/i
                  &gt;&lt;/a&gt;
                  &lt;a class=&quot;btn btn-sm-square btn-danger mx-1&quot; href=&quot;&quot;
                    &gt;&lt;i class=&quot;fab fa-instagram&quot;&gt;&lt;/i
                  &gt;&lt;/a&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;text-center p-4&quot;&gt;
                &lt;h5 class=&quot;mb-0&quot;&gt;Md. Abu Bakkar Siddik&lt;/h5&gt;
                &lt;small&gt;Web Desinger&lt;/small&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;!-- =========================== Team section End ===========================  --&gt;

    &lt;!-- ===========================  Testimonial section Start ===========================  --&gt;
    &lt;div class=&quot;container-xxl py-5 wow fadeInUp&quot; data-wow-delay=&quot;0.1s&quot;&gt;
      &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;text-center&quot;&gt;
          &lt;h6 class=&quot;section-title bg-white text-center text-primary px-3&quot;&gt;
            Testimonial
          &lt;/h6&gt;
          &lt;h1 class=&quot;mb-5&quot;&gt;Our Students Say!&lt;/h1&gt;
        &lt;/div&gt;
        &lt;div
          class=&quot;owl-carousel testimonial-carousel position-relative&quot;
          style=&quot;border-radius: 15%&quot;
        &gt;
          &lt;div class=&quot;testimonial-item text-center&quot;&gt;
            &lt;img
              class=&quot;border rounded-circle p-2 mx-auto mb-3&quot;
              src=&quot;img/c1.JPG&quot;
              style=&quot;width: 80px; height: 80px&quot;
            /&gt;
            &lt;h5 class=&quot;mb-0&quot;&gt;Rabia Rahman Tanuja&lt;/h5&gt;
            &lt;!--&lt;p&gt;OFFICE APPLICATION&lt;/p&gt;--&gt;
            &lt;div class=&quot;testimonial-text bg-light text-center p-4&quot;&gt;
              &lt;p class=&quot;mb-0&quot;&gt;
                Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam
                amet diam et eos. Clita erat ipsum et lorem et sit.
              &lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class=&quot;testimonial-item text-center&quot;&gt;
            &lt;img
              class=&quot;border rounded-circle p-2 mx-auto mb-3&quot;
              src=&quot;img/c2.JPG&quot;
              style=&quot;width: 80px; height: 80px&quot;
            /&gt;
            &lt;h5 class=&quot;mb-0&quot;&gt;Md Sakin Islam&lt;/h5&gt;
            &lt;!--&lt;p&gt;OFFICE APPLICATION&lt;/p&gt;--&gt;
            &lt;div class=&quot;testimonial-text bg-light text-center p-4&quot;&gt;
              &lt;p class=&quot;mb-0&quot;&gt;
                Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam
                amet diam et eos. Clita erat ipsum et lorem et sit.
              &lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class=&quot;testimonial-item text-center&quot;&gt;
            &lt;img
              class=&quot;border rounded-circle p-2 mx-auto mb-3&quot;
              src=&quot;img/c3.JPG&quot;
              style=&quot;width: 80px; height: 80px&quot;
            /&gt;
            &lt;h5 class=&quot;mb-0&quot;&gt;Rachana Paul Sonali&lt;/h5&gt;
            &lt;!--&lt;p&gt;OFFICE APPLICATION&lt;/p&gt;--&gt;
            &lt;div class=&quot;testimonial-text bg-light text-center p-4&quot;&gt;
              &lt;p class=&quot;mb-0&quot;&gt;
                Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam
                amet diam et eos. Clita erat ipsum et lorem et sit.
              &lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class=&quot;testimonial-item text-center&quot;&gt;
            &lt;img
              class=&quot;border rounded-circle p-2 mx-auto mb-3&quot;
              src=&quot;img/c4.JPG&quot;
              style=&quot;width: 80px; height: 80px&quot;
            /&gt;
            &lt;h5 class=&quot;mb-0&quot;&gt;A.B Abir Ahmed &lt;/h5&gt;
            &lt;!--&lt;p&gt;OFFICE APPLICATION&lt;/p&gt;--&gt;
            &lt;div class=&quot;testimonial-text bg-light text-center p-4&quot;&gt;
              &lt;p class=&quot;mb-0&quot;&gt;
                Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam
                amet diam et eos. Clita erat ipsum et lorem et sit.
              &lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;!-- =========================== Testimonial section End ===========================  --&gt;

    &lt;!-- =========================== Footer section Start ===========================  --&gt;
    &lt;div
      class=&quot;container-fluid bg-dark text-light footer pt-5 mt-5 wow fadeIn&quot;
      data-wow-delay=&quot;0.1s&quot;
    &gt;
      &lt;div class=&quot;container py-5&quot;&gt;
        &lt;div class=&quot;row g-5&quot;&gt;
          &lt;div class=&quot;col-lg-4 col-md-6&quot;&gt;
            &lt;h4 class=&quot;text-white mb-3&quot;&gt;Quick Link&lt;/h4&gt;
            &lt;a class=&quot;btn btn-link&quot; href=&quot;&quot;&gt;About Us&lt;/a&gt;
            &lt;a class=&quot;btn btn-link&quot; href=&quot;&quot;&gt;Contact Us&lt;/a&gt;
            &lt;a class=&quot;btn btn-link&quot; href=&quot;&quot;&gt;Privacy Policy&lt;/a&gt;
            &lt;a class=&quot;btn btn-link&quot; href=&quot;&quot;&gt;Terms &amp; Condition&lt;/a&gt;
            &lt;a class=&quot;btn btn-link&quot; href=&quot;&quot;&gt;FAQs &amp; Help&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class=&quot;col-lg-4 col-md-6&quot;&gt;
            &lt;h4 class=&quot;text-white mb-3&quot;&gt;Contact&lt;/h4&gt;
            &lt;p class=&quot;mb-2&quot;&gt;
              &lt;!--&lt;i class=&quot;fa fa-map-marker-alt me-3&quot;&gt;&lt;/i&gt;--&gt;
              Level-08, MT Bhaban, Software Technology Park, Jashore
            &lt;/p&gt;
            &lt;p class=&quot;mb-2&quot;&gt;
              &lt;!--&lt;i class=&quot;fa fa-phone-alt me-3&quot;&gt;&lt;/i&gt;--&gt;
              +880 1958 305010
            &lt;/p&gt;
            &lt;p class=&quot;mb-2&quot;&gt;
              &lt;!--&lt;i class=&quot;fa fa-envelope me-3&quot;&gt;&lt;/i&gt;--&gt;
              info@bornoit.com
            &lt;/p&gt;
             &lt;div class=&quot;d-flex pt-2&quot;&gt;
              &lt;a class=&quot;btn btn-outline-light btn-social&quot; href=&quot;https://www.facebook.com/bornoItinstitute&quot; target=&quot;_blank&quot;
                &gt;&lt;i class=&quot;fab fa-facebook-f&quot;&gt;&lt;/i
              &gt;&lt;/a&gt;
              &lt;a class=&quot;btn btn-outline-light btn-social&quot; href=&quot;https://www.youtube.com/@bornoitinstitute5454&quot; target=&quot;_blank&quot;
                &gt;&lt;i class=&quot;fab fa-youtube&quot;&gt;&lt;/i
              &gt;&lt;/a&gt;
              &lt;a class=&quot;btn btn-outline-light btn-social&quot; href=&quot;https://bd.linkedin.com/in/bornoit-institute-2165931b3&quot; target=&quot;_blank&quot;
                &gt;&lt;i class=&quot;fab fa-linkedin-in&quot;&gt;&lt;/i
              &gt;&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class=&quot;col-lg-4 col-md-6&quot;&gt;
            &lt;h4 class=&quot;text-white mb-3&quot;&gt;Gallery&lt;/h4&gt;
            &lt;div class=&quot;row g-2 pt-2&quot;&gt;
              &lt;div class=&quot;col-4&quot;&gt;
                &lt;img
                  class=&quot;img-fluid bg-light p-1&quot;
                  src=&quot;img/1.jpg&quot;
                  alt=&quot;&quot;
                /&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-4&quot;&gt;
                &lt;img
                  class=&quot;img-fluid bg-light p-1&quot;
                  src=&quot;img/2.jpg&quot;
                  alt=&quot;&quot;
                /&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-4&quot;&gt;
                &lt;img
                  class=&quot;img-fluid bg-light p-1&quot;
                  src=&quot;img/3.jpg&quot;
                  alt=&quot;&quot;
                /&gt;
              &lt;/div&gt;
              &lt;!--&lt;div class=&quot;col-4&quot;&gt;--&gt;
              &lt;!--  &lt;img--&gt;
              &lt;!--    class=&quot;img-fluid bg-light p-1&quot;--&gt;
              &lt;!--    src=&quot;img/course-2.jpg&quot;--&gt;
              &lt;!--    alt=&quot;&quot;--&gt;
              &lt;!--  /&gt;--&gt;
              &lt;!--&lt;/div&gt;--&gt;
              &lt;!--&lt;div class=&quot;col-4&quot;&gt;--&gt;
              &lt;!--  &lt;img--&gt;
              &lt;!--    class=&quot;img-fluid bg-light p-1&quot;--&gt;
              &lt;!--    src=&quot;img/course-3.jpg&quot;--&gt;
              &lt;!--    alt=&quot;&quot;--&gt;
              &lt;!--  /&gt;--&gt;
              &lt;!--&lt;/div&gt;--&gt;
              &lt;!--&lt;div class=&quot;col-4&quot;&gt;--&gt;
              &lt;!--  &lt;img--&gt;
              &lt;!--    class=&quot;img-fluid bg-light p-1&quot;--&gt;
              &lt;!--    src=&quot;img/course-1.jpg&quot;--&gt;
              &lt;!--    alt=&quot;&quot;--&gt;
              &lt;!--  /&gt;--&gt;
              &lt;!--&lt;/div&gt;--&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- &lt;div class=&quot;col-lg-3 col-md-6&quot;&gt;
            &lt;h4 class=&quot;text-white mb-3&quot;&gt;Newsletter&lt;/h4&gt;
            &lt;p&gt;Dolor amet sit justo amet elitr clita ipsum elitr est.&lt;/p&gt;
            &lt;div class=&quot;position-relative mx-auto&quot; style=&quot;max-width: 400px&quot;&gt;
              &lt;input
                class=&quot;form-control border-0 w-100 py-3 ps-4 pe-5&quot;
                type=&quot;text&quot;
                placeholder=&quot;Your email&quot;
              /&gt;
              &lt;button
                type=&quot;button&quot;
                class=&quot;btn btn-danger py-2 position-absolute top-0 end-0 mt-2 me-2&quot;
              &gt;
                SignUp
              &lt;/button&gt;
            &lt;/div&gt;
          &lt;/div&gt; --&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;copyright&quot;&gt;
          &lt;div class=&quot;row&quot;&gt;
            &lt;!--&lt;div class=&quot;col-md-6 text-center text-md-start mb-3 mb-md-0&quot;&gt;--&gt;
            &lt;!--  &lt;a class=&quot;border-bottom&quot; href=&quot;#&quot; style=&quot;color: red&quot;&gt;--&gt;
            &lt;!--    &amp;copy; Bornoit Institute&lt;/a--&gt;
            &lt;!--  &gt;, All Right Reserved. Designed By--&gt;
            &lt;!--  &lt;a class=&quot;border-bottom text-primary&quot; href=&quot;#&quot;--&gt;
            &lt;!--    &gt;Md. Abu Bakkar Siddik&lt;/a--&gt;
            &lt;!--  &gt;--&gt;
            &lt;!--&lt;/div&gt;--&gt;
            &lt;div class=&quot;col-md-6 text-center text-md-end&quot;&gt;
              &lt;div class=&quot;footer-menu&quot;&gt;
                &lt;a href=&quot;&quot;&gt;Home&lt;/a&gt;
                &lt;a href=&quot;&quot;&gt;Help&lt;/a&gt;
                &lt;a href=&quot;&quot;&gt;FQAs&lt;/a&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;!-- =========================== Footer section End ===========================  --&gt;

    &lt;!-- =========================== Back to Top =========================== --&gt;
    &lt;a href=&quot;#&quot; class=&quot;btn btn-lg btn-danger btn-lg-square back-to-top&quot;
      &gt;&lt;i class=&quot;bi bi-arrow-up&quot;&gt;&lt;/i
    &gt;&lt;/a&gt;

    &lt;!-- =========================== JavaScript Libraries ===========================  --&gt;
    &lt;script src=&quot;https://code.jquery.com/jquery-3.4.1.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;lib/wow/wow.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;lib/easing/easing.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;lib/waypoints/waypoints.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;lib/owlcarousel/owl.carousel.min.js&quot;&gt;&lt;/script&gt;

    &lt;!-- =========================== Javascript ===========================  --&gt;
    &lt;script src=&quot;js/main.js&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;
</textarea><br>
    <input type="submit" value="Save">
</form>