HOME

sh-3ll 1.0
Current File : /home/korminas/www/kontak.php
<?php
	include("zz_koneksi.php");

	function get_waktu($a) {
		$dum = explode(" ", $a);
		$dum1 = explode("-", $dum[0]);
		$dum2 = explode(":", $dum[1]);
		if( $dum1[1] == "01" ) { $outp = $dum1[2]." Januari ".$dum1[0]; }
		if( $dum1[1] == "02" ) { $outp = $dum1[2]." Februari ".$dum1[0]; }
		if( $dum1[1] == "03" ) { $outp = $dum1[2]." Maret ".$dum1[0]; }
		if( $dum1[1] == "04" ) { $outp = $dum1[2]." April ".$dum1[0]; }
		if( $dum1[1] == "05" ) { $outp = $dum1[2]." Mei ".$dum1[0]; }
		if( $dum1[1] == "06" ) { $outp = $dum1[2]." Juni ".$dum1[0]; }
		if( $dum1[1] == "07" ) { $outp = $dum1[2]." Juli ".$dum1[0]; }
		if( $dum1[1] == "08" ) { $outp = $dum1[2]." Agustus ".$dum1[0]; }
		if( $dum1[1] == "09" ) { $outp = $dum1[2]." September ".$dum1[0]; }
		if( $dum1[1] == "10" ) { $outp = $dum1[2]." Oktober ".$dum1[0]; }
		if( $dum1[1] == "11" ) { $outp = $dum1[2]." November ".$dum1[0]; }
		if( $dum1[1] == "12" ) { $outp = $dum1[2]." Desember ".$dum1[0]; }
		$outp .= " ".$dum2[0].":".$dum2[1];
		return $outp;
	}
	$nr1 = (rand(1,15));
	$nr2 = (rand(1,15));
	$terkirim = 0;
	if( $_POST["terkirim"]) {
		$terkirim = 1;
	}

?>
<!DOCTYPE HTML>
<html>
<head>
<title>KORMI Nasional</title>
<meta charset="utf-8">
<noscript>
<link rel="stylesheet" href="css/sws_slider.css">	
<link rel="stylesheet" href="css/5grid/core.css">
<link rel="stylesheet" href="css/5grid/core-desktop.css">
<link rel="stylesheet" href="css/5grid/core-1200px.css">
<link rel="stylesheet" href="css/5grid/core-noscript.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/style-desktop.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
</noscript>
<script src="https://kit.fontawesome.com/726a53074c.js" crossorigin="anonymous"></script>	
<script src="css/5grid/jquery.js"></script>
<script src="css/5grid/init.js?use=mobile,desktop,1000px&amp;mobileUI=1&amp;mobileUI.theme=none"></script>
<!--[if IE 9]><link rel="stylesheet" href="css/style-ie9.css"><![endif]-->

<link rel="stylesheet" href="css/kontak_style.css">		
<style>
  .social-icon {
    position: relative;
    padding: 0;
    margin: 0 0 0 0;
    text-align: left;
  }

  .social-icon .line {
    background: #ffffff;
    width: 50px;
    height: 2px;
    margin-right: 10px;
    position: relative;
    bottom: 5px;
  }

  .social-icon li {
    display: inline-block;
    list-style: none;
  }

  .social-icon li a {
    border-radius: 50px;
    color: #ffffff;
    font-size: 15px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    text-align: center;
    position: relative;
    margin: 5px 5px 5px 0;
  }

  .social-icon li a:hover {
    background: #d2b48c;
    color: #ffffff;
  }	
.icon-text {
}
.icon-text h4 {
	font-size: 16px;
	font-weight: 600;
	margin: 10px 0px;
	position: relative;
	padding-bottom: 14px;
}
.icon-text h4:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 2px;
	background-color: #bcbcbc;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	left: calc(50% - 30px);
}
.icon-text p {
	line-height: 25px;
	font-weight: 300;
}
.info-box {
	position:relative;
	padding-bottom:30px;
}
.info-box .icon {
	vertical-align: top;
	padding-top: 3px;
	display:inline-block;
	width: 30px;
}
.info-box .icon i {
	font-size: 20px;
	color: #ab2f52;
}
.info-box .content {
	display:inline-block;
	margin-left:10px;
}
.info-box .content h4 {
	font-size: 20px;
}	
	
#pagination {
  margin: 0;
  padding: 0;
  text-align: center
}
#pagination li {
  display: inline
}
#pagination li a {
  display: inline-block;
  text-decoration: none;
  padding: 5px 10px;
  color: #000
}

/* Active and Hoverable Pagination */
#pagination li a {
  border-radius: 5px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s
    
}
#pagination li a.active {
  background-color: #4caf50;
  color: #fff
}
#pagination li a:hover:not(.active) {
  background-color: #ddd;
} 

/* border-pagination */
.b-pagination-outer {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  display: flex
}
#border-pagination {
  margin: 0 auto;
  padding: 0;
  text-align: center
}
#border-pagination li {
  display: inline;

}
#border-pagination li a {
  display: block;
  text-decoration: none;
  color: #000;
  padding: 5px 10px;
  border: 1px solid #ddd;
  float: left;

}
#border-pagination li a {
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s
}
#border-pagination li a.active {
  background-color: #4caf50;
  color: #fff;
}
#border-pagination li a:hover:not(.active) {
  background: #ddd;
}	

</style>	
</head>
<body>
<div id="header-wrapper">
  <header id="header" class="5grid-layout">
    <div class="row">
      <div class="12u">
        <!-- Logo -->
        <h1><img src="images/kormi.png" width="50" alt=""/>&nbsp;<a href="#" class="mobileUI-site-name">KORMI</a></h1>
        <!-- Nav -->
        <nav class="mobileUI-site-nav"> 
			<a href="index.php">Beranda</a> 
			<a href="agenda.php">Agenda</a> 
			<a href="berita.php">Berita</a> 
			<a href="gallery.php">Gallery</a> 
			<a href="kontak.php" class="active">Kontak Kami</a> 
		</nav>
      </div>
    </div>
  </header>
</div>
<?php
	$hsl = mysqli_query($conn, "select * from tbl_kontak");
	while( $B = mysqli_fetch_array($hsl)) {
		$alamat = $B["alamat"];
		$telp = $B["telp"];
		$email = $B["email"];
		$fb = $B["fb"];
		$insta = $B["insta"];
		$twitter = $B["twitter"];
	}
?>
<div id="wrapper">
  <div id="main-wrapper">
    <div id="footer-wrapper">
        <div class="5grid-layout">
<section class="ftco-section">
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-lg-10 col-md-12">
					<div class="wrapper">
						<div class="row no-gutters">
							<div class="col-md-7 d-flex align-items-stretch">
								<div class="contact-wrap w-100 p-md-5 p-4">
									<h3 class="mb-4">Kontak Kami</h3>
									<div id="form-message-warning" class="mb-4"></div> 
				      		<div id="form-message-success" class="mb-4">
				            Pesan anda sudah terkirim. Terima kasih sudah menghubungi kami.
				      		</div>
									<form method="POST" id="frm_input" name="frm_input" onSubmit="return checkit();" action="kontak_add.php">
										<div class="row">
											<div class="col-md-12">
												<div class="form-group">
													<input type="text" class="form-control" name="name" id="name" placeholder="Nama Lengkap">
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-12"> 
												<div class="form-group">
													<input type="email" class="form-control" name="email" id="email" placeholder="Email">
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-12">
												<div class="form-group">
													<input type="text" class="form-control" name="hp" id="hp" placeholder="No. HP">
												</div>
											</div>
											<div class="col-md-12">
												<div class="form-group">
													<input type="text" class="form-control" name="subyek" id="subyek" placeholder="Subyek">
												</div>
											</div>
											<div class="col-md-12">
												<div class="form-group">
													<textarea name="pesan" class="form-control" id="pesan" cols="30" rows="5" placeholder="Pesan Anda"></textarea>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-3">
												<div class="form-group">
													<input type="text" class="form-control" name="nr1" id="nr1" readonly value="<?php echo $nr1; ?>">
												</div>
											</div>
											<div class="col-md-1" align="center" style="vertical-align: bottom">+
											</div>
											<div class="col-md-3">
												<div class="form-group">
													<input type="text" class="form-control" name="nr2" id="nr2" readonly value="<?php echo $nr2; ?>">
												</div>
											</div>
											<div class="col-md-1" align="center" style="vertical-align: bottom">=
											</div>
											<div class="col-md-3">
												<div class="form-group">
													<input type="text" class="form-control" name="nr3" id="nr3">
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-12">
												<div class="form-group">
													<input name="kirim" id="kirim" type="submit" value="Kirim" class="btn btn-primary">
													<input type="button" value="Kirim" class="btn btn-primary" onClick="checkit();">
													<div class="submitting"></div>
												</div>
											</div>
										</div>
									</form>
								</div>
							</div>
							<div class="col-md-5 d-flex align-items-stretch">
								<div class="info-wrap bg-primary w-100 p-lg-5 p-4">
									<h3 class="mb-4 mt-md-4">Kami bisa ditemui disini</h3>
				        	<div class="dbox w-100 d-flex align-items-start">
				        		<div class="icon d-flex align-items-center justify-content-center">
				        			<span class="fa fa-map-marker"></span>
				        		</div>
				        		<div class="text pl-3">
					            <p><span>Alamat:<br></span><?php echo $alamat; ?></p>
					          </div>
				          </div>
				        	<div class="dbox w-100 d-flex align-items-center">
				        		<div class="icon d-flex align-items-center justify-content-center">
				        			<span class="fa fa-phone"></span>
				        		</div>
				        		<div class="text pl-3">
					            <p><span>Telpon:<br></span> <a href="#"><?php echo $telp; ?></a></p>
					          </div>
				          </div>
				        	<div class="dbox w-100 d-flex align-items-center">
				        		<div class="icon d-flex align-items-center justify-content-center">
				        			<span class="fa fa-paper-plane"></span>
				        		</div>
				        		<div class="text pl-3">
					            <p><span>Email:<br></span> <a href="mailto:<?php echo $email; ?>"><?php echo $email; ?></a></p>
					          </div>
				          </div>
				        	<div class="dbox w-100 d-flex align-items-center">
				        		<div class="icon d-flex align-items-center justify-content-center">
				        			<span class="fa fa-globe"></span>
				        		</div>
				        		<div class="text pl-3">
					            <p><span>Situs:<br></span> <a href="#">korminas.id</a></p>
					          </div>
				          </div>
			          </div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>	
			
          <br><br>			
			
        </div>
    </div>
    <div class="divider2"></div>
    <div id="marketing-wrapper">
      <div class="5grid-layout">
        <div class="row">
          <div class="4u">
            <section>
              <h2>KORMI</h2>
              <ul class="list-style1">
<?php
	$hsl = mysqli_query($conn, "select * from tbl_tentang");
	while( $B = mysqli_fetch_array($hsl)) {
		echo $B[1];
	}
?>				
              </ul>
            </section>
          </div>
          <div class="4u">
            <section>
              <h2>Tautan Terkait</h2>
              <ul class="list-style1">
<?php
	$hsl = mysqli_query($conn, "select * from tbl_tautan where tampil=1");
	while( $B = mysqli_fetch_array($hsl)) {
?>		
                <li><a href="<?php echo $B[1]; ?>" target="_blank"><?php echo $B[2]; ?></a></li>
<?php
	}
?>
              </ul>
            </section>
          </div>
          <div class="4u">
            <section>
              <h2>Kontak Kami</h2>
              <ul class="list-style1">
				<div class="info-box">
					<div class="icon"><i class="fa-solid fa-location-dot" style="font-size:20px;color:#2196F3"></i></div>
					<div class="content">
						<h4><p style="color: aliceblue">Alamat :</p></h4>
						<p><?php echo $alamat; ?></p>
					</div>
				</div>
				<div class="info-box">
					<div class="icon"> <i class="fa-solid fa-phone-square" style="font-size:20px;color:#2196F3"></i> </div>
					<div class="content">
						<h4><p style="color: aliceblue">Telpon :</p></h4>
						<p><?php echo $telp; ?></p>
					</div>
				</div>
				<div class="info-box">
					<div class="icon"> <i class="fa-solid fa-envelope" style="font-size:20px;color:#2196F3"></i> </div>
					<div class="content">
						<h4><p style="color: aliceblue">E-mail :</p></h4>
						<p><?php echo $email; ?></p>
					</div>
				</div>
              </ul>
            </section>
			<ul class="social-icon">
               <li><a href="https://www.facebook.com/korminasional/" class="fa fa-facebook" style="font-size:20px;color:#2196F3"></a></li>
               <li><a href="https://twitter.com/korminasional" class="fa fa-twitter" style="font-size:20px;color:#2196F3"></a></li>
               <li><a href="https://www.instagram.com/korminasional/?hl=en" class="fa fa-instagram" style="font-size:20px;color:#2196F3"></a></li>
             </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="divider3"></div>
  </div>
</div>
<div id="copyright">
  <p>&copy; Copyright 2022 | KORMI Nasional. </p>
</div>
<script>
	function checkit() {
		var rgularExp = {
			contains_alphaNumeric : /^[a-zA-Z0-9]+$/,
			containsNumber : /\d+/,
			containsAlphabet : /[a-zA-Z]/,
	
			onlyLetters : /^[A-Za-z]+$/,
			onlyNumbers : /^[0-9]+$/,
			onlyMixOfAlphaNumeric : /^([0-9]+[a-zA-Z]+|[a-zA-Z]+[0-9]+)[0-9a-zA-Z]*$/,
			
			dateFormat: /^([0-9]{2})\/([0-9]{2})\/([0-9]{4})$/,
			phoneNumbers: /^0[1-9][0-9]*$/,
			emailPattern: /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/
		}
		
		if( document.frm_input.name.value.trim() == "" ) {
			alert("Isikan nama lengkap dahulu");
			return false;
		}
		if( document.frm_input.hp.value.trim() == "" ) {
			alert("Isikan nomor HP dahulu");
			return false;;
		}
		if( document.frm_input.hp.value.trim().length < 8 ) {
			alert("Nomor HP tidak valid");
			return false;;
		}
		if( rgularExp.phoneNumbers.test(document.frm_input.hp.value) == false ) {
			alert("Nomor HP tidak valid");
			return false;;
		}
		if( document.frm_input.email.value.trim() == "" ) {
			alert("Isikan alamat email dahulu");
			return false;;
		}
		if( rgularExp.emailPattern.test(document.frm_input.email.value.trim()) == false ) {
			alert("Alamat email tidak valid");
			return false;;
		}
		if( document.frm_input.subyek.value.trim() == "" ) {
			alert("Isikan judul subyek dahulu");
			return false;;
		}
		if( document.frm_input.pesan.value.trim() == "" ) {
			alert("Isikan pesan anda dahulu");
			return false;;
		}
		var nr1 = document.frm_input.nr1.value;
		var nr2 = document.frm_input.nr2.value;
		var nr3 = document.frm_input.nr3.value.trim();
		nr1 = parseInt(nr1);
		nr2 = parseInt(nr2);
		nr3 = parseInt(nr3);
		if( (nr1 + nr2) != nr3 ) {
			alert("Penjumlahan tidak sesuai");
			return false;;
		}
	}
<?php
	if( $terkirim == 1 ) {
?>
		document.getElementById('form-message-success').style.display = 'block';
<?
	}
?>	
</script>
</body>
</html>