<?php
 $tgl_time = date("Y-m-d h:i:sa");
 $sumber = ''
?>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
    <meta name="description"
        content="Sekolah Tinggi Teknologi Informasi NIIT atau dikenal STTI NIIT I-Tech salah satu Perguruan Tinggi Swasta dan rekomendasi kampus komputer unggul dan favorit di jakarta selatan. menciptakan lulusan komputer dan programmer yang handal, dengan kuliah murah cukup Rp 800.000/Bulan dengan jurusan S1 Sistem Informasi dan S1 Teknik Informatika terakreditasi B atau baik sekali." />
    <meta name="keywords"
        content="stti niit, s1 teknik informatika, s1 sistem informasi,Kelas karyawan, Kuliah karyawan, i-tech, kampus teknologi jakarta, kampus teknik informatika, kampus kelas karyawan jakarta, kelas karyawan jakarta, kelas fleksibel jakarta, kampus murah di jakarta selatan, kampus komputer dan hacker, kampus programmer di jakarta, kelas karyawan fleksibel, kuliah online, kuliah jarak jauh, belajar komputer di kampus niit itech" />
    <meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Required meta tags -->
    <title>STTI NIIT I-Tech (Kelas Karyawan)</title>
    <meta property="og:title" content="Sekolah Tinggi Teknologi Informasi NIIT (Kelas Karyawan)">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://stti-niit.info/">
    <meta property="og:image" content="https://stti-niit.info/images/banner-slider/webbanner-ITECH.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:description"
        content="Sekolah Tinggi Teknologi Informasi NIIT atau dikenal STTI NIIT I-Tech salah satu Perguruan Tinggi Swasta dan rekomendasi kampus komputer unggul dan favorit di jakarta. menciptakan lulukan komputer dan programmer yang handal, dengan kuliah murah cukup Rp 800.000/Bulan dengan jurusan S1 Sistem Informasi dan S1 Teknik Informatika terakreditasi B atau baik sekali.">
    <!--meta twitter-->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:creator" content="@_kuliahkaryawan">
    <meta name="twitter:site" content="@_kuliahkaryawan">
    <meta name="twitter:title" content="Sekolah Tinggi Teknologi Informasi NIIT (Kelas Karyawan)">
    <meta name="twitter:description"
        content="Sekolah Tinggi Teknologi Informasi NIIT atau dikenal STTI NIIT I-Tech salah satu Perguruan Tinggi Swasta dan rekomendasi kampus komputer unggul dan favorit di jakarta. menciptakan lulukan komputer dan programmer yang handal, dengan kuliah murah cukup Rp 800.000/Bulan dengan jurusan S1 Sistem Informasi dan S1 Teknik Informatika terakreditasi B atau baik sekali.">
    <meta name="twitter:domain" content="https://stti-niit.info">
    <meta name="twitter:image:src" content="https://stti-niit.info/images/banner-slider/webbanner-ITECH.png">

    <meta name="author" content="Kuliah Karyawan Team" />
    <meta http-equiv="cache-control" content="public" />
    <meta name="application-name" content="STTI NIIT I-Tech| Kuliah Karyawan K2" />
    <meta name="msapplication-TileColor" content="#1f3e61" />
    <meta name="msapplication-TileImage" content="https://stti-niit.info/assets/favicons/mstile-144x144.png" />
    <meta name="msapplication-square70x70logo" content="https://stti-niit.info/assets/favicons/mstile-70x70.png" />
    <meta name="msapplication-square150x150logo" content="https://stti-niit.info/assets/favicons/mstile-150x150.png" />
    <meta name="msapplication-wide310x150logo" content="https://stti-niit.info/assets/favicons/mstile-310x150.png" />
    <meta name="msapplication-square310x310logo" content="https://stti-niit.info/assets/favicons/mstile-310x310.png" />
    <meta name="theme-color" content="#1f3e61" />
	<link rel="stylesheet" type="text/css" href="main.css">
<!--Favicon-->
		<link
			rel="shortcut icon"
			href="https://stti-niit.info/images/stisip.avif"
			type="image/x-icon"
		/>
		
		<link
			rel="icon"
			href="https://stti-niit.info/images/stisip.avif"
			type="image/x-icon"
		/>
	
	<!-- fontawesome.cdn for ICONS-->
	<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

	<!--animatecss.cdn for ANIMATION-->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css" />
	<style>
	    *{
	box-sizing: border-box;
}

body{
	background:#079f42;
	color: #485e74;
	line-height: 1.6;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	padding: 1em;
}

.container{
	max-width:1170px;
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
}

ul{
	list-style: none;
	padding: 0;
}

.brand{
	text-align: center;
}
.brand span{
	color: #fff;
}

.wrapper{
	box-shadow: 0 0 20px 0 rgba(72,94,116,0.7);
} 

.wrapper >*{
	padding: 1em;
}

.company-info{
	background: #c9e6ff;
	text-align: center;
}

.company-info h3, .company-info ul{
	text-align: center;
	margin: 0 0 1rem 0;
}

.contact{
	background: #f9feff;
}

/* FORM CONTACTS
 MOBILE SIZE FIRST */

.contact form{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}

.contact form label{
	display: block;
}

.contact form p{
	margin:0; 
}

.contact form .full{
	grid-column: 1/3;
}

.contact form button, .contact form input, .contact form textarea{
	width: 100%;
	padding: 1em;
	border: 1px solid #c9e6ff;
}

.contact form button{
	background: #c9e6ff;
	border: 0;
	text-transform: uppercase;
}

.contact form button:hover, .contact form button:focus{
	background: #92bde7;
	color: #fff;
	outline:0;
	transition: background-color 0.5 s ease-out;
}

/* LARGE SCREENS */
@media(min-width:700px){
	.wrapper{
		display: grid;
		grid-template-columns: 1fr 2fr;
	}

	.wrapper>*{
		padding:2em;
	}

	.company-info h3, .company-info ul, .brand{
		text-align: left;
	}
}
	</style>

	<script src='https://www.google.com/recaptcha/api.js'></script>
</head>
<body>
	<div class='container'>
		<h1 class='brand'><span>Kontak</span> Kami</h1>

		<!--animated bounceInLeft class for selection what will be animated-->
		<div class='wrapper animated bounceInLeft'>
			<div class='company-info'>
				<h3>Universitas Panca Sakti</h3>
				<ul>

					<li><i class="fa fa-road"></i>  Jl. Asem Dua No.22, RT.3/RW.4, Cipete Sel., Kec. Cilandak, Kota Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12410</li>
					<!--<li><i class="fa fa-road"></i> Kampus B: Tegal Danas Kaum, Cikarang Pusat, Bekasi, Jawa Barat 17530</li>-->
					<!--<li><i class="fa fa-road"></i> Kampus C: Jl. Kapten Sumantri No.16, Cikarang Utara, Bekasi, Jawa Barat 17530</li>-->
					<li><i class="fa fa-phone"></i> +62-817-6374-994</li>
					<li><i class="fa fa-globe"></i> stti-niit.info</li>
				</ul>
		</div>
		<div class='contact'>
			<h3>Kontak Pesan</h3>
			  <form action="proses-kontak.php" method="POST">
		
				<p>
					<label>Nama</label>
					<input type="text" name="nama"> 
				</p>

				<p>
					<label>Alamat Email</label>
					<input type="email" name="email"> 
				</p>

				<p>
					<label>Nomor Whatsapp/HP</label>
					<input type="number" name="no_hp"> 
				</p>
				<p class='full'>
					<label>Pesan</label>
					<textarea name="message" rows="5"></textarea> 
				</p>
				
					<p align="center" class="full g-recaptcha" data-sitekey="6LdCkmgeAAAAAHjTSuJy1QqCD6onhldKisK2zTKO" >
					<!--<div class="g-recaptcha" data-sitekey="6LdCkmgeAAAAAHjTSuJy1QqCD6onhldKisK2zTKO"></div>-->
				</p>
				<input
						type="hidden"
						name="tgl_pesan"
						value="<?= $tgl_time?>"
					
					
					/>

				<p class='full'>
				<button type="submit"  value="Daftar" name="daftar" class="submit-button" />Kirim Pesan</button>
				</p>
			</form>
		</div>
	</div>
	</div>
</body>
</html>