<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Telugu Association</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Favicons
================================================== -->
<link rel="icon" href="img/favicon/favicon-32x32.html" type="image/x-icon" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/favicon/favicon-144x144.html">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/favicon/favicon-72x72.html">
<link rel="apple-touch-icon-precomposed" href="img/favicon/favicon-54x54.html">
<!-- CSS
================================================== -->
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Template styles-->
<link rel="stylesheet" href="css/style.css">
<!-- FontAwesome -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Animation -->
<link rel="stylesheet" href="css/animate.css">
<!-- Prettyphoto -->
<link rel="stylesheet" href="css/prettyPhoto.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.css">
<!-- Bxslider -->
<link rel="stylesheet" href="css/jquery.bxslider.css">
<link rel="shortcut icon" href="images/logo.png">
</head>
<body>
<div class="body-inner">
<!-- Header start -->
<header id="header" class="navbar-fixed-top main-nav" role="banner">
<div class="container">
<div class="row">
<div class="col-md-12">
<!--/ Top info start -->
<div class="top-info">
<ul class="pull-right">
<li><i class="fa fa-phone"></i> Call Us: (+91) 12345-76890</li>
<li><i class="fa fa-envelope"></i> name@email.com</li>
<!-- Social links -->
<li class="social-icon">
<a id="tooltip1" data-toggle="tooltip" data-placement="top" title="Twitter" href="#">
<i class="fa fa-twitter"></i>
</a>
<a id="tooltip2" data-toggle="tooltip" data-placement="top" title="Facebook" href="#">
<i class="fa fa-facebook"></i>
</a>
<a id="tooltip3" href="#" data-toggle="tooltip" data-placement="top" title="Google+">
<i class="fa fa-google-plus"></i>
</a>
<a id="tooltip4" href="#" data-toggle="tooltip" data-placement="top" title="Dribble">
<i class="fa fa-dribbble"></i>
</a>
</li><!-- Social links end-->
</ul>
</div><!--/ Top info end -->
<!-- Logo start -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">
<img class="img-responsive" src="images/logo.png" alt="logo">
</a>
</div><!--/ Logo end -->
<nav class="collapse navbar-collapse clearfix" role="navigation">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li ><a href="about.html">About</a></li>
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <i class="fa fa-caret-down"></i></a>
<ul class="dropdown-menu">
<li><a href="news-and-media.html">News-and-Media</a></li>
<li><a href="sponsership.html">Sponsership</a></li>
<li><a href="event-volunteers.html">Event-Volunteers</a></li>
<li id="kids-hunger"><a href="kids-hunger.html">Kids Against Hunger</a></li>
<li id="second_anniversary"><a href="second_anniversary.html">2 Anniversary Celebrations</a></li>
<li id="diwali-2016" class="active"><a href="diwali-2016.html">Diwali 2016</a></li>
<li id="diwali-2017"><a href="diwali-2017.html">Diwali 2017</a></li>
<li id="gleenars-2017"><a href="gleenars-2017.html">Gleenars 2017</a></li>
<li id="vanabhojanaalu-2017"><a href="vanabhojanaalu-2017.html">Vanabhojanaalu 2017</a></li>
<li id="vanabhojanaalu-2018"><a href="vanabhojanaalu-2018.html">Vanabhojanaalu 2018</a></li>
<li id="event_registration"><a href="eventRegister.html">Event Registration</a></li>
<li id="event_registration"><a href="tai-Sports.html">TAI Sports Home</a></li>
<li id="event_registration"><a href="tai-Sports-2019.html">TAI Sports 2019 Registration</a></li>
</ul>
</li>
<li><a href="gallery.html">Gallery</a></li>
<!-- <li><a href="membership.html">Membership</a></li> -->
<!-- <li><a href="tta-donation.html">TTA Donation</a></li> -->
<li><a href="contact.html">Contact</a></li>
</ul>
</nav><!--/ Navigation end -->
<div class="site-search">
<div class="container">
<input type="text" placeholder="type what you want and enter">
<span class="close">×</span>
</div>
</div>
</div><!--/ Col end -->
</div><!--/ Row end -->
</div><!--/ Container end -->
</header><!--/ Header end -->
<div id="inner-header">
<img src="images/banner/banner1.jpg" alt ="" />
</div>
<!-- Subpage title start -->
<section id="inner-title">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="inner-title-content">
<h2>2 Anniversary Celebrations</h2>
<ul class="breadcrumb">
<li> <a href="index.html">Home </a></li>
<li><a href="#"> 2 Anniversary Selebrations</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Subpage title end -->
<div class="gap-40"></div>
<!-- About page start -->
<section id="about-page">
<div class="container">
<!--/ about intro start -->
<div class="row">
<div class="col-md-6 wow slideInLeft">
<img class="img-responsive" src="images/about.jpg" alt="" />
</div>
<div class="col-md-6 wow slideInRight">
<h3 class="page-content-title">Who We Are</h3>
<p style="text-align:justify;">The Telugu Association of Indiana (TAI) is an organization-integrating people of Telugu origin residing in state of Illinois, Indiana and Wisconsin. This is a non-profit organization formed in 1984 with an intention to coordinate, communicate and help Telugu people living in Tri-State area.</p>
<div class="gap-20"></div>
<h4 style="color: #333399">Modern Working Envirnoments:</h4>
<ul class="circle">
<li>Our goal is to create an environment that brings families together and live in an environment that resembles our home.
</li>
<li>Our attempts to help families has ensued very positive results all over the country.
</li>
<li>This organization emphasizes the importance of cultural, educational, social and charitable interactions among members and families. </li>
<li>To foster friendship and understanding among Telugu people.</li>
</ul>
</div>
<div class="col-md-6 wow slideInRight">
<h3 class="page-content-title">Vision Telugu Association</h3>
<p style="text-align:justify;">To foster friendship and understanding among Telugu people.
To preserve, maintain, and perpetuate the cultural heritage of the people of Telugu origin in North America.
To assist and propagate cultural, educational, social, economic, and community affairs of the people of Telugu origin in North America.
To promote establishment of Telugu organizations in regions of North America where there are no such organizations.
To organize periodic Telugu literary, cultural, and educational conferences throughout the North American continent to promote the objectives of TAI.</p>
<div class="gap-20"></div>
</div>
<div class="col-md-6 wow slideInRight">
<h3 class="page-content-title">Profile Telugu Association</h3>
<p style="text-align:justify;">As of Dec 31, 2014, the total members in TAI are more than 500, making it the largest Telugu organization in the Tri-State area.
It encompasses wide rage of people including professional doctors, scientists, engineers and computer software and hardware experts.
TAI has the history of conducting two large Telugu conventions efficaciously in 1995 and 2009, which are considered as the largest conventions.
TAI members routinely guides and helps visitors of greater Chicago area.</p>
<div class="gap-20"></div>
</div>
</div><!--/ about intro row end -->
<div class="gap-40"></div>
<div class="row wow fadeInLeft">
<div class="col-md-12">
<div class='text-center'>
<h2 class="title"><span>Meet with Our Team</span></h2>
</div>
</div>
<div id="team-carousel" class="owl-carousel owl-theme text-center team-carousel">
<div class="item">
<div class="team-wrapper">
<div class="team-img-wrapper">
<div class="team-img-wrapper-hover">
</div>
<img alt="" src="images/team/team1.png" class="img-circle">
</div>
<div class="team-content">
<h3 class="name">
Full Name
<span>
Designation
</span>
</h3>
<p class="team-text">
Lorem Ipsum as their default model text, and a search for lorem ipsum will uncover many web.
</p>
</div>
</div><!--/ Team wrapper end -->
</div><!--/ Item 1 end -->
<div class="item">
<div class="team-wrapper">
<div class="team-img-wrapper">
<div class="team-img-wrapper-hover">
</div>
<img alt="" src="images/team/team2.png" class="img-circle">
</div>
<div class="team-content">
<h3 class="name">
Full Name
<span>
Designation
</span>
</h3>
<p class="team-text">
Lorem Ipsum as their default model text, and a search for lorem ipsum will uncover many web.
</p>
</div>
</div><!--/ Team wrapper end -->
</div><!--/ Item 2 end -->
<div class="item">
<div class="team-wrapper">
<div class="team-img-wrapper">
<div class="team-img-wrapper-hover">
</div>
<img alt="" src="images/team/team3.png" class="img-circle">
</div>
<div class="team-content">
<h3 class="name">
Full Name
<span>
Designation
</span>
</h3>
<p class="team-text">
Lorem Ipsum as their default model text, and a search for lorem ipsum will uncover many web.
</p>
</div>
</div><!--/ Team wrapper end -->
</div><!--/ Item 3 end -->
<div class="item">
<div class="team-wrapper">
<div class="team-img-wrapper">
<div class="team-img-wrapper-hover">
</div>
<img alt="" src="images/team/team4.png" class="img-circle">
</div>
<div class="team-content">
<h3 class="name">
Full Name
<span>
Designation
</span>
</h3>
<p class="team-text">
Lorem Ipsum as their default model text, and a search for lorem ipsum will uncover many web.
</p>
</div>
</div><!--/ Team wrapper end -->
</div><!--/ Item 4 end -->
<div class="item">
<div class="team-wrapper">
<div class="team-img-wrapper">
<div class="team-img-wrapper-hover">
</div>
<img alt="" src="images/team/team2.png" class="img-circle">
</div>
<div class="team-content">
<h3 class="name">
Full Name
<span>
Designation
</span>
</h3>
<p class="team-text">
Lorem Ipsum as their default model text, and a search for lorem ipsum will uncover many web.
</p>
</div>
</div><!--/ Team wrapper end -->
</div><!--/ Item 5 end -->
</div>
</div><!--/ Team row end -->
</div><!--/ container end -->
</section><!-- About page end -->
<!-- Main Footer start -->
<section id="footer-wrapper">
<!-- Footer top start -->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="footer-about-us">
<h3 class="footer-title"><span>Our <strong>Organization</strong></span></h3>
<p style="text-align:justify;">The Telugu Association of Indiana is a non-profit incorporated organization of people of Telugu Origin residing in state of Indiana. It was formed in 2016 for the sole purpose of helping Telugu people living in Indiana</p>
<p class="footer-social">
<!-- <a href="#"><i class="fa fa-twitter"></i></a> -->
<!-- <a href="#"><i class="fa fa-facebook"></i></a> -->
<!-- <a href="#"><i class="fa fa-google-plus"></i></a> -->
<!-- <a href="#"><i class="fa fa-dribbble"></i></a> -->
<br/><br/>
<a class="btn btn-primary btn-lg" href="our-team.html" role="button" style="color: #339;background: #F33;">Our-Team</a>
</p>
</div>
</div><!--/ end about us -->
<div class="col-md-3">
<div class="recent-post">
<h3 class="footer-title"><span>Recent <strong>Posts</strong></span></h3>
<marquee direction="down" height="100" scrolldelay="310" style="height: 100px;">Links to Other Websites & Products:
Links to other websites are provided for the convenience of users only and the owners of Tri State Telugu Association accept no liability or responsibility for their content.
We are unable to provide any warranty regarding the accuracy or completeness, or legitimacy of the content of such sites, except for those who are owned by TAI Any link to an external site does not imply an endorsement of the views, information or products provided by such sites.
</marquee>
<!-- <ul> -->
<!-- <li><a href="#">Pellentesque dolor metus</a></li> -->
<!-- <li><a href="#">Sed neque lacus mollis vitae</a></li> -->
<!-- <li><a href="#">Vivamus dignissim turpis</a></li> -->
<!-- <li><a href="#">Pellentesque aliquam lorem</a></li> -->
<!-- <li><a href="#">Fusce suscipit lectus at</a></li> -->
<!-- </ul> -->
</div>
</div><!--/ end recent post -->
<div class="col-md-3">
<div class="img-gallery">
<h3 class="footer-title"><span>Photo <strong>Gallery</strong></span></h3>
<div class="img-container">
<a class="thumb-holder" data-rel="prettyPhoto" href="images/gallery/1.jpg">
<img src="images/gallery/1.jpg" alt="gallery">
</a>
<a class="thumb-holder" data-rel="prettyPhoto" href="images/gallery/2.jpg">
<img src="images/gallery/2.jpg" alt="gallery">
</a>
<a class="thumb-holder" data-rel="prettyPhoto" href="images/gallery/3.jpg">
<img src="images/gallery/3.jpg" alt="gallery">
</a>
<a class="thumb-holder" data-rel="prettyPhoto" href="images/gallery/4.jpg">
<img src="images/gallery/4.jpg" alt="gallery">
</a>
<a class="thumb-holder" data-rel="prettyPhoto" href="images/gallery/5.jpg">
<img src="images/gallery/5.jpg" alt="gallery">
</a>
<a class="thumb-holder" data-rel="prettyPhoto" href="images/gallery/6.jpg">
<img src="images/gallery/6.jpg" alt="gallery">
</a>
</div>
</div>
</div><!--/ end flickr -->
<div class="col-md-3">
<div class="twitter">
<h3 class="footer-title"><span>Twitter <strong>Feed</strong></span></h3>
<div class="tweet">
<div>If you have any questions please contact us twitter <a href="#"></a>
</div>
<p class="tweet-time"><i class="fa fa-twitter"></i> 2 Days ago</p>
</div>
</div>
</div><!--/ end tweet -->
</div><!-- Row end -->
</div><!-- Container end -->
</footer><!-- Footer top end -->
<!-- Footer bottom start -->
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-md-5 wow fadeInLeft animated">
<ul class="footer-bottom-menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="gallery.html">Gallery</a></li>
<!-- <li><a href="membership.html">Membership</a></li> -->
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<div class="col-md-2">
<a id="back-logo" href="#" class="scroll-up back-logo" role="button" title="Click to return on the top page" data-toggle="tooltip" data-placement="left">
<img class="wow flipInY animated" src="images/logo.png" alt="">
</a>
</div>
<div class="col-md-5 wow fadeInRight animated">
<div class="copyright-info">
<p>© 2019 Telugu Association. All rights reserved |<a href="http://eshaanvi.in" target="_blank">Powered by Eshaanvi Communications </a>
</p>
</div>
</div>
</div><!-- Row end -->
</div><!-- Container end -->
</div><!-- Footer bottom end -->
</section>
<!-- Footer section end -->
<!-- Javascript Files
================================================== -->
<!-- initialize jQuery Library -->
<script type="text/javascript" src="js/jquery.js"></script>
<!-- Bootstrap jQuery -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Owl Carousel -->
<script type="text/javascript" src="js/owl.carousel.js"></script>
<!-- PrettyPhoto -->
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<!-- Bxslider -->
<script type="text/javascript" src="js/jquery.bxslider.min.js"></script>
<!-- Isotope -->
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<!-- Wow Animation -->
<script type="text/javascript" src="js/wow.min.js"></script>
<!-- SmoothScroll -->
<script type="text/javascript" src="js/smoothscroll.js"></script>
<!-- Animated Pie -->
<script type="text/javascript" src="js/jquery.easy-pie-chart.js"></script>
<!-- Template custom -->
<script type="text/javascript" src="js/custom.js"></script>
</div>
</body>
</html>