<?php
error_reporting(0);
require_once('PHPMailer/class.phpmailer.php');
include("PHPMailer/class.smtp.php"); // optional, gets called from within class.phpmailer.php if not already loaded

if(isset($_POST['submit'])){

$name = $_POST['name'];
$email = $_POST['email'];
$phone = $_POST['phone'];

$Message = $_POST['message'];

$mail = new PHPMailer(true); // the true param means it will throw exceptions on errors, which we need to catch

//$mail->IsSMTP(); // telling the class to use SMTP

try {
 $mail->SMTPSecure = 'ssl';
  $mail->Host       = "mail.cerebroinfosystems.com"; // SMTP server
  $mail->SMTPDebug = 0;               // enables SMTP debug information (for testing)
  
  $mail->SMTPAuth   = true;                  // enable SMTP authentication
 // $mail->Host       = "smtp.gmail.com"; // sets the SMTP server
  $mail->Port       = 587;                    // set the SMTP port for the GMAIL server
  $mail->Username   = "demo@cerebroinfosystems.com"; // SMTP account username
  $mail->Password   = "demo@12345";        // SMTP account password
  //$mail->AddReplyTo('name@yourdomain.com', 'First Last');
  $mail->AddAddress('indie.product@gmail.com');
  $mail->SetFrom('info@cerebroinfosystems.com');
  //$mail->AddReplyTo('name@yourdomain.com', 'First Last');
  $mail->Subject = 'Website Inquiry';
  //$mail->AltBody = 'To view the message, please use an HTML compatible email viewer!'; // optional - MsgHTML will create an alternate automatically
  $mail->isHTML(true);
  $mail->Body = "<html>
<head>
<title>Kaantha</title>
</head>
<body>
<table width='100%' cellspacing='0' cellpadding='0' style='border: 1px solid #9C3000'>

<tr>
<th width='25%' style='color:#9C3000; height:26px; line-height:26px; vertical-align:top; padding-left:5px;'>Name</th>
<th width='25%' style='color:#9C3000; height:26px; line-height:26px; vertical-align:top; padding-left:5px;'>Email</th>
<th width='25%' style='color:#9C3000; height:26px; line-height:26px; vertical-align:top; padding-left:5px;'>Phone</th>
<th width='25%' style='color:#9C3000; height:26px; line-height:26px; vertical-align:top; padding-left:5px;'>Message</th>
</tr>
<tr>

<td width='25%' style='color:#9C3000; height:26px; line-height:26px; vertical-align:top;'>".$name."</td>
<td width='25%' style='color:#9C3000; height:26px; line-height:26px; vertical-align:top;'>".$email."</td>
<td width='25%' style='color:#9C3000; height:26px; line-height:26px; vertical-align:top;'>".$phone."</td>
<td width='25%' style='color:#9C3000; height:26px; line-height:26px; vertical-align:top;'>".$Message."</td>
</tr>
</table>
</body>
</html>";
  //$mail->AddAttachment('images/phpmailer.gif');      // attachment
  //$mail->AddAttachment('images/phpmailer_mini.gif'); // attachment
  $mail->Send();
 // echo "Message Sent OK<p></p>\n";
} catch (phpmailerException $e) {
  echo $e->errorMessage(); //Pretty error messages from PHPMailer
} catch (Exception $e) {
  echo $e->getMessage(); //Boring error messages from anything else!
}

header('Location: index.php');
}

?> 





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


<head>
	<title>Indie Productions - Theatre Workshops, Productions & Events in Ahmedabad</title>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!-- Remove this For Non-responsive -->
	
	<!-- favicon -->
	<link rel="shortcut icon" href="img/favicon.png">
	
	<link href="css/candy.css" rel="stylesheet" type="text/css" />
	<link href="css/candy-plugins.css" rel="stylesheet" type="text/css" />
	<link href="css/ionicons.min.css" rel="stylesheet">
	<link href="css/font-awesome.min.css" rel="stylesheet">
	<link href="css/animate.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet" type="text/css" />	
	<link href="css/responsive.css" rel="stylesheet" type="text/css" />

	<!--<link href="css/candy.css" rel="stylesheet" type="text/css" />
	<link href="css/ionicons.min.css" rel="stylesheet">
	<link href="css/font-awesome.min.css" rel="stylesheet">
	<link href="css/superslides.css" rel="stylesheet">
	<link href="css/owl.carousel.css" rel="stylesheet">
	<link href="css/magnific-popup.css" rel="stylesheet">
	<link href="css/animate.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet" type="text/css" />	
	<link href="css/responsive.css" rel="stylesheet" type="text/css" />-->
	
	<!-- Google Font -->
	<link href='http://fonts.googleapis.com/css?family=Raleway:400,200%7CMontserrat:400,700' rel='stylesheet' type='text/css'>
	
	<!--<script src="js/modernizr.min.js"></script>-->
<style>
@font-face { font-family: adam; src: url('fonts/AdamGorry-Lights.ttf'); }
@font-face { font-family: guj; src: url('fonts/GJKR0btt.ttf'); } 

@media (min-width: 400px) {
    h1 {
        font-size: 1rem;
    }
	
	slide-additional-title. {
	font-size: 10px !important;
	  
	}
	#show {font-size:1rem !important;}
}

@media (min-width: 600px) {
    h1 {
        font-size: 1.6rem;
    }
		.slide-additional-title {
	font-size: 10px !important;
	
	}
	#show {font-size:2rem !important;}
}

@media (min-width: 800px) {
    h1 {
        font-size: 3.4rem;
    }
		.slide-additional-title {
	font-size: 1.5rem !important;
	}
	#show {font-size:4rem !important;}
}

@media (min-width: 1000px) {
    h1 {
        font-size: 3.8rem;
    }
		.slide-additional-title {
	font-size: 2rem !important;
	}
	#show {font-size:5rem !important;}
}
</style>

</head>
<body>
	<div id="back-to-top" class="back-to-top"><a href="#back-to-top"><i class="icon ion-ios-arrow-up"></i></a></div> <!-- Copy & Paste this for back-to-top -->
	
	<div class="header-navigation-menu header-sticky dynamic-nav-menu change-style transparent-nav-menu clearfix">
		<div class="container">
			<div class="header-icon">
				<a href="index.php" class="logo-icon logo-dark"><img src="img/logo_lite.png" alt="CANDY"></a> <!-- Logo to change -->
				<a href="index.php" class="logo-icon logo-lite"><img src="img/logo_lite.png" alt="CANDY"></a> <!-- Logo to change -->
			</div>
			<div class="toggle-nav-menu toggle-menu primary-typo strong"><div>MENU</div><div><a href="#"><div class="burg"></div></a></div></div> 
			<div class="header-menu">
				<nav class="nav-menu page-scroll" >
					<ul class="nav-menu-content">
						<li><a href="#about">About Us</a></li>
						<li><a href="#works">Workshops</a></li>
						<li><a href="#productions">Productions</a></li>
						<li><a href="#events">Events</a></li>
						<li><a href="#studio">Studio</a></li>
						<li><a href="#team">Team</a></li>
						<!--<li class="menu-item-has-children"><a href="blog.html">Blog</a>
							<ul class="sub-menu">
								<li><a href="blog.html">Blog Page</a></li>
								<li><a href="blog-single.html">Blog Single Page</a></li>
								<li><a href="shortcode.html">Shortcodes</a></li>
							</ul>
						</li>-->
						<li><a href="#client">Clients</a></li>
						<li><a href="#contact">Contact</a></li>
					</ul>
				</nav>		
			</div>
		</div>
		<nav class="tab-nav-menu page-scroll" >
			<ul class="tab-nav-menu-content">
				<li><a href="#about">About Us</a></li>
						<li><a href="#works">Workshops</a></li>
						<li><a href="#productions">Productions</a></li>
						<li><a href="#events">Events</a></li>
						<li><a href="#studio">Studio</a></li>
						<li><a href="#team">Team</a></li>
						<!--<li class="menu-item-has-children"><a href="blog.html">Blog</a>
							<ul class="sub-menu">
								<li><a href="blog.html">Blog Page</a></li>
								<li><a href="blog-single.html">Blog Single Page</a></li>
								<li><a href="shortcode.html">Shortcodes</a></li>
							</ul>
						</li>-->
						<li><a href="#client">Clients</a></li>
						<li><a href="#contact">Contact</a></li>
			</ul>
		</nav>	
	</div>
	<!--<div class="spacer"></div>	-->
	
	<div class="content">
	
		<!-- Fullscreen Slider -->
		<div id="agni-slides" class="agni-slides white">
			<ul class="slides-container" data-top="transform:translateY(0px);" data-top-bottom="transform:translateY(400px);">
				<li>
					<div class="slide-image">
						<img src="img/slider/1.jpg" alt="Slide 1">
						<div class="overlay"></div>
					</div>
					<div class="slide-container container text-left">
						<center>
						<div class="slide-content">
							<p id="show" class="slide-title primary-typo strong" style="font-family:adam !important;font-weight:200;">"It's <span style="color:#a3182f;font-family:adam !important;">Showtime"</span></p>
							<!--<p class="slide-additional-title" style="font-size:20px !important;">&nbsp;</p>-->
							
							<p class="slide-additional-title">Welcome to Indie Productions</p>
							<p class="slide-additional-title">THEATRE</p>
							<p class="slide-additional-title">[ <a href="#works1" style="color:white;">Workshops</a> | <a href="#productions1" style="color:white;">Productions</a> | <a href="#events1" style="color:white;">Events</a> ]</p>		
						</div>
						</center>
					</div>
				</li>
				<li>
					<div class="slide-image">
					
						<img src="img/slider/2.jpg" alt="Slide 2">
						<div class="overlay"></div>
					</div>
					<div class="slide-container container text-left">
						<center>
						<div class="slide-content">
							<p id="show" class="slide-title primary-typo strong" style="font-family:adam !important;font-weight:200;">"It's <span style="color:#a3182f;font-family:adam !important;">Showtime"</span></p>
							<!--<p class="slide-additional-title" style="font-size:20px !important;">&nbsp;</p>-->
							
							<p class="slide-additional-title">Welcome to Indie Productions</p>
							<p class="slide-additional-title">THEATRE</p>
							<p class="slide-additional-title">[ <a href="#works1" style="color:white;">Workshops</a> | <a href="#productions1" style="color:white;">Productions</a> | <a href="#events1" style="color:white;">Events</a> ]</p>									
						</div>
						</center>
					</div>
				</li>
				<li>
					<div class="slide-image">
						<img src="img/slider/3.jpg" alt="Slide 3">
						<div class="overlay"></div>
					</div>
					<div class="slide-container container text-left">
						<center>
						<div class="slide-content">
							<p id="show" class="slide-title primary-typo strong" style="font-family:adam !important;font-weight:200;">"It's <span style="color:#a3182f;font-family:adam !important;">Showtime"</span></p>
							<!--<p class="slide-additional-title" style="font-size:20px !important;">&nbsp;</p>-->
							
							<p class="slide-additional-title">Welcome to Indie Productions</p>
							<p class="slide-additional-title">THEATRE</p>
							<p class="slide-additional-title">[ <a href="#works1" style="color:white;">Workshops</a> | <a href="#productions1" style="color:white;">Productions</a> | <a href="#events1" style="color:white;">Events</a> ]</p>											
						</div>
						</center>
					</div>
				</li>
				<li>
					<div class="slide-image">
						<img src="img/slider/4.jpg" alt="Slide 3">
						<div class="overlay"></div>
					</div>
					<div class="slide-container container text-left">
						<center>
						<div class="slide-content">
							<p id="show" class="slide-title primary-typo strong" style="font-family:adam !important;font-weight:200;">"It's <span style="color:#a3182f;font-family:adam !important;">Showtime"</span></p>
							<!--<p class="slide-additional-title" style="font-size:20px !important;">&nbsp;</p>-->
							
							<p class="slide-additional-title">Welcome to Indie Productions</p>
							<p class="slide-additional-title">THEATRE</p>
							<p class="slide-additional-title">[ <a href="#works1" style="color:white;">Workshops</a> | <a href="#productions1" style="color:white;">Productions</a> | <a href="#events1" style="color:white;">Events</a> ]</p>								
						</div>
						</center>
					</div>
				</li>
				<li>
					<div class="slide-image">
						<img src="img/slider/5.jpg" alt="Slide 3">
						<div class="overlay"></div>
					</div>
					<div class="slide-container container text-left">
						<center>
						<div class="slide-content">
							<p id="show" class="slide-title primary-typo strong" style="font-family:adam !important;font-weight:200;">"It's <span style="color:#a3182f;font-family:adam !important;">Showtime"</span></p>
							<!--<p class="slide-additional-title" style="font-size:20px !important;">&nbsp;</p>-->
							
							<p class="slide-additional-title">Welcome to Indie Productions</p>
							<p class="slide-additional-title">THEATRE</p>
							<p class="slide-additional-title">[ <a href="#works1" style="color:white;">Workshops</a> | <a href="#productions1" style="color:white;">Productions</a> | <a href="#events1" style="color:white;">Events</a> ]</p>							
						</div>
						</center>
					</div>
				</li>
				<li>
					<div class="slide-image">
						<img src="img/slider/6.jpg" alt="Slide 3">
						<div class="overlay"></div>
					</div>
					<div class="slide-container container text-left">
						<center>
						<div class="slide-content">
							<p id="show" class="slide-title primary-typo strong" style="font-family:adam !important;font-weight:200;">"It's <span style="color:#a3182f;font-family:adam !important;">Showtime"</span></p>
							<!--<p class="slide-additional-title" style="font-size:20px !important;">&nbsp;</p>-->
							
							<p class="slide-additional-title">Welcome to Indie Productions</p>
							<p class="slide-additional-title">THEATRE</p>
							<p class="slide-additional-title">[ <a href="#works1" style="color:white;">Workshops</a> | <a href="#productions1" style="color:white;">Productions</a> | <a href="#events1" style="color:white;">Events</a> ]</p>								
						</div>
						</center>
					</div>
				</li>
				<li>
					<div class="slide-image">
						<img src="img/slider/7.jpg" alt="Slide 3">
						<div class="overlay"></div>
					</div>
					<div class="slide-container container text-left">
						<center>
						<div class="slide-content">
							<p id="show" class="slide-title primary-typo strong" style="font-family:adam !important;font-weight:200;">"It's <span style="color:#a3182f;font-family:adam !important;">Showtime"</span></p>
							<!--<p class="slide-additional-title" style="font-size:20px !important;">&nbsp;</p>-->
							
							<p class="slide-additional-title">Welcome to Indie Productions</p>
							<p class="slide-additional-title">THEATRE</p>
							<p class="slide-additional-title">[ <a href="#works1" style="color:white;">Workshops</a> | <a href="#productions1" style="color:white;">Productions</a> | <a href="#events1" style="color:white;">Events</a> ]</p>									
						</div>
						</center>
					</div>
				</li>
				<li>
					<div class="slide-image">
						<img src="img/slider/8.jpg" alt="Slide 3">
						<div class="overlay"></div>
					</div>
					<div class="slide-container container text-left">
						<center>
						<div class="slide-content">
							<p id="show" class="slide-title primary-typo strong" style="font-family:adam !important;font-weight:200;">"It's <span style="color:#a3182f;font-family:adam !important;">Showtime"</span></p>
							<!--<p class="slide-additional-title" style="font-size:20px !important;">&nbsp;</p>-->
							
							<p class="slide-additional-title">Welcome to Indie Productions</p>
							<p class="slide-additional-title">THEATRE</p>
							<p class="slide-additional-title">[ <a href="#works1" style="color:white;">Workshops</a> | <a href="#productions1" style="color:white;">Productions</a> | <a href="#events1" style="color:white;">Events</a> ]</p>								
						</div>
						</center>
					</div>
				</li>
			</ul>
			<nav class="slides-navigation">
				<a href="#" class="next"><i class="ion-ios-arrow-right"></i></a>
				<a href="#" class="prev"><i class="ion-ios-arrow-left"></i></a>
			</nav>
		</div>
		
		
		
	<!-- About us -->
		<section id="about" class="about-2 section-bg-color">
			<div class="container">
				<div class="row">
				<div class="col-sm-offset-2 col-sm-2 col-md-offset-2 col-md-8 text-center margin-top-140" style="margin-top: 10px;">
						
							<center><h1 class="heading heading-underlined black">WHAT IS INDIE?</h3></center>
				
				</div>
					<div class="col-sm-4 col-md-offset-2 col-md-6 padding-top-20" style="margin-top: 0px;">
						<!--<h5 class="heading margin-bottom-30">Who is Indie?</h5>-->
						
						<p align="center">Indie Productions is an independent collaboration among Theatre Groups & Theatre Practitioners. Indie Team consists of Theatre Actors, Directors, Writers and Mentors from Gujarat as well as theatre experts from Mumbai. The Team collaborates to achieve the common motive of spreading theatre across the country to every individual through performances, workshops & events.</br>

The Indie Team has a vision to take Theatre to every individual through -</br>
<span style="color:#a3182f;">THEATRE WORKSHOPS</br>
THEATRE EVENTS</br>
THEATRE PRODUCTIONS</br></span>
We at Indie believe that Theatre is not just an Art Form, Not just a Tool to Interact with the Society, Not just a Reflection of the Society, Not just an Entertainment Medium but Theatre is a Way of Living Life & hence at Indie we plan to take Theatre to maximum individuals and change the way they see <span style="color:#a3182f;">LIFE</span> ! </p>
					</div>
					<div class="col-sm-6 col-md-4 margin-140" style="margin-top: 0px;">
						<img src="img/mockup_1.png" alt="mockup_1" />
					</div>
				</div>
			</div>
		</section>
		<!--<section id="about-3" class="about-3">
			<div class="container">
				<div class="row">
					<div class="col-sm-6 col-md-offset-2 col-md-4 margin-140">
						<img src="img/mockup_2.png" alt="mockup_2" />
					</div>
					<div class="col-sm-6 col-md-4 margin-140 padding-top-20 padding-bottom-20">
						<h5 class="heading margin-bottom-30">What We Do</h5>
						<p>Nullam placerat dignissim metus, eu ornare orci convallis vitae. Suspendisse eget sem in magna auctor eleifend. Pellentesque diam scelerisque erat vel arcu blandit, vel ultricies libero vehicula. Ut.Aenean fermentum nisi eu arcu dictum scelerisque. Phasellus nec tincidunt ante. Nulla finibus, enim vitae tempor pretium, ex magna ornare ligula, a varius est nulla id turpis. </p>
					</div>
				</div>
			</div>
		</section>-->
		
		<!-- Workshops -->
	<div id="works1" style="background-color:#f3f5f8 !important;height:80px;"></div>
		<section id="works" class="work section-bg-color" style="background-color:#333333 !important;">
			<div class="container-fluid">
				<div class="row">
					<div class="col-sm-offset-2 col-sm-2 col-md-offset-2 col-md-8 text-center">
						<div class="section-heading">
							<h1 class="heading heading-underlined black">INDIE THEATRE WORKSHOPS (WHAT DO WE OFFER?)</h1>
							<!--<p class="additional-heading">Donec a lacinia mauris. Aliquam sodales auctor tempor vestibulum.</p>-->
						</div>
					</div>
					<div class="col-xs-12"  style="margin-top: -80px;">
						<div class="portfolio-filter text-center">
								<ul id="filters" class="filter small list-inline">
									<li><a class="active" href="#all" data-filter=".all" title="" style="color:white !important;">All</a></li>
									<li><a class="" href="#branding" data-filter=".branding" title="" style="color:white !important;">RANGAYAN BASIC</a></li>
									<li><a class="" href="#advertise" data-filter=".advertise" title="" style="color:white !important;">CORPORATE</a></li>
									<li><a class="" href="#brandingj" data-filter=".brandingj" title="" style="color:white !important;">RANGAYAN JUNIOR</a></li>
									<li><a class="" href="#print" data-filter=".print" title="" style="color:white !important;">EDUCATIONAL INSTITUTIONS </a></li>
								</ul>
						</div>
						<div id="portfolio-page" class="row portfolio-page portfolio-full"  style="margin-top: -70px;">
							<!--<div id="portfolio-11" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Rangayan/1.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="rangayan.html">RANGAYAN THEATRE & ACTING WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>For the age group 15 - 90</li>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>-->
							<div id="portfolio-12" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image ">
										<img src="img/Rangayan/2.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="rangayan.html">RANGAYAN THEATRE & ACTING WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>For the age group 15 - 90</li>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>			
							<div id="portfolio-18" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Rangayan/3.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="rangayan.html">RANGAYAN THEATRE & ACTING WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>For the age group 15 - 90</li>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>		
							<div id="portfolio-13" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Rangayan/4.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="rangayan.html">RANGAYAN THEATRE & ACTING WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>For the Age Group 15 - 90</li>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-13" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Rangayan/5.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="rangayan.html">RANGAYAN THEATRE & ACTING WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>For the Age Group 15 - 90</li>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>
							<!--<div id="portfolio-11" class="white portfolio-post all brandingj col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Rangayan/j1.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="rangayan.html">RANGAYAN THEATRE & ACTING WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>For the age group 10 - 15</li>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>-->
							<div id="portfolio-11" class="white portfolio-post all brandingj col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Rangayan/j2.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="rangayan.html">RANGAYAN THEATRE & ACTING WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>For the age group 10 - 15</li>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>	
							<div id="portfolio-11" class="white portfolio-post all brandingj col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Rangayan/j3.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="rangayan.html">RANGAYAN THEATRE & ACTING WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>For the age group 10 - 15</li>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-11" class="white portfolio-post all brandingj col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Rangayan/j4.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="rangayan.html">RANGAYAN THEATRE & ACTING WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>For the age group 10 - 15</li>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-11" class="white portfolio-post all brandingj col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Rangayan/j5.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="rangayan.html">RANGAYAN THEATRE & ACTING WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>For the age group 10 - 15</li>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-15" class="white portfolio-post all advertise col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/corporate/5.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="corporate.html">CORPORATE THEATRE WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>Various Modules Available</li>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-16" class="white portfolio-post all advertise col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/corporate/2.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="corporate.html">CORPORATE THEATRE WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>Various Modules Available</li>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>		
							<div id="portfolio-16" class="white portfolio-post all advertise col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/corporate/1.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="corporate.html">CORPORATE THEATRE WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>Various Modules Available</li>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>	
                            <div id="portfolio-16" class="white portfolio-post all advertise col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/corporate/4.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="corporate.html">CORPORATE THEATRE WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>Various Modules Available</li>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>									
							<div id="portfolio-19" class="white portfolio-post all print col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding">	
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Education/1.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="education.html">EDUCATIONAL THEATRE WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>Various Modules Available</li>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-19" class="white portfolio-post all print col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding">	
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Education/2.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="education.html">EDUCATIONAL THEATRE WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>Various Modules Available</li>
											</ul>
											</center>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-19" class="white portfolio-post all print col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding">	
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Education/3.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="education.html">EDUCATIONAL THEATRE WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>Various Modules Available</li>
											</ul>
											</center>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-19" class="white portfolio-post all print col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding">	
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Education/4.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="education.html">EDUCATIONAL THEATRE WORKSHOP</a></h5>
										<ul class="portfolio-category list-inline">
											<li>Various Modules Available</li>
											</ul>
											</center>
									</figcaption>
								</figure>                           
							</div>
						</div>	
					</div>	
				</div>
			</div>
		</section>
		
		<!-- productions -->
		<div id="productions1" style="background-color:#333333;height:80px;"></div>
		<section id="productions" class="work section-bg-color">
			<div class="container-fluid">
				<div class="row">
					<div class="col-sm-offset-2 col-sm-2 col-md-offset-2 col-md-8 text-center">
						<div class="section-heading">
							<h1 class="heading heading-underlined black">INDIE THEATRE PRODUCTIONS (WHAT DO WE PRESENT?)</h1>
							<p class="additional-heading">At Indie we plan to bring the best of theatre from all over the world to your nearest performance space. We have a huge range of theatre plays of our collaborated theatre groups which can be presented for you or your company as and when needed.
The range of productions we have is so vast that we can fit into your need as well as budget easily. What we promise you is results as per your expectations. Any language, any genre, whatever budget, whatever event, if you know the type of theatre production you would like to organize we will find it for you and present it for you.</p>
						</div>
					</div>
					<div class="col-xs-12 ">
							<div id="portfolio-page" class="row portfolio-page portfolio-full">
							<div id="portfolio-11" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Productions/KaaluEtleAndharu.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										Kaalu Etle Andharu</h5>
										<ul class="portfolio-category list-inline">
											<li>EXPERIMENTAL - SUSPENSE – GUJ/HINDI/ENGLISH – 90 MINS</li><li><a href="#" style="color:#a3182f;font-weight:900;">SYNOPSIS</a></li></br>
											<a href="#" onclick="document.sentMessage.message.value='Hey, please help me with your Theatre Productions – KAALU ETLE ANDHARU.';return false;" id="button">
											<li style="font-size:0.7em;">
                                             WANT TO ARRANGE A SHOW ? CLICK HERE AND WE WILL CALL YOU BACK TO CLEAR YOUR QUERIES!
                                            </li>
                                            </a>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-12" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image ">
										<img src="img/Productions/CourtMartial.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										COURT MARTIAL</h5>
										<ul class="portfolio-category list-inline">
											<li>EXPERIMENTAL - SUSPENSE – GUJ/HINDI/ENGLISH – 60 MINS</li><li><a href="#" style="color:#a3182f;font-weight:900;">SYNOPSIS</a></li></br>
											<a href="#" onclick="document.sentMessage.message.value='Hey, please help me with your Theatre Productions – COURT MARTIAL.';return false;" id="button1">
											<li style="font-size:0.7em;">
                                             WANT TO ARRANGE A SHOW ? CLICK HERE AND WE WILL CALL YOU BACK TO CLEAR YOUR QUERIES!
                                            </li>
                                            </a>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>			
							<div id="portfolio-18" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Productions/TaleofTears.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										TALE OF TEARS</h5>
										<ul class="portfolio-category list-inline">
											<li>EXPERIMENTAL - SUSPENSE – GUJ/HINDI/ENGLISH – 45 MINS</li><li><a href="#" style="color:#a3182f;font-weight:900;">SYNOPSIS</a></li></br>
											<a href="#" onclick="document.sentMessage.message.value='Hey, please help me with your Theatre Productions – TALE OF TEARS.';return false;" id="button2">
											<li style="font-size:0.7em;">
                                             WANT TO ARRANGE A SHOW ? CLICK HERE AND WE WILL CALL YOU BACK TO CLEAR YOUR QUERIES!
                                            </li>
                                            </a>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>		
							<div id="portfolio-13" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Productions/RangBadaltoManas.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										RANG BADALTO MANAS </h5>
										<ul class="portfolio-category list-inline">
											<li>COMMERCIAL - COMEDY – GUJARATI – 2.5 HR</li><li><a href="#" style="color:#a3182f;font-weight:900;">SYNOPSIS</a></li></br>
											<a href="#" onclick="document.sentMessage.message.value='Hey, please help me with your Theatre Productions – RANG BADALTO MANAS.';return false;" id="button3">
											<li style="font-size:0.7em;">
                                             WANT TO ARRANGE A SHOW ? CLICK HERE AND WE WILL CALL YOU BACK TO CLEAR YOUR QUERIES!
                                            </li>
                                            </a>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-13" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Productions/AavjoAtithi.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										Aavjo Atithi </h5>
										<ul class="portfolio-category list-inline">
											<li>COMMERCIAL - COMEDY – GUJARATI –  2 HOURS</li><li><a href="#" style="color:#a3182f;font-weight:900;">SYNOPSIS</a></li></br>
											<a href="#" onclick="document.sentMessage.message.value='Hey, please help me with your Theatre Productions – Aavjo Atithi.';return false;" id="button4">
											<li style="font-size:0.7em;">
                                             WANT TO ARRANGE A SHOW ? CLICK HERE AND WE WILL CALL YOU BACK TO CLEAR YOUR QUERIES!
                                            </li>
                                            </a>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-13" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Productions/TajmahalKaTender.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										Tajmahal Ka Tender </h5>
										<ul class="portfolio-category list-inline">
											<li>EXPERIMENTAL - COMEDY – HINDI –  90 MINS</li><li><a href="#" style="color:#a3182f;font-weight:900;">SYNOPSIS</a></li></br>
											<a href="#" onclick="document.sentMessage.message.value='Hey, please help me with your Theatre Productions – Tajmahal Ka Tender.';return false;" id="button5">
											<li style="font-size:0.7em;">
                                             WANT TO ARRANGE A SHOW ? CLICK HERE AND WE WILL CALL YOU BACK TO CLEAR YOUR QUERIES!
                                            </li>
                                            </a>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-13" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Productions/PanSambhado.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										પણ..સાંભળો તો ખરા !! </h5>
										<ul class="portfolio-category list-inline">
											<li>CHILDREN'S PLAY - COMEDY - FUN – GUJARATI – 60 MINS</li><li><a href="#" style="color:#a3182f;font-weight:900;">SYNOPSIS</a></li></br>
											<a href="#" onclick="document.sentMessage.message.value='Hey, please help me with your Theatre Productions – Tajmahal Ka Tender.';return false;" id="button5">
											<li style="font-size:0.7em;">
                                             WANT TO ARRANGE A SHOW ? CLICK HERE AND WE WILL CALL YOU BACK TO CLEAR YOUR QUERIES!
                                            </li>
                                            </a>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>
							<!--<div id="portfolio-15" class="white portfolio-post all advertise col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/portfolio/5.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="corporate.html">PRODUCTION 5</a></h5>
										<ul class="portfolio-category list-inline">
											<li>Drama</li><li>Traditional</li>
										</ul>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-16" class="white portfolio-post all advertise col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/portfolio/6.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="corporate.html">PRODUCTION 6</a></h5>
										<ul class="portfolio-category list-inline">
											<li>Drama</li><li>Traditional</li>
											</ul>
									</figcaption>
								</figure>                           
							</div>							
							<div id="portfolio-19" class="white portfolio-post all print col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding">	
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/portfolio/7.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="education.html">PRODUCTION 7</a></h5>
										<ul class="portfolio-category list-inline">
											<li>Drama</li><li>Traditional</li>
											</ul>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-19" class="white portfolio-post all print col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding">	
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/portfolio/8.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="education.html">PRODUCTION 8</a></h5>
										<ul class="portfolio-category list-inline">
											<li>Drama</li><li>Traditional</li>
											</ul>
									</figcaption>
								</figure>                           
							</div>-->
						</div>	
					</div>	
				</div>
			</div>
		</section>
		
		
		<!-- events -->
		<div id="events1" style="background-color:#f3f5f8 !important;height:80px;"></div>
		<section id="events" class="work section-bg-color" style="background-color:#333333 !important;">
			<div class="container-fluid">
				<div class="row" style="position:relative;top:-100px;">
					<div class="col-sm-offset-2 col-sm-2 col-md-offset-2 col-md-8 text-center margin-top-140">
						<div class="section-heading">
							<h1 class="heading heading-underlined black">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;INDIE THEATRE EVENTS&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (WHAT DO WE ORGANIZE?)</h1>
							<p class="additional-heading" style="color:white;">We feel that scenario of theatre in the whole of Gujarat and especially Ahmedabad is very messed up. In order to clear this mess, presentation of good quality theatre productions from all over India is needed in Ahmedabad! Hence, Indie Theatre events. We bring the best of theatre productions from all over India to Ahmedabad through collaborations or by organizing events at regular intervals. In order to change the scenario, it is important to present before the audience, the possibilities and get them out of drawing room comedy plays that they are used to. Checkout images of past Theatre Events our team has organized and managed for Institutions & Corporates.
							</p>
							
						</div>
					</div>
					<div class="col-xs-12 ">
						
							<div id="portfolio-page" class="row portfolio-page portfolio-full">
							<div id="portfolio-11" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Events/Mohan No Masalo, Ahmedabad.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										Mohan No Masalo</h5>
										<ul class="portfolio-category list-inline">
											<li>Ahmedabad</li>
											<a href="#" onclick="document.sentMessage.message.value='I WANT TO KNOW MORE ABOUT INDIE THEATRE EVENTS';return false;" id="buttone1">
											<li style="font-size:0.7em;">
                                             WANT TO ARRANGE A THEATRE EVENT? CLICK HERE AND WE WILL CALL YOU BACK TO CLEAR YOUR QUERIES!
                                            </li>
                                            </a>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-12" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image ">
										<img src="img/Events/Popocorn with Parsai - Ahmedabad.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										Popocorn with Parsai</h5>
										<ul class="portfolio-category list-inline">
											<li>Ahmedabad</li>
											<a href="#" onclick="document.sentMessage.message.value='I WANT TO KNOW MORE ABOUT INDIE THEATRE EVENTS';return false;" id="buttone2">
											<li style="font-size:0.7em;">
                                             WANT TO ARRANGE A THEATRE EVENT? CLICK HERE AND WE WILL CALL YOU BACK TO CLEAR YOUR QUERIES!
                                            </li>
                                            </a>
										</ul>
										</center>
									</figcaption>
								</figure>                           
							</div>			
							<div id="portfolio-18" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Events/Salaam IFFCO - IFFCO,Kalol.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										Salaam IFFCO - IFFCO</h5>
										<ul class="portfolio-category list-inline">
											<li>Kalol</li>
											<a href="#" onclick="document.sentMessage.message.value='I WANT TO KNOW MORE ABOUT INDIE THEATRE EVENTS';return false;" id="buttone3">
											<li style="font-size:0.7em;">
                                             WANT TO ARRANGE A THEATRE EVENT? CLICK HERE AND WE WILL CALL YOU BACK TO CLEAR YOUR QUERIES!
                                            </li>
                                            </a>
											</ul>
											</center>
									</figcaption>
								</figure>                           
							</div>		
							<div id="portfolio-18" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Events/Mock I.T. Raid - ICAI, Ahmedabad.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										Mock I.T. Raid - ICAI</h5>
										<ul class="portfolio-category list-inline">
											<li>Ahmedabad</li>
											<a href="#" onclick="document.sentMessage.message.value='I WANT TO KNOW MORE ABOUT INDIE THEATRE EVENTS';return false;" id="buttone4">
											<li style="font-size:0.7em;">
                                             WANT TO ARRANGE A THEATRE EVENT? CLICK HERE AND WE WILL CALL YOU BACK TO CLEAR YOUR QUERIES!
                                            </li>
                                            </a>
											</ul>
											</center>
									</figcaption>
								</figure>                           
							</div>	
							<div id="portfolio-18" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Events/Pehchaan - Saaransh Foundation,Gandhinagar.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										Pehchaan - Saaransh Foundation</h5>
										<ul class="portfolio-category list-inline">
											<li>Gandhinagar</li>
											<a href="#" onclick="document.sentMessage.message.value='I WANT TO KNOW MORE ABOUT INDIE THEATRE EVENTS';return false;" id="buttone5">
											<li style="font-size:0.7em;">
                                             WANT TO ARRANGE A THEATRE EVENT? CLICK HERE AND WE WILL CALL YOU BACK TO CLEAR YOUR QUERIES!
                                            </li>
                                            </a>
											</ul>
											</center>
									</figcaption>
								</figure>                           
							</div>	
							<div id="portfolio-18" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/Events/Bored Meeting - Symbiosis Law School, Pune.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<center><h5 class="heading heading-underlined portfolio-thumbnail-heading">
										Bored Meeting - Symbiosis Law School</h5>
										<ul class="portfolio-category list-inline">
											<li>Pune</li>
											<a href="#" onclick="document.sentMessage.message.value='I WANT TO KNOW MORE ABOUT INDIE THEATRE EVENTS';return false;" id="buttone6">
											<li style="font-size:0.7em;">
                                             WANT TO ARRANGE A THEATRE EVENT? CLICK HERE AND WE WILL CALL YOU BACK TO CLEAR YOUR QUERIES!
                                            </li>
                                            </a>
											</ul>
											</center>
									</figcaption>
								</figure>                           
							</div>	
							
							<!--<div id="portfolio-13" class="white portfolio-post all branding col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/portfolio/4.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="rangayan.html">PRODUCTION 4</a></h5>
										<ul class="portfolio-category list-inline">
											<li>Drama</li><li>Traditional</li>
											</ul>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-15" class="white portfolio-post all advertise col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/portfolio/5.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="corporate.html">PRODUCTION 5</a></h5>
										<ul class="portfolio-category list-inline">
											<li>Drama</li><li>Traditional</li>
										</ul>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-16" class="white portfolio-post all advertise col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding" >
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/portfolio/6.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="corporate.html">PRODUCTION 6</a></h5>
										<ul class="portfolio-category list-inline">
											<li>Drama</li><li>Traditional</li>
											</ul>
									</figcaption>
								</figure>                           
							</div>							
							<div id="portfolio-19" class="white portfolio-post all print col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding">	
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/portfolio/7.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="education.html">PRODUCTION 7</a></h5>
										<ul class="portfolio-category list-inline">
											<li>Drama</li><li>Traditional</li>
											</ul>
									</figcaption>
								</figure>                           
							</div>
							<div id="portfolio-19" class="white portfolio-post all print col-xs-12 col-sm-6 col-md-3 portfolio-thumbnail no-padding">	
								<figure class="portfolio-thumbnail-container">
									<div class="thumbnail-image">
										<img src="img/portfolio/8.jpg" alt="thumbnail" />
									</div>
									<figcaption class="portfolio-thumbnail-caption portfolio-thumbnail-attachments text-right">
										<h5 class="heading heading-underlined portfolio-thumbnail-heading">
										<a class="portfolio-single-link" href="education.html">PRODUCTION 8</a></h5>
										<ul class="portfolio-category list-inline">
											<li>Drama</li><li>Traditional</li>
											</ul>
									</figcaption>
								</figure>                           
							</div>-->
						</div>	
					</div>	
				</div>
			</div>
		</section>
		
		
		
		
	
		
		<!-- Call to action -->
		<section id="studio" class="rel-img call-to-action calltoaction_bg" data-top-bottom="background-position: 0px 200px;" data-bottom-top="background-position: 0px -300px">
			<div class="container">
				<div class="row">
				<div class="col-md-12 margin-top-140 text-center">
						<div class="section-heading">
							<h1 class="heading heading-underlined black">Indie Produtions Studio</br> (WHERE WE WORK?)</h1>
							<!--<p class="additional-heading">Donec a lacinia mauris. Aliquam sodales auctor tempor vestibulum.</p>-->
						</div>
					</div>
					<div class="col-sm-12 col-md-offset-0 col-md-12 text-center white">
						<p class="additional-heading heading-underlined">Under Construction</p>
						<h4 class="margin-bottom-70">પ્રયોગશાળા - PRAYOGSHALA - प्रयोगशाला </h4>
						<!--<a class="btn btn-white btn-alt primary-typo">BUY NOW</a>-->
					</div>
				</div>
			</div>
		</section>
		
			
		<!-- Team -->
		<section id="team" class="team section-bg-color" style="background-color:#333333 !important;">
			<div class="container">
				<div class="row" style="position:relative;top:-130px;">
					<div class="col-md-12 margin-top-140 text-center">
						<div class="section-heading">
							<h1 class="heading heading-underlined black">Our Team (Who is Indie?)</h1>
							
						</div>
					</div>
					<div class="col-md-12" style="position:relative;top:-30px;">
						<div id="carousel-team" class="carousel-team">	
							<figure class="member-content">
								<div class="member-image"><img src="img/team/6.jpg" alt="member" /></div>									
								<figcaption  class="member-caption">
										<a class="portfolio-single-link" href="vishal.html"><h5 class="member-title-text heading heading-underlined">Vishal Shah</h5></a>
										<strong class="member-designation-text">Actor & Mentor</strong>
									<div class="member-social-link">
										<ul class="list-inline">
											<li><a href="https://www.facebook.com/beingvish"><i class="ion-social-facebook"></i></a></li><li><a href="https://twitter.com/beingvish"><i class="ion-social-twitter"></i></a></li><li><a href="https://www.instagram.com/vishal_shaheb/"><i class="ion-social-instagram"></i></a></li><li><a href="http://www.indieproductions.in/"><i class="ion-social-dribbble-outline"></i></a></li>
										</ul>
									</div>
									<p class="member-description" style="color:white;">Has performed in more than 300 public shows of various plays in last 3 years, Trained more than 1000 individuals in last 2 years on the subject of theatre, Founder & the brain behind Indie Productions. </p>
								</figcaption>
							</figure>	
							<figure class="member-content">
								<div class="member-image"><img src="img/team/2.jpg" alt="member" /></div>									
								<figcaption  class="member-caption">
										<a class="portfolio-single-link" href="kabir.html"><h5 class="member-title-text heading heading-underlined">Kabir Thakore</h5></a>
										<strong class="member-designation-text">Writer & Director </strong>
									<div class="member-social-link">
										<ul class="list-inline">
											<li><a href="https://www.facebook.com/kabir.thakore"><i class="ion-social-facebook"></i></a></li><li><a href="https://www.instagram.com/kabirthakore/"><i class="ion-social-instagram"></i></a></li>
										</ul>
									</div>
									<p class="member-description" style="color:white;">Works on Theatre for Society and probably the only theatre practitioner in ahmedabad who works to make theatre survive and doesn't survive on theatre. </p>
								</figcaption>
							</figure>	
							<figure class="member-content">
								<div class="member-image"><img src="img/team/1.gif" alt="member" /></div>									
								<figcaption  class="member-caption">
										<a class="portfolio-single-link" href="rajoo.html"><h5 class="member-title-text heading heading-underlined">Rajoo Barot</h5></a>
										<!--<strong class="member-designation-text">web developer & designer</strong>-->
									<div class="member-social-link">
										<ul class="list-inline">
											<li><a href="https://www.facebook.com/Rajoo.A.T.G"><i class="ion-social-facebook"></i></a></li><li><a href="https://www.instagram.com/rajoobarot/"><i class="ion-social-instagram"></i></a></li><li><a href="http://www.ahmedabadtheatregroup.org/"><i class="ion-social-dribbble-outline"></i></a></li>
										</ul>
									</div>
									<p class="member-description" style="color:white;">One of the most senior Actor in Gujarat, National School of Drama(Delhi) alumnus & core member of the Indie Team.  </p>
								</figcaption>
							</figure>	
							<figure class="member-content">
								<div class="member-image"><img src="img/team/5.jpg" alt="member" /></div>									
								<figcaption  class="member-caption">
										<a class="portfolio-single-link" href="shivam.html"><h5 class="member-title-text heading heading-underlined">Shivam Parekh</h5></a>
										<strong class="member-designation-text">Actor</strong>
									<div class="member-social-link">
										<ul class="list-inline">
											<li><a href="https://www.facebook.com/ActorishShivam"><i class="ion-social-facebook"></i></a></li><li><a href="https://twitter.com/shivamparekh"><i class="ion-social-twitter"></i></a></li><li><a href="https://www.instagram.com/_shivamparekh"><i class="ion-social-instagram"></i></a></li><li><a href="http://www.indieproductions.in/"><i class="ion-social-dribbble-outline"></i></a></li>
										</ul>
									</div>
									<p class="member-description" style="color:white;">An FTII, Pune alumnus, trained under actors like Naseeruddin Shah, Tom Alter & Pankaj Kapoor.  </p>
								</figcaption>
							</figure>	
							
						</div>							
					</div>
				</div>
			</div>
		</section>
		
		<!-- Testimonials -->
		<section id="client" class="testimonials testimonials_bg rel-img" data-top-bottom="background-position: 0px 200px;" data-bottom-top="background-position: 0px -300px">
			<div class="container">
			<center>
			<div class="section-heading">
							<h1 class="heading heading-underlined black">Clients</br> (WHAT DO PEOPLE SAY ABOUT INDIE ?)</h2></h1>
							
						</div>
						</center>
				<div class="row" style="margin-top:-140px !important;">
					<div class="col-sm-12 col-md-offset-2 col-md-8 margin-top-120 white text-center">
						<div id="carousel-testimonials" class="carousel-testimonials">
							<div class="testimonial-content">		
								<p class="testimonial-quote-text additional-heading" style="font-weight:bold;color:white !important;">If you love acting or you are passionate about it, just don't wait go for this workshop you will learn from the best mentors. With the best mentors and best coordinators, it helps you to build the coordination in the amicable nature being spread.</br>
Learn and enjoy this process and journey and see the difference in you!!!!!
</p>
								<h6 class="testimonial-quote-cite">- Khushi Bhatt</h6>
								<div class="testimonial-avatar">
									<img class="img-circle" src="img/kb.jpg" alt="quote" />
								</div>
							</div>
							<div class="testimonial-content">		
								<p class="testimonial-quote-text additional-heading" style="font-weight:bold;color:white !important;">It was an outstanding experience performing at Scrap-yard with the support of team of Indie Productions. We have seen their progress in every department across the time.</p>
								<h6 class="testimonial-quote-cite">- Manoj Shah</h6>
								<div class="testimonial-avatar">
									<img class="img-circle" src="img/ms.jpg" alt="quote" />
								</div>
							</div>
							<div class="testimonial-content">		
								<p class="testimonial-quote-text additional-heading" style="font-weight:bold;color:white !important;">આ વર્કશોપ થી તમે માત્ર એકટિંગ સ્કીલ જ નહીં તંમે પોતાને સમજી શકશો અને લાઈફ ને આગળ વધારવા પોતાને સમજવું પણ જરૂરી છે. પોતે જે ફિલ કરતા હોય એ એક્સપ્રેસ કરતા હું શીખ્યો છું જે મારા માટે જરૂરી હતું. બીજું કહું તો અહીં 5 ફેકલટી જે એમના expriance શેર કરી ને તેમજ ગણી મહત્વ ની વાતો કહી છે. અને હું ગર્વ અનુભવું છું કે મને આ તક મળી #આભાર #રંગાયન</p>
								<h6 class="testimonial-quote-cite">- Jignesh Prajapati</h6>
								<div class="testimonial-avatar">
									<img class="img-circle" src="img/jp.jpg" alt="quote" />
								</div>
							</div>
							<div class="testimonial-content">		
								<p class="testimonial-quote-text additional-heading" style="font-weight:bold;color:white !important;">
It was an absolute pleasure to have worked with the Indie Productions team in delivering a part of a course at IIM Ahmedabad. The team was very professional. They were very talented and willing to take on the challenge of doing something they had never done before. The best thing about them was that they were very responsive to our needs and able to work with a disparate group. They were great at improvising too.
</p>
								<h6 class="testimonial-quote-cite">- Prof. Neharika Vohra</h6>
								<div class="testimonial-avatar">
									<img class="img-circle" src="img/nv.jpg" alt="quote" />
								</div>
							</div>
							<div class="testimonial-content">		
								<p class="testimonial-quote-text additional-heading" style="font-weight:bold;color:white !important;">
Fabulous, thrilling and a lot of fun - never a dull moment with theatre workshop happening! The workshop is not limited to the lecture sessions but extends way beyond to all phases of life! A great experience which introduced me to myself & made me a better person. Also helped tremendously in team building and personal confidence boosting, as well as personality enhancement- something which is very much required in today's professional environment, I recommend this for all Institutions & Individuals!!
</p>
								<h6 class="testimonial-quote-cite">- Vandini Pathak</h6>
								<div class="testimonial-avatar">
									<img class="img-circle" src="img/vp.jpg" alt="quote" />
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		
		
		<!-- Clients -->
		<section id="client1" class="client section-bg-color">
			<div class="container">
				<div class="row">
					<div class="col-md-12 text-center">
						<div class="section-heading">
							
							<p
						</div>
						<div id="carousel-clients" class="carousel-clients carousel-container">
							<div class="client">
							<center>
								<a href="#"><img src="img/client/1.jpg" alt="client_logo" /></a>
							</center>
							</div>
							<div class="client">
								<a href="#"><img src="img/client/2.jpeg" alt="client_logo" /></a>
							</div>
							<div class="client">
								<a href="#"><img src="img/client/3.jpg" alt="client_logo" /></a>
							</div>
							<div class="client">
								<a href="#"><img src="img/client/4.png" alt="client_logo" /></a>
							</div>
							<div class="client">
								<a href="#"><img src="img/client/5.jpg" alt="client_logo" /></a>
							</div>
							<div class="client">
								<a href="#"><img src="img/client/6.jpg" alt="client_logo" /></a>
							</div>
							<div class="client">
								<a href="#"><img src="img/client/7.gif" alt="client_logo" /></a>
							</div>
							<div class="client">
								<a href="#"><img src="img/client/8.png" alt="client_logo" /></a>
							</div>
							<div class="client">
								<a href="#"><img src="img/client/9.jpg" alt="client_logo" /></a>
							</div>
							<div class="client">
								<a href="#"><img src="img/client/10.png" alt="client_logo" /></a>
							</div>
							<div class="client">
								<a href="#"><img src="img/client/11.gif" alt="client_logo" /></a>
							</div>
							<div class="client">
								<a href="#"><img src="img/client/12.png" alt="client_logo" /></a>
							</div>
							<div class="client">
								<a href="#"><img src="img/client/13.jpg" alt="client_logo" /></a>
							</div>
							<div class="client">
								<a href="#"><img src="img/client/14.png" alt="client_logo" /></a>
							</div>
							<div class="client">
								<a href="#"><img src="img/client/15.png" alt="client_logo" /></a>
							</div>
							<div class="client">
								<a href="#"><img src="img/client/16.jpg" alt="client_logo" /></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		
		
		
		
		
		
		<!-- Contact Form -->
		<section id="contact" class="contact" style="background-color:#333333 !important;">
			<div class="container">				
				<div class="row">
					<center>
						<div class="section-heading">
							<h1 class="heading heading-underlined black">Contact</h1>
							<p class="additional-heading" style="color:white;">FEEL FREE TO CONTACT US FOR ANY QUERIES, MAKE SURE THE QUESTIONS ARE RELATED TO THEATRE ONLY!</p>
						</div>
						</center>
						<?php
						
						$msg=$_GET['msg'];
						
						?>
					<div class="col-md-offset-1 col-md-10 margin-bottom-140">
						<div class="row">
							<!-- To configure the contact form email address, go to contact/contact.php and update the email address in the PHP file on line 18. -->
							<!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. -->
							<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" name="sentMessage" novalidate>
								<div class="col-md-6 text-left">
									<div class="row">
										<div class="control-group">
											<div class="form-group col-xs-12 floating-label-form-group controls">
												<input type="text" class="form-control" placeholder="Name *" name="name" required data-validation-required-message="Please enter your name.">
												<p class="help-block text-danger required-alert"></p>
											</div>
										</div>
										<div class="control-group">
											<div class="form-group col-xs-12 floating-label-form-group controls">
												<input type="email" class="form-control" placeholder="Email Address *" id="email" name="email" required data-validation-required-message="Please enter your email address.">
												<p class="help-block text-danger required-alert"></p>
											</div>
										</div>
										<div class="control-group">
											<div class="form-group col-xs-12 floating-label-form-group controls margin-bottom-30">
												<input type="text" class="form-control" placeholder="Contact Number" name="phone">
											</div>
										</div>
									</div>
								</div>
								<div class="col-md-6 text-left">
									<div class="row">
										<div class="control-group">
											<div class="form-group col-xs-12 floating-label-form-group controls">
												<textarea rows="4" class="form-control" name="message" placeholder="Your query *" name="message" required data-validation-required-message="Please enter a message."><?php echo $msg; ?></textarea>
												<p class="help-block text-danger required-alert"></p>
											</div>
										</div>
									</div>
								</div>
								<div class="form-group col-xs-12 text-center margin-20">
									<input type="submit" name="submit" value="Send" class="btn btn-default primary-typo">
								</div>
								<div class="clearfix"></div>
								<div class="col-md-12 text-left clearfix">
									<div id="success"></div>
								</div>
								<div class=""></div>
							</form>
						</div>
					</div>
				</div>				
			</div>
		</section>
		<!-- Contact bar -->
		<section id="contact-bar" class="contact-bar section-bg-color">
			<div class="container">
			<center>
						<div class="section-heading">
							<h1 class="heading heading-underlined black">Where is Indie?</h1>
							
						</div>
					</center>
				<div class="row"  style="margin-top:-70px !important;">
					<div class="col-md-4">
						<div class="contact-content">
							<div class="contact-icon">
								<i class="ion-map medium-icon"></i>
							</div>
							<div class="contact-details">
								<h5 class="contact-heading-text">OFFICE</h5>
								<p>17, SUHASNAGAR SOCIETY, NEAR DINESH HALL, OPP. BHALCHANDRA COLOR LAB, ASHRAM ROAD, AHMEDABAD - 380009</p>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="contact-content">
							<div class="contact-icon">
								<i class="ion-paper-airplane medium-icon"></i>
							</div>
							<div class="contact-details">
								<h5 class="contact-heading-text">QUERIES</h5>
								<p>indie.product@gmail.com</p>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="contact-content">
							<div class="contact-icon">
								<i class="ion-iphone medium-icon"></i>
							</div>
							<div class="contact-details">
								<h5 class="contact-heading-text">CALL US</h5>
								<p>+91-86-48-888-848</br>+91-99-25-355-455</br>+91-79-2657-88-08</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- Google map -->
		<div id="map_canvas"></div>		
		 <script>
      function initMap() {
        var uluru = {lat: -25.363, lng: 131.044};
        var map = new google.maps.Map(document.getElementById('map_canvas'), {
          zoom: 4,
          center: uluru
        });
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
        });
      }
    </script>
		<!-- Footer menu -->
		<div id="footer-area" class="footer" style="background-color:#333333 !important;">
			<div class="container">
				<div class="footer-social text-center">
					<ul class="social-icons small list-inline">
						<li><a href="https://www.facebook.com/indie.product">Facebook</a></li>
						<li><a href="https://www.youtube.com/indie.product">Youtube</a></li>
						<li><a href="#">Twitter</a></li>
						<!--<li><a href="#">Dribbble</a></li>
						<li><a href="#">Behance</a></li>-->
					</ul>
				</div>
				<div class="separator separator_center footer-sep">
					<span class="sep_holder sep_holder_r"><span class="sep_line"></span></span>
				</div>	
				<div id="colophon" class="footer-colophon text-center">
					<p class="site-info small">Indie Productions @2017</p>
					<p class="site-info small">Designed by <a href="http://cerebroinfosystems.com/">Cerebro Infosystems</a></p>
				</div>
			</div>
		</div>
		
	</div><!-- /content -->
	
	<div class="throbbers_loader">
		<div class="throbber">Just a sec.</div>
	</div>
	
	
	<!-- Javascripts -->
	<script src="js/jquery-2.1.1.min.js"></script>
	<script src="js/candy-plugins.js"></script>
	<script src="js/jqBootstrapValidation-1.3.7.min.js"></script>
	<script src="js/script.js"></script>
	<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyBX52WXqd7gZ10Rbe8pxx_8m1OLXwqUcns"></script>
		
		
		<script>
$("#button").click(function() {
    $('html, body').animate({
        scrollTop: $("#contact").offset().top
    }, 2000);
});
$("#button1").click(function() {
    $('html, body').animate({
        scrollTop: $("#contact").offset().top
    }, 2000);
});
$("#button2").click(function() {
    $('html, body').animate({
        scrollTop: $("#contact").offset().top
    }, 2000);
});
$("#button3").click(function() {
    $('html, body').animate({
        scrollTop: $("#contact").offset().top
    }, 2000);
});
$("#button4").click(function() {
    $('html, body').animate({
        scrollTop: $("#contact").offset().top
    }, 2000);
});
$("#button5").click(function() {
    $('html, body').animate({
        scrollTop: $("#contact").offset().top
    }, 2000);
});
$("#buttone1").click(function() {
    $('html, body').animate({
        scrollTop: $("#contact").offset().top
    }, 2000);
});
$("#buttone2").click(function() {
    $('html, body').animate({
        scrollTop: $("#contact").offset().top
    }, 2000);
});
$("#buttone3").click(function() {
    $('html, body').animate({
        scrollTop: $("#contact").offset().top
    }, 2000);
});
$("#buttone4").click(function() {
    $('html, body').animate({
        scrollTop: $("#contact").offset().top
    }, 2000);
});
$("#buttone5").click(function() {
    $('html, body').animate({
        scrollTop: $("#contact").offset().top
    }, 2000);
});
$("#buttone6").click(function() {
    $('html, body').animate({
        scrollTop: $("#contact").offset().top
    }, 2000);
});
</script>
	<!--<script src="js/jquery-2.1.1.min.js"></script>
	<script src="js/candy.min.js"></script>
	<script src="js/jqBootstrapValidation-1.3.7.min.js"></script>
	<script src="js/smoothscroll.js"></script>
	<script src="js/isotope.min.js"></script>		
	<script src="js/imagesloaded.pkgd.min.js"></script>
	<script src="js/inview.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script src="js/scrollTo-1.4.2-min.js"></script>
	<script src="js/skrollr.min.js"></script>
	<script src="js/jquery.simple-text-rotator.min.js"></script> 
	<script src="js/hammer.min.js"></script>
	<script src="js/superslides.js" type="text/javascript"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/jquery.magnific-popup.min.js"></script>
	<script src="js/countUp.min.js"></script>
	<script src="js/jquery.mb.YTPlayer.min.js"></script>
	<script src="js/script.js"></script>
	<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>-->
	
</body>

<!-- Mirrored from demo.agnidesigns.com/Candy-HTML/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 22 Jan 2017 07:07:35 GMT -->
</html>