<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
<title>Video Gallery</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,300,300italic" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="css/style.css" type="text/css" rel="stylesheet" />
<link href="css/media.css" type="text/css" rel="stylesheet" />
<!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="css/style-ie8.css" />
<![endif]-->
<script type="text/javascript" src="js/jquery-3.1.0.min.js" ></script>
<script type="text/javascript" src="js/bootstrap.min.js" ></script>
<script type="text/javascript" src="js/custom.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-sanitize.js"></script>
<link rel="stylesheet" href="http://iominh.github.io/ng-scrollbars/bower_components/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css"	type="text/css"/>
<script src="http://www.virtualemployee.com/wp-content/themes/smartstart/ve_assets/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="http://www.virtualemployee.com/wp-content/themes/smartstart/ve_assets/js/scrollbars.js"></script>
<script type="text/javascript" src="js/videoApp.js"></script>
<!-- Facebook Pixel Code -->

<script>

!function(f,b,e,v,n,t,s)

{if(f.fbq)return;n=f.fbq=function(){n.callMethod?

n.callMethod.apply(n,arguments):n.queue.push(arguments)};

if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';

n.queue=[];t=b.createElement(e);t.async=!0;

t.src=v;s=b.getElementsByTagName(e)[0];

s.parentNode.insertBefore(t,s)}(window,document,'script',

'https://connect.facebook.net/en_US/fbevents.js');


fbq('init', '1835799906661395'); 

fbq('track', 'PageView');

</script>

<noscript>

<img height="1" width="1" 

src="https://www.facebook.com/tr?id=1835799906661395&ev=PageView

&noscript=1"/>

</noscript>

<!-- End Facebook Pixel Code -->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-87649556-1', 'auto');
  ga('send', 'pageview');

</script>

<meta name="google-site-verification" content="sQJtXMmDWTfS5OaGjUYZF0cphVlwck_q0YjWD3m8KBI" />
<meta name="google-site-verification" content="C4Av9YLroqJTUgDMcYdEYTOQo34ceIHzJ1VaJvM1pZc" />
</head> 
<body class="inner">
<div class="header v-2">
	<div class="container">
		<div class="row">
		<div class="col-xs-8 col-sm-8 col-md-4">
			<div class="logo">
				<a href="/"><img src="img/logo.png" alt="Virtual Employee" /></a>
			</div>
		</div>
		<div class="col-xs-4 col-sm-4 col-md-8">
			<div class="menu-icon">menu</div>
			<div class="navigation">
				<ul></ul>
			</div>
		</div>
		</div>
	</div>
</div><!--header close-->
<div class="banner">
	<img src="img/gallery.jpg" alt="" />
	<div class="banner-text">
		<div class="d-table">
			<div class="d-cell">
				<div class="container">
					<h2 class="text-center">Virtual Employee Through the Lens</h2>
				</div>
			</div>
		</div>
	</div>
</div><!--banner close-->

<!-- start video section -->
<section id="videoContainer"  ng-cloak ng-app="videoApp" ng-controller="videoCTRL">
	<div class="col-md-10 col-md-offset-1 col-xs-12 col-xs-offset-0 vido_main_cont playlist_custom_wd"><!-- left panel --> 		<div class="col-lg-2 col-md-3 col-sm-4 col-xs-12">
			<ul class="vido_ul">
				<li class="" ng-if="default == ''"> 
					<a ng-click="onClickTab(false)" href="#" ng-class="{active:isActiveTab('')}"><i class="icon2-iphone-home"></i>All Videos</a> 
				</li>
				<li class=""  ng-repeat="category in categories | orderBy: 'term_order'"> 
					
					<a ng-show="{{category.external_link!=''}}" ng-href="{{category.external_link}}"><i class="{{category.icon}}"></i>{{category.name}}</a>
					
					<a ng-show="{{!category.external_link}}" ng-click="onClickTab(category)" ng-href="{{category.external_link ? category.external_link : '#' + category.slug}}" ng-class="{active:isActiveTab(category.slug),'accordion-toggle':(category.sub_category.length > 0 && category.external_link=='')}" ng-attr-data-toggle="{{ category.sub_category.length > 0 ? 'collapse' : 'notcCollapse' }}"><i class="{{category.icon}}"></i>{{category.name}}</a>
					
					<ul class="panel-collapse collapse" ng-show="category.sub_category.length > 0" id="{{category.slug}}">
						<li class=""  ng-repeat="first_level_c in category.sub_category | orderBy: 'term_order'"> 
							<a ng-click="setSubcategory(first_level_c)"  ng-class="{lev_col1:first_level_c.id == first_level.id,'accordion-toggle':(first_level_c.sub_category.length > 0)}" ng-href="{{first_level_c.sub_category.length > 0 ?'#' + first_level_c.slug : '' }}" ng-attr-data-toggle="{{ first_level_c.sub_category.length > 0 ? 'collapse' : 'notcCollapse' }}">{{first_level_c.name}}</a>
							<ul class=" panel-collapse collapse" ng-show="first_level_c.sub_category.length > 0" id="{{first_level_c.slug}}">
								<li class=""  ng-repeat="second_level_c in first_level_c.sub_category | orderBy: 'term_order'"> 
									<a ng-click="setSubSubcategory(second_level_c)"  ng-class="{lev_col2:second_level_c.id == second_level.id}">{{second_level_c.name}}</a> 
								</li>					
							</ul>							
						</li>					
					</ul> 
				</li>
			</ul>

			

		</div><!-- end left panel --> <!-- right panel --> <div class="col-lg-10 col-md-9 col-sm-8 col-xs-12 vido_bdr_lft vido_cont_rgt over_hidden_sec "  ng-hide="'' != currentTab">
				<!-- Start row 2nd news video-->	
				<div ng-repeat="x in categories | filter : currentTab | orderBy: 'term_order':false" ng-class="{'row testi_media_lg bdr-tp-pdm':$index==0,'row bdr-tp-pdm':$index!=0}">
					<div class="">
						<div class="col-md-12">
						<h1 class="vido_title rel_div ">
						<a ng-href="{{'#' + x.slug}}" ng-click="onClickTab(x)" ng-bind-html="x.name"></a>
						<span class="btns_all_Sec"><b class="vido_all_txt">{{x.video_count}} Video{{x.video_count == 1 ? '' : 's'}}</b><a ng-href="{{x.external_link ? x.external_link : '#' + x.slug}}" ng-click="onClickTab(x)" class="vido_all_btn" ng-show="x.video_count > limitVideos">View All</a></span>
						<span  class="tstmonls_btns_all_Sec" ng-show="x.slug == currentTab && x.sub_category.length > 0"> 
							<span class="rel_div">
							   <span class="arrow" ></span> 
							   <select class="menulist active" ng-init="first_level=x.sub_category[0]" ng-change="setSubcategory(first_level)" ng-model="first_level"  ng-options="c as c.name for c in x.sub_category | orderBy:'menu_order':true track by c.id">
							   </select>
							</span>
							<span class="rel_div" ng-show="first_level.sub_category.length > 0">
							   <span class="arrow" ></span> 
							   <select class="menulist active" ng-model="second_level"  ng-options="c as c.name for c in first_level.sub_category track by c.id">
							   </select>
							</span>							
						</span>						
						</h1>
						</div>
					</div>
					<div class="clearfix"></div>
					 <div ng-init="currentBox=second_level ? second_level : (first_level ? first_level : x)" ng-repeat="y in videos | filter : { catID: second_level ? second_level.id : (first_level ? first_level.id : x.id) }:true  | limitTo:limit = categories[0].slug==x.slug ? 2 : limitVideos | orderBy: 'order':false" ng-class="{'col-lg-4 col-md-4 col-sm-6 col-xs-12 sml_mrg_btm10 ': (currentBox.type == 'video' && (categories[0].slug != x.slug || x.slug == currentTab) && currentBox.video_count > 2),'col-lg-6 col-md-4 col-sm-6 col-xs-12 sml_mrg_btm10 text_tstmonls_cont':(currentBox.type == 'text'  || (categories[0].slug == x.slug && x.slug != currentTab) || currentBox.video_count < 3)}">  
						<!-- Video Starts -->
						<div class="tstmnls_card card-shadow  sub_vdo_hight wow fadeInUp min_ht_tstmnls" ng-if="y.videoLink">
							<div class="tstmnls_thumb_sec img_loader rel_div">
							<div ng-show={{y.rank}} class="sprites-icon tstmnls_wng_badge{{y.rank}}"></div>
							<a  ng-href="https://www.youtube.com/watch?v={{y.videoLink}}?autoplay=1&rel=0&showinfo=0" class="reldiv vido_playbtn video">
							<span class="play_div sml_play_div"> <i class="icon-play-circled"> </i></span>
							<img ng-src="{{y.image}}" alt="vido_1"/>
							</a>
							</div>
							<div class="tstmonls_cont_sec text-left">
								<div class="insec rel_div">
									<p class="tstmnls_client_name" ng-bind-html="y.title"></p>
									<div class="tstmnls_flag" ng-if="y.country!=''"> <i class="flag flag-{{y.country|lowercase|spaceless}}"></i></div>
									<p class="tstmnls_client_info dhired" ng-if="y.domain_hired!=''"><a ng-href="{{y.domain_hired_page_url}}" ng-bind-html="y.domain_hired"></a></p>									
								</div>
							</div>
						</div>
						<!-- Video ENDS -->
						<div class="clearfix"></div>
					</div>
				</div>
				<!-- End row 2nd news video-->
			<div class="clearfix"></div>
		</div><div class="col-lg-10 col-md-9 col-sm-8 col-xs-12 vido_bdr_lft vido_cont_rgt over_hidden_sec "  ng-show="'' != currentTab">
				<!-- Start row 2nd news video-->	
				<div class="row testi_media_lg bdr-tp-pdm" ng-repeat="x in categories | filter : currentTab | orderBy: 'term_order':false">
					<div class="">
						<div class="col-md-12">
						<h1 class="vido_title rel_div ">
						{{x.name}}
						<span class="btns_all_Sec" ng-hide="(x.sub_category.length > 0)"><b class="vido_all_txt">{{x.video_count}} Video{{x.video_count == 1 ? '' : 's'}}</b></span>
						<span  class="tstmonls_btns_all_Sec" ng-show="x.sub_category.length > 0"> 
							<span class="rel_div">
							   <span class="arrow" ></span> 
							   <select class="menulist active" ng-init="first_level=x.sub_category[0]" ng-change="setSubcategory(first_level)" ng-model="first_level"  ng-options="c as c.name for c in x.sub_category | orderBy:'menu_order':true track by c.id">
							   </select>
							</span>
							<span class="rel_div" ng-show="first_level.sub_category.length > 0">
							   <span class="arrow" ></span> 
							   <select class="menulist active" ng-model="second_level"  ng-options="c as c.name for c in first_level.sub_category track by c.id">
							   </select>
							</span>							
						</span>
						</h1>
						</div>
					</div>
					<div class="clearfix"></div>
					
					<div ng-if="'' != currentTab" ng-init="currentBox=second_level ? second_level : (first_level ? first_level : x)">	
					<div  class="col-sm-8" ng-if="second_level ? second_level.type : (first_level ? first_level.type : x.type) == 'video'">
						<div class="tstmnls_card card-shadow  sub_vdo_hight min_ht_tstmnls" ng-if="currentVideo.videoLink">
							<div class="tstmnls_thumb_sec img_loader rel_div">
							<div ng-show={{currentVideo.rank}} class="sprites-icon tstmnls_wng_badge{{currentVideo.rank}}"></div>
							<div class="tstmnls_flag"  ng-if="currentVideo.country=='khkjh kjlh jkh kjhjkh kjh'"> <i class="flag flag-{{currentVideo.country|lowercase}}"></i></div>
								<div class="iframeContainer"><iframe ng-src={{currentVideo.youtubeIframe()}}></iframe></iframe></div>
							</div>
							<div class="tstmonls_cont_sec text-left">
								<div class="insec rel_div">
									<p class="tstmnls_client_name" ng-bind-html="currentVideo.title"></p>
									<p class="tstmnls_client_info" ng-bind-html="currentVideo.company_name"></p>
									<p class="tstmnls_client_info dhired" ng-if="currentVideo.domain_hired!=''"><a ng-href="{{currentVideo.domain_hired_page_url}}" ng-bind-html="currentVideo.domain_hired"></a></p>
									<div class="tstmnls_title" ng-show="currentVideo.content!=''" ng-bind-html="currentVideo.content|nl2br"></div>
								</div>
							</div>
						</div>					
					</div>
					<div ng-scrollbars class="col-sm-4 custom_video_scrl_br" ng-if="second_level ? second_level.type : (first_level ? first_level.type : x.type) == 'video'">
					<div ng-repeat="y in videos | filter : { catID: second_level ? second_level.id : (first_level ? first_level.id : x.id) }:true  | limitTo:limit = 'Infinity'| orderBy: 'order':false" ng-class="{'col-sm-12 custom_video_scrl_hov active':y.videoLink == currentVideo.videoLink,'col-sm-12 custom_video_scrl_hov':y.videoLink != currentVideo.videoLink}">
						<!-- Video Starts -->
						<div ng-if="$index == 0" ng-init="changeCurrentVideo(y)"></div>
						<div class="tstmnls_card com_tp_bt_5 sub_vdo_hight min_ht_tstmnls custom_video_scrl_hov_inside" ng-if="y.videoLink" ng-click="changeCurrentVideo(y)">
							<div class="tstmnls_thumb_sec img_loader rel_div custom_wd_40">
							<div ng-show={{y.rank}} class="sprites-icon tstmnls_wng_badge{{y.rank}}"></div>  
							<a  href="javascript:void(0);" class="reldiv vido_playbtn">
							<span class="play_div sml_play_div"> <i class="icon-play-circled"> </i></span>
							<img ng-src="{{y.image}}" alt="vido_1"/>
							</a>
							</div>
							<div class="tstmonls_cont_sec text-left  custom_wd_60">
								<div class="insec rel_div">
									<p class="tstmnls_client_name" ng-bind-html="y.title"></p>
									<div class="tstmnls_flag"  ng-if="y.country!=''"> <i class="flag flag-{{y.country|lowercase|spaceless}}"></i></div>
									<p class="tstmnls_client_info dhired" ng-if="y.domain_hired!=''"><span ng-bind-html="y.domain_hired" ></span></p>
								</div>
							</div>
						</div>
						<!-- Video ENDS -->
						<div class="clearfix"></div>
					</div>
					</div>					
					</div>
					
				</div>
				<!-- End row 2nd news video-->
			<div class="clearfix"></div>
		</div><!-- end right panel --> </div>
</section>
<!-- End video section -->
		
<div class="clearfix"></div>

<div class="footer com-tp">
	<div class="container">
		<div class="col-sm-4 col-md-4 quick-links">
			<h3>Quick Links</h3>
			<ul></ul>
		</div>
		<div class="col-sm-4 col-md-4" id="hiring">
			<h3>We Are Hiring</h3>
			<ul>
			</ul>
		</div>
		<div class="col-sm-4 col-md-4" id="footer-blog">
			<h3>From our Blog</h3>
			<ul>
			</ul>
		</div>
	</div>
	<div class="copyright">
		<div class="container">
			<div class="row">
				<div class="col-sm-8 col-md-6">
					<span>Copyright © 2009-<span id="year"></span>. www.virtualemployee.co.in / www.teckvalley.com. All Rights Reserved</span>
				</div>
				<div class="col-sm-4 col-md-6" id="social">
					<ul class="social">
					</ul>
				</div>
			</div>
		</div>
	</div><!--copyright close-->
</div><!--footer close-->
<!-- Start Social Sidebar -->
<div id="socialsidebar"></div>
<!-- End Social Sidebar -->
<script>
$(document).keyup(function(e) {
     if (e.keyCode == 27) { // escape key maps to keycode `27`
     
   //alert('<DO YOUR WORK HERE>');
   //$('body').removeClass('popop-active');
    }
});
</script>
<!-- Google Code for Remarketing Tag -->
<!--------------------------------------------------
Remarketing tags may not be associated with personally identifiable information or placed on pages related to sensitive categories. See more information and instructions on how to setup the tag on: http://google.com/ads/remarketingsetup
--------------------------------------------------->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 995095464;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/995095464/?guid=ON&amp;script=0"/>
</div>
</noscript>
</body>

</html>
