<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Cnaindo Teknologi</title>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keywords" content="">
	<meta name="description" content="">

	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/animate.min.css">
	<link rel="stylesheet" href="css/et-line-font.css">
	<link rel="stylesheet" href="css/style.css">

	<!-- Slider (Use For Client)
    ================================================== -->
    <link href="css/owl.carousel.css" rel="stylesheet" media="screen">
    <link href="css/owl.theme.css" rel="stylesheet" media="screen">
</head>
<body data-spy="scroll" data-target=".navbar-collapse" data-offset="50">
<?php
	session_start();

	$nowPage = time();

	if(!empty($_SESSION['expireCont'])){
		if ($nowPage > $_SESSION['expireCont']) {
	        unset($_SESSION['startCont']);
	        unset($_SESSION['expireCont']);
	    }
	}    
?>

<!-- preloader section -->
<div class="preloader">
	<div class="sk-spinner sk-spinner-circle">
       <div class="sk-circle1 sk-circle"></div>
       <div class="sk-circle2 sk-circle"></div>
       <div class="sk-circle3 sk-circle"></div>
       <div class="sk-circle4 sk-circle"></div>
       <div class="sk-circle5 sk-circle"></div>
       <div class="sk-circle6 sk-circle"></div>
       <div class="sk-circle7 sk-circle"></div>
       <div class="sk-circle8 sk-circle"></div>
       <div class="sk-circle9 sk-circle"></div>
       <div class="sk-circle10 sk-circle"></div>
       <div class="sk-circle11 sk-circle"></div>
       <div class="sk-circle12 sk-circle"></div>
    </div>

    <!-- <p style="margin-top: 10px;">Please Wait..</p> -->
</div>

<!-- navigation section -->
<section class="navbar navbar-fixed-top custom-navbar" role="navigation">
	<div class="container">
		<div class="navbar-header">
			<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="icon icon-bar"></span>
				<span class="icon icon-bar"></span>
				<span class="icon icon-bar"></span>
			</button>
			<a href="http://cnaindo.com" class="navbar-brand">
				<!-- <img src="images/logo_.png"> -->
			</a>
		</div>
		<div class="collapse navbar-collapse">
			<ul class="nav navbar-nav navbar-right">
				<li><a href="#home" class="smoothScroll">
					HOME
				</a></li>
				<li><a href="#history" class="smoothScroll">
					ABOUT
				</a></li>
				<li><a href="#our-products" class="smoothScroll">
					PRODUCT
				</a></li>
				<li><a href="#our-services" class="smoothScroll">
					SERVICES
				</a></li>
				<li><a href="#client" class="smoothScroll">
					CLIENT
				</a></li>
				<li><a href="#career" class="smoothScroll">
					CAREER
				</a></li>
				<li><a href="#contact" class="smoothScroll">
					CONTACT
				</a></li>
				<li>
					<img src="images/id.png" class="flaglang" langweb="ina">
					<img src="images/uk.jpg" class="flaglang" langweb="eng">
				</li>
			</ul>
		</div>
	</div>
</section>

<!-- home section -->
<section id="home">			
	<div class="overlay">
		<div class="content">
			<div class="container" style="width: 100%;">
				<div class="row">
					<div class="col-md-12 col-sm-12 content-min-up" style="padding: 0;">
						<div class="cont-wrap">
							<h1><strong>CNAINDO TEKNOLOGI</strong></h1>
							<h2>The Right Solution For Your Business IT System</h2>
						</div>
						<!-- <hr> -->
						<a href="#history" class="smoothScroll btn btn-danger">Get Started</a>
					</div>
				</div>
			</div>		
		</div>		
	</div>		
</section>

<?php
	if(!empty($_SESSION['expireCont'])){
		echo "<div class='mailnotify'>
			<h2>
                Thank you for contacting us.
            </h2>
            <p>
                Your message has been successfully sent. We will contact you very soon!
            </p>
		</div>
		";
	}

?>
<!-- History section -->
<section id="history">
	<div class="container">
		<div class="row">
			<div class="col-md-12 col-sm-12">
				<div class="section-title">
					<?php						
						if(!empty($_SESSION['langweb']) AND $_SESSION['langweb'] == 'eng'){
							echo "<h1 class='heading bold'>HISTORY</h1>";
						}
						else{
							echo "<h1 class='heading bold'>SEJARAH PERUSAHAAN</h1>";
						}
					?>
					<hr>
				</div>
			</div>
			<div class="col-lg-4 col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.6s">
					<img src="images/icons/ico_building.png">
					<?php						
						if(!empty($_SESSION['langweb']) AND $_SESSION['langweb'] == 'eng'){
							echo "<p><strong style='color: #0B5394;'>CNAINDO</strong> Established in 2012. We started our  business as a solution provider for stock brokerage companies, we have own system for trading based on desktop platform. Today we has a significant presence in Mobile Trading System and Professional service for Integration, Development, Customize &  Maintenance your Financial Business System.</p>";
						}
						else{
							echo "<p><strong style='color: #0B5394;'>CNAINDO</strong> berdiri pada tahun 2012 di Jakarta. Bergerak dibidang Sistem Integrasi IT, Layanan Profesional, & Perusahaan pengembang Perangkat lunak untuk Sistem finansial.</p>";
						}
					?>					
			</div>
			<div class="col-lg-4 col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.9s">
					<img src="images/icons/ico_product.png">

					<?php						
						if(!empty($_SESSION['langweb']) AND $_SESSION['langweb'] == 'eng'){
							echo "<p>We have Main Product, with own system for Online Trading For Stock (Desktop & Mobile) used by stock brokerage companies. It call HTS (Home Trading System) & MTS (Mobile Trading System). It can be with various cooperation systems for stock brokerage companies needs.</p>";
						}
						else{
							echo "<p>Produk Utama kami yaitu sebuah sistem yang kami bangun sendiri sebagai Solusi untuk dunia Jual beli saham, yaitu Home Trading System (Desktop Online Trading) client & Server  dan juga produk terbaru kami MTS client & Server (Mobile Trading System).</p>";
						}
					?>					
			</div>
			<div class="col-lg-4 col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="1s">
					<img src="images/icons/ico_consult.png">					
					<?php						
						if(!empty($_SESSION['langweb']) AND $_SESSION['langweb'] == 'eng'){
							echo "<p>As a company that wants to continue to grow, we also provide the service for your Financial Business system, starts with IT consultation, Software Design, Integration, Development, Customize, &  Maintenance.</p>";
						}
						else{
							echo "<p>Sebagai perusahaan swasta, CIT menyediakan Konsultasi IT, desain dan pengembangan perangkat lunak serta layanan profesional dan pemeliharaan untuk semua bidang usaha terutama system untuk bidang usaha finansial.</p>";
						}
					?>					
			</div>
		</div>
	</div>
</section>

<!-- STRUKTUR ORGANISASI section -->
<section id="structure-org">
	<div class="container">
		<div class="row">
			<div class="col-md-6 col-sm-12">
				<img src="images/struktur_org.png" class="img-responsive" alt="about img">
			</div>
			<div class="col-md-6 col-sm-12 media-s-org">				
				<?php						
					if(!empty($_SESSION['langweb']) AND $_SESSION['langweb'] == 'eng'){
						echo "<h3 class='bold text-right'>ORGANIZATIONAL STRUCTURE</h3>
						<hr>
						<p>
        					<strong>PT Cnaindo Teknologi</strong> has an effective Organizational Structure supported by a solid team. 
        					Every element in the organizational structure of our company has a clear description of the duties and responsibilities, 
        					and always collaborates so as to enhance sustainable company growth.
        				</p>";
					}
					else{
						echo "<h3 class='bold text-right'>STRUKTUR ORGANISASI</h3>
						<hr>
        				<p>
        					<strong>PT Cnaindo Teknologi</strong> memiliki Struktur Organisasi yang efektif dengan di dukung oleh tim yang solid. 
        					Setiap elemen yang berada dalam struktur organisasi dari perusahaan kami mempunyai uraian tugas dan tanggung jawab yang jelas, 
        					serta senantiasa berkolaborasi sehingga dapat meningkatkan pertumbuhan perusahaan yang berkesinambungan.
        				</p>";
					}
				?>
			</div>
		</div>
	</div>
</section>

<!-- Visi - Misi section -->
<section id="visi-misi">
	<div class="container">
		<div class="row vs-ms">
			<div class="col-md-offset-2 col-md-8 col-sm-offset-2 col-sm-8 wow fadeInUp" data-wow-delay="0.1s">				
				<?php						
					if(!empty($_SESSION['langweb']) AND $_SESSION['langweb'] == 'eng'){
						echo "<h3 class='bold text-left'>VISION</h3>
						<hr>
						<ul class='vs-ul'>
							<li>
							To became <b>the best and leading IT solution company</b> in <b>Online Trading and Financial System</b>, we can compete in <b> national level</b>, we are supported by <b>young professionals and experts</b>.
							</li>
						</ul>
						<br>
						<h3 class='bold text-left'>MISSION</h3>
						<hr>
						<ul class='text-left'>
							<li>
								Customer satisfaction oriented.
							</li>
							<li>
								To make working environments as a healthy place to work and moving forward.
							</li>
							<li>
								Always maintain a good relationship with the customers and our internal team.
							</li>
							<li>
								Continues to evolve and keep update with the latest trends of technologies. So that we can provide you with the best service and increase your productivity and effectiveness.
							</li>
						</ul>";
					}
					else{
						echo "<h3 class='bold text-left'>VISI</h3>
						<hr>
						<ul class='vs-ul'>
							<li>
							Menjadi <b>Perusahaan Solusi IT terbaik</b> dibidang <b>Online Trading dan Financial System</b> yang dapat bersaing di <b>tingkat nasional</b> dengan <b>tenaga muda yang ahli dan professional</b>.
							</li>
						</ul>
						<br>
						<h3 class='bold text-left'>MISI</h3>
						<hr>
						<ul class='text-left'>
							<li>
								Mengedepankan kepuasan pelanggan.
							</li>
							<li>
								Menjadikan lingkungan bekerja sebagai  wadah untuk berprestasi yang sehat dan selalu bersemangat.
							</li>
							<li>
								Selalu menjaga hubungan baik dengan tim dan klien.
							</li>
							<li>
								Secara terus - menerus mengikuti setiap perkembangan dalam bidang IT, guna meningkatkan produktifitas secara efisien kepada pelanggan.
							</li>
						</ul>";
					}
				?>
				
			</div>
		</div>
		<div class="row">
			<div class="col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="0.9s">
				<h4 class="bold text-center">CNAINDO CORE VALUE</h4>
			</div>
		</div>
		<br>
		<div class="row vs-ms-p">
			<div class="col-md-offset-1 col-md-10 col-sm-offset-1 col-sm-10" data-wow-delay="0.9s">
				<div class="row">			
					<div class="col-lg-3 col-md-3 col-sm-3 wow fadeInUp" data-wow-delay="0.6s">
						<img src="images/icons/ico_custrate.png">
						<p><strong style="color: #17375e;">
							<?php						
								if(!empty($_SESSION['langweb']) AND $_SESSION['langweb'] == 'eng'){
									echo "CUSTOMER SATISFACTION";
								}
								else{
									echo "KEPUASAN PELANGGAN";
								}
							?>
						</strong></p>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 wow fadeInUp" data-wow-delay="0.9s">
						<img src="images/icons/ico_profesional.png">
						<p><strong style="color: #17375e;">PROFESSIONAL</strong></p>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 wow fadeInUp" data-wow-delay="1s">
						<img src="images/icons/ico_teamwork.png">
						<p><strong style="color: #17375e;">TEAM WORK</strong></p>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 wow fadeInUp" data-wow-delay="1s">
						<img src="images/icons/ico_integritas.png">
						<p><strong style="color: #17375e;">INTEGRITY</strong></p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<!-- our-products section -->
<section id="our-products">
	<div class="container">
		<div class="row">
			<div class="col-md-12 col-sm-12">
				<div class="section-title">
					<h1 class="heading bold">OUR PRODUCTS</h1>
					<hr>
				</div>
			</div>
		</div>

		<!-- First Product -->
		<div class="row">
			<div class="col-lg-6 col-md-6 col-sm-6 wow fadeInUp" data-wow-delay="0.6s">
					<img src="images/products/trading_system.png" class="img-responsive text-center">
			</div>
			<div class="col-lg-6 col-md-6 col-sm-6 wow fadeInUp" data-wow-delay="0.9s">
					<h3>Online & Mobile Trading System</h3>
					<p>
						<?php						
							if(!empty($_SESSION['langweb']) AND $_SESSION['langweb'] == 'eng'){
								echo "Desktop & mobile applications that used by the trader.";
							}
							else{
								echo "Aplikasi Desktop & Mobile yang digunakan untuk para traders (pelaku jual beli saham).";
							}
						?>						
					</p>
					<button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#productx">Read More</button>
			</div>

			<!-- Detail Product -->
  		  	<div class="modal fade" id="productx" role="dialog">
			    <div class="modal-dialog modal-lg">			    
			      	<!-- Modal content-->
			      	<div class="modal-content">
			        	<div class="modal-header">
			          		<div type="" class="btn-closes pull-right" data-dismiss="modal">&times;</div>
			          		<h3 class="modal-title">OLT & MTS System</h3>
			        	</div>
			        	<div class="modal-body">
			        		<div class="row modal-row">
			        			<div class="col-md-6">
			        				<img src="images/icons/trader.png">
			        				<h4>TRADERS</h4>
			        				<ol>
			        					<?php						
											if(!empty($_SESSION['langweb']) AND $_SESSION['langweb'] == 'eng'){
												echo "<li>
					        						Easy to use - <strong style='color: #17375e;'>User Friendly UI</strong>.
					        					</li>
					        					<li>
													Capabilities to be able to manifest large amounts of data in any kinds of formats - <strong style='color: #17375e;'>Grids and Charts</strong>.
					        					</li>
					        					<li>
													<strong style='color: #17375e;'>Guaranteed</strong> that the process are <strong style='color: #17375e;'>stable</strong> when being used.
					        					</li>";
											}
											else{
												echo "<li>
					        						Mudah & Cepat dalam penggunaannya - <strong style='color: #17375e;'>User Friendly UI</strong>.
					        					</li>
					        					<li>
													Dapat Menginvestasi Data Informasi Cukup Besar Dengan Berbagai Format - <strong style='color: #17375e;'>Grids and Charts</strong>.
					        					</li>
					        					<li>
													<strong style='color: #17375e;'>Stabil dan terjamin</strong> dalam Memproses Transaksi.
					        					</li>";
											}
										?>	
			        					
			        				</ol>
			        			</div>
			        			<div class="col-md-6">
			        				<img src="images/icons/dev.png">
			        				<h4>IT DEPARTMENT</h4>
			        				<ol>

			        					<?php						
											if(!empty($_SESSION['langweb']) AND $_SESSION['langweb'] == 'eng'){
												echo "<li>
					        						<strong style='color: #17375e;'>Extensibility</strong> - Easy to extend the ability to create a custom design for your business purposes.
					        					</li>
					        					<li>
													<strong style='color: #17375e;'>Scalable</strong> - Easy to increase the structure of your business.
					        					</li>
					        					<li>
													<strong style='color: #17375e;'>Transparency</strong> - Easy to track and history of your business needs.
					        					</li>";
											}
											else{
												echo "<li>
					        						<strong style='color: #17375e;'>Extensibilitas</strong> - Mudah dalam menambahkan Screen Baru yang sesuai dengan requirement-requirement baru.
					        					</li>
					        					<li>
													<strong style='color: #17375e;'>Scalabilitas</strong> - Mudah untuk Meningkatkan Skala Struktur.
					        					</li>
					        					<li>
													<strong style='color: #17375e;'>Transparansi</strong> - Mudah untuk mengakses sistem / logs aplikasi.
					        					</li>";
											}
										?>
			        					
			        				</ol>
			        			</div>
			        		</div>
			        	</div>
			      	</div>			      
			    </div>
		  	</div>
		</div>

		<!-- <div class="line-product"></div>
		<div class="row row-product">
			<div class="col-lg-6 col-md-6 col-sm-6 wow fadeInUp" data-wow-delay="0.9s">
					<h3>Financial Business System</h3>
					<p>
						Pellentesque elementum, lacus sit amet posuere, quam quam tristique nisi, nec ornare ligula magna id nisl. Donec blandit enim ac semper facilisis. Curabitur eu laoreet mauris, eget fermentum velit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat. 
					</p>
					<button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#producty">Read More</button>
			</div>
			<div class="col-lg-6 col-md-6 col-sm-6 wow fadeInUp" data-wow-delay="0.6s">
					<img src="images/products/business_system.png" class="img-responsive text-center">
			</div>

  		  	<div class="modal fade" id="producty" role="dialog">
			    <div class="modal-dialog modal-lg">			    
			      	<div class="modal-content">
			        	<div class="modal-header">
			          		<div type="" class="btn-closes pull-right" data-dismiss="modal">&times;</div>
			          		<h4 class="modal-title">Modal Header</h4>
			        	</div>
			        	<div class="modal-body">
			          		<p>Some text in the modal.</p>
			        	</div>
			      	</div>			      
			    </div>
		  	</div>
		</div> -->

	</div>
</section>

<!-- Our Services section -->
<section id="our-services">
	<div class="container">
		<div class="row">
			<div class="col-md-12 col-sm-12">
				<div class="section-title">
					<h1 class="heading bold">OUR SERVICES</h1>
					<hr>
				</div>
			</div>
			<?php						
				if(!empty($_SESSION['langweb']) AND $_SESSION['langweb'] == 'eng'){
					echo "<div class='col-lg-3 col-md-3 col-sm-3 wow fadeInUp' data-wow-delay='0.1s'>
							<img src='images/icons/discuss-issue.png'>
							<h3>Consultation</h3>
							<p>
								We are open to any ideas or suggestions you may have to help you decide what you need for your business and related business.
							</p>
					</div>
					<div class='col-lg-3 col-md-3 col-sm-3 wow fadeInUp' data-wow-delay='0.3s'>
							<img src='images/icons/ico_development.png'>
							<h3>Development</h3>
							<p>
								We can help you to provide tips and suggestions for developing your business.
							</p>
					</div>
					<div class='col-lg-3 col-md-3 col-sm-3 wow fadeInUp' data-wow-delay='0.6s'>
							<img src='images/icons/ico_integritas.png'>
							<h3>Integration</h3>
							<p>
								We can gave you as part of our excellent services to provide you with every information you need based on many sources to help you decide what best for your business and develop your business plans.
							</p>
					</div>
					<div class='col-lg-3 col-md-3 col-sm-3 wow fadeInUp' data-wow-delay='0.9S'>
							<img src='images/icons/ico_perawatan.png'>
							<h3>Care</h3>
							<p>
								We can help to take care of your information technology system regarding the need for your business.
							</p>
					</div>";
				}
				else{
					echo "<div class='col-lg-3 col-md-3 col-sm-3 wow fadeInUp' data-wow-delay='0.1s'>
							<img src='images/icons/discuss-issue.png'>
							<h3>Konsultasi</h3>
							<p>
								Kami mendengarkan, mengerti dan membantu anda untuk menciptakan sistem yang sesuai untuk kebutuhan bisnis anda.
							</p>
					</div>
					<div class='col-lg-3 col-md-3 col-sm-3 wow fadeInUp' data-wow-delay='0.3s'>
							<img src='images/icons/ico_development.png'>
							<h3>Development</h3>
							<p>
								Kami membantu anda untuk dapat mengembangkan sistem yang dapat menyesuaikan kebutuhan bisnis dan kemudahan pengguna.
							</p>
					</div>
					<div class='col-lg-3 col-md-3 col-sm-3 wow fadeInUp' data-wow-delay='0.6s'>
							<img src='images/icons/ico_integritas.png'>
							<h3>Integrasi</h3>
							<p>
								Memberikan layanan untuk menyatukan sistem informsi yang bersumber dari keberagaman teknologi informasi yang berkembang saat ini.
							</p>
					</div>
					<div class='col-lg-3 col-md-3 col-sm-3 wow fadeInUp' data-wow-delay='0.9S'>
							<img src='images/icons/ico_perawatan.png'>
							<h3>Perawatan</h3>
							<p>
								Kami menyediakan layanan perawatan sistem teknologi informasi yang anda miliki.
							</p>
					</div>";
				}
			?>
			
		</div>
	</div>
</section>


<!-- Client section -->
<section id="client">
	<div class="container">
		<div class="row">
			<div class="col-md-12 col-sm-12">
				<div class="section-title">
					<h1 class="heading bold">CLIENT & PARTNERSHIP</h1>
					<hr>
				</div>
			</div>

			<div id="clients" class="owl-carousel owl-theme row">
                <div class="item wow fadeIn" data-wow-delay="0.3s">
                    <div class="thumbnail">
                        <img src="clients/client_bca.png" class="img-circle client-img">
                        <div class="caption">
                            <h3>BCA Sekuritas</h3>
                            <p>BEST OLT | BEST MTS</p>
                        </div>
                    </div>
                </div>

                <div class="item wow fadeIn" data-wow-delay="0.6s">
                    <div class="thumbnail">
                        <img src="clients/client_valbury.png" class="img-circle client-img">
                        <div class="caption">
                            <h3>Valbury Asia Securities</h3>
                            <p>VOLT Pro</p>
                        </div>
                    </div>
                </div>

                <div class="item wow fadeIn" data-wow-delay="0.9s">
                    <div class="thumbnail">
                        <img src="clients/client_aspex.png" class="img-circle client-img">
                        <div class="caption">
                            <h3>PT. ASPEX </h3>
                            <p>F/A Automation Maintenance</p>
                        </div>
                    </div>
                </div>

                <div class="item wow fadeIn" data-wow-delay="0.3s">
                    <div class="thumbnail">
                        <img src="clients/client_nh.png" class="img-circle client-img">
                        <div class="caption">
                            <h3>NH Korindo Sekuritas</h3>
                            <p>&nbsp</p>
                        </div>
                    </div>
                </div>

                <div class="item wow fadeIn" data-wow-delay="0.6s">
                    <div class="thumbnail">
                        <img src="clients/client_cfi.png" class="img-circle client-img">
                        <div class="caption">
                            <h3>PT. CFI</h3>
                            <p>S/W Maintenance</p>
                        </div>
                    </div>
                </div>
            </div>
		</div>
	</div>
</section>

<!-- Career section -->
<section id="career">
	<div class="container">
		<div class="row">
			<div class="col-md-12 col-sm-12 text-center">
				<div class="section-title">
					<?php						
						if(!empty($_SESSION['langweb']) AND $_SESSION['langweb'] == 'eng'){
							echo "<h1 class='heading bold'>CAREER</h1>";
						}
						else{
							echo "<h1 class='heading bold'>KARIR</h1>";
						}
					?>				
					<hr>
				</div>
			</div>			
			<div class="col-md-6 col-sm-12">
				<form action="#" method="post" class="wow fadeInUp" data-wow-delay="0.6s" enctype="multipart/form-data">
					<div class="col-md-12 col-sm-12">
						<input type="text" class="form-control proposName" placeholder="Name" name="name">
						<p class="alertNotif alertPropName">Please fill out this field.</p>
					</div>
					<div class="col-md-12 col-sm-12">
						<input type="email" class="form-control proposMail" placeholder="Email" name="email">
						<p class="alertNotif alertPropMail (valid email required)">Please fill out this field.</p>
					</div>
					<div class="col-md-12 col-sm-12">
						<input type="phone" class="form-control proposPhone" placeholder="Phone" name="phone">
						<p class="alertNotif alertPropPhone (number only)">Please fill out this field.</p>
					</div>
					<div class="col-md-12 col-sm-12">
						<input type="text" class="form-control proposSubject" placeholder="Subject" name="subject">
						<p class="alertNotif alertPropSubj">Please fill out this field.</p>
					</div>
					<div class="col-md-12 col-sm-12">
						<textarea class="form-control proposMess" placeholder="Message" rows="7" name="message"></textarea>
						<p class="alertNotif alertPropMess">Please fill out this field.</p>
					</div>
					<div class="col-md-12 col-sm-12">
						<p class="pTitleApp">Upload application (PDF only, max 2MB).</p>
						<input type="file" class="form-control proposFile" id="sortpicture" placeholder="Upload File" name="attach">
						<p class="alertNotif alertPropFile">Please fill out this field (.pdf only, max 2M).</p>
					</div>
					<div class="col-md-4 col-sm-4">
						<input type="button" class="form-control sendproposal" value="SEND MESSAGE">
					</div>
					<div class="col-md-4 col-sm-4">
						<input type="button" class="form-control resetPropos" value="RESET">
					</div>
				</form>
			</div>
			<div class="col-md-6 col-sm-12 table-listdsp">
					<h3>Form Application</h3>
					<p>
						<?php						
							if(!empty($_SESSION['langweb']) AND $_SESSION['langweb'] == 'eng'){
								echo "Set up your profile and upload a resume so employers can find you.";
							}
							else{
								echo "Set up your profile and upload a resume so employers can find you.";
							}
						?>						
					</p>
					<button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#careermd">See carrer</button>
					
					
					<!-- Detail Career -->
          		  	<div class="modal fade" id="careermd" role="dialog">
        			    <div class="modal-dialog modal-lg">			    
        			      	<!-- Modal content-->
        			      	<div class="modal-content">
        			        	<div class="modal-header">
        			          		<div type="" class="btn-closes pull-right" data-dismiss="modal">&times;</div>
        			          		<h3 class="modal-title">Career</h3>
        			        	</div>
        			        	<div class="modal-body">
        			        		<div class="row modal-row">
        			        			<div class="col-md-6">
        			        				<img src="images/icons/trader.png">
        			        				<h4>System Analyst</h4>
        			        				<ol>
        			        					<?php						
        										echo "<li>
													<p>Duis aute irure dolor in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sed id est tincidunt, iaculis nulla vel, sodales metus. Morbi interdum accumsan augue, in accumsan neque lacinia sed. Fusce cursus eu ligula ut gravida.</p>
													<p>Duis aute irure dolor in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sed id est tincidunt, iaculis nulla vel, sodales metus. Morbi interdum accumsan augue, in accumsan neque lacinia sed. Fusce cursus eu ligula ut gravida.</p>
					        					</li>";
        										?>	
        			        					
        			        				</ol>
        			        			</div>
        			        			<div class="col-md-6">
        			        				<img src="images/icons/dev.png">
        			        				<h4>Programmer</h4>
        			        				<ol>
        			        					<?php						
        										echo "<li>
													<p>Duis aute irure dolor in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sed id est tincidunt, iaculis nulla vel, sodales metus. Morbi interdum accumsan augue, in accumsan neque lacinia sed. Fusce cursus eu ligula ut gravida.</p>
													<p>Duis aute irure dolor in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sed id est tincidunt, iaculis nulla vel, sodales metus. Morbi interdum accumsan augue, in accumsan neque lacinia sed. Fusce cursus eu ligula ut gravida.</p>
					        					</li>";
        										?>	
        			        					
        			        				</ol>
        			        			</div>
        			        		</div>
        			        	</div>
        			      	</div>			      
        			    </div>
        		  	</div>
				<!--<ul class="nav nav-tabs" role="tablist">-->
				<!--	<li class="active"><a href="#karir1" aria-controls="karir1" role="tab" data-toggle="tab">Karir 1</a></li>-->
				<!--	<li><a href="#karir2" aria-controls="karir2" role="tab" data-toggle="tab">Karir 2</a></li>-->
					<!-- <li><a href="#karir3" aria-controls="karir3" role="tab" data-toggle="tab">Karir 3</a></li>
					<li><a href="#karir4" aria-controls="karir4" role="tab" data-toggle="tab">Karir 4</a></li>
					<li><a href="#karir5" aria-controls="karir5" role="tab" data-toggle="tab">Karir 5</a></li> -->
				<!--</ul>-->
				<!-- tab panes -->
				<!--<div class="tab-content">-->
				<!--	<div role="tabpanel" class="tab-pane active" id="karir1">-->
				<!--		<h4>Karir 1</h4>-->
				<!--		<p>Duis aute irure dolor in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sed id est tincidunt, iaculis nulla vel, sodales metus. Morbi interdum accumsan augue, in accumsan neque lacinia sed. Fusce cursus eu ligula ut gravida.</p>-->
				<!--		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat.</p>-->
				<!--		<p>Duis aute irure dolor in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sed id est tincidunt, iaculis nulla vel, sodales metus. Morbi interdum accumsan augue, in accumsan neque lacinia sed. Fusce cursus eu ligula ut gravida.</p>-->
				<!--		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat.</p>-->
				<!--		<p>Duis aute irure dolor in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sed id est tincidunt, iaculis nulla vel, sodales metus. Morbi interdum accumsan augue, in accumsan neque lacinia sed. Fusce cursus eu ligula ut gravida.</p>-->
				<!--		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat.</p>-->
				<!--	</div>-->
				<!--	<div role="tabpanel" class="tab-pane" id="karir2">-->
				<!--		<h4>Karir 2</h4>-->
				<!--		<p>Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>-->
				<!--		<p>In reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.</p>-->
				<!--		<p>Duis aute irure dolor in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sed id est tincidunt, iaculis nulla vel, sodales metus. Morbi interdum accumsan augue, in accumsan neque lacinia sed. Fusce cursus eu ligula ut gravida.</p>-->
				<!--		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat.</p>-->
				<!--		<p>Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>-->
				<!--		<p>In reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.</p>-->
				<!--	</div>-->
				<!--	<div role="tabpanel" class="tab-pane" id="karir3">-->
				<!--		<h4>Karir 3</h4>-->
				<!--		<p>Pellentesque elementum, lacus sit amet posuere, quam quam tristique nisi, nec ornare ligula magna id nisl. Donec blandit enim ac semper facilisis. Curabitur eu laoreet mauris, eget fermentum velit.</p>-->
				<!--		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat.</p>-->
				<!--		<p>Duis aute irure dolor in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sed id est tincidunt, iaculis nulla vel, sodales metus. Morbi interdum accumsan augue, in accumsan neque lacinia sed. Fusce cursus eu ligula ut gravida.</p>-->
				<!--		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat.</p>-->
				<!--		<p>Pellentesque elementum, lacus sit amet posuere, quam quam tristique nisi, nec ornare ligula magna id nisl. Donec blandit enim ac semper facilisis. Curabitur eu laoreet mauris, eget fermentum velit.</p>-->
				<!--		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat.</p>-->
				<!--	</div>-->
				<!--	<div role="tabpanel" class="tab-pane" id="karir4">-->
				<!--		<h4>Karir 4</h4>-->
				<!--		<p>Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>-->
				<!--		<p>In reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.</p>-->
				<!--		<p>Duis aute irure dolor in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sed id est tincidunt, iaculis nulla vel, sodales metus. Morbi interdum accumsan augue, in accumsan neque lacinia sed. Fusce cursus eu ligula ut gravida.</p>-->
				<!--		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat.</p>-->
				<!--		<p>Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>-->
				<!--		<p>In reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.</p>-->
				<!--	</div>-->
				<!--	<div role="tabpanel" class="tab-pane" id="karir5">-->
				<!--		<h4>Karir 5</h4>-->
				<!--		<p>Pellentesque elementum, lacus sit amet posuere, quam quam tristique nisi, nec ornare ligula magna id nisl. Donec blandit enim ac semper facilisis. Curabitur eu laoreet mauris, eget fermentum velit.</p>-->
				<!--		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat.</p>-->
				<!--		<p>Duis aute irure dolor in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sed id est tincidunt, iaculis nulla vel, sodales metus. Morbi interdum accumsan augue, in accumsan neque lacinia sed. Fusce cursus eu ligula ut gravida.</p>-->
				<!--		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat.</p>-->
				<!--		<p>Pellentesque elementum, lacus sit amet posuere, quam quam tristique nisi, nec ornare ligula magna id nisl. Donec blandit enim ac semper facilisis. Curabitur eu laoreet mauris, eget fermentum velit.</p>-->
				<!--		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat.</p>-->
				<!--	</div>-->

				<!--</div>-->
			</div>
		</div>
	</div>
</section>

<!-- contact section -->
<section id="contact">
	<div class="container">
		<div class="row">
			<div class="col-md-12 col-sm-12 text-center">
				<div class="section-title">
					<h1 class="heading bold">CONTACT US</h1>
					<hr>
				</div>
			</div>
			<div class="col-md-6 col-sm-12 contact-info">
				<div class="row">
					<div class="col-md-12 col-sm-12">
						<form action="#" method="post" class="wow fadeInUp" data-wow-delay="0.6s">
                        	<div class="col-md-12 col-sm-12">
                        		<input type="text" class="form-control contactName" placeholder="Name" name="name">
                        		<p class="alertNotif alertContactName">Please fill out this field.</p>
                        	</div>
                        	<div class="col-md-12 col-sm-12">
                        		<input type="email" class="form-control contactMail" placeholder="Email" name="email">
                        		<p class="alertNotif alertContactMail">Please fill out this field.</p>
                        	</div>
                        	<div class="col-md-12 col-sm-12">
                        		<input type="phone" class="form-control contactPhone" placeholder="Phone" name="phone">
                        		<p class="alertNotif alertContactPhone">Please fill out this field.</p>
                        	</div>
                        	<div class="col-md-12 col-sm-12">
                        		<input type="text" class="form-control contactSubject" placeholder="Subject" name="subject">
                        		<p class="alertNotif alertContactSubj">Please fill out this field.</p>
                        	</div>
                        	<div class="col-md-12 col-sm-12">
                        		<textarea class="form-control contactMess" placeholder="Message" rows="7" name="message"></textarea>
                        		<p class="alertNotif alertContactMess">Please fill out this field.</p>
                        	</div>
                        	<div class="col-md-4 col-sm-4">
                        		<input type="button" class="form-control sendmailmessage" value="SEND MESSAGE">
                        	</div>
                        </form>		
					</div>
				</div>					
			</div>
			<div class="col-md-6 col-sm-12">
				<div class="row row-contact">					
					<div class="col-md-12 col-sm-12">
						<div class="col-md-12 col-sm-12 contact-cont">
							<h3><i class="fa fa-home medium-icon wow bounceIn" data-wow-delay="0.6s"></i></h3>
							<p>Le-Green Office (Grha Jets) Jl. Penjernihan II No. 10 Kel. Bendungan Hilir Kec. Tanah Abang DKI Jakarta Pusat 10210</p>
						</div>
						<div class="col-md-6 col-sm-4 contact-cont">
							<h3><i class="fa fa-phone medium-icon wow bounceIn" data-wow-delay="0.6s"></i> </h3>
							<p>Telp 021 57905290
							<br>Fax 021 57905280</p>
						</div>	
						<div class="col-md-6 col-sm-4 contact-cont">
							<h4><i class="fa fa-envelope medium-icon wow bounceIn" data-wow-delay="0.6s"></i></h4>
							<p>admin@cnaindo.com</p>
						</div>				
					</div>

					<!-- Map -->
					<div class="col-md-12 col-sm-12">
						<div class="map-frame">
							<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d589.6151958599004!2d106.80986041323631!3d-6.205222484972297!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f6a5ae29d9c9%3A0x53b658e1734bf10!2sLeGreen+Office+Penjernihan+(Graha+Jets)!5e0!3m2!1sen!2sid!4v1540136722347" width="100%" height="245" frameborder="0" style="border:0" allowfullscreen></iframe>
						</div>
					</div>			
				</div>
			</div>
		</div>
	</div>
</section>

<!-- footer section -->
<footer>
	<div class="container">
		<div class="row">
			<div class="col-md-12 col-sm-12">
				<p>Copyright © 2018 | Cnaindo Teknologi</p>
			</div>
		</div>
	</div>
</footer>


<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/isotope.js"></script>
<!--<script src="js/imagesloaded.min.js"></script>-->

<script src="js/jquery.backstretch.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/custom.js"></script>

</body>
</html>