File: /home/cafsindia/refimac_cafsjobs_com/Untitled-1.html
?<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from arwen.ideal-theme.com/html/arwen/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 04 Sep 2016 18:38:35 GMT -->
<head>
<meta charset="utf-8" />
<title>SBA - Home</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- CSS Files -->
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/animate.min.css" />
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/font-awesome.css" />
<link rel="stylesheet" href="css/owl.carousel.css" />
<link rel="stylesheet" href="css/settings.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" />
<link rel="stylesheet" href="css/responsive.css" />
<link rel="stylesheet" href="css/player/YTPlayer.css" />
<!-- End CSS Files -->
</head>
<body data-spy="scroll" data-target=".nav-menu" data-offset="50">
<!-- Page Loader-->
<div id="pageloader">
<div class="loader-item">
<img src="images/loading.gif" alt='Loading...' />
</div>
</div>
<!-- End Page Loader-->
<!-- Home Section -->
<section id="home">
<!-- Top Bar Section -->
<section id="pagetop">
<!-- Content -->
<div class="content pagetop">
<!-- Top Details-->
<div class="col-xs-9 left">
<div class="top_details">
<!-- End Languages DropDown-->
<span class="details-on-top hidden-in-mobile-a"><i class="fa fa-map-marker"></i>G1,G2 Team Business Centre,98, V M Street, Mylapore, Chennai,TN</span>
<span class="details-on-top"><i class="fa fa-mobile"></i>044 - 43536738</span>
<span class="details-on-top"><i class="fa fa-skype"></i>swaminathanariel@gmail.com</span>
</div>
</div>
<!-- End Top Details-->
<!-- Top Social Media-->
<div class="col-xs-3 right">
<div class="top-social-media">
<a href="https://www.facebook.com/SriBaratiAssociates/" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="https://plus.google.com/111081108548026069747" target="_blank"><i class="fa fa-google-plus"></i></a>
</div>
</div>
<!-- End Social Media-->
<div class="clear"></div>
</div>
<!-- End Content -->
</section>
<!-- End Top Bar Section -->
<!-- Navigation Section -->
<section id="navigation" class="shadow">
<!-- Content -->
<div class="content navigation">
<!-- Logo -->
<div class="logo">
<a class="scroll" href="#home"><img src="images/sbdlogo.png" alt="Logo" height="75px"/></a>
</div>
<!-- End Logo -->
<!-- Nav Menu -->
<div class="nav-menu">
<ul class="nav main-nav">
<li class="active"><a class="scroll" href="#home">Home</a></li>
<li><a class="scroll" href="#important_links">About</a></li>
<li><a class="scroll" href="#history">Projects</a></li>
<li><a class="scroll" href="#team">Team</a></li>
<li><a class="scroll" href="#events">Events</a></li>
<li><a class="scroll" href="#portfolio">Gallery</a></li>
<li><a class="scroll" href="#contact">Contact</a></li>
</ul>
</div>
<!-- End Nav Menu -->
<!-- Dropdown Menu For Mobile Devices-->
<div class="dropdown mobile-drop">
<a data-toggle="dropdown" class="mobile-menu" href="#"><i class="fa fa-bars"></i></a>
<ul class="nav dropdown-menu fullwidth" role="menu" >
<li><a class="scroll" href="#home">Home</a></li>
<li><a class="scroll" href="#important_links">About</a></li>
<li><a class="scroll" href="#history">Projects</a></li>
<li><a class="scroll" href="#team">Team</a></li>
<li><a class="scroll" href="#events">Events</a></li>
<li><a class="scroll" href="#portfolio">Gallery</a></li>
<li><a class="scroll" href="#contact">Contact</a></li>
</ul>
</div>
<!-- End Dropdown Menu For Mobile Devices-->
<div class="clear"></div>
</div>
<!-- End Content -->
</section>
<!-- End Navigation Section -->
<!-- Revolution Slider -->
<section id="slider">
<div class="tp-banner">
<ul>
<!-- Slide -->
<li class="revslide" data-transition="random" data-slotamount="7" data-masterspeed="800" >
<!-- MAIN IMAGE -->
<img src="images/rev-slider/neeli.jpg" alt="neeli Vijay TV Serial" data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat">
<!-- Layer 1 -->
<div class="tp-caption sft customout"
data-x="center"
data-y="100"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="1000"
data-start="1400"
data-easing="Power4.easeOut"
data-endspeed="500"
data-endeasing="Power4.easeIn"
data-captionhidden="on">
<!-- <h4 class="rev-text rev-title-d">clean and responsive design</h4>-->
</div>
<!-- Layer 2 -->
<div class="tp-caption sft customout hidden-in-mobile-b"
data-x="center"
data-y="210"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="1000"
data-start="1700"
data-easing="Power4.easeOut"
data-endspeed="500"
data-endeasing="Power4.easeIn"
data-captionhidden="on">
<!-- <h5 class="rev-text rev-title-e">There are many variataons of passages Lorem ipsum The standard chunk</h5>-->
</div>
<!-- Layer 3 -->
<div class="tp-caption sft customout hidden-in-mobile-b"
data-x="center"
data-y="300"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="1000"
data-start="2000"
data-easing="Power4.easeOut"
data-endspeed="500"
data-endeasing="Power4.easeIn"
data-captionhidden="on">
<!-- <div class="align-center"><a class="white-button top20" href="#">Read More</a></div>-->
</div>
</li>
<!-- Slide -->
<li class="revslide" data-transition="random" data-slotamount="7" data-masterspeed="800" >
<!-- MAIN IMAGE -->
<img src="images/rev-slider/slide1.jpg" alt="slidebg1" data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat">
<!-- Layer 1 -->
<div class="tp-caption sft customout"
data-x="center"
data-y="100"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="1000"
data-start="1400"
data-easing="Power4.easeOut"
data-endspeed="500"
data-endeasing="Power4.easeIn"
data-captionhidden="on">
<!-- <h4 class="rev-text rev-title-d">clean and responsive design</h4>-->
</div>
<!-- Layer 2 -->
<div class="tp-caption sft customout hidden-in-mobile-b"
data-x="center"
data-y="210"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="1000"
data-start="1700"
data-easing="Power4.easeOut"
data-endspeed="500"
data-endeasing="Power4.easeIn"
data-captionhidden="on">
<!-- <h5 class="rev-text rev-title-e">There are many variataons of passages Lorem ipsum The standard chunk</h5>-->
</div>
<!-- Layer 3 -->
<div class="tp-caption sft customout hidden-in-mobile-b"
data-x="center"
data-y="300"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="1000"
data-start="2000"
data-easing="Power4.easeOut"
data-endspeed="500"
data-endeasing="Power4.easeIn"
data-captionhidden="on">
<!-- <div class="align-center"><a class="white-button top20" href="#">Read More</a></div>-->
</div>
</li>
<!-- Slide -->
<li class="revslide" data-transition="random" data-slotamount="7" data-masterspeed="800" >
<!-- MAIN IMAGE -->
<img src="images/rev-slider/slide2.jpg" alt="slidebg2" data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat">
<!-- Layer 1 -->
<div class="tp-caption lfb customout"
data-x="0"
data-y="120"
data-customin="x:0;y:50;z:0;rotationX:0;rotationY:0;rotationZ:0;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="1000"
data-start="1200"
data-easing="Power4.easeOut"
data-endspeed="500"
data-endeasing="Power4.easeIn"
>
</div>
<!-- Layer 2 -->
<div class="tp-caption lft customout"
data-x="1000"
data-y="150"
data-customin="x:0;y:50;z:0;rotationX:0;rotationY:0;rotationZ:0;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="1000"
data-start="1500"
data-easing="Power4.easeOut"
data-endspeed="500"
data-endeasing="Power4.easeIn"
>
</div>
<!-- Layer 3 -->
<div class="tp-caption lft customout"
data-x="300"
data-y="50"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="1000"
data-start="2000"
data-easing="Power4.easeOut"
data-endspeed="500"
data-endeasing="Power4.easeIn"
data-captionhidden="on">
</div>
<!-- Layer 4 -->
<div class="tp-caption skewfromrightshort customout hidden-in-mobile-a"
data-x="300"
data-y="100"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="1000"
data-start="2300"
data-easing="Power4.easeOut"
data-endspeed="500"
data-endeasing="Power4.easeIn"
data-captionhidden="on">
</div>
<!-- Layer 5 -->
<div class="tp-caption customin customout hidden-in-mobile-c"
data-x="600"
data-y="210"
data-customin="x:50;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="1000"
data-start="2900"
data-easing="Power4.easeOut"
data-endspeed="500"
data-endeasing="Power4.easeIn"
>
</div>
<!-- Layer 6 -->
<div class="tp-caption customin customout hidden-in-mobile-c"
data-x="600"
data-y="310"
data-customin="x:50;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="1000"
data-start="3200"
data-easing="Power4.easeOut"
data-endspeed="500"
data-endeasing="Power4.easeIn"
>
</div>
<!-- Layer 7 -->
<div class="tp-caption customin customout hidden-in-mobile-a"
data-x="600"
data-y="410"
data-customin="x:50;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="1000"
data-start="3800"
data-easing="Power4.easeOut"
data-endspeed="500"
data-endeasing="Power4.easeIn"
>
</div>
<!-- Layer 8 -->
<div class="tp-caption customin customout hidden-in-mobile-a"
data-x="740"
data-y="410"
data-customin="x:50;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="1000"
data-start="4100"
data-easing="Power4.easeOut"
data-endspeed="500"
data-endeasing="Power4.easeIn"
>
</div>
</li>
<!-- Slide -->
<li class="revslide" data-transition="random" data-slotamount="7" data-masterspeed="800" >
<!-- MAIN IMAGE -->
<img src="images/rev-slider/slide3.jpg" alt="slidebg3" data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat">
<!-- Layer 1 -->
<div class="tp-caption sfb customout"
data-x="200"
data-y="270"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="900"
data-start="900"
data-easing="Power4.easeOut"
data-endspeed="1300"
data-endeasing="Power4.easeIn"
data-captionhidden="on">
</div>
<!-- Layer 2 -->
<div class="tp-caption sfl customout"
data-x="0"
data-y="50"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="900"
data-start="1200"
data-easing="Power4.easeOut"
data-endspeed="900"
data-endeasing="Power4.easeIn"
data-captionhidden="on">
</div>
<!-- Layer 3 -->
<div class="tp-caption sfl customout hidden-in-mobile-c"
data-x="0"
data-y="130"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="900"
data-start="1500"
data-easing="Power4.easeOut"
data-endspeed="900"
data-endeasing="Power4.easeIn"
data-captionhidden="on">
</div>
<!-- Layer 4 -->
<div class="tp-caption sfb customout hidden-in-mobile-a"
data-x="0"
data-y="160"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="900"
data-start="1800"
data-easing="Power4.easeOut"
data-endspeed="900"
data-endeasing="Power4.easeIn"
data-captionhidden="on">
</div>
<!-- Layer 5 -->
<div class="tp-caption sfb customout hidden-in-mobile-c"
data-x="0"
data-y="255"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="900"
data-start="2100"
data-easing="Power4.easeOut"
data-endspeed="1000"
data-endeasing="Power4.easeIn"
data-captionhidden="on">
</div>
<!-- Layer 6 -->
<div class="tp-caption sfb customout"
data-x="900"
data-y="30"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="900"
data-start="2700"
data-easing="Power4.easeOut"
data-endspeed="900"
data-endeasing="Power4.easeIn"
data-captionhidden="on">
</div>
<!-- Layer 7 -->
<div class="tp-caption sft customout"
data-x="750"
data-y="100"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="900"
data-start="3000"
data-easing="Power4.easeOut"
data-endspeed="900"
data-endeasing="Power4.easeIn"
data-captionhidden="on">
</div>
<!-- Layer 8 -->
<div class="tp-caption customin customout hidden-in-mobile-b hidden-in-mobile-c"
data-x="0"
data-y="370"
data-customin="x:50;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="1000"
data-start="2500"
data-easing="Power4.easeOut"
data-endspeed="500"
data-endeasing="Power4.easeIn"
>
</div>
</li>
</ul>
</div>
</section>
<!-- End Revolution Slider -->
</section>
<!-- End Home-->
<!-- Intro Section -->
<section id="intro_section" class="main-content">
<!-- Content -->
<div class="content intro_section">
<div class="animated" data-animation="fadeInUp" data-animation-delay="300">
<h1>First Generation Media Company!!!</h1>
<!-- <a class="button purchase" href="#">Register Now</a>-->
<!-- <a class="button more scroll" href="#about">Read More</a>-->
</div>
</div>
<!-- End Content -->
</section>
<!-- End Intro Section -->
<!-- Important Links -->
<section id="important_links" class="main-content">
<!-- Content -->
<div class="content important_links animated" data-animation="fadeInUp" data-animation-delay="300">
<!-- Important Links Carousel-->
<div id="carousel-example-generic" class="carousel slide important_links_slide" data-ride="carousel">
<!-- Slides Wrapper -->
<div class="carousel-inner welcome-banner">
<!-- Slide -->
<div class="item active">
<div class="welcome-banner-text">
<h1 class="main_title_a">
<span>Welcome</span> To Sri Barati Associate</h1>
<p align="justify">Sri Barati associate, a First Generation Media company, has projects of diversified nature. Sri Barati Associate also deals with Media, Digital Animations and Softwares along with diversifications into Corporate Consultancies, Travel, Hospitality, Stock Broking and Philanthropic activities.</p>
<p align="justify">Consisting with highly experienced professional from diversifies fields, artists and technicians with candor and dedication, the company is dedicated to give quality programs setting high standards in terms of materials and environment. </p>
<!-- <p align="justify">Sri Barati Associate is a first generation media company with professionals of diversified lines having vast experience in their fields. A company dedicated to give quality program with very high standards both in material and in environment with the experience and dedicated artists and technicians etc. </p>-->
</div>
</div>
<!-- End Slide -->
</div>
<!-- End Slides Wrapper -->
</div>
<!-- End Important Links Carousel-->
</div>
<!-- End Content -->
</section>
<!-- End Important Links -->
<!-- About Section -->
<section id="about" class="main-content">
<!-- Content -->
<div class="content">
<!-- Main Title -->
<h1 class="main_title_a animated" data-animation="fadeInUp" data-animation-delay="300">
<span>What </span>we do
</h1>
<!-- What We Do -->
<ul class="about-contents slide-boxes">
<!-- Item -->
<li class="about box animated" data-animation="rotateInDownLeft" data-animation-delay="100">
<a href="#" class="about-logo">
<i class="fa fa-code"></i>
</a>
<h3>Soap Opera/Serial</h3>
<p>Also widely known as Serials, we had undertaken projects, which were widely received and accepted by the audiences around the globe.</p>
<!-- <a href="#" class="more_b"><i class="fa fa-plus"></i></a>-->
</li>
<!-- End Item -->
<!-- Item -->
<li class="about box animated" data-animation="rotateInDownLeft" data-animation-delay="200">
<a href="#" class="about-logo">
<i class="fa fa-film"></i>
</a>
<h3> Cinematography/ Photography</h3>
<p>We have catered to clients who had appreciated our perfectional approach towards professional cinematography and photography.</p>
<!-- <a href="#" class="more_b"><i class="fa fa-plus"></i></a>-->
</li>
<!-- End Item -->
<!-- Item -->
<li class="about box animated" data-animation="rotateInDownLeft" data-animation-delay="300">
<a href="#" class="about-logo">
<i class="fa fa-laptop"></i>
</a>
<h3>Recording/ Editing</h3>
<p>Hoisting out worldclass Editing and Recording Facilites that can work round-the clock is another feather to our cap.</p>
<!--<a href="#" class="more_b"><i class="fa fa-plus"></i></a>-->
</li>
<!-- End Item -->
<!-- Item -->
<li class="about box animated" data-animation="rotateInDownLeft" data-animation-delay="400">
<a href="#" class="about-logo">
<i class="fa fa-home"></i>
</a>
<h3>Events</h3>
<p>Event management from a product launch to a social event are handled that would meet and exceed the client's expectations.</p>
<!-- <a href="#" class="more_b"><i class="fa fa-plus"></i></a>-->
</li>
<!-- End Item -->
<!-- Item -->
<li class="about box animated" data-animation="rotateInDownLeft" data-animation-delay="500">
<a href="#" class="about-logo">
<i class="fa fa-laptop"></i>
</a>
<h3>Web TV</h3>
<p>Comming Soon.!!!!.</p>
<!--<a href="#" class="more_b"><i class="fa fa-plus"></i></a>-->
</li>
<!-- End Item -->
</ul>
<!-- End What We Do -->
<div class="clear"></div>
</div>
<!-- End Content -->
</section>
<!-- End About Section-->
<!-- Numbers Section -->
<section id="numbers" class="parallax-section main-content">
<!-- Balon -->
<div id="balon" class="balon">
<!-- Content -->
<div class="content">
<!-- Main Title -->
<div class="section-title animated" data-animation="fadeInUp" data-animation-delay="0">
<h1 class="my_title_b">Our Numbers</h1>
<div class="seperator"><span class="black_line"></span></div>
<h4 class="subtitle">We are a small creative team, trying to enrich the lives of others</h4>
</div>
<!-- Numbers Blocks -->
<div class="numbers-blocks">
<!-- Item -->
<div class="col-md-3 col-sm-3 col-xs-6">
<span class="counter animated hiding" data-animation="fadeInDown" data-animation-delay="300">
<i class="fa fa-trophy fa-4x"></i>
<span data-to="3" data-from="0" class="value">3</span>
<p>Completed</p>
</span>
</div>
<!-- End Item -->
<!-- Item -->
<div class="col-md-3 col-sm-3 col-xs-6">
<span class="counter animated hiding" data-animation="fadeInDown" data-animation-delay="600">
<i class="fa fa-paperclip fa-4x"></i>
<span data-to="3" data-from="0" class="value">3</span>
<p>Upcoming </p>
</span>
</div>
<!-- End Item -->
<!-- Item numbers-item-margin-->
<div class="col-md-3 col-sm-3 col-xs-6">
<span class="counter animated hiding" data-animation="fadeInDown" data-animation-delay="900">
<i class="fa fa-group fa-4x"></i>
<span data-to="100" data-from="0" style="display:block;font-size:45px;color:#202E37;margin-top:18px;">100+</span>
<p>Artist</p>
</span>
</div>
<!-- End Item -->
<!-- Item -->
<!-- <div class="col-md-3 col-sm-3 col-xs-6 numbers-item-margin last-in-mobile-a">
<span class="counter animated hiding" data-animation="fadeInDown" data-animation-delay="1200">
<i class="fa fa-code fa-4x"></i>
<span data-to="888150" data-from="0" class="value">888150</span>
<p>lines of code</p>
</span>
</div>-->
<!-- End Item -->
<div class="clear"></div>
</div>
<!-- End Numbers Blocks -->
</div>
<!-- End Content -->
</div>
<!-- End Balon -->
</section>
<!-- End Numbers Section -->
<!-- Skills and Possibilities -->
<section id="skills-and-possibilities">
<!-- Content -->
<div class="content">
<!-- Tabs -->
<div class="tabs animated" data-animation="fadeInLeft" data-animation-delay="300">
<h2 class="main_title">Our possibilities</h2>
<!-- Tabs Nav -->
<ul class="nav nav-tabs" id="tab-menu">
<li class="active"><a href="#first" data-toggle="tab">Events</a></li>
<li><a href="#second" data-toggle="tab">Tamil Soap Opera (Serials)</a></li>
<li><a href="#third" data-toggle="tab">Reality Shows</a></li>
</ul>
<!-- End Tabs Nav -->
<!-- Tab Content -->
<div class="tab-content">
<!-- Tab -->
<div class="tab-pane fade in active" id="first">
<div class="tab-image">
<img src="images/img-1.jpg" alt="" title="" />
</div>
<div class="tab-description">
<p>Event management is the application of project management to the creation and development of large scale events such as festivals, conferences, ceremonies, formal parties, concerts, or conventions. It involves studying the brand, identifying the target audience, devising the event concept, and coordinating the technical aspects before actually launching the event.
</p>
</div>
</div>
<!-- End Tab -->
<!-- Tab -->
<div class="tab-pane fade" id="second">
<div class="tab-image">
<img src="images/img-2.jpg" alt="" title="" />
</div>
<div class="tab-description">
<p>A soap opera, soap, or soapie, is a serial drama on television or radio which examines the lives of many characters, usually focusing on emotional relationships to the point of melodrama. Our media serial are picturised in modern camera and an unique distinction of the participation of more than thirty leading artists of small and big screen make it rich for a regional programs.
</p>
</div>
</div>
<!-- End Tab -->
<!-- Tab -->
<div class="tab-pane fade" id="third">
<div class="tab-image">
<img src="images/img-3.jpg" alt="" title="" />
</div>
<div class="tab-description only">
<p>Reality television is a genre of television programming that documents supposedly unscripted real-life situations, and often features an otherwise unknown cast of individuals who are typically not professional actors, although in some shows celebrities may participate. Sri Barati Associate will soon launch Reality Show Program that will enthrall the audience.
</p>
</div>
</div>
<!-- End Tab -->
</div>
<!-- End Tab Content -->
</div>
<!-- End Tabs -->
<!-- Progress -->
<div class="progress-bars animated" data-animation="fadeInRight" data-animation-delay="600">
<h2 class="main_title">Our Skills</h2>
<p class="skills-description"> </p>
<!-- Progress Content -->
<div class="progress-content">
<!-- Item -->
<div class="bars-item">
<div class="progress-texts">
<span class="progress-name">Production</span>
<div class="clear"></div>
</div>
<div class="progress active">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="bars-item">
<div class="progress-texts">
<span class="progress-name">Casting</span>
<div class="clear"></div>
</div>
<div class="progress active">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="bars-item">
<div class="progress-texts">
<span class="progress-name">Cinematography & Professional Photography</span>
<div class="clear"></div>
</div>
<div class="progress active">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="bars-item">
<div class="progress-texts">
<span class="progress-name">Editing</span>
<div class="clear"></div>
</div>
<div class="progress active">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="bars-item">
<div class="progress-texts">
<span class="progress-name">Screenplay</span>
<div class="clear"></div>
</div>
<div class="progress active">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div>
</div>
</div>
<!-- End Item -->
</div>
<!-- End Progress Content -->
</div>
<!-- End Progress -->
<div class="clear"></div>
</div>
<!-- End Content -->
</section>
<!-- End Skills and Possibilities -->
<!-- History Section -->
<section id="history" class="main-content">
<!-- Parallax Overlay -->
<div class="parallax-overlay">
<!-- Toons -->
<div class="toons toons2">
<!-- Content -->
<div class="content">
<!--White Title-->
<div class="section-title-white animated" data-animation="fadeInUp" data-animation-delay="300">
<h1>Our Projects</h1>
<div class="seperator"><span class="white_line"></span></div>
</div>
<!--End White Title-->
<!-- History Timeline -->
<ul class="history-timeline list-unstyled pretty-lightbox-b">
<!-- History Year upcomm -->
<li class="year">2016 / UpComing</li>
<!-- Item -->
<li class="timeline-item animated" data-animation="fadeInRight" data-animation-delay="150">
<div class="timeline-image">
<a class="" href="images/timeline/nelli.png" data-rel="prettyPhoto[gallery]">
<span class="image-overlay"></span>
<span class="image-zoom"><i class="fa fa-search"></i></span>
<img src="images/timeline/nelli.png" title="" alt="" />
</a>
</div>
<h4>NEELI </h4>
<div class="article">
Little Abhi, who lives with her father and stepmother, shares all her thoughts with her favourite doll Neeli. However, when Abhi faces trouble, her dead mother's spirit sets out to protect her.
</div>
<span class="date"><i class="fa fa-calendar-o"></i> 19 DEC 2016</span>
<!-- <a class="read-more" href="https://en.wikipedia.org/wiki/Sabitha_Allies_Sabapathi" target="_blank">Read More</a>-->
</li>
<!-- Item -->
<li class="timeline-item animated" data-animation="fadeInRight" data-animation-delay="150">
<div class="timeline-image">
<a class="" href="images/timeline/paisapaisa.jpg" data-rel="prettyPhoto[gallery]">
<span class="image-overlay"></span>
<span class="image-zoom"><i class="fa fa-search"></i></span>
<img src="images/timeline/paisapaisa.jpg" title="" alt="" />
</a>
</div>
<h4>Paisa Paisa</h4>
<div class="article">
�Paisa Paisa� from Sri Barati associate is a show about finances which is in production. The show aims at conveying the nitty-gritties of Real Estate, Insurrance, Automobiles to the general public. This show is an infotainment that would stand out from the crowd.
</div>
<span class="date"><i class="fa fa-calendar-o"></i> Coming soon!!!</span>
<!-- <a class="read-more" href="https://en.wikipedia.org/wiki/Sabitha_Allies_Sabapathi" target="_blank">Read More</a>-->
</li>
<!-- Item -->
<li class="timeline-item animated" data-animation="fadeInRight" data-animation-delay="150">
<div class="timeline-image">
<a class="" href="images/timeline/seeyama.jpg" data-rel="prettyPhoto[gallery]">
<span class="image-overlay"></span>
<span class="image-zoom"><i class="fa fa-search"></i></span>
<img src="images/timeline/seeyama.jpg" title="" alt="" />
</a>
</div>
<h4>Shyamala</h4>
<div class="article">
Ramachandran, is a General Manager working with a reputed private firm is living with his wife, Shyamala and four Girl children of his. While the story revolves around the marriage of three of his daughters, the situation leads becomes such that all the four gets married in the same day. While the life moves on, they come to know is Shyamala is carrying a child, and this creates a ruckus among the family.
</div>
<span class="date"><i class="fa fa-calendar-o"></i> Coming soon!!!</span>
<!-- <a class="read-more" href="https://en.wikipedia.org/wiki/Sabitha_Allies_Sabapathi" target="_blank">Read More</a>-->
</li>
<!-- Item -->
<li class="timeline-item animated" data-animation="fadeInRight" data-animation-delay="150">
<div class="timeline-image">
<a class="" href="images/timeline/puranam.jpg" data-rel="prettyPhoto[gallery]">
<span class="image-overlay"></span>
<span class="image-zoom"><i class="fa fa-search"></i></span>
<img src="images/timeline/puranam.jpg" title="" alt="" />
</a>
</div>
<h4>Puranam</h4>
<div class="article">
Casting for production of epic shows that changes every month vis-�-vis starting with VINAYAGAR PURANAM, KANDA PURANAM, SIVA PURANAM, KRISHNA LEELA, CHIDAMBARA CHARITRAM, IYYAPPAN CHARITRAM, ANNAMALAYAR CHARITRAM, SHAKTI PURANAM, PANDURANGAN PURANAM, HANUMAN CHARITRAM, BAGAVATAM etc.
</div>
<span class="date"><i class="fa fa-calendar-o"></i> Coming soon!!!</span>
<!-- <a class="read-more" href="https://en.wikipedia.org/wiki/Sabitha_Allies_Sabapathi" target="_blank">Read More</a>-->
</li>
<!--End Item -->
<!--<div class="clear"></div>
<a class="load-more" href="#">Load More</a>-->
<!-- Item -->
<!-- <li class="timeline-item animated" data-animation="fadeInRight" data-animation-delay="100">
<div class="timeline-image">
<a class="" href="images/timeline/Sabitha Engira Sabapathi Mytamiltv.jpg" data-rel="prettyPhoto[gallery]">
<span class="image-overlay"></span>
<span class="image-zoom"><i class="fa fa-search"></i></span>
<img src="images/timeline/img3.jpg" title="" alt="" />
</a>
</div>
<h4>Your Event Title Here</h4>
<div class="article">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>
<span class="date"><i class="fa fa-calendar-o"></i> 02 FEB 2013</span>
<a class="read-more" href="#">Read More</a>
</li>-->
<!-- End Item -->
<!-- Item -->
<!-- <li class="timeline-item animated" data-animation="fadeInLeft" data-animation-delay="100">
<div class="timeline-image">
<a class="" href="images/big-image.jpg" data-rel="prettyPhoto[gallery]">
<span class="image-overlay"></span>
<span class="image-zoom"><i class="fa fa-search"></i></span>
<img src="images/timeline/img4.jpg" title="" alt="" />
</a>
</div>
<h4>Your Event Title Here</h4>
<div class="article">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>
<span class="date"><i class="fa fa-calendar-o"></i> 07 FEB 2013</span>
<a class="read-more" href="#">Read More</a>
</li>-->
<!-- End Item -->
<div class="clear"></div>
<!-- History Year 2015-->
<li class="year">2015 & 2014</li>
<!-- Item -->
<li class="timeline-item animated" data-animation="fadeInRight" data-animation-delay="150">
<div class="timeline-image">
<a class="" href="images/timeline/Sabitha-Engira-Sabapathi-My.jpg" data-rel="prettyPhoto[gallery]">
<span class="image-overlay"></span>
<span class="image-zoom"><i class="fa fa-search"></i></span>
<img src="images/timeline/Sabitha-Engira-Sabapathi-My.jpg" title="" alt="" />
</a>
</div>
<h4>Sabitha Engira Sabapathi</h4>
<div class="article">
Mega Serial- telecasted in RajTV, this story revolves around the family of Diwan Rangaraja Kothandaramar, who was working under an English Lord before independence. The full length Comedy Serial about present day routine of Diwan Family which unlike the regular family that budgets the finances, they go lengths to plan and spend the fortune they had accumulated over the years after the death of Diwan is fun to watch. Comprising of 76 episodes, this is a show that you should not miss!
</div>
<span class="date"><i class="fa fa-calendar-o"></i> 04 Jan 2015 to 02 Apr 2016</span>
<a class="read-more" href="https://en.wikipedia.org/wiki/Sabitha_Allies_Sabapathi" target="_blank">Read More</a>
</li>
<li class="timeline-item animated" data-animation="fadeInLeft" data-animation-delay="150">
<div class="timeline-image">
<a class="" href="images/timeline/Thozhiye.jpg" data-rel="prettyPhoto[gallery]">
<span class="image-overlay"></span>
<span class="image-zoom"><i class="fa fa-search"></i></span>
<img src="images/timeline/Thozhiye.jpg" title="" alt="" />
</a>
</div>
<h4>En Iniya Thozhiye</h4>
<div class="article">
Mega Serial - on Raj TV from monday to friday 9 pm. En Iniya Thozhiye is a story about two woman from extreme status of the society, where the rich woman hates love and the woman from middle class background praises love. Love, immaterial to the place it belongs, can be found beautiful, which forms the crux of their marriage.
</div>
<span class="date"><i class="fa fa-calendar-o"></i> 10 Nov 2014</span>
<a class="read-more" target="_blank" href="https://en.wikipedia.org/wiki/En_Iniya_Thozhiye">Read More</a>
</li>
<!-- 2014 -->
<div class="clear"></div>
<!-- History Year -->
<!-- <li class="year">2014</li>-->
<!-- Item -->
<!--<li class="timeline-item animated" data-animation="fadeInRight" data-animation-delay="150">-->
<!-- End Item 2014 -->
<div class="clear"></div>
<!-- History Year -->
<li class="year">2013</li>
<!-- Item -->
<li class="timeline-item animated" data-animation="fadeInLeft" data-animation-delay="50">
<div class="timeline-image">
<a class="" href="images/timeline/img2.jpg" data-rel="prettyPhoto[gallery]">
<span class="image-overlay"></span>
<span class="image-zoom"><i class="fa fa-search"></i></span>
<img src="images/timeline/img2.jpg" title="" alt="" />
</a>
</div>
<h4>Website Launch</h4>
<div class="article">
Sri Barati Associate Company Website Launch.
</div>
<span class="date"><i class="fa fa-calendar-o"></i> 13 Oct 2013 </span>
</li>
<!-- End Item -->
<!-- Item -->
<li class="timeline-item animated" data-animation="fadeInRight" data-animation-delay="50">
<div class="timeline-image">
<a class="" href="images/timeline/Uravugal_Sangamam.jpg" data-rel="prettyPhoto[gallery]">
<span class="image-overlay"></span>
<span class="image-zoom"><i class="fa fa-search"></i></span>
<img src="images/timeline/Uravugal_Sangamam.jpg" title="Uravugal_Sangamam" alt="" />
</a>
</div>
<h4>Uravugal Sangamam</h4>
<div class="article">
Mega Serial - on Raj TV . more than 30 artists acted in this serial.
This entire story is going around three sets of families who are one way or the other responsible for any one of the above heading. How they get pardon or punishment for their sins and how each family someway or other meet at one point of time and find a solution for their problems.
</div>
<span class="date"><i class="fa fa-calendar-o"></i> 14 Oct 2013</span>
<a class="read-more" target="_blank" href="https://en.wikipedia.org/wiki/Uravugal_Sangamam">Read More</a>
</li>
<!-- End Item -->
<div class="clear"></div>
</ul>
<!-- End History Timeline -->
</div>
<!-- End Content -->
<span class="pattern1"></span>
</div>
<!-- End Toons -->
</div>
<!-- End Parallax Overlay -->
</section>
<!-- End History Section -->
<!-- Our Team Section -->
<section id="team" class="main-content">
<!-- Content -->
<div class="content">
<!-- Main Title -->
<h1 class="main_title_a animated" data-animation="fadeInUp" data-animation-delay="300">
<span>Our</span> creative team
</h1>
<!-- Team -->
<div class="team-items slide-boxes">
<!-- Member -->
<div class="item animated" data-animation="rollIn" data-animation-delay="0">
<img src="images/team/1.jpg" alt="" class="img-circle" />
<h3>R RAMJEE</h3>
<h4>GENERAL MANAGER</h4>
<p>R RAMJEE is a graduate in the commerce stream and having 25+ Years in Accounts,Administrator and Tax matters.</p>
<!-- <div class="socials">
<a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
<a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a>
<a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a>
</div>-->
</div>
<!-- End Member -->
<!-- Member -->
<div class="item animated" data-animation="rollIn" data-animation-delay="300">
<img src="images/team/2.jpg" alt="" class="img-circle" />
<h3>E PRAKASH</h3>
<h4>EXECUTIVE � ADVERTISEMENT</h4>
<p>E PRAKASH is having 20+ Experience in Financial Products including stock market etc.</p>
<!-- <div class="socials">
<a class="facebook" href="https://www.facebook.com/SriBaratiAssociates/"><i class="fa fa-facebook"></i></a>
<a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a>
</div>-->
</div>
<!-- End Member -->
<!-- Member -->
<div class="item animated" data-animation="rollIn" data-animation-delay="600">
<img src="images/team/3.jpg" alt="" class="img-circle" />
<h3>R SANJEVE KUMAR</h3>
<h4>TECHNICIAL MANAGER</h4>
<p>R SANJEVE KUMAR having done diploma in Computer Hardware and Having 12+ Years of Experience in the field and looking after total technical matters of the company</p>
<!--<div class="socials">
<a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
<a class="twitter" href="#"><i class="fa fa-twitter"></i></a>
<a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a>
<a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a>
</div>-->
</div>
<!-- End Member -->
<!-- Member -->
<div class="item animated" data-animation="rollIn" data-animation-delay="900">
<img src="images/team/4.jpg" alt="" class="img-circle" />
<h3>G BALASUBERAMANIAN</h3>
<h4>PUBLIC RELATION OFFICER</h4>
<p>G BALASUBERAMANIAN is a graduate in the commerce stream and having 25+ years of experience in financial products including stock market operations.</p>
<!-- <div class="socials">
<a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
<a class="twitter" href="#"><i class="fa fa-twitter"></i></a>
<a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a>
<a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a>
</div>-->
</div>
<!-- End Member -->
<!-- Member -->
<div class="item animated" data-animation="rollIn" data-animation-delay="900">
<img src="images/team/4.jpg" alt="" class="img-circle" />
<h3>G SWAMINATHAN</h3>
<h4>BDM</h4>
<p>Swaminathan is a devoted and versatile Sales Professional with almost 5 years of experience in Construction Products and Services Industry.
</p>
<!-- <div class="socials">
<a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
<a class="twitter" href="#"><i class="fa fa-twitter"></i></a>
<a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a>
<a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a>
</div>-->
</div>
<!-- End Member -->
<!-- Member -->
<div class="item animated" data-animation="rollIn" data-animation-delay="900">
<img src="images/team/gs.png" alt="" class="img-circle" />
<h3>VAIJAYANTHI C</h3>
<!--<p>VAIJAYANTHI is a devoted and versatile Sales Professional with almost 5 years of experience in Construction Products and Services Industry.
</p>-->
<!-- <div class="socials">
<a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
<a class="twitter" href="#"><i class="fa fa-twitter"></i></a>
<a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a>
<a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a>
</div>-->
</div>
<!-- End Member -->
<!-- Member -->
<div class="item animated" data-animation="rollIn" data-animation-delay="900">
<img src="images/team/gs.png" alt="" class="img-circle" />
<h3>GOOGLERAJ S</h3>
<!--<p>VAIJAYANTHI is a devoted and versatile Sales Professional with almost 5 years of experience in Construction Products and Services Industry.
</p>-->
<!-- <div class="socials">
<a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
<a class="twitter" href="#"><i class="fa fa-twitter"></i></a>
<a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a>
<a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a>
</div>-->
</div>
<!-- End Member -->
</div>
<!-- End Team -->
</div>
<!-- End Content -->
</section>
<!-- End Our Team Section -->
<!-- Clients Section -->
<!-- End Our Clients Section -->
<!-- Client Say -->
<section id="events">
<div class="parallax-overlay">
<!-- Content -->
<div class="content">
<!-- White Title -->
<div class="section-title-white">
<h1>Our Events</h1>
<div class="seperator"><span class="white_line"></span></div>
</div>
<!-- Client Say Carousel -->
<div class="client-say-carousel">
<div id="carousel-client-say" class="carousel slide">
<!-- slides Wrapper -->
<div class="carousel-inner">
<!-- Slide 1 -->
<div class="item active left">
<div class="clients-say-item clearfix">
<img alt="Client Name" src="images/clients/clients-say/2.jpg">
<div class="client-comment-block">
<p class="client-comment">"A Great Gala Event was conded at Trichy in association with Atma Speecial School and Barati Associate. Actors from 'Uravugal Sangamam' were present at the venue, along with the Chairman of Sri Barati Associate, Mr. TR Madhavan, who released the monthly magazine of the school which was gladly received by Smt. Vadivukkarasi. A stand-up comedy was staged by Madurai Muthu and his accomplices, which was a part of this event. The funds from the proceedings were gladly donated to the School by Sri Barati Associate."
</p>
<h3 class="client-name-and-jop">
<i class="fa fa-caret-right"></i>
<span class="client-name">Great Gala Event at Trichy </span>
</h3>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- End Slide 1 -->
<!-- Slide 2 -->
<div class="item next left">
<div class="clients-say-item">
<img alt="Client Name" src="images/clients/clients-say/1.jpg">
<div class="client-comment-block">
<p class="client-comment">"The Lead Song for 'Uravugal Sangamam', sung by Dr. SPB was held at Chennai Kamaraj Hall. This launch was no different from any other Song Launch event that would be conducted for a feature film. Dr. Raveendran, Director of RajTV presided over the event as the chief guest."
</p>
<h3 class="client-name-and-jop">
<i class="fa fa-caret-right"></i>
<span class="client-name">Uravugal Sangamam Lead Song into. Day.</span>
</h3>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- End Slide 2 -->
<!-- Slide 3 -->
<div class="item">
<div class="clients-say-item clearfix">
<img alt="Client Name" src="images/clients/clients-say/3.jpg">
<div class="client-comment-block">
<p class="client-comment">"The commemorating the 200th episode of �Uravugal Sangamam�, one of the successful mega serials, from the production house of Sri Barati Associate was held at Hotel Green Park, vadapalani, Chennai. The function was presided over by the actors from the Serials, the chief guest Dr. Raveendran and Mr. Ragunathan,Director of RajTV were felicitated by Mr. TR Madhavan along with the cast and crew of the show. Smt. Vadivukkarasi and Mr. Ajay Ratnam spoke prominently about the show. Mr. TR Madhavan thanked the gathering."
</p>
<h3 class="client-name-and-jop">
<i class="fa fa-caret-right"></i>
<span class="client-name">200th episode of �Uravugal Sangamam�</span>
</h3>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- End Slide 3 -->
</div>
<!-- End slides Wrapper -->
<!-- Controls -->
<a class="left carousel-control s-controls" href="#carousel-client-say" data-slide="prev">
<i class="fa fa-angle-left"></i>
</a>
<a class="right carousel-control s-controls" href="#carousel-client-say" data-slide="next">
<i class="fa fa-angle-right"></i>
</a>
<!-- End Controls -->
</div>
</div>
<!-- End Client Say Carousel -->
</div>
<!-- End Content -->
<span class="pattern1"></span>
</div>
<!-- End parallax-overlay -->
</section>
<!-- End Client Say Section -->
<!-- Portfolio -->
<section id="portfolio" class="main-content">
<!-- Content -->
<div class="content">
<!-- Main Title -->
<h1 class="main_title_a animated" data-animation="fadeInUp" data-animation-delay="300">
<span>our</span> GALLERY
</h1>
<!-- Works -->
<div class="works">
<!-- Filter Navigation -->
<div id="options" class="filter-menu inline animated" data-animation="fadeInUp" data-animation-delay="500">
<ul id="filters" class="filters option-set" data-option-key="filter">
<li><a href="#filter" data-option-value="*" class="selected">all</a></li>
<li><a href="#filter" data-option-value=".uravugal">Uravugal Sangamam</a></li>
<li><a href="#filter" data-option-value=".Thozhiye">En Iniya Thozhiye</a></li>
<li><a href="#filter" data-option-value=".ses">Sabitha Engira Sabapathi</a></li>
<li><a href="#filter" data-option-value=".Upcoming">Upcoming</a></li>
</ul>
</div>
<!-- End Filter Navigation -->
<!-- Filter -->
<div class="items animated pretty-lightbox-a" data-animation="fadeInUp" data-animation-delay="700">
<!-- Item -->
<div class="work col-xs-4 uravugal">
<div class="work-inner">
<div class="work-img">
<img src="images/portfolio/1.jpg" alt=""/>
<div class="mask">
<a class="button zoom" href="https://www.youtube.com/watch?v=fuXsn43wKEk" data-rel="prettyPhoto[gallery]"><i class="fa fa-film"></i></a>
<a class="button detail" href="#"><i class="fa fa-link"></i></a>
</div>
<div class="work-desc">
<h4>Uravugal Sangamam</h4>
</div>
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="work col-xs-4 Thozhiye">
<div class="work-inner">
<div class="work-img">
<img src="images/portfolio/2.jpg" alt=""/>
<div class="mask">
<a class="button zoom" href="https://www.youtube.com/watch?v=rHNqin3gM8M" data-rel="prettyPhoto[gallery]"><i class="fa fa-film"></i></a>
<a class="button detail" href="#"><i class="fa fa-link"></i></a>
</div>
<div class="work-desc">
<h4>En Iniya Thozhiye</h4>
</div>
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="work col-xs-4 ses">
<div class="work-inner">
<div class="work-img">
<img src="images/portfolio/3.jpg" alt=""/>
<div class="mask">
<a class="button zoom" href="https://www.youtube.com/watch?v=20bDM_V2biU" data-rel="prettyPhoto[gallery]"><i class="fa fa-film"></i></a>
<a class="button detail" href="#"><i class="fa fa-link"></i></a>
</div>
<div class="work-desc">
<h4>Sabitha Engira Sabapathi</h4>
</div>
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="work col-xs-4 Upcoming ">
<div class="work-inner">
<div class="work-img">
<img src="images/portfolio/5.jpg" alt=""/>
<div class="mask">
<a class="button zoom" href="images/timeline/paisapaisa.jpg" data-rel="prettyPhoto[gallery]"><i class="fa fa-search"></i></a>
<a class="button detail" href="#"><i class="fa fa-link"></i></a>
</div>
<div class="work-desc">
<h4>Paisa Paisa</h4>
</div>
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="work col-xs-4 Upcoming">
<div class="work-inner">
<div class="work-img">
<img src="images/portfolio/6.jpg" alt=""/>
<div class="mask">
<a class="button zoom" href="images/timeline/seeyama.jpg" data-rel="prettyPhoto[gallery]"><i class="fa fa-search"></i></a>
<a class="button detail" href="#"><i class="fa fa-link"></i></a>
</div>
<div class="work-desc">
<h4>Shyamala</h4>
</div>
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="work col-xs-4 Upcoming">
<div class="work-inner">
<div class="work-img">
<img src="images/portfolio/4.jpg" alt=""/>
<div class="mask">
<a class="button zoom" href="images/timeline/puranam.jpg" data-rel="prettyPhoto[gallery]"><i class="fa fa-search"></i></a>
<a class="button detail" href="#"><i class="fa fa-link"></i></a>
</div>
<div class="work-desc">
<h4>Puranam</h4>
</div>
</div>
</div>
</div>
<!-- End Item -->
<div class="clear"></div>
</div>
<!-- End Filter -->
</div>
<!-- End Works -->
</div>
<!-- End Content -->
</section>
<!-- End Portfolio Section -->
<!-- Contact Section -->
<section id="contact" class="main-content">
<!-- Google Map -->
<!--<div id="googlemaps" class="google-map hidden-phone"></div>-->
<script src='https://maps.googleapis.com/maps/api/js?key=AIzaSyAPgzzwmfq6Y7cDS8XMTlzVl0JVNGL5Clk'>
</script><div style='overflow:hidden;height:400px;width:auto;'>
<div id='gmap_canvas' class="google-map hidden-phone"></div>
<div><small><a href="http://www.embedgooglemaps.com/en/">Generate your map here, quick and easy! Give your customers directions Get found</a></small></div><div><small></small></div><style>#gmap_canvas img{max-width:none!important;background:none!important}</style></div><script type='text/javascript'>function init_map(){var myOptions = {zoom:16,center:new google.maps.LatLng(13.038442858642936,80.2673513502625),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById('gmap_canvas'), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(13.038442858642936,80.2673513502625)});infowindow = new google.maps.InfoWindow({content:'<strong>Sri Barati Associate</strong><br>G1 Team Business Centre 98, V M Street, Mylapore,Chennai<br>'});google.maps.event.addListener(marker, 'click', function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>
<!-- End Google Map -->
<!-- Content -->
<div class="content">
<!--Contact Info-->
<div class="col-md-6 animated" data-animation="fadeInLeft" data-animation-delay="300">
<!-- Main Title -->
<h1 class="main_title_a align-left">
<span>Contact </span> Information
</h1>
<!-- Address -->
<address>
<p><strong>Corporate Office</strong></p>
<p><i class="fa fa-map-marker"></i><i class="fa fa-minus"></i>Sri Barati Associate, G1,G2 Team Business Centre </br>98, V M Street, Mylapore,Chennai � 600004</p>
<p><strong>Production Office</strong></p>
<p><i class="fa fa-map-marker"></i><i class="fa fa-minus"></i>Sri Barati Associate,Valasaravakkam, Chennai</p>
<p><i class="fa fa-phone"></i><i class="fa fa-minus"></i> 044 - 43536738</p>
<p><i class="fa fa-add1 fa-mobile"></i><i class="fa fa-minus"></i>+000 456 123 978</p>
<p><i class="fa fa-add2 fa-print"></i><i class="fa fa-minus"></i>044 - 43536738</p>
<p><i class="fa fa-add3 fa-envelope"></i><i class="fa fa-minus"></i>rmsmylai@hotmail.com</p>
<p><i class="fa fa-globe"></i><i class="fa fa-minus"></i>www.sribaratiassociate.com</p>
</address>
<!-- End Address -->
<!-- Social Media Icons -->
<div class="contact-social">
<a href="https://www.facebook.com/SriBaratiAssociates/" target="_blank">
<i class="fa fa-facebook"></i>
</a>
<a href="https://plus.google.com/111081108548026069747" target="_blank">
<i class="fa fa-google-plus"></i>
</a>
</div>
<!-- End Social Media Icons -->
</div>
<!--End Contact Info-->
<!--Contact Form-->
<div class="col-md-6 animated" data-animation="fadeInRight" data-animation-delay="600">
<!-- Main Title -->
<h1 class="main_title_a align-left">
<span>Get </span> in touch
</h1>
<form method="post" id="contact-form" name="contact-form">
<div class="row">
<div class="col-md-6 col-sm-6">
<input type="text" class="form-control " name="name" id="name" placeholder="Name" required>
</div>
<div class="col-md-6 col-sm-6">
<input type="email" class="form-control" name="email" id="email" placeholder="Email" required>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<input type="tel" class="form-control" name="tel" id="tel" placeholder="Phone" required>
</div>
<div class="col-md-6 col-sm-6">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" required>
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12">
<textarea class="form-control" name="message" id="message" required placeholder="Message" rows="9"></textarea>
</div>
</div>
<p>
<button class="btn" id="submit" type="submit" name="submit" value="Submit">Submit</button>
</p>
<div class="alert alert-danger">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>
<div class="alert alert-success">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>Well done!</strong> Your message was sent succssfully!
</div>
</form>
</div>
<!--End Contact Form-->
<div class="clear"></div>
</div>
<!-- End Content -->
</section>
<!-- End Contact Section -->
<!-- Footer Section -->
<section id="footer" class="main-content">
<div class="content footer">
<div class="col-xs-12 align-center">
<!-- Go To Top -->
<div id="go-top" class="animated" data-animation="fadeInUp" data-animation-delay="0">
<a href="#home" class="scroll"><i class="fa fa-chevron-up"></i></a>
</div><!-- End Go To Top -->
<!-- Site Copyright -->
<p class="footer-text copyright animated" data-animation="fadeInUp" data-animation-delay="700">
Copyright � 2014 - Sri Barati Associate. All Rights Reserved.
</p><!-- End Site Copyright -->
</div>
<div class="clear"></div>
</div>
<!-- End Footer Content -->
</section>
<!-- End Footer Section -->
<!-- JS Files -->
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/jquery.appear.js"></script>
<script type="text/javascript" src="js/jquery.countTo.js"></script>
<script type="text/javascript" src="js/waypoints.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<!--<script type="text/javascript" src="js/modernizr-latest.js"></script>-->
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.sticky.js"></script>
<script type="text/javascript" src="js/owl.carousel.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script type="text/javascript" src="js/rev-slider/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="js/rev-slider/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="js/jquery.mb.YTPlayer.js"></script>
<!-- <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&sensor=true"></script>-->
<script type="text/javascript" src="js/jquery.mapmarker.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<!-- End JS Files -->
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/57e70ea00188071f8b7ebc4d/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
</body>
<!-- Mirrored from arwen.ideal-theme.com/html/arwen/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 04 Sep 2016 18:40:32 GMT -->
</html>