new-events.html

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

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>FACT</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

  <!-- Cdn CSS Files -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.4.1/font/bootstrap-icons.min.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js" rel="stylesheet">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.5.4/swiper-bundle.min.css" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="vendor/animate.css/animate.min.css" rel="stylesheet">
  <link href="vendor/aos/aos.css" rel="stylesheet">
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
  <link href="vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="css/style.css" rel="stylesheet">

</head>

<body>

  <!-- ======= Top Bar ======= -->
  <div id="topbar" class="d-flex align-items-center ">
    <div class="container align-items-center justify-content-center justify-content-md-between">
      <div class="row">
        <div class="col-3 offset-lg-1">
          <img src="images/logo.jpeg" alt="logo" class="mt-lg-1">
        </div>
        <div class="col-5 d-none d-sm-block input">
          <input class="Input" type="text" placeholder="Search"/>
          <button class="btn btn-dark"><i class="fas fa-search"></i></button>
        </div>
        <div class="col-3">
          <ul class="social">
            <li><a href="https://www.facebook.com/estah.org/"><i class="fab fa-lg fa-facebook-f"></i></a></li>
            <li><a href="https://www.instagram.com/estahsociety/"><i class="fab fa-lg fa-instagram"></i></a></li>
            <li><a href="https://www.youtube.com/channel/UCG4sfCSAyS6g9OX5bSbQ-1Q"><i class="fab fa-lg fa-youtube"></i></a></li>
            <li><a href="https://www.linkedin.com/company/estah-society/mycompany/"><i class="fab fa-lg fa-linkedin"></i></a></li>
          </ul>
        </div>
      </div>
    </div>
  </div> 
  <!--  ======= Header ======= --  -->
  <header id="header" class="fixed-top">
    <div class="container d-flex align-items-center text-center">
      
      <nav id="navbar" class="navbar order-lg-0">
        <ul class="text-center">
          <li class="dropdown"><a href="./index.html"><span>What is Fact?</span></a>
            <ul>
              <li><a href="./index.html">What is Fact?</a></li>
              <li><a href="./fact-for-you.html">How Can FACT work for you?</a></li>
              <li><a href="./benefits.html">Benefits of Fact</a></li>
              <li><a href="#caseStudy">Case Studies</a></li>
            </ul>
          </li>
          <li class="nav-item"><a class="nav-link" href="./aboutus.html"><span>About Us</span></a></li>
          <li class="nav-item"><a class="nav-link" href="./board.html"><span>Our Team</span></a></li>
          <li class="nav-item"><a class="nav-link active" href="./new-events.html"><span>News & Events</span></a></li>
          <li class="nav-item"><a class="nav-link" href="./resources.html"><span>Resources</span></a></li>
          <li class="nav-item"><a class="nav-link" href="./getinvolved.html"><span>Get Involved</span></a></li>
        </ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav>
    </div>
  </header>
  <!-- End Header -->

  <div class="container " data-aos="fade-up" id="benefits">
    <div class="row row-content" id="news">
        <h1>News and Events</h1>
        <hr>
        <div class="col-lg-4 col-md-6 col-12 d-flex align-items-stretch mb-1">
            <div class="card news" data-aos="fade-up" data-aos-delay="100">
                <h5 class="text-center card-title">Tree plantation Drive</h5>
                <img class="card-img-top" src="images/event-1.JPG" alt="Card image cap">
            </div> 
        </div>
        <p class="text-center"><em>Stay tuned for more events</em></p>
    </div>
</div>


  <!-- Section home content  -->
    
  
  <!-- ======= Footer ======= -->
  <footer id="footer">
    <div class="footer-top">
      <div class="container">
        <div class="row">

          <div class="col-lg-3 col-md-6 footer-links">
            <img src="images/logo-bg-rm.png" width="55%">
          </div>

          <div class="col-lg-3 col-md-6">
            <div class="footer-info">
              <h3>FACT</h3>
              <p>
                Abbaiah Reddy St, Doddathoguru,<br>
                Electronics City Phase 1, Electronic City,<br>
                Bengaluru, Karnataka 560100.
                <br><br>
                <strong>Phone:</strong> +91 9008 499 555<br>
                <strong>Email:</strong> atchuta@estah.org<br>
              </p>
              <div class="social-links mt-3">
                <a href="https://www.facebook.com/estah.org/"><i class="fab fa-facebook-f"></i></a>
                <a href="https://www.instagram.com/estahsociety/"><i class="fab fa-instagram"></i></a>
                <a href="https://www.youtube.com/channel/UCG4sfCSAyS6g9OX5bSbQ-1Q"><i class="fab fa-youtube"></i></a>
                <a href="https://www.linkedin.com/company/estah-society/mycompany/"><i class="fab fa-linkedin"></i></a>
              </div>
            </div>
          </div>

          <div class="col-lg-2 col-md-6 footer-links">
            <h4>Useful Links</h4>
            <ul>
              <li><i class="fas fa-sm fa-chevron-right"></i> <a href="./index.html"> Home</a></li>
              <li><i class="fas fa-chevron-right"></i> <a href="#"> About us</a></li>
              <li><i class="fas fa-chevron-right"></i> <a href="#"> Get Involved</a></li>
              <li><i class="fas fa-chevron-right"></i> <a href="#"> News & Events</a></li>
              <li><i class="fas fa-chevron-right"></i> <a href="#"> Help & Advices</a></li>
            </ul>
          </div>

          <div class="col-lg-4 col-md-6 footer-newsletter">
            <h4>Our Newsletter</h4>
            <p>Subscribe to get our Newsletter and know more about our upcoming events</p>
            <form action="" method="post">
              <input type="email" name="email"><input type="submit" value="Subscribe">
            </form>

          </div>

        </div>
      </div>
    </div>

    <div class="container">
      <div class="copyright">
        <!-- Developed by Dikshita Kambri dikshitakambri.github.io/dikshita18/ -->
        &copy; Copyright <strong><span>FACT</span></strong>. All Rights Reserved
      </div>
      <div class="credits">
        Designed by <a href="/">FACT Team</a>
      </div>
    </div>
  </footer><!-- End Footer -->
  <div id="preloader"></div>
  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <!-- Vendor JS Files -->
  <script src="vendor/aos/aos.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="vendor/glightbox/js/glightbox.min.js"></script>
  <script src="vendor/php-email-form/validate.js"></script>
  <script src="vendor/purecounter/purecounter.js"></script>
  <script src="vendor/swiper/swiper-bundle.min.js"></script>

  <!-- JS, Popper.js, and jQuery -->
  <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>

  <!-- Template Main JS File -->
  <script src="js/main.js"></script>

</body>

</html>