HEX
Server: nginx/1.18.0
System: Linux vcwordpress 5.15.0-174-generic #184-Ubuntu SMP Fri Mar 13 18:41:50 UTC 2026 x86_64
User: root (0)
PHP: 7.4.33
Disabled: pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Upload Files
File: /var/www/info.viitorcloud.in/wp-content/themes/infoviitorcloud/old-front-page.php
<?php
/**
 * The front page template file
 *
 * If the user has selected a static page for their homepage, this is what will
 * appear.
 * Learn more: https://codex.wordpress.org/Template_Hierarchy
 * test
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since 1.0
 * @version 1.0
 */ 

get_header(); ?>



<script type="text/javascript" src="<?php echo get_template_directory_uri();?>/html5lightbox/jquery.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri();?>/html5lightbox/html5lightbox.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri();?>/html5lightbox/froogaloop2.min.js"></script> 

<?php

$comboClass = array();
$items = get_pages(); 
foreach($items as $item) {
 // $cat = str_replace(" ", "-", (strtolower($item->post_title)));
  //$cat = $item->post_title;
  $cat = $item->post_name;
  $comboClass[] = $cat;
}
$array1 = $comboClass;

//print_r($array1);
//exit; 
global $current_user; 
$umrest = get_user_meta($current_user->ID,'userpages',true);
$array2 = explode(',', $umrest);
$slug_2oct = get_post_field( 'post_name', 493 );
$journ = get_post_field( 'post_name', 489 );
$corp_deck = get_post_field( 'post_name', 86 );
$off_infras = get_post_field( 'post_name', 97 );
$life_vc = get_post_field( 'post_name', 634 );
$acco = get_post_field( 'post_name', 127 );
$oscs = get_post_field( 'post_name', 133 );
$produ = get_post_field( 'post_name', 243 );
$proc = get_post_field( 'post_name', 142 );
$ope = get_post_field( 'post_name', 373 );
$ndac = get_post_field( 'post_name', 144 );
$wr = get_post_field( 'post_name', 148 );
$pp = get_post_field( 'post_name', 151 );
$pmt = get_post_field( 'post_name', 156 );
$srsc = get_post_field( 'post_name', 277 );
$fc = get_post_field( 'post_name', 280 );
$wf = get_post_field( 'post_name', 327 );
$protype = get_post_field( 'post_name', 338 );
$dbdg = get_post_field( 'post_name', 429 );
$gds = get_post_field( 'post_name', 307 );
$lvs = get_post_field( 'post_name', 287 );
$wps = get_post_field( 'post_name', 295 );
$mgtss = get_post_field( 'post_name', 426 );
$unityd = get_post_field( 'post_name', 300 );
$vuesp = get_post_field( 'post_name', 290 );
$reactsp = get_post_field( 'post_name', 317 );
$nodep = get_post_field( 'post_name', 322 );
$angup = get_post_field( 'post_name', 562 );
$ionp = get_post_field( 'post_name', 613 );
$cli_testi = get_post_field( 'post_name', 642 );
$solut = get_post_field( 'post_name', 728 );
$block = 'none';
$none = 'block';
if(in_array($slug_2oct,$array2)){
	$oct_cls = $block;
}else{
	$oct_cls = $none;
}
if(in_array($corp_deck,$array2)){
	$cd_cls = $block;
}else{
	$cd_cls = $none;
}
if(in_array($off_infras,$array2)){
	$oi_cls = $block;
}else{
	$oi_cls = $none;
}
if(in_array($life_vc,$array2)){
	$lavc_cls = $block;
}else{
	$lavc_cls = $none;
}
if(in_array($acco,$array2)){
	$acco_cls = $block;
}else{
	$acco_cls = $none;
}
if(in_array($oscs,$array2)){
	$oc_cls = $block;
}else{
	$oc_cls = $none;
}
if(in_array($produ,$array2)){
	$pro_cls = $block;
}else{
	$pro_cls = $none;
}
if(in_array($journ,$array2)){
	$jor_cls = $block;
}else{
	$jor_cls = $none;
}
if(in_array($proc,$array2)){
	$proce_cls = $block;
}else{
	$proce_cls = $none;
}
if(in_array($ope,$array2)){
	$op_cls = $block;
}else{
	$op_cls = $none;
}
if(in_array($ndac,$array2)){
	$nd_cls = $block;
}else{
	$nd_cls = $none;
}
if(in_array($wr,$array2)){
	$wrs_cls = $block;
}else{
	$wrs_cls = $none;
}
if(in_array($pp,$array2)){
	$pps_cls = $block;
}else{
	$pps_cls = $none;
}
if(in_array($pmt,$array2)){
	$pmtool_cls = $block;
}else{
	$pmtool_cls = $none;
}
if(in_array($srsc,$array2)){
	$sr_cls = $block;
}else{
	$sr_cls = $none;
}
if(in_array($fc,$array2)){
	$fcs_cls = $block;
}else{
	$fcs_cls = $none;
}
if(in_array($wf,$array2)){
	$wfs_cls = $block;
}else{
	$wfs_cls = $none;
}
if(in_array($dbdg,$array2)){
	$db_cls = $block;
}else{
	$db_cls = $none;
}
if(in_array($protype,$array2)){
	$cls_protype = $block;
}else{
	$cls_protype = $none;
}

if(in_array($gds,$array2)){
	$gdc_cls = $block;
}else{
	$gdc_cls = $none;
}
if(in_array($lvs,$array2)){
	$lv_cls = $block;
}else{
	$lv_cls = $none;
}
if(in_array($wps,$array2)){
	$wp_cls = $block;
}else{
	$wp_cls = $none;
}
if(in_array($mgtss,$array2)){
	$mg_cls = $block;
}else{
	$mg_cls = $none;
}
if(in_array($unityd,$array2)){
	$ud_cls = $block;
}else{
	$ud_cls = $none;
}
if(in_array($vuesp,$array2)){
	$vue_cls = $block;
}else{
	$vue_cls = $none;
}
if(in_array($reactsp,$array2)){
	$rjs_cls = $block;
}else{
	$rjs_cls = $none;
}
if(in_array($nodep,$array2)){
	$njs_cls = $block;
}else{
	$njs_cls = $none;
}
if(in_array($angup,$array2)){
	$anjs_cls = $block;
}else{
	$anjs_cls = $none;
}
if(in_array($ionp,$array2)){
	$iojs_cls = $block;
}else{
	$iojs_cls = $none;
}
if(in_array($cli_testi,$array2)){
	$cts_cls = $block;
}else{
	$cts_cls = $none;
}
if(in_array($solut,$array2)){
	$solt_cls = $block;
}else{
	$solt_cls = $none;
}
?>
<div id="primary" class="content-area">
	<main id="main" class="site-main" role="main">
		<div class="event">
			<section class="event-section company-section">
				<div class="container-fluid">
					<div class="section-title">
						<h2>Quick Bites</h2>
					</div>
					<div class="section-content d-flex justify-content-start">
						<!-- Start for Flashback 2018 --> 
						<div class="event-box" style="display:<?php echo $jor_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/video--flashback-2018.svg" alt=""title="">
								<?php 
									$journey_videos_query = new WP_Query( 'pagename=journey-2018' );
									while ( $journey_videos_query->have_posts() ) : $journey_videos_query->the_post(); ?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/video-sticky.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<?php
									$videos_detail = get_field('videos_detail');
									if(!empty($videos_detail)){
										$ctvsg = 0;
										foreach($videos_detail as $videos_detail_res){
											if($ctvsg == 0){
												$add_duration = get_field('add_duration'); 
												//echo get_the_ID();
									?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
									<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="journey-2018" title="<?php echo $videos_detail_res['video_title']; ?>" data-fullscreenmode="true" data-group="myvideojourney"  href="<?php echo $videos_detail_res['youtube_video_links']; ?>" >
										<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
											<defs>
												<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
												<mask id="mask">
													<rect width="100%" height="100%" fill="white"></rect>
													<use xlink:href="#outline" id="lid" fill="black"/>
												</mask>
											</defs>
											<g id="eye">
												<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
												<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
											</g>
										</svg>
									</a>
								<?php }else{ ?>
									<a href="<?php echo $videos_detail_res['youtube_video_links']; ?>" title="<?php echo $videos_detail_res['video_title']; ?>" class="html5lightbox" data-group="myvideojourney" style="display:none;">Second Video</a>
								<?php 
									}
									$ctvsg++;
									}
									}
									endwhile; 
									wp_reset_postdata();
									?>
							</div>
						</div>
						<!--Start for Corporate Deck -->
						<div class="event-box" style="display:<?php echo $cd_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/presentation.svg" alt=""title="">
								<?php 
									$presentation_query = new WP_Query( 'pagename=presentation' ); 
									while ( $presentation_query->have_posts() ) : $presentation_query->the_post(); ?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<?php
									$pdf_url = get_field('pdf_url');
									if(!empty($pdf_url)){
										$pdf_url_res = $pdf_url;
									}
									
									?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="presentation" title="Corporate Deck<?php //echo strip_tags(get_the_title()); ?>" href="<?php echo $pdf_url_res['url']; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php
									endwhile;
									wp_reset_postdata(); ?> 
							</div>
						</div>
						<!--Start for Recent activities -->						
						<div class="event-box">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/activity.svg" alt=""title="">
								<div class="event-item-title">
									<?php 
										$recent_query = new WP_Query( 'pagename=recent-activities' );
										while ( $recent_query->have_posts() ) : $recent_query->the_post();?>
										<h4><?php the_title(); ?></h4>
									<?php
										endwhile;
										wp_reset_postdata(); ?>
								</div>
								<?php 
									if($_SERVER['HTTP_HOST'] == "localhost") {
										$pageurl = "http://vc-cms-viitorcloud.local/recent-activity";
									} else {
										$pageurl = "https://viitorcloud.com/recent-activity";
									}								
									?> 
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="recent-activities" title="What's Happening In The ViitorCloud"  href="<?php echo $pageurl; ?>" >
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
							</div>
						</div>
						<!-- Start for New Infrastructure -->	
						<div class="event-box images-light-box" style="display:<?php echo $oi_cls; ?>" >
							<?php 
								$insrastructure_query = new WP_Query( 'pagename=office-infrastructure' );
								while ( $insrastructure_query->have_posts() ) : $insrastructure_query->the_post(); 
									?>
										<div class="event-item d-flex justify-content-between flex-column  align-items-center">
											<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/office-infrastructure.svg" alt=""title="">
											<div class="event-item-title">
												<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									
												<h4><?php the_title(); ?></h4>
											</div>
											<?php
												$infrastructure_details = get_field('pdf_of_infrastucrture');
												
												if(!empty($infrastructure_details)){
													?><p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
														<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="office-infrastructure" title="Office infrastructure<?php //the_title();?>" data-fullscreenmode="true" data-group="myvideon" href="<?php echo $infrastructure_details['url']; ?>">
															<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
																<defs>
																	<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
																	<mask id="mask">
																		<rect width="100%" height="100%" fill="white"></rect>
																		<use xlink:href="#outline" id="lid" fill="black"/>
																	</mask>
																</defs>
																<g id="eye">
																	<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
																	<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
																</g>
															</svg>
														</a>
											<?php }
												//$ctu++;
											?>
										</div>
							<?php	
							//	}
								endwhile;
								wp_reset_postdata();
								?>
						</div>
						<!-- Start for Old Infrastructure -->
						<div class="event-box" style="display:none;">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/360-degrees.svg" alt=""title="">
								<div class="event-item-title">
									<h4>Old Infrastructure (2017-2018) </h4>
								</div>
								<a class="view-button-link event-item-hover" target="_blank" data-id="id<?php echo get_the_ID(); ?>" id="old-infrastructure" title="Office infrastructure (2017-2018)" href="http://139.59.13.57/virtualwalks/viitor-cloud/ahmedabad/">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
							</div>
						</div>
						<!-- Start for Life at vc Video -->
						<div class="event-box" style="display:<?php echo $lavc_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/life-at-vc.svg" alt=""title="">
								<?php 
									$interesting_videos_query = new WP_Query( 'pagename=life-at-vc' );
									while ( $interesting_videos_query->have_posts() ) : $interesting_videos_query->the_post(); ?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/video-sticky.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<?php
									$videos_detail = get_field('videos_detail');
									if(!empty($videos_detail)){
										$lavs = 0;
										foreach($videos_detail as $videos_detail_res){
											if($lavs == 0){
									
									?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="life-at-vc" title="<?php echo $videos_detail_res['video_title']; ?>" data-fullscreenmode="true" data-group="lifeatvcs"  href="<?php echo $videos_detail_res['youtube_video_links']; ?>" >
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php }else{ ?>
								<a  href="<?php echo $videos_detail_res['youtube_video_links']; ?>" title="<?php echo $videos_detail_res['video_title']; ?>" class="html5lightbox" data-group="lifeatvcs" style="display:none;">Second Video</a>
								<?php 
									}
									$lavs++;
									}
									}
									endwhile;
									wp_reset_postdata();
									?>
							</div>
						</div>
						<!-- Start for Client Testimonial -->
						<div class="event-box" style="display:<?php echo $cts_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/video.svg" alt=""title="">
								<?php 
									$ct_video_query = new WP_Query( 'pagename=client-testimonial' );
									while ( $ct_video_query->have_posts() ) : $ct_video_query->the_post(); ?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/video-sticky.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<?php
									$videos_detail = get_field('videos_detail');
									if(!empty($videos_detail)){
										$ctvs = 0;
										foreach($videos_detail as $videos_detail_res){
											if($ctvs == 0){
									
									?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="client-testimonial" title="<?php echo $videos_detail_res['video_title']; ?>" data-fullscreenmode="true" data-group="clienttestivideo"  href="<?php echo $videos_detail_res['youtube_video_links']; ?>" >
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php }else{ ?>
								<a  href="<?php echo $videos_detail_res['youtube_video_links']; ?>" title="<?php echo $videos_detail_res['video_title']; ?>" class="html5lightbox" data-group="clienttestivideo" style="display:none;">Second Video</a>
								<?php 
									}
									$ctvs++;
									}
									}
									endwhile;
									wp_reset_postdata();
									?>
							</div>
						</div>
						<!-- Start for Accreditation and Associations  -->
						<div class="event-box" style="display:<?php echo $acco_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/awards-and-accolades.svg" alt=""title="">
								<?php 
									$awardsaccolades_query = new WP_Query( 'pagename=awards-and-accolades' );
									while ( $awardsaccolades_query->have_posts() ) : $awardsaccolades_query->the_post(); ?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/image.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<?php
									$awards_and_accolades_images = get_field('awards_and_accolades_images');
									if(!empty($awards_and_accolades_images)){
										$cta = 0;
										foreach($awards_and_accolades_images as $awards_and_accolades_images_res){
									?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="awards-and-accolades" title="Accreditation and Associations <?php //echo strip_tags(get_the_title()); ?>" href="<?php echo $awards_and_accolades_images_res['images']['url']; ?>" >
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php 
									$cta++;
									}
									}
									endwhile;
									wp_reset_postdata(); 
									?>
							</div>
						</div>
						<!-- Start for Office 360 Virtual Tour -->
						<!-- <div class="event-box" id="office-infrasturucture-360-virtual-tour">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/360-degrees.svg" alt=""title="">
								<div class="event-item-title">
									<h4>Office infrastructure (2017-2018) </h4>
								</div>
							
									<a class="view-button-link event-item-hover" target="_blank" id="office-infrasturucture-2017-2018"  title="Office infrastructure (2017-2018)" href="http://139.59.13.57/virtualwalks/viitor-cloud/ahmedabad/">									
										<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
											<defs>
												<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
												<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
												</mask>
											</defs>
											<g id="eye">
												<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
												<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
											</g>
										</svg>
									</a>
							</div>							
							</div> -->    
						<!-- Start for Open source contribution -->
						<div class="event-box" style="display:<?php echo $oc_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/open-source.svg" alt=""title="">
								<?php 
									$opensource_query = new WP_Query( 'pagename=open-source-contribution' );
									while ( $opensource_query->have_posts() ) : $opensource_query->the_post(); ?>
								<div class="event-item-title">
									<h4><?php the_title(); ?></h4>
								</div>
								<?php
									$open_source_contribute = get_field('open_source_contribution_details');
											?>
											<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" title="Open Source Contributions" id="open-source-contribution" href="#opensourcecont">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<div id="opensourcecont" style="display:none;">
									<div class="lightboxcontainer">
										<div class="lightboxleft">
											<div class="row">
												<?php 
													if(!empty($open_source_contribute)){
														foreach($open_source_contribute as $open_source_contribute_res){
														?>
												<div class="col-md-6 col-lg-4">
													<div class="lightbox-item">
														<div class="lightbox-icon"> <img src="<?php echo $open_source_contribute_res['image']['url']; ?>" alt="icon" title="icon" width="75" height="49"> </div>
														<div class="lightbox-title"> <?php echo $open_source_contribute_res['title']; ?></div>
														<div class="lightbox-description">
															<p> <?php echo $open_source_contribute_res['description']; ?></p>
															<a href="<?php echo $open_source_contribute_res['links']; ?>" target="_blank" class="btn lightbox-button" title="Read More">Read More</a>
														</div>
													</div>
												</div>
												<?php 
													} 
													}
													?>	
											</div>
											<div style="clear:both;"></div>
										</div>
									</div>
								</div>
								<?php
									endwhile;
									wp_reset_postdata();
									?>
							</div>
						</div>
						<!-- Start for Products -->
						<div class="event-box" style="display:<?php echo $pro_cls; ?>" >
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/product.svg" alt=""title="">
								<div class="event-item-title">
									<?php
										$prod_query = new WP_Query( 'pagename=products' );
										while ( $prod_query->have_posts() ) : $prod_query->the_post();
										?>
										<h4><?php the_title(); ?></h4>
									<?php endwhile; ?>
								</div>
								<?php 
									$args_product = array( 'post_type' => 'products', 'posts_per_page' => 10, 'order'=> 'ASC' );
									$loop_product = new WP_Query( $args_product );
									$ct_prod = 0;
									while ( $loop_product->have_posts() ) : $loop_product->the_post();
									if($ct_prod == 0){?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
										<a href="<?php echo get_permalink(); ?>" data-id="id<?php echo get_the_ID(); ?>" id="products" class="view-button-link event-item-hover html5lightbox" title="Products"  data-title="<?php the_title(); ?>" data-fullscreenmode="true"   data-group="set3"   >
										<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
											<defs>
												<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
												<mask id="mask">
													<rect width="100%" height="100%" fill="white"></rect>
													<use xlink:href="#outline" id="lid" fill="black"/>
												</mask>
											</defs>
											<g id="eye">
												<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
												<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
											</g>
										</svg>
									</a>
								<?php } else{?>
									<a href="<?php echo get_permalink(); ?>"  data-title="<?php the_title(); ?>"  class="html5lightbox" data-group="set3"  style="display:none;">Second Video</a>
								<?php }
									$ct_prod++;
									endwhile;
									wp_reset_postdata();
								?>
							</div>
						</div>
						<!-- Start for 2 october -->
						<div class="event-box" style="display:<?php echo $oct_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/hololense.svg" alt=""title="">
								<?php 
									$oct_videos_query = new WP_Query( 'pagename=2-october' );
									while ( $oct_videos_query->have_posts() ) : $oct_videos_query->the_post(); ?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/video-sticky.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<?php
									$videos_detail = get_field('videos_detail');
									if(!empty($videos_detail)){
										$ctvsoct = 0;
										foreach($videos_detail as $videos_detail_res){
											if($ctvsoct == 0){
									
									?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="2october" title="2 October<?php //echo $videos_detail_res['video_title']; ?>" data-fullscreenmode="true" data-group="myvideooct"  href="<?php echo $videos_detail_res['youtube_video_links']; ?>" >
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php }else{ ?>
								<a  href="<?php echo $videos_detail_res['youtube_video_links']; ?>" title="<?php echo $videos_detail_res['video_title']; ?>" class="html5lightbox" data-group="myvideooct" style="display:none;">Second Video</a>
								<?php 
									}
									$ctvsoct++;
									}
									}
									endwhile;
									wp_reset_postdata();
									?>
							</div>
						</div>
						<!-- end of 2 oct -->
						<!-- Start for wazir -->
						<div class="event-box" style="display:<?php echo $iojs_cls; ?>" >
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/wazir.svg" alt=""title="">
								<?php 
									$ionic_query = new WP_Query( 'pagename=problem-solving-product' );
									while ( $ionic_query->have_posts() ) : $ionic_query->the_post(); 
										?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">			
									<h4><?php the_title(); ?></h4>
								</div>
								<?php
									$pdf_url_ionics = get_field('blockchain_pdf');
									if(!empty($pdf_url_ionics)){
										$pdf_url_ionic_res = $pdf_url_ionics['url'];
									}
									?>
								<a class="view-button-link event-item-hover html5lightbox" id="ionic" title="<?php the_title(); ?>" href="<?php echo $pdf_url_ionic_res; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php
									endwhile;
									wp_reset_postdata();
									?>								
							</div>
						</div>
						<!-- end of 2 wazir -->
						<!-- Start for corona -->
						<div class="event-box" style="display:<?php echo $iojs_cls; ?>" >
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/corona.svg" alt=""title="">
								<?php 
									$ionic_query = new WP_Query( 'pagename=service-and-honour' );
									while ( $ionic_query->have_posts() ) : $ionic_query->the_post(); 
										?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">			
									<h4><?php the_title(); ?></h4>
								</div> 
								<?php
									$pdf_url_ionics1 = get_field('blockchain_pdf');
									if(!empty($pdf_url_ionics1)){
										$pdf_url_ionic_res = $pdf_url_ionics1['url'];
									}
									?>
								<a class="view-button-link event-item-hover html5lightbox" id="ionic" title="<?php the_title(); ?>" href="<?php echo $pdf_url_ionic_res; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php
									endwhile;
									wp_reset_postdata();
									?>								
							</div>
						</div>
						<!-- end of 2 corona -->
				
					</div>
				</div>
			</section>
			<section class="event-section process-section">
				<div class="container-fluid">
					<div class="section-title">
						<h2>How do we work?</h2>
					</div>
					<div class="section-content">
						<!-- Start for Our Process -->
						<div class="event-box" style="display:<?php echo $proce_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/process.svg" alt=""title="">
								<?php 
									$process_query = new WP_Query( 'pagename=process' );
									while ( $process_query->have_posts() ) : $process_query->the_post(); ?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<?php
									$pdf_url_process = get_field('pdf_url');
									if(!empty($pdf_url_process)){
										$pdf_url_process_res = $pdf_url_process;
									}
									?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox"  data-id="id<?php echo get_the_ID(); ?>" id="process" title="<?php the_title(); ?>" href="<?php echo $pdf_url_process_res['url']; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php
									endwhile;
									wp_reset_postdata(); ?>
							</div>
						</div>
						<!-- Start for operational framework -->
						<div class="event-box" style="display:<?php echo $op_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/framework.svg" alt=""title="">
								<?php 
									$ope_process_query = new WP_Query( 'pagename=oprational-framework' );
									while ( $ope_process_query->have_posts() ) : $ope_process_query->the_post();
										$operational_pdf_url_process = get_field('pdf_url');
										if(!empty($operational_pdf_url_process)){
											$ope_pdf_url_process_res = $operational_pdf_url_process;
										}		
									?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="operational-framework" title="<?php the_title(); ?>" href="<?php echo $ope_pdf_url_process_res['url']; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php 
									endwhile;
									wp_reset_postdata();
									?>
							</div>
						</div>
						<!-- Start for Sample NDA -->
						<div class="event-box " style="display:<?php echo $nd_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/nda.svg" alt=""title="">
								<?php 
									$nda_query = new WP_Query( 'pagename=nda' );
									while ( $nda_query->have_posts() ) : $nda_query->the_post();	
									
									?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<?php
									$pdf_url_nda = get_field('pdf_url');
									if(!empty($pdf_url_nda)){
										$pdf_url_nda_res = $pdf_url_nda;
									}	?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="nda" title="<?php the_title(); ?>" href="<?php echo $pdf_url_nda_res['url']; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php 
									endwhile;
									wp_reset_postdata();
									?>
							</div>
						</div>
						<!-- Start for Work Reports -->
						<div class="event-box" style="display:<?php echo $wrs_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/work-report.svg" alt=""title="">
								<?php 
									$workreport_query = new WP_Query( 'pagename=work-reports' );
									while ( $workreport_query->have_posts() ) : $workreport_query->the_post(); ?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<?php
									$pdf_url_wrs = get_field('pdf_url');
									if(!empty($pdf_url_wrs)){
										$pdf_url_wrs_res = $pdf_url_wrs['url'];
									}	?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="work-reports" title="<?php the_title(); ?>"  href="<?php echo $pdf_url_wrs_res; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php 
									endwhile;
									wp_reset_postdata();
									?>
							</div>
						</div>
						<!-- Start for Payment Process --> 
						<!-- <div class="event-box" style="display:<?php echo $pps_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/payment.svg" alt=""title="">
								<?php 
									$paymentprocess_query = new WP_Query( 'pagename=payment-process' );
									while ( $paymentprocess_query->have_posts() ) : $paymentprocess_query->the_post(); ?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<a class="view-button-link event-item-hover html5lightbox" id="payment-process" title="Process Which We Follow <?php //the_title(); ?>" href="#paymentprocs">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<div id="paymentprocs" style="display:none;">
									<div class="lightboxcontainer bg-white only-content">
										<div class="lightboxleft">
											<div class="divtext">
												<?php the_content(); ?>
											</div>
										</div>
										<div style="clear:both;"></div>
									</div>
								</div>
								<?php 
									endwhile;
									wp_reset_postdata();
									?>
							</div>
						</div> -->
						<!-- Start for Project Mgt and Collaborative Tools -->
						<div class="event-box" style="display:<?php echo $pmtool_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/project-management.svg" alt=""title="">
								<?php 
									$projmang_query = new WP_Query( 'pagename=project-management-tools' );
									while ( $projmang_query->have_posts() ) : $projmang_query->the_post(); ?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="project-management-tools" title="<?php the_title(); ?>" href="#projmanagement">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<div id="projmanagement" style="display:none;">
									<div class="lightboxcontainer only-content">
										<div class="lightboxleft">
											<div class="divtext">
												<?php the_content(); ?>
											</div>
										</div>
										<div style="clear:both;"></div>
									</div>
								</div>
								<?php 
									endwhile;
									wp_reset_postdata();
									?>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section class="event-section documentation-section">
				<div class="container-fluid">
					<div class="section-title">
						<h2>Documentations and Sample Deliverables</h2>
					</div>
					<div class="section-content">
						<!-- Start for SRS -->
						<div class="event-box" style="display:<?php echo $sr_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/srs.svg" alt=""title="">
								<?php 
									$srs_query = new WP_Query( 'pagename=srs' );
									while ( $srs_query->have_posts() ) : $srs_query->the_post();
										$pdf_url_srs = get_field('srs_pdf');
										if(!empty($pdf_url_srs)){
											$pdf_url_srs_res = $pdf_url_srs['url'];
										}		
									?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title();?></h4>
								</div>
								<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="srs" title="<?php the_title(); ?>" href="<?php echo $pdf_url_srs_res; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php 
									endwhile;
									wp_reset_postdata();
									?>
							</div>
						</div>
						<!-- Start for FlowChart -->
						<div class="event-box " style="display:<?php echo $fcs_cls; ?>">
							<?php
								$flowchart_query = new WP_Query( 'pagename=flowchart' );
									while ( $flowchart_query->have_posts() ) : $flowchart_query->the_post(); ?>
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/flowchart.svg" alt=""title="">
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/image.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<?php 
									$pdf_url_flowchart = get_field('flowchart_imgs');
									if(!empty($pdf_url_flowchart)){
										$ctf = 0;
										foreach($pdf_url_flowchart as $fc_details_res){
											$fc_img_paths = $fc_details_res['fcs_image']['url'];
											if($ctf == 0){
									?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="flowchart" title="<?php the_title();?>" data-fullscreenmode="true" data-group="myfc"  href="<?php echo $fc_img_paths; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php } else{ ?>
								<a href="<?php echo $fc_img_paths; ?>" title="<?php the_title();?>" data-group="myfc" class="html5lightbox"  style="display:none;">Second img</a>
								<?php
									}
									$ctf++;
									}
									}
									?>
							</div>
							<?php 
								endwhile;
								wp_reset_postdata();
								?>							
						</div>
						<!-- Start for Work Wireframe -->
						<div class="event-box" style="display:<?php echo $wfs_cls; ?>">
							<?php 
								$wf_query = new WP_Query( 'pagename=wireframe' );
								while ( $wf_query->have_posts() ) : $wf_query->the_post(); ?>
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/wireframe.svg" alt=""title="">
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/image.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<?php
									$pdf_url_wf = get_field('wireframe_details');
									if(!empty($pdf_url_wf)){	
										$ctwf = 0;
										foreach($pdf_url_wf as $wf_details_res){
											$img_paths = $wf_details_res['imagess']['url'];
											if($ctwf == 0){
										?>
										<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="wireframe" title="<?php the_title(); ?>" data-fullscreenmode="true" data-group="mywf" href="<?php echo $img_paths; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php }else{ ?>
								<a href="<?php echo $img_paths; ?>" title="<?php the_title(); ?>" data-group="mywf" class="html5lightbox"  style="display:none;">Second Video</a>
								<?php 
									}
									$ctwf++;
									}
									}?>	
							</div>
							<?php 
								endwhile;
								wp_reset_postdata();
								?>							
						</div>
						<!-- Start for Work solutioning -->

						<div class="event-box" style="display:<?php echo $solt_cls; ?>">

							<?php 
								$solut_query = new WP_Query( 'pagename=solutioning' );
								while ( $solut_query->have_posts() ) : $solut_query->the_post(); ?>
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/solutions-design.svg" alt=""title="">
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/image.svg" alt=""title="">									
									<h4>solutioning</h4>
								</div>
								<?php
									$pdf_url_solut = get_field('solutioning_details');
									if(!empty($pdf_url_solut)){	
										$ctsolut = 0;
										foreach($pdf_url_solut as $solut_details_res){
											$img_solut_paths = $solut_details_res['imagess']['url'];
											if($ctsolut == 0){
										?>
										<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="solutioning" title="<?php the_title(); ?>" data-fullscreenmode="true" data-group="mysolutioning" href="<?php echo $img_solut_paths; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php }else{ ?>
									<a href="<?php echo $img_solut_paths; ?>" title="<?php the_title(); ?>" id="solutioning" data-group="mysolutioning" class="html5lightbox"  style="display:none;">Second Video</a>
								<?php 
									}
									$ctsolut++;
									}
									}?>	
							</div>
							<?php 
								endwhile;
								wp_reset_postdata();
								?>							
						</div> 
						<!-- Start for Payment Prototype -->
						<div class="event-box" style="display:<?php echo $cls_protype; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/prototype.svg" alt=""title="">
								<?php 
									$prototype_query = new WP_Query( 'pagename=prototype' );
									while ( $prototype_query->have_posts() ) : $prototype_query->the_post(); 
										$pdf_url_pt = get_field('prototype_link');
										if(!empty($pdf_url_pt)){
											$pdf_url_pt_res = $pdf_url_pt;
										}	
									?>
								<div class="event-item-title">
									<h4><?php the_title(); ?></h4>
								</div>
								<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="prototype" title="<?php the_title(); ?>" href="https://projects.invisionapp.com/share/JGHPG5KBVNA#/screens/294206617_Login<?php //echo $pdf_url_pt_res; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php 
									endwhile;
									wp_reset_postdata();
									?>
							</div>
						</div>
						<!-- Start for Database diagram -->
						<div class="event-box" style="display:<?php echo $db_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/database-diagram.svg" alt=""title="">
								<?php 
									$dbd_query = new WP_Query( 'pagename=database-diagram' );
									while ( $dbd_query->have_posts() ) : $dbd_query->the_post(); 
										?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<?php
									$pdf_url_dbd = get_field('dbd_pdf');
									if(!empty($pdf_url_dbd)){
										$pdf_url_dbd_res = $pdf_url_dbd['url'];
									}	
									?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="database-diagram" title="<?php the_title(); ?>" href="<?php echo $pdf_url_dbd_res; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php 
									endwhile;
									wp_reset_postdata();
									?>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section class="event-section technologies-section">
				<div class="container-fluid">
					<div class="section-title">
						<h2>Offerings</h2>
					</div>
					<div class="section-content">
						<!-- Start for Grapich design -->
						<div class="event-box" style="display:<?php echo $gdc_cls; ?>" >
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/GraphicDesign.svg" alt=""title="">
								<?php 
									$gd_query = new WP_Query( 'pagename=graphic-design' );
									while ( $gd_query->have_posts() ) : $gd_query->the_post();
										$pdf_url_gd = get_field('gd_pdf');
										if(!empty($pdf_url_gd)){
											$pdf_url_gd_res = $pdf_url_gd['url'];
										}
									?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="graphic-design" title="<?php the_title(); ?>" href="<?php echo $pdf_url_gd_res; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php 
									endwhile;
									wp_reset_postdata();
									?>
							</div>
						</div>
						<!-- Start for Laravel -->
						<div class="event-box" style="display:<?php echo $lv_cls; ?>" >
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/laravel.svg" alt=""title="">
								<?php 
									$laravel_query = new WP_Query( 'pagename=laravel' );
									while ( $laravel_query->have_posts() ) : $laravel_query->the_post();
										$pdf_url_laravel = get_field('laravel_pdf');
										if(!empty($pdf_url_laravel)){
											$pdf_url_laravel_res = $pdf_url_laravel['url'];
										}		
									?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="laravel" title="<?php the_title(); ?>" href="<?php echo $pdf_url_laravel_res; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php 
									endwhile;
									wp_reset_postdata();
									?>
							</div>
						</div>
						<!-- Start for WordPress -->
						<div class="event-box" style="display:<?php echo $wp_cls; ?>" >
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/wordpress.svg" alt=""title="">
								<?php 
									$wordpress_query = new WP_Query( 'pagename=wordpress' );
									while ( $wordpress_query->have_posts() ) : $wordpress_query->the_post(); 
									$pdf_url_wp = get_field('wp_pdf');
										if(!empty($pdf_url_wp)){
											$pdf_url_wp_res = $pdf_url_wp['url'];
										}	?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title(); ?>	</h4>
								</div>
								<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="wordpress" title="<?php the_title(); ?>"  href="<?php echo $pdf_url_wp_res; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php 
									endwhile;
									wp_reset_postdata();
									?>
							</div>
						</div>
						<!-- Start for magento -->
						<div class="event-box" style="display:<?php echo $mg_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/magento.svg" alt=""title="">
								<?php 
									$magento_query = new WP_Query( 'pagename=magento' );
									while ( $magento_query->have_posts() ) : $magento_query->the_post(); 
										?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<?php
									$pdf_url_magento = get_field('magento_pdf');
									if(!empty($pdf_url_magento)){
										$pdf_url_magento_res = $pdf_url_magento['url'];
									}
									?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox"  data-id="id<?php echo get_the_ID(); ?>" id="magento" title="<?php the_title(); ?>" href="<?php echo $pdf_url_magento_res; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php
									endwhile;
									wp_reset_postdata();
									?>								
							</div>
						</div>
						<!-- Start for Unity 3D -->
						<div class="event-box" style="display:<?php echo $ud_cls; ?>" >
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/unity3d.svg" alt=""title="">
								<?php 
									$unity_query = new WP_Query( 'pagename=unity-3d' );
									while ( $unity_query->have_posts() ) : $unity_query->the_post(); 
										$pdf_url_unity = get_field('unity_pdf');
										if(!empty($pdf_url_unity)){
											$pdf_url_unity_res = $pdf_url_unity['url'];
										}
									?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="unity3d" title="<?php the_title(); ?>" href="<?php echo $pdf_url_unity_res; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php 
									endwhile;
									wp_reset_postdata();
									?>
							</div>
						</div>
						<!-- Start for VueJs -->
						<div class="event-box " style="display:<?php echo $vue_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/vuejs.svg" alt=""title="">
								<?php 
									$vue_query = new WP_Query( 'pagename=vue-js' );
									while ( $vue_query->have_posts() ) : $vue_query->the_post();
											
									?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title();?></h4>
								</div>
								<?php 
									$pdf_url_vue = get_field('vuejs_pdf');
									if(!empty($pdf_url_vue)){
										$pdf_url_vue_res = $pdf_url_vue['url'];
									} ?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox"  data-id="id<?php echo get_the_ID(); ?>" id="vuejs" title="<?php the_title();?>" href="<?php echo $pdf_url_vue_res; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php 
									endwhile;
									wp_reset_postdata();
									?>
							</div>
						</div>
						<!-- Start for ReactJs -->
						<div class="event-box" style="display:<?php echo $rjs_cls; ?>" >
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/reactjs.svg" alt=""title="">
								<?php 
									$react_query = new WP_Query( 'pagename=react-js' );
									while ( $react_query->have_posts() ) : $react_query->the_post(); 
										$pdf_url_react = get_field('react_pdf');
										if(!empty($pdf_url_react)){
											$pdf_url_react_res = $pdf_url_react['url'];
										}?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="reactjs" title="<?php the_title(); ?>" href="<?php echo $pdf_url_react_res; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php
									endwhile;
									wp_reset_postdata();
									?>								
							</div>
						</div>
						<!-- Start for NodeJs -->
						<div class="event-box" style="display:<?php echo $njs_cls; ?>" >
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/nodejs.svg" alt=""title="">
								<?php 
									$node_query = new WP_Query( 'pagename=node-js' );
									while ( $node_query->have_posts() ) : $node_query->the_post(); 
										?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<?php
									$pdf_url_node = get_field('nodejs_pdf');
									if(!empty($pdf_url_node)){
										$pdf_url_node_res = $pdf_url_node['url'];
									}
									?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox"  data-id="id<?php echo get_the_ID(); ?>" id="nodejs" title="<?php the_title(); ?>" href="<?php echo $pdf_url_node_res; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php
									endwhile;
									wp_reset_postdata();
									?>								
							</div>
						</div>
						<!-- Start for angularJs -->
						<div class="event-box" style="display:<?php echo $anjs_cls; ?>">
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/angular-js.svg" alt=""title="">
								<?php 
									$angular_query = new WP_Query( 'pagename=angular-js' );
									while ( $angular_query->have_posts() ) : $angular_query->the_post(); 
										?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<?php
									$pdf_url_angular = get_field('angular_pdf');
									if(!empty($pdf_url_angular)){
										$pdf_url_angular_res = $pdf_url_angular['url'];
									}
									?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="angular-js" title="<?php the_title(); ?>" href="<?php echo $pdf_url_angular_res; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php
									endwhile;
									wp_reset_postdata();
									?>								
							</div>
						</div>
						<!-- Start for ionic -->
						<div class="event-box" style="display:<?php echo $iojs_cls; ?>" >
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/ionic.svg" alt=""title="">
								<?php 
									$ionic_query = new WP_Query( 'pagename=ionic' );
									while ( $ionic_query->have_posts() ) : $ionic_query->the_post(); 
										?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">									<h4><?php the_title(); ?></h4>
								</div>
								<?php
									$pdf_url_ionic = get_field('ionic_pdf');
									if(!empty($pdf_url_ionic)){
										$pdf_url_ionic_res = $pdf_url_ionic['url'];
									}
									?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="ionic" title="<?php the_title(); ?>" href="<?php echo $pdf_url_ionic_res; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php
									endwhile;
									wp_reset_postdata();
									?>								
							</div>
						</div>
						<!-- Start for blockchain -->
						<div class="event-box" style="display:<?php echo $iojs_cls; ?>" >
							<div class="event-item d-flex justify-content-between flex-column  align-items-center">
								<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/blockchain.svg" alt=""title="">
								<?php 
									$ionic_query = new WP_Query( 'pagename=blockchain' );
									while ( $ionic_query->have_posts() ) : $ionic_query->the_post(); 
										?>
								<div class="event-item-title">
									<img src="<?php echo get_template_directory_uri();?>/assets/images/icons/pdf.svg" alt=""title="">			
									<h4>blockchain</h4>
								</div>
								<?php
									$blockchain_pdf = get_field('blockchain_pdf');
									if(!empty($blockchain_pdf)){
										$pdf_url_ionic_res1 = $blockchain_pdf['url'];
									}
									?>
									<p style="display:none;"><a href="javascript:void();" id="clicks_id<?php echo get_the_ID(); ?>">0</a></p>
								<a class="view-button-link event-item-hover html5lightbox" data-id="id<?php echo get_the_ID(); ?>" id="ionic" title="<?php the_title(); ?>" href="<?php echo $pdf_url_ionic_res1; ?>">
									<svg class="view" width="100" height="100" viewBox="0 0 30 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
										<defs>
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z" id="outline"></path>
											<mask id="mask">
												<rect width="100%" height="100%" fill="white"></rect>
												<use xlink:href="#outline" id="lid" fill="black"/>
											</mask>
										</defs>
										<g id="eye">
											<path d="M0,15.089434 C0,16.3335929 5.13666091,24.1788679 14.9348958,24.1788679 C24.7325019,24.1788679 29.8697917,16.3335929 29.8697917,15.089434 C29.8697917,13.8456167 24.7325019,6 14.9348958,6 C5.13666091,6 0,13.8456167 0,15.089434 Z M14.9348958,22.081464 C11.2690863,22.081464 8.29688487,18.9510766 8.29688487,15.089434 C8.29688487,11.2277914 11.2690863,8.09740397 14.9348958,8.09740397 C18.6007053,8.09740397 21.5725924,11.2277914 21.5725924,15.089434 C21.5725924,18.9510766 18.6007053,22.081464 14.9348958,22.081464 L14.9348958,22.081464 Z M18.2535869,15.089434 C18.2535869,17.0200844 16.7673289,18.5857907 14.9348958,18.5857907 C13.1018339,18.5857907 11.6162048,17.0200844 11.6162048,15.089434 C11.6162048,13.1587835 13.1018339,11.593419 14.9348958,11.593419 C15.9253152,11.593419 14.3271242,14.3639878 14.9348958,15.089434 C15.451486,15.7055336 18.2535869,14.2027016 18.2535869,15.089434 L18.2535869,15.089434 Z" fill="#FFFFFF"></path>
											<use xlink:href="#outline" mask="url(#mask)" fill="#FFFFFF"/>
										</g>
									</svg>
								</a>
								<?php
									endwhile;
									wp_reset_postdata();
									?>								
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- Start for FAQ -->
			<section class="event-section faq-section">
				<div class="container-fluid">
					<div class="section-title">
						<h2>faq?</h2>
					</div>
					<div>
						<div id="accordion">
							<?php
								$faqs = get_field('faqs');
								if(!empty($faqs)){
									$ct_faq = 0;
									foreach($faqs as $faqs_res){
								?>
							<div class="card">
								<a class="card-link card-header <?php if($ct_faq == 0){ }else { ?>collapsed<?php } ?>" data-toggle="collapse" href="#collapse<?php echo $ct_faq; ?>">
								<?php echo $faqs_res['question']; ?>
								</a>
								<div id="collapse<?php echo $ct_faq; ?>" class="collapse <?php if($ct_faq == 0){ ?>show <?php } ?>" data-parent="#accordion">
									<div class="card-body">
										<?php echo $faqs_res['answer']; ?>
									</div>
								</div>
							</div>
							<?php $ct_faq++;
								}
								} 
								?>
						</div>
					</div>
				</div>
			</section>
			<!-- Start for Buttons  -->
			<section class="event-section about-section">
				<div class="container-fluid">
					<div class="section-title">
						<h2>what do you want to know from us?</h2>
					</div>
					<div>
						<?php 
							$add_inquiry_now_button_link = get_field('add_inquiry_now_button_link');
							?>
						<a class="site-link viitorcloud-link" target="_blank" href="https://viitorcloud.com/">Visit Website</a>
						<?php 
							if(!empty($add_inquiry_now_button_link)){
							?>
						<a class="site-link google-form" target="_blank" href="<?php echo $add_inquiry_now_button_link['url']; ?>" target="<?php echo $add_inquiry_now_button_link['target']; ?>"><?php echo $add_inquiry_now_button_link['title']; ?></a>
						<?php } ?>	
					</div>
				</div>
			</section>
			<?php if(current_user_can('administrator') ) { ?>
			<!-- Track reports -->
			<section class="event-section faq-section track-reports">
				<div class="container-fluid">
					<div class="section-title">
						<h2>Track Reports (Administrator only)</h2>
					</div>
					<div>
					<div class="container">
					<table class="table table-condensed" id="myTable">
					<thead>
						<tr>
							<th>#</th>
							<th>Username</th>
							<th>Login</th>
							<th>Detail</th>
							<th>Expire Login</th>
						</tr>
					</thead>
					<tbody class="panel">
						<?php 
						global $wpdb;
						//$wp_user_search = $wpdb->get_results("SELECT ID, display_name FROM $wpdb->users ORDER BY ID");
						$wp_user_search = $wpdb->get_results("SELECT userids,username,ucountry,ucontinent FROM ".$wpdb->prefix."reports ORDER BY rid");
						$ctu = 0;	
						foreach ( $wp_user_search as $userid ) {
							//print_r($userid);
							$user_ids  = (int) $userid->userids;
							$user_login    = stripslashes($userid->username);
							$user_ip    = stripslashes($userid->uip);
							$user_country   = stripslashes($userid->ucountry);
							$user_ucontinent   = stripslashes($userid->ucontinent);
							 //$display_name  = stripslashes($userid->display_name);
						?>
						<tr data-toggle="collapse" data-target="#demo<?php echo $ctu; ?>" data-parent="#myTable">
							<td><?php echo $user_ids; ?></td>
							<td><?php echo $user_login; ?></td>
							<td><?php echo get_user_meta( $user_ids, 'sp_login_count', true );  ?></td>
							<td class="text-success">-</td>
							<td class="text-success">-</td>
						</tr>
						<tr id="demo<?php echo $ctu; ?>" class="collapse">
							<td colspan="6" class="hiddenRow">
							<div>
							<!-- demo -->
							<table border="1">
							<tr>
							<th>User IP</th>
							<th>Country</th>
							<th>Continent</th>
							<th>Clicks</th>
							</tr>
							<tr>
							<td><?php echo $user_ip; ?></td>
							<td><?php echo $user_country; ?></td>
							<td><?php echo $user_ucontinent; ?></td>
							<td>
							<table>
							<tr>
							<th>PageName</th>
							<th>Clicks</th>
							</tr>
							<?php 
							$res_pnames_detail = $wpdb->get_results( "SELECT pagenames,countclicks FROM ".$wpdb->prefix."reports WHERE userids = '$user_ids' " ); 
							if(!empty($res_pnames_detail)){
								foreach($res_pnames_detail as $details){?>
									<tr>
									<td><?php echo $details->pagenames; ?></td>
									<td><?php echo $details->countclicks; ?></td>
									</tr>
							<?php } } ?>
												
							</table>
							</td>
							</tr>
							</table>
							<!-- demo -->
							
							</div>
						  </td>
						</tr>
						<?php $ctu++; 
						} ?>
						
					</tbody>
</table>
</div>
						
					</div>
				</div>
			</section>
			<?php } ?>
		</div>

	</main><!-- #main -->
</div><!-- #primary -->

<script>
/*
$=jQuery;
$('a').each(function(){  
     $(this).attr('onclick',+$(this).attr('href'));
     $(this).attr('href','javascript:void(0)');
 }); */
</script> 
 <?php 
global $wpdb;
global $user;

$current_user_id = get_current_user_id();
$current_user = wp_get_current_user();
$username = $current_user->user_login;?>
	<input type="hidden" id="llogin" name="llogin" value="<?php //echo do_shortcode('[lastlogin]'); ?>">
	<input type="hidden" id="cuid" name="cuid" value="<?php echo get_current_user_id(); ?>">
	<input type="hidden" id="cuname" name="cuname" value="<?php echo $username; ?>">
	<input type="hidden" id="uip" name="uip" value="<?php echo $_SERVER['REMOTE_ADDR'];?>">
	<?php $res = file_get_contents('https://www.iplocate.io/api/lookup/'.$_SERVER['REMOTE_ADDR']);
		$rest = json_decode($res); ?>
	<input type="hidden" id="ucountry" name="ucountry" value="<?php echo $rest->country; ?>">
	<input type="hidden" id="ucity" name="ucity" value="<?php echo $rest->city; ?>">
	<input type="hidden" id="ucontinent" name="ucontinent" value="<?php echo $rest->continent; ?>">
<script>
$=jQuery;
$(document).ready(function(){
/* Start for count click */

/* End for count click */

	if (typeof html5Lightbox === "undefined")
		html5Lightbox = jQuery(".html5lightbox").html5lightbox({
			resizespeed:0
	})
 
	$(".html5lightbox").click(function(){
		var dataId = $(this).attr("data-id");
		var dataIdval = $(this).attr("id");
		//alert(dataIdval);
		var clicks = parseInt($("a#clicks_"+dataId).html());
		//alert(clicks);
		
		clicks++;
		$("a#clicks_"+dataId).html(clicks);
		
		var clickscounts = {
			pagesclick: clicks,
			pagename: dataIdval,
		}
		//alert("My name is "+clickscounts.pagesclick+" and"+clickscounts.pagename);
		var llogin = $("#llogin").val();
		//alert(llogin);
		var cuid = $("#cuid").val();
		//alert(cuid);
		var cuname = $("#cuname").val();
		//alert(cuname);
		var uip = $("#uip").val();
		//alert(uip);
		var ucountry = $("#ucountry").val();
		//alert(ucountry);
		var ucontinent = $("#ucontinent").val();
		//alert(ucontinent);
		var ucity = $("#ucity").val();
		//alert(ucity);
		//alert(cuid);
		//alert(cuname);
		$.ajax({
		type : "post",
		url : "<?php echo site_url();?>/wp-admin/admin-ajax.php",
		//url : "<?php echo admin_url('admin-ajax.php'); ?>",
			data : {
				action: "clickevent_results",
				pagesclick: clickscounts.pagesclick,
				pagename: clickscounts.pagename,
				llogin: llogin,
				cuid: cuid,
				cuname: cuname,
				uip: uip,
				ucountry: ucountry,
				ucontinent: ucontinent,
				ucity: ucity
			},
			success: function(data) {
				$('#hellos').html(data);
			}
		}); 
		e.preventDefault();
		// $(this).attr('href','javascript:void(0)');
	//	$(this).attr('onclick',+$(this).attr('href'));
    // $(this).attr('href','javascript:void(0)');
			//var event_id = $(this).attr('id');
	//alert(event_id);
	
		$('html').addClass('overflow');
		setTimeout(function(){
			$("#html5-lightbox-box iframe")[0].contentWindow.oncontextmenu = function () {
				return false;
			}
			$("#html5-lightbox-box iframe").contents().find("#download, #print").remove()
			$("#html5-lightbox-box iframe").contents().find("#viewer").append('<style type="text/css" media="print">* { display: none; }</style>')
			$("#html5-lightbox-box iframe").contents().bind('keydown keypress', function(e) {
				console.log(e.ctrlKey && e.key == "p" || e.charCode == 16 || e.charCode == 112 || e.keyCode == 80) 
				if(e.ctrlKey && (e.key == "p" || e.charCode == 16 || e.charCode == 112 || e.keyCode == 80) ){
					alert("Please use the Print PDF button below for a better rendering on the document");

					e.cancelBubble = true;
					e.preventDefault();
					e.stopImmediatePropagation();
				}  
				if((e.ctrlKey && (e.which == 83))  || (e.ctrlKey && (e.which == 80))) {
					e.preventDefault();
					return false;
				}
			});
			

		},1000)
	})

	window.oncontextmenu = function () {
		return false;
	}
	// for stop body scroll when lightbox open
	$("body").on("mousedown", "#html5-close-fullscreen, #html5-lightbox-overlay, #html5-close", function(){
		$("html").removeClass("overflow");
	});
	$(document).keyup(function(e) {
		if (e.keyCode === 27) {
			$("html").removeClass("overflow");
		}
	});
})
</script>
<!-- <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js" type="text/javascript"></script> -->
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/devtools.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function () {
    var frame = $('iframe').get(0);
    if (frame != null) {
        var frmHead = $(frame).contents().find('head');
        if (frmHead != null) {
            frmHead.append($('style, link[rel=stylesheet]').clone()); // clone existing css link
            //frmHead.append($("<link/>", { rel: "stylesheet", href: "/styles/style.css", type: "text/css" })); // or create css link yourself
        }
    }   
	});
 
//});
</script>

<?php get_footer(); ?>