<form method="POST">
    <h3>Editing: contact.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;CONTACT || 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;!-- Header Start --&gt;
    &lt;div class=&quot;container-fluid bg-dark py-5 mb-5 page-header&quot;&gt;
        &lt;div class=&quot;container py-5&quot;&gt;
            &lt;div class=&quot;row justify-content-center&quot;&gt;
                &lt;div class=&quot;col-lg-10 text-center&quot;&gt;
                    &lt;h1 class=&quot;display-3 text-white animated slideInDown&quot;&gt;Contact&lt;/h1&gt;
                    &lt;!-- &lt;nav aria-label=&quot;breadcrumb&quot;&gt;
                        &lt;ol class=&quot;breadcrumb justify-content-center&quot;&gt;
                            &lt;li class=&quot;breadcrumb-item&quot;&gt;&lt;a class=&quot;text-white&quot; href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
                            &lt;li class=&quot;breadcrumb-item&quot;&gt;&lt;a class=&quot;text-white&quot; href=&quot;#&quot;&gt;Pages&lt;/a&gt;&lt;/li&gt;
                            &lt;li class=&quot;breadcrumb-item text-white active&quot; aria-current=&quot;page&quot;&gt;Contact&lt;/li&gt;
                        &lt;/ol&gt;
                    &lt;/nav&gt; --&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;!-- Header End --&gt;


    &lt;!-- Contact 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;Contact Us&lt;/h6&gt;
                &lt;h1 class=&quot;mb-5&quot;&gt;Contact For Any Query&lt;/h1&gt;
            &lt;/div&gt;
            &lt;div class=&quot;row g-4&quot;&gt;
                                &lt;div class=&quot;col-lg-12 col-md-12 wow fadeInUp&quot; data-wow-delay=&quot;0.3s&quot;&gt;
                    &lt;iframe style=&quot;border:0; width: 100%; height: 300px;&quot; src=&quot;https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14673.758634241385!2d89.22243625!3d23.15414835!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39ff104405261fdd%3A0x4fbad1b6c8d9681b!2sSheikh%20Hasina%20Software%20Technology%20Park!5e0!3m2!1sen!2sbd!4v1593328026165!5m2!1sen!2sbd&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;
                &lt;/div&gt;


                &lt;div class=&quot;col-lg-6 col-md-12 wow fadeInUp&quot; data-wow-delay=&quot;0.1s&quot;&gt;

                    &lt;div class=&quot;d-flex align-items-center mb-3&quot;&gt;
                        &lt;div class=&quot;d-flex align-items-center justify-content-center flex-shrink-0 btn-danger&quot; style=&quot;width: 50px; height: 50px; border-radius:10px;&quot;&gt;
                            &lt;i class=&quot;fa fa-map-marker-alt text-white&quot;&gt;&lt;/i&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;ms-3&quot;&gt;
                            &lt;h5 class=&quot;text-primary&quot;&gt;Office&lt;/h5&gt;
                            &lt;p class=&quot;mb-0&quot;&gt;Level-08, MT Bhaban, Sheikh Hasina Software Technology Park, Jashore&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;d-flex align-items-center mb-3&quot;&gt;
                        &lt;div class=&quot;d-flex align-items-center justify-content-center flex-shrink-0 btn-danger&quot; style=&quot;width: 50px; height: 50px; border-radius:10px;&quot;&gt;
                            &lt;i class=&quot;fa fa-phone-alt text-white&quot;&gt;&lt;/i&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;ms-3&quot;&gt;
                            &lt;h5 class=&quot;text-primary&quot;&gt;Mobile&lt;/h5&gt;
                            &lt;p class=&quot;mb-0&quot;&gt;+880 1958 305010&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;d-flex align-items-center&quot;&gt;
                        &lt;div class=&quot;d-flex align-items-center border-radius justify-content-center flex-shrink-0 btn-danger&quot; style=&quot;width: 50px; height: 50px; border-radius:10px;&quot;&gt;
                            &lt;i class=&quot;fa fa-envelope-open text-white&quot;&gt;&lt;/i&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;ms-3&quot;&gt;
                            &lt;h5 class=&quot;text-primary&quot;&gt;Email&lt;/h5&gt;
                            &lt;p class=&quot;mb-0&quot;&gt;info@bornoit.com&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;

                &lt;div class=&quot;col-lg-6 col-md-12 wow fadeInUp&quot; data-wow-delay=&quot;0.5s&quot;&gt;
                    &lt;form&gt;
                        &lt;div class=&quot;row g-3&quot;&gt;
                            &lt;div class=&quot;col-md-6&quot;&gt;
                                &lt;div class=&quot;form-floating&quot;&gt;
                                    &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;name&quot; placeholder=&quot;Your Name&quot;&gt;
                                    &lt;label for=&quot;name&quot;&gt;Your Name&lt;/label&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;col-md-6&quot;&gt;
                                &lt;div class=&quot;form-floating&quot;&gt;
                                    &lt;input type=&quot;email&quot; class=&quot;form-control&quot; id=&quot;email&quot; placeholder=&quot;Your Email&quot;&gt;
                                    &lt;label for=&quot;email&quot;&gt;Your Email&lt;/label&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;col-12&quot;&gt;
                                &lt;div class=&quot;form-floating&quot;&gt;
                                    &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;subject&quot; placeholder=&quot;Subject&quot;&gt;
                                    &lt;label for=&quot;subject&quot;&gt;Subject&lt;/label&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;col-12&quot;&gt;
                                &lt;div class=&quot;form-floating&quot;&gt;
                                    &lt;textarea class=&quot;form-control&quot; placeholder=&quot;Leave a message here&quot; id=&quot;message&quot; style=&quot;height: 150px&quot;&gt;&lt;/textarea&gt;
                                    &lt;label for=&quot;message&quot;&gt;Message&lt;/label&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;col-12&quot;&gt;
                                &lt;button class=&quot;btn btn-danger w-100 py-3&quot; type=&quot;submit&quot;&gt;Send Message&lt;/button&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/form&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;!-- Contact 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, Sheikh Hasina 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>