ourstory.html

<!DOCTYPE html>
<html lang="en">

<head>
    <script src="https://smtpjs.com/v3/smtp.js">
    </script>
    <meta charset="utf-8" />
    <title>VITeach</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta
        content="VITeacher tales, VITeach, social outreach club, VITeacher experience, Vellore Institute of Technology, VIT Chennai club, Vellore Institute of Technology, VITC, VITC club"
        name="keywords" />
    <meta
        content="It's all about kindness and giving back to the society. Come to know about what VITeach is and what are the activities we conduct."
        name="description" />

    <!-- Favicon -->
    <link href="img/favicon.ico" rel="icon" />

    <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap"
        rel="stylesheet" />

    <!-- CSS Libraries -->
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet" />
    <link href="lib/flaticon/font/flaticon.css" rel="stylesheet" />
    <link href="lib/animate/animate.min.css" rel="stylesheet" />
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
    <link rel="icon" href="img/logo.png" />


    <link href="css/about-us.css" rel="stylesheet" />
    <link href="css/framework.css" rel="stylesheet" />

    <!-- Template Stylesheet -->
    <link href="css/style.css" rel="stylesheet" />

    <!-- Loader CSS -->
    <link href="css/loader.css" rel="stylesheet" />

    <!-- Animation for Loader -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
</head>


<body>

    <!-- Nav Bar Start -->
    <div class="navbar navbar-expand-lg bg-dark navbar-dark">
        <div class="container-fluid">
            <a href="index.html" class="navbar-brand"><img class="logo-header" src="./img/Logo.png" /></a>
            <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
                <div class="navbar-nav ml-auto">
                    <a href="index.html" class="nav-item nav-link">Home</a>
                    <a href="ourstory.html" class="nav-item nav-link">Our Story</a>
                    <a href="tales_main.html" class="nav-item nav-link">VITeacher Tales</a>
                    <!-- <a href="library.html" class="nav-item nav-link">Digital Library</a> -->
                    <a href="blog1.html" class="nav-item nav-link">Blogs</a>

                    <div class="nav-item dropdown">
                        <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Our Content</a>
                        <div class="dropdown-menu">
                            <a href="youtube.html" class="dropdown-item">Youtube</a>
                            <a href="library.html" class="dropdown-item">Digital Library</a>
                            <!-- <a href="#" onclick="checkTeam()" class="dropdown-item">Office Bearers</a> -->
                            <a href="POB.html" class="dropdown-item">Previous OB</a>
                            <a href="journal.html" class="dropdown-item">Journals</a>
                        </div>
                    </div>

                    <div class="nav-item dropdown">
                        <a href="#" class="nav-link dropdown-toggle active" data-toggle="dropdown">Know Us</a>
                        <div class="dropdown-menu">
                            <a href="event.html" class="dropdown-item">Events</a>
                            <a href="projects.html" class="dropdown-item">Projects</a>
                            <a href="#" onclick="checkTeam()" class="dropdown-item">Office Bearers</a>
                            <a href="portfolio.html" class="dropdown-item">Gallery</a>
                        </div>
                    </div>

                    <a href="#" class="nav-item nav-link" id='contactScroll'>Contact</a>

                </div>
            </div>
        </div>
    </div>
    <!-- Nav Bar End -->


    <!-- Page Header Start -->
    <div class="page-header">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h2>Our Story</h2>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header End -->

    <div class="single">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8 col-md-8 col-sm-12">
                    <div class="single-content">
                        <p style="font-weight:bold; font-size:18px; font-style:italic; line-height:1.6em;"><i
                                class="quotes">"</i> Kindness can transform someone’s dark moment with a blaze of light.
                            At the end it’s not about what you have or even what you’ve accomplished. It’s about who
                            you’ve lifted up, who you’ve made better. It’s about what you’ve given back.<i
                                class="quotes">"</i>
                            <br>
                            <!--<p class="right" style="text-align:right;"><br>- Vivamus accumsan / Company Director</p>-->
                            <br>
                        <div class="panorama">
                            <center><img id="ourStoryIMG" class="imgholder" src="img/story3.jpg" alt=""></center>
                        </div>
                        <p><br><br>VITeach is a student-run social outreach club at VIT Chennai, committed towards
                            educating and imparting values to underprivileged children. With the collaboration of
                            students from all the batches and branches, the two major projects - Adi Dravida Nadunilai
                            Palli at Melakottaiyur and Government High School at Kandigai, have been significantly
                            brightening the lives of the children there. <br><br>
                            Our club aims at teaching students the basics of STEM, English and History in both English
                            and their native tongue, Tamil. With the emergence of e-learning as the primary means of
                            education, we've been producing educational videos and online study materials for these
                            children to learn from, at the comfort of their homes.<br><br>
                            Throughout the academic years, we conduct sessions where children are encouraged to learn
                            through games, skits, contests and events along with co-curricular activities like sports,
                            visual arts, dancing, yoga etc. We also celebrate festivals in the schools while helping the
                            children understand the cultural values behind the celebrations.<br><br>
                            Being a part of VITeach is one of the most amazing a fulfilling experiences that our members
                            have had at VIT. The club enables each and every member to contribute to their fullest, from
                            teaching school students to curating better teaching methods and syllabus to conducting a
                            plethora of events and talks and to now creating animated digital content for the students.
                            However small or big, VITeachers get to leave a lasting positive impact on the lives we aim
                            to change.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Footer Start -->
    <div class="footer">
        <div class="container" style="padding-left: 30px;">
            <div class="row">
                <div class="col-sm-4">
                    <div class="footer-contact">
                        <a name="contactus">
                            <h2>Contact Us</h2>
                        </a>
                        <p>
                            <a class="footer-link"
                                href="https://www.google.com/maps/dir//vit+chennai/@12.8406317,80.0833878,12z/data=!3m1!4b1!4m9!4m8!1m1!4e2!1m5!1m1!1s0x3a5259af8e491f67:0x944b42131b757d2d!2m2!1d80.1534283!2d12.840641"
                                target="_blank"><i class="fa fa-map-marker-alt"></i>Vellore
                                Institute of Technology, Chennai</a>
                        </p>
                        <p class="d-block d-xs-block d-sm-block d-md-block d-lg-none">
                            <a class="footer-link" href="tel:+919566009801"><i class="fa fa-phone-alt"></i>+91 95660
                                09801</a>
                        </p>
                        <p class="d-none d-lg-block d-xl-block">
                            <i class="fa fa-phone-alt"></i>+91 95660 09801
                        </p>
                        <p>
                            <a href="mailto:viteach.vitcc@gmail.com" class="footer-link"><i
                                    class="fa fa-envelope"></i>viteach.vitcc@gmail.com</a>
                        </p>
                        <div class="footer-social">
                            <a class="btn btn-custom" href="https://www.facebook.com/VITeach" target="_blank"><i
                                    class="fab fa-facebook-f"></i></a>
                            <a class="btn btn-custom" href="https://www.youtube.com/channel/UCUpFUMYtnH_sl-zzunOWd4g"
                                target="_blank"><i class="fab fa-youtube"></i></a>
                            <a class="btn btn-custom" href="https://www.instagram.com/viteachvitc/?hl=en"
                                target="_blank"><i class="fab fa-instagram"></i></a>
                            <a class="btn btn-custom" href="https://in.linkedin.com/company/viteachvitcc"
                                target="_blank"><i class="fab fa-linkedin-in"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="footer-link">
                        <h2>Other Sections</h2>
                        <a href="ourstory.html">Our Story</a>
                        <a href="#" onclick="checkTeam()">Office Bearers</a>
                        <a href="event.html">Events</a>
                        <a href="projects.html">Projects</a>


                    </div>
                </div>
                <!-- <div class="col-lg-3 col-md-6">
                        <div class="footer-link">
                            <h2>Useful Links</h2>
                            <a href="">Terms of use</a>
                            <a href="">Privacy policy</a>
                            <a href="">Cookies</a>
                            <a href="">Help</a>
                            <a href="">FQAs</a>
                        </div>
                    </div> -->
                <div class="col-sm-4">
                    <div class="footer-newsletter">
                        <h2>Get in touch!</h2>
                        <form id='f' name='f' data-netlify="true" method="post">
                            <input id='t' name='t' type="text" class="form-control" placeholder="Drop your email" />
                            <button type="submit" class="btn btn-custom">Submit</button>
                            <center><label style='padding-top:2%;'>We'll respond at the earliest.</label></center>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="container copyright">
            <div class="row">
                <div class="col-md-6">
                    <p>
                        &copy; <a href="#">VITeach</a>, All Right Reserved.
                    </p>
                </div>
                <div class="col-md-6">
                    <p>Designed By <a href="#">VITeach</a></p>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer End -->

    <!-- Back to top button -->
    <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>

    <!-- Pre Loader -->
    <div id="loader" class="show">
        <div class="loader"></div>
    </div>
    <script type="text/javascript">
        function checkTeam() {
            var isMobile = {
                Android: function () {
                    return navigator.userAgent.match(/Android/i);
                },
                BlackBerry: function () {
                    return navigator.userAgent.match(/BlackBerry/i);
                },
                iOS: function () {
                    return navigator.userAgent.match(/iPhone|iPad|iPod/i);
                },
                Opera: function () {
                    return navigator.userAgent.match(/Opera Mini/i);
                },
                Windows: function () {
                    return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i);
                },
                any: function () {
                    return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
                }
            };
            if (isMobile.any())
                window.location.href = "./mteam.html";
            else
                window.location.href = "./team.html";
        }
    </script>
    <!--<script type="text/javascript">
			function validateEmail(email) {
			  const re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
			  return re.test(email);
			}
            function sendEmail(){
                var e = document.f.t.value;
				if(validateEmail(e)){
					Email.send({
						Host : "smtp.gmail.com",
						Username : "",
						Password : "enter password here",
						To : '',
						From : "",
						Subject : " New from Contact US ",
						Body : "Email : "+e
					}).then(
					message => {
						if(message=='OK'){
						alert("Email has been sent! We will get back to you shortly");
					}
					else{
						alert("Please try again.");
					}
                }
                );
				}
				else{
					alert("Please enter valid e-mail address");
				}
			}
        </script>-->
    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/counterup/counterup.min.js"></script>
    <script src="lib/parallax/parallax.min.js"></script>

    <!-- Contact Javascript File -->
    <script src="mail/jqBootstrapValidation.min.js"></script>
    <script src="mail/contact.js"></script>

    <!-- Template Javascript -->
    <script src="js/main.js"></script>

    <!-- Loader js -->
    <script src="js/loader.js"></script>
</body>

</html>