<?php include ("functions/init.php");?>
<!DOCTYPE html>
<!--[if lt IE 7]><html prefix="og: http://ogp.me/ns#" lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 7]><html prefix="og: http://ogp.me/ns#" lang="en" class="no-js lt-ie9 lt-ie8"><![endif]-->
<!--[if IE 8]><html prefix="og: http://ogp.me/ns#" lang="en" class="no-js lt-ie9"><![endif]-->
<!--[if IE 9]><html prefix="og: http://ogp.me/ns#" lang="en" class="no-js ie9 can-maxwidth can-cssclip"><![endif]-->
<!--[if gt IE 9]><!-->   
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html prefix="og: http://ogp.me/ns#" lang="en" class="no-js can-maxwidth can-cssclip"> 
	<!--<![endif]-->
	<?php include ($thisUrl."functions/head_section.php"); ?>
	<body class="home">
		<?php include ($thisUrl."functions/google_tags.php"); ?>
        <a class="anchor" name="top"></a>
		<div class="page-wrapper">	
			<div class="wrapper mainSubNavivationBackground">
				<?php
                include ($thisUrl."functions/social_media.php");
				include ($thisUrl."functions/header-menu.php");
				?>
                <main role="main" class="main-content">
    				<?php 					
					echo '
					<div style="clear:both; position:relative">';
						include ($thisUrl."functions/carousel.php");
						echo '
					</div>';
					?>
                    <div style="background-color:#00873a; padding:28px 0px">
                        <h1 style="line-height:normal; padding-bottom:0; margin-bottom:0; color:#ffffff; text-align:center">
                            Welcome to Trade Expo Indonesia 
                        </h1>
                    </div>
                    <section class="layout-centered backgroundLight" style="background-color:#cef7e0" data-modul="M00613">
                        <div class="rowInner spacerRow">
                            <div class="rowInner">
                                <div class="col l-col12 m-col12 s-col12">
                                    <div class="teasers">
                                        <div class="col l-col11 m-col12 s-col12">
                                            <!-- Banner Countdown -->
                                            <?php
											if (strtotime('2020-11-10 10:00:00') > time()) {
                                            	$rem = strtotime('2020-11-10 10:00:00') - time();
                                                $day = floor($rem / 86400);
                                                $hr  = floor(($rem % 86400) / 3600);
                                                $min = floor(($rem % 3600) / 60);
                                            	$countToDate = 
                                                '<strong>'.sprintf("%02d", $day).'</strong> '
												.'<span style="font-size:15px">DAYS</span>&nbsp; '
												.'<strong>'.sprintf("%02d", $hr).'</strong> '
												.'<span style="font-size:15px">HOURS</span>&nbsp; '
												.'<strong>'.sprintf("%02d", $min).'</strong> '
												.'<span style="font-size:15px">MINUTES</span>';
                                            }
											
											$countDownBanner = '
											<section class="time" style="text-align:center; margin:15px 0px">
												<div style="margin-bottom:5px">
													<h2 class="h2-teasers" style="font-size:22px; line-height:normal; padding:0px; margin:0px; text-align:center; font-weight:bold;">
														See You Again at<br> Trade Expo Indonesia 2020!
													</h2>
												</div>
												<div class="hide-for-small" style="margin: 0px 148px; border-bottom: 2px solid #00873a"></div>
												<div align="center" style="margin-top:5px; color:#000000; font-size:22px; line-height:normal;">
													'.(isset($countToDate) ? $countToDate : "").'
												</div>
											</section>';
											
											$registerBanner = '
											<div class="col l-col12 m-col12 s-col12" style="padding:15px 0px">
												<h2 style="line-height:normal; text-align:center; padding:0; margin:0;">
													<strong>REGISTER TO</strong>
												</h2>
												<div style="height:5px"></div>
												<div class="teasers">';
													$urlBuyer  = 'onClick="location.href=';
													$urlBuyer .= "'".$thisPage."attending/register-to-attend/'";
													$urlBuyer .= '"';
													
													$urlExhibit  = 'onClick="location.href=';
													$urlExhibit .= "'".$thisPage."exhibiting/book-a-stand/'";
													$urlExhibit .= '"';
													
													//exhibitor/exhibitor-registraton/
													$registerBanner .= '
													<div class="col l-col6 m-col6 s-col12">
														<article class="teasers">
															<a href="'.$thisPage.'exhibiting/book-a-stand/" class="hvr-sweep-to-right">
																EXHIBIT AT TEI 2020
															</a>
														</article>
													</div>
													<div class="col l-col6 m-col6 s-col12">
														<article class="teasers">
															<a href="'.$thisPage.'attending/register-to-attend/" class="hvr-sweep-to-right">
																ATTEND AT TEI 2020
															</a>
														</article>
													</div>
												</div>
											</div>';
											/** 
											<div class="col l-col4 m-col4 s-col4" style="background-color:#eb8822">
												<article class="teasers">
													<h2 style="line-height:normal; font-weight:normal; text-align:center; margin:0; padding:12px 0px; color:#ffffff">
														Visitor
													</h2>
												</article>
											</div>
											<section class="time">
												<a href="buyers/register-as-buyer/">
													<h2 class="h2-teasers" style="line-height:normal; padding:0; margin:0; text-align:center; color:#ffffff; font-weight:normal;">
														Register as Buyer
													</h2>
												</a>
											</section>
											**/
											?>
                                            <section class="layout-centered">
                                                <div class="hide-for-small">
                                                    <div class="teasers">
                                                        <div class="col l-col12 m-col12 s-col12">
                                                            <div class="teasers">
                                                                <div align="center" class="col l-col12 m-col12 s-col12" style="width:50%; padding:15px 0px;">
                                                                    <div style="height:16px"></div>
                                                                    <?php echo $countDownBanner; ?>
                                                                </div>
                                                                <!--
                                                                <div align="center" class="col l-col6 m-col12 s-col12" style="background-color:#d3edfc; margin:15px 0px;">
                                                                    <div class="teasers">
                                                                        <div class="col l-col11 m-col12 s-col12">
                                                                            <div class="teasers">
                                                                                <div class="col l-col11 m-col12 s-col12">
                                                                                    <?php // echo $registerBanner; ?>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div> -->
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="hide-for-medium-up">
                                                	<div class="col l-col12 m-col12 s-col12">
                                                        <div align="center" class="col l-col12 m-col12 s-col12" style="padding:15px 0px;">
															<?php echo $countDownBanner; ?>
                                                        </div>
                                                        <!--
                                                        <div align="center" class="col l-col12 m-col12 s-col12" style="background-color:#d3edfc; padding:15px 0px;">
                                                            <?php // echo $registerBanner; ?>
                                                        </div>-->
                                                    </div>
                                                </div>
                                            </section>
                    					</div>
                                    </div>
                    			</div>
                    		</div>
                    	</div>
                    </section>
                	<?php
					$urlpdf = $thisPage.'press_release/2019/press_release_Tei2019_25Oktober2019.pdf';
					$pdfreader = '
                    <section class="layout-centered backgroundDark" data-modul="M00613">
                        <div class="rowInner spacerRow">
                            <div class="rowInner">
                                <div class="col l-col12 m-col12 s-col12">
                                	<img class="spacerRowImage" src="images/spacer-bg.png" alt="" title="">
                                </div>
                            </div>
                        </div>
                        <div class="rowInner spacerRow">
                            <div class="rowInner">
                                <div class="col l-col12 m-col12 s-col12">
                                    <div class="teasers">
                                        <div class="col l-col11 m-col11 s-col12">
                                            <div class="teasers">
                                                <div class="col l-col12 m-col12 s-col12 modul-container" style="margin:0; padding: 10px 0px">
                                                    <div class="teasers">
                                                        <object data="'.$urlpdf.'" type="application/pdf" width="100%" height="500px"> 
                                                            <p>
																It appears you don\'t have a PDF plugin for this browser. 
																No biggie... you can 
                                                            	<a href="'.$urlpdf.'">
																	click here to download the PDF file.
																</a>
															</p>  
                                                        </object>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
                        <div class="rowInner spacerRow">
                            <div class="rowInner">
                                <div class="col l-col12 m-col12 s-col12">
                                	<img class="spacerRowImage" src="images/spacer-bg.png" alt="" title="">
                                </div>
                            </div>
                        </div>
					</section>';
					?>    
                    <!-- Floorplan Begin -->
                    <section class="layout-centered backgroundLight" data-modul="M00613">
                        <div class="rowInner spacerRow">
                            <div class="rowInner">
                                <div class="col l-col12 m-col12 s-col12">
                                	<img class="spacerRowImage" src="images/spacer-bg.png" alt="" title="">
                                </div>
                            </div>
                        </div>
                        <div class="rowInner spacerRow">
                            <div class="rowInner">
                                <div class="col l-col12 m-col12 s-col12">
                                    <div class="teasers">
                                        <div class="col l-col11 m-col11 s-col12">
                                            <div class="teasers">
                                                <div class="col l-col12 m-col12 s-col12 modul-container" style="margin:0; padding: 10px 0px">
                                                    <div class="teasers">
                                                        <div class="col l-col12 m-col12 s-col12">
                                                            <div align="center">
                                                                <p>
                                                                    <h3 class="h3-teaser" style="padding:15px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:center">
                                                                        FLOORPLAN
                                                                    </h3>
                                                                    <p style="padding-bottom:0">
                                                                        Please note that the following floorplan is subjected 
                                                                        to change without any prior notice.
                                                                    </p>
                                                                    <a href="about/floorplan/">
                                                                        <img src="about/floorplan/images/layout-ve.jpg" border="0" />
                                                                    </a>
                                                                </p>
                                                            </div>
                                                        </div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
                        <div class="rowInner spacerRow">
                            <div class="rowInner">
                                <div class="col l-col12 m-col12 s-col12">
                                	<img class="spacerRowImage" src="images/spacer-bg.png" alt="" title="">
                                </div>
                            </div>
                        </div>
					</section>                    
                    <!-- Floorplan End -->
                    <!-- Marketing Begin -->
                    <section class="layout-centered" data-modul="M00613" style="background-color:#00873a">
                        <div class="rowInner spacerRow">
                            <div class="rowInner">
                                <div class="col l-col12 m-col12 s-col12">
                                    <div class="teasers">
                                        <div class="col l-col11 m-col11 s-col12">
                                            <div class="teasers" style="padding-top:35px; padding-bottom:35px">
                                                <div class="col l-col12 m-col12 s-col12">
                                                    <article class="padding-box">
                                                        <h2 class="h2-teasers" style="line-height:normal; color:#ffffff; text-align:center; margin-bottom:7px">
															<?php
                                                            echo '
															<u>
																'.strtoupper(strtolower('Expand Your Market Reach with the Best from Indonesia')).'
															</u>';
															?>
                                                        </h2>
                                                        <p style="text-align:center; color:#ffffff;">
                                                            The 35<sup>th</sup> Trade Expo Indonesia Virtual Events 2020 presents numerous carefully-categorized products, 
                                                            encompassing from Premium Products and Services, Manufacturing Products, 
                                                            Furniture and Craft Products, Food & Beverage Products and Fashion, 
                                                            Accessories and Multi Products.
                                                        </p>    
                                                        <div class="rowInner spacerRow">
                                                            <div class="col l-col4 m-col4 s-col12">
                                                                <div style="padding:10px; ">
                                                                    <div class="teaserImageBlock" style="text-align:center">
                                                                        <img style="max-width:100px" src="<?php echo $thisPage; ?>images/icons/exhibiting.png" alt="" title="" />
                                                                    </div>
                                                                    <h2 style="margin-bottom:5px; color:#ffffff; text-align:center">
                                                                        Exhibiting
                                                                    </h2>
                                                                    <p style="padding:0; color:#ffffff; margin:0; text-align:center">
                                                                        Book your stand now at the Indonesia's largest international B2B-focused virtual tradeshow 
                                                                        designed to boost export product growth and export market expansion.
                                                                    </p>
                                                                    <!-- 
                                                                    <p>
                                                                        <div class="teasers">
                                                                            <div  onclick="location='<?php echo $thisPage; ?>exhibitor/book-a-stand/'" class="hvr-sweep-to-right">
                                                                                <font style="color:#ffffff; text-align:center">
                                                                                    Book Your Stand Now
                                                                                </font>
                                                                            </div>
                                                                        </div>
                                                                    </p>
                                                                    -->
                                                                    <div class="rowInner hide-for-medium-up">
                                                                        <div class="col l-col12 m-col12 s-col12">
                                                                            <div style="clear:both;"><p>&nbsp;</p></div>
                                                                            <img class="spacerRowImage" src="images/spacer-bg.png" alt="" title="" />
                                                                            <div style="clear:both;"><p>&nbsp;</p></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col l-col4 m-col4 s-col12">
                                                                <div style="padding:10px; ">
                                                                    <div class="teaserImageBlock" style="text-align:center">
                                                                        <img style="max-width:100px" src="<?php echo $thisPage; ?>images/icons/visiting.png" alt="" title="" />
                                                                    </div>
                                                                    <h2 style="margin-bottom:5px; color:#FFFFFF; text-align:center;">
                                                                        Visiting
                                                                    </h2>
                                                                    <p style="padding:0; margin:0; color:#FFFFFF; text-align:center;">
                                                                        Offering you the best quality and premium export products and investment opportunities 
                                                                        devided into 5 (five) zones, waiting for you to discover the Remarkable Indonesia.
                                                                    </p>
                                                                    <!--
                                                                    <p>
                                                                        <div class="teasers">
                                                                            <div  onclick="location='<?php echo $thisPage; ?>visitor/benefits-for-visitor/'" class="hvr-sweep-to-right">
                                                                                <font style="color:#ffffff; text-align:center">
                                                                                    Find Out More
                                                                                </font>
                                                                            </div>
                                                                        </div>
                                                                    </p>
                                                                    -->
                                                                    <div class="rowInner hide-for-medium-up">
                                                                        <div class="col l-col12 m-col12 s-col12">
                                                                            <div style="clear:both;"><p>&nbsp;</p></div>
                                                                            <img class="spacerRowImage" src="images/spacer-bg.png" alt="" title="" />
                                                                            <div style="clear:both;"><p>&nbsp;</p></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col l-col4 m-col4 s-col12">
                                                                <div style="padding:10px;">
                                                                    <div class="teaserImageBlock" style="text-align:center">
                                                                        <img style="max-width:100px" src="<?php echo $thisPage; ?>images/icons/network_education.png" alt="" title="" />
                                                                    </div>
                                                                    <h2 style="margin-bottom:5px; color:#FFFFFF; text-align:center;">
                                                                        Networking & Education
                                                                    </h2>
                                                                    <p style="padding:0; margin:0; color:#FFFFFF; text-align:center;">
                                                                        From seminar to business matching and everything in between, 
                                                                        Trade Expo Indonesia Virtual Events offers you the all the opportunities 
                                                                        to be connected and updated.
                                                                    </p>
                                                                    <!-- 
                                                                    <p>
                                                                        <div class="teasers">
                                                                            <div onclick="location='<?php echo $thisPage; ?>program/'" class="hvr-sweep-to-right">
                                                                                <font style="color:#ffffff; text-align:center">
                                                                                    Get Connected Now
                                                                                </font>
                                                                            </div>
                                                                        </div>
                                                                    </p>
                                                                    -->
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </article>
                                                </div>
                                            </div>
                    					</div>
                    				</div>
                    			</div>
                    		</div>
                    	</div>
             		</section>
                    <!-- Marketing End -->
                    <?php include ($thisUrl."functions/slider.php"); ?>
                </main>
    			<!--insuma_ignore_begin-->
    			<?php include ($thisUrl."functions/footer.php"); ?>
    			<!--insuma_ignore_end-->
            </div>
        </div>
		<?php 
        include ($thisUrl."functions/footer_section.php");
        ?>
		<script src="resp/js/jquery.flexisel.js"></script>
        <script>
			jQuery(window).load(function() {
				var pathname = $(location).attr('href');
				if (pathname.indexOf('viewmode') == -1) {
					jQuery("#flexiselDemo3").flexisel({
						visibleItems: 4,
						animationSpeed: 1000,
						autoPlay: true,
						autoPlaySpeed: 3000,            
						pauseOnHover: true,
						enableResponsiveBreakpoints: true,
						responsiveBreakpoints: { 
							portrait: { 
								changePoint:767,
								visibleItems: 2
							}, 
							landscape: { 
								changePoint:767,
								visibleItems: 2
							},
							tablet: { 
								changePoint:768,
								visibleItems: 4
							},
							portrait: { 
								changePoint:400,
								visibleItems:2
							}
						}
					});
				}
			});
        </script>

        <script src="carousel/slick.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $(document).on('ready', function() {
              $('.responsive').slick({
                dots: true,
                infinite: true,
                speed: 300,
                slidesToShow: 4,
                slidesToScroll: 1,
                autoplay: true,
                autoplaySpeed: 2000,
                responsive: [
                  {
                    breakpoint: 1024,
                    settings: {
                      slidesToShow: 3,
                      slidesToScroll: 3,
                      infinite: true,
                      dots: true
                    }
                  },
                  {
                    breakpoint: 600,
                    settings: {
                      slidesToShow: 2,
                      slidesToScroll: 2
                    }
                  },
                  {
                    breakpoint: 480,
                    settings: {
                      slidesToShow: 1,
                      slidesToScroll: 1
                    }
                  }
                  // You can unslick at a given breakpoint now by adding:
                  // settings: "unslick"
                  // instead of a settings object
                ]
              });	  
            });
        </script>	
		<script>
			/**
			 * Used to demonstrate Hover.css only. Not required when adding
			 * Hover.css to your own pages. Prevents a link from being
			 * navigated and gaining focus.
			 */
			var effects = document.querySelectorAll('.effects')[0];
			effects.addEventListener('click', function(e) {
				if (e.target.className.indexOf('hvr') > -1) {
					e.preventDefault();
					e.target.blur();

				}
			});
		</script>    
    </body>
</html>