|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta charset="UTF-8">
|
|
<title>JS_CEE</title>
|
|
|
|
<!-- Linking styles -->
|
|
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
|
|
<link rel="stylesheet" href="css/menu.css" type="text/css" media="screen">
|
|
<link rel="stylesheet" href="css/meteor-slides.css" type="text/css" media="screen">
|
|
<style type="text/css">
|
|
#apDiv1 {
|
|
position: absolute;
|
|
left: 257px;
|
|
top: 205px;
|
|
width: 861px;
|
|
height: 847px;
|
|
z-index: 1001;
|
|
}
|
|
#i8 {
|
|
position: absolute;
|
|
left: 527px;
|
|
top: 189px;
|
|
}
|
|
#i9 {
|
|
position: absolute;
|
|
left: 692px;
|
|
top: 10px;
|
|
}
|
|
#i10 {
|
|
position: absolute;
|
|
left: 693px;
|
|
top: 187px;
|
|
}
|
|
#i11 {
|
|
position: absolute;
|
|
left: 247px;
|
|
top: 370px;
|
|
}
|
|
#i12 {
|
|
position: absolute;
|
|
left: 467px;
|
|
top: 368px;
|
|
}
|
|
#i7 {
|
|
position: absolute;
|
|
left: 525px;
|
|
top: 12px;
|
|
}
|
|
#i6 {
|
|
position: absolute;
|
|
left: 357px;
|
|
top: 189px;
|
|
}
|
|
#i5 {
|
|
position: absolute;
|
|
width: 108px;
|
|
height: 164px;
|
|
left: 357px;
|
|
top: 13px;
|
|
}
|
|
#i4 {
|
|
position: absolute;
|
|
left: 186px;
|
|
top: 191px;
|
|
}
|
|
#i3 {
|
|
position: absolute;
|
|
left: 185px;
|
|
top: 13px;
|
|
}
|
|
.pesan {
|
|
position: absolute;
|
|
height: 77px;
|
|
width: 56px;
|
|
}
|
|
.tekspesan {
|
|
position: absolute;
|
|
height: 20px;
|
|
width: 42px;
|
|
left: 116px;
|
|
top: 78px;
|
|
}
|
|
#i1 {
|
|
position: absolute;
|
|
left: 14px;
|
|
top: 12px;
|
|
}
|
|
#i2 {
|
|
position: absolute;
|
|
height: 165px;
|
|
width: 107px;
|
|
left: 13px;
|
|
top: 191px;
|
|
}
|
|
</style>
|
|
<!--[if IE 7]>
|
|
<style>-
|
|
.promo_area {padding:0;}
|
|
.promo_area .meteor-nav .prev a {top:236px;}
|
|
.promo_area .meteor-nav .next a {top:236px;}
|
|
</style>
|
|
<![endif]-->
|
|
|
|
<!-- Linking scripts -->
|
|
<script src="js/jquery.js" type="text/javascript"></script>
|
|
<script src="js/jquery.cycle.all.js" type="text/javascript"></script>
|
|
<script src="js/script.js" type="text/javascript"></script>
|
|
<script src="js/slideshow.js" type="text/javascript"></script>
|
|
</head>
|
|
<title>Testimoni</title>
|
|
<style type="text/css">
|
|
#box1 {
|
|
height: 1700px;
|
|
width: 970px;
|
|
position: absolute;
|
|
text-align: left;
|
|
left: 306px;
|
|
top: 13px;
|
|
}
|
|
#box1 h3 {
|
|
font-family: "Century Gothic";
|
|
font-size: 24px;
|
|
background-position: left;
|
|
}
|
|
#box_komentar {
|
|
font-family: "Century Gothic";
|
|
background-color: #999;
|
|
height: 250px;
|
|
width: 965px;
|
|
position: absolute;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="top"></div>
|
|
<div class="mid"></div>
|
|
<!-- Defining the header section of the page -->
|
|
|
|
|
|
<header>
|
|
<div class="marg">
|
|
<div class="header">
|
|
|
|
<div class="logo">
|
|
<a href="#" title="Dark Theme #3">Dark Theme #3</a>
|
|
</div>
|
|
<div class="nav">
|
|
<!-- Defining the navigation menu -->
|
|
<ul>
|
|
<li class="current"><a href="file:///E:/ELSA%20REGIANA/KULIAH/Smt3/PEMROGAMAN%20GAME/tugas%20WEB/dark/index.html/"><span class="l"></span><span class="m">Home</span><span class="r"></span></a></li>
|
|
<li><a href="file:///C:/Users/user/Downloads/dark/index.html"><span class="l"></span><span class="m">Product</span><span class="r"></span></a></li>
|
|
<li><li><a href="http://www.script-tutorials.com/"><span class="l"></span><span class="m">Customer Service</span><span class="r"></span></a>
|
|
<ul class="sub-menu">
|
|
<li><a href="http://www.script-tutorials.com/category/html-css/">Testimoni</a></li>
|
|
<li><a href="http://www.script-tutorials.com/category/jquery/">Pemesanan</a></li>
|
|
</ul>
|
|
</li></li>
|
|
<li><a href="http://www.script-tutorials.com/tag/html5/"><span class="l"></span><span class="m">Contact Us</span><span class="r"></span></a>
|
|
<ul class="sub-menu">
|
|
<li><a href="https://twitter.com/Kalong_Jersey">Twitter</a></li>
|
|
<li><a href="https://www.facebook.com/eLzREGiant.Einstein">Facebook</a></li>
|
|
<li><a href="http://www.script-tutorials.com/tag/captcha/">Google+</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Defining the main content section of the page -->
|
|
<div class="content">
|
|
|
|
<!-- Defining the promo(slider) section of the page -->
|
|
|
|
<!-- Rest content of main area -->
|
|
<div class="marg main"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<footer><!-- Defining the footer section of the page -->
|
|
<div class="footer">
|
|
|
|
</div>
|
|
|
|
<div id="box1">
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<img src="george2.png" width="900" height="370" center />
|
|
<br />
|
|
<br/>
|
|
<br/>
|
|
<img src="jonatahan.png" />
|
|
<br/>
|
|
<br/>
|
|
<img src="testimoni ath.png" />
|
|
<br/>
|
|
<br/>
|
|
<img src="candra.png" />
|
|
<br/>
|
|
<br/>
|
|
<img src="nathan.png" />
|
|
<br/>
|
|
<br/>
|
|
<img src="will.png" />
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<div id="box_komentar">
|
|
<H3>-----------------------------------------------------------------------------------------------</H3>
|
|
<H3> Tambahkan Komentar</H3>
|
|
|
|
<table border="0"></form>
|
|
<?php
|
|
require_once('configpesan.php');
|
|
?>
|
|
<form method="POST" action="simpan_komen.php">
|
|
|
|
<table>
|
|
|
|
|
|
|
|
<td>username</td>
|
|
<td><label>
|
|
<input name="username" type="text" id="username"/>
|
|
</label></td>
|
|
</tr>
|
|
<tr>
|
|
<tr><td>Komentar</td>
|
|
<td><textarea name="komentar" id="komentar" cols="40" rows="5"></textarea></td></tr>
|
|
<tr>
|
|
<td></td>
|
|
|
|
<td></td>
|
|
<td><label>
|
|
<input type="submit" value="Simpan" name="submit" id="addCallEventsubmit" onclick="alert('komentar anda telah masuk!')"/>
|
|
|
|
|
|
<input name="batal" type="reset" id="batal" value="Reset" />
|
|
|
|
</label></td>
|
|
</tr>
|
|
|
|
|
|
</table>
|
|
</form>
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|