public/about.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>About Bio Care</title>
    <link rel="stylesheet" href="about.css" />
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
    <script
      src="https://kit.fontawesome.com/d8373423c5.js"
      crossorigin="anonymous"
    ></script>
  </head>
  <body>
    <nav>
      <a href="index.html" aria-label="Home">
        <img src="images/logo.png" class="logo" alt="Bio Care Logo" />
      </a>
      <ul>
        <div class="links">
          <a href="index.html"><li>Home</li></a>
          <a href="about.html"><li>About</li></a>
          <a href="course.html"><li>Courses</li></a>
          <a href="gallery.html"><li>Gallery</li></a>
          <a href="events.html"><li>Events</li></a>
          <a href="contact.html"><li>Contact Us</li></a>
        </div>
        <div class="btn">
          <a href="signup.html"
            ><button id="signupButton" aria-label="Sign Up">Sign Up</button></a
          >
          <a href="login.html"
            ><button id="loginButton" aria-label="Log In">Log In</button></a
          >
        </div>
      </ul>
      <button class="toggle"><i class="fa-solid fa-bars"></i></button>
    </nav>

    <div class="about">
      <h2>What is bio care?</h2>
      <div class="content">
          <div class="whatLeft">
            Welcome to our institute, where academic excellence meets
            personalized guidance. At the heart of our mission is a team of
            dedicated educators committed to nurturing the potential within each
            student. Our institute goes beyond traditional teaching methods,
            encouraging a dynamic and interactive learning experience.<br /><br>
            With a focus on individualized attention, we maintain small class sizes
            to ensure every student receives the support they need. Our holistic
            approach to education extends beyond textbooks, emphasizing critical
            thinking, creativity, and life skills essential for success beyond the
            classroom.
          </div>
          <div class="whatRight">
            Technology is seamlessly integrated into our teaching practices,
            providing students with a contemporary and engaging learning
            environment. From exam preparation to overall personal development, our
            diverse range of programs caters to various educational needs.<br /><br>
            As you step into our institute, you're not just a student; you're part
            of a vibrant community driven by a shared passion for learning. Join us
            on a journey where education transforms into empowerment, and
            aspirations evolve into achievements. Welcome to a place where your
            academic journey is uniquely crafted, and success is a collaborative
            endeavor.
          </div>
      </div>
      <div class="keyFeatures">
        <h2>Key Features</h2>
        <div class="features">
            <div class="fea fea1">
                <p>5+ Years of Teaching Experience</p>
            </div>
            <div class="fea fea2">
                <p>Friendly Way of Presenting</p>
            </div>
            <div class="fea fea3">
                <p>Repeatative Success</p>
            </div>
            <div class="fea fea4">
                <p>1-on-1 Doubt Solving</p>
            </div>
        </div>
      </div>
    </div>

    <div class="contact">
      <div class="left">
        <img src="images/logo.png" alt="Bio Care Logo" />
      </div>
      <div class="address">
        <!-- Contact Details -->
        <p>
          <i class="fa-solid fa-location-dot"></i> Bio Care, Kotulpur Netaji
          More (near Kotulpur Police Station) Kotulpur, Bankura, WB-722141
        </p>

        <p><i class="fa-solid fa-phone"></i> +91 84366 51955 +91 89182 92956</p>
        <p><i class="fa-solid fa-envelope"></i> biocare545@gmail.com</p>

        <div class="links">
          <a href="https://www.facebook.com/profile.php?id=100089199731297" target="_blank"><i class="fa-brands fa-facebook"></i></a>
          <a href="https://www.instagram.com/bio_care_official?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==" target="_blank"><i class="fa-brands fa-square-instagram"></i></a>
          <a href="https://t.me/+XXiy0Ec4KLc1N2Zl" target="_blank"><i class="fa-brands fa-telegram"></i></a>
          <a href="https://youtube.com/channel/UChz520YFerHoIPsVUngvLLA" target="_blank"><i class="fa-brands fa-youtube"></i></a>
        </div>
      </div>
    </div>
    <footer>
      <p>Made with <i class="fa-solid fa-heart"></i> by Abhijit Das</p>
    </footer>
    <button id="backToTop" aria-label="Back to Top">
      <i class="fa-solid fa-arrow-up"></i>
    </button>

    <script src="script.js"></script>
    <script src="login-logout.js"></script>
  </body>
</html>