https://topsurfer.com/members/login.php

1<script src="js/jquery-1.4.2.min.js"></script>

1
2<!DOCTYPE html>
3<html>
4<style>
5#error_message
6{
7    color: red;
8}
9.forgot 
10{
11    cursor: pointer;
12}
13#success_message
14{
15    color: green;
16}
17.response
18{	
19    font-weight: bold;
20    text-align: center;
21    padding: 20px 20px 0px;
22    float: left;
23    width: 100%;
24}
25</style>
26<head>
27  <meta charset="utf-8">
28  <meta http-equiv="X-UA-Compatible" content="IE=edge">
29  <title>TopSurfer.com | Log in</title>
30  <!-- Tell the browser to be responsive to screen width -->
31  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
32  <!-- Bootstrap 3.3.6 -->
33  <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
34  <!-- Font Awesome -->
35  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
36  <!-- Ionicons -->
37  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
38  <!-- Theme style -->
39  <link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
40  <!-- iCheck -->
41  <link rel="stylesheet" href="../plugins/iCheck/square/blue.css">
42
43  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
44  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
45  <!--[if lt IE 9]>
46  

46<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>

46
47  

47<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

47
48  <![endif]-->

49<script>
50
51function validate_form()
52{
53	var email = document.getElementById("email").value;
54	var password = document.getElementById("password").value;
55	if(email == '')
56	{
57		document.getElementById("error_message").innerHTML = "Please Enter Your Email";
58		document.getElementById("success_message").style.display = "none";
59		document.getElementById("error_message").style.display = "block";
60		return false;
61	}
62	else if(password == '')
63	{
64		document.getElementById("error_message").innerHTML = "Please Enter Your Password";
65		document.getElementById("success_message").style.display = "none";
66		document.getElementById("error_message").style.display = "block";
67		return false;
68	}
69	else
70	{
71		return true;
72	}
73}
74function forgot_password()
75{		
76	var email = document.getElementById("email").value;
77	var password = document.getElementById("password").value;
78	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
79	var atpos = email.indexOf("@");
80    var dotpos = email.lastIndexOf(".");
81
82
83
84	if(email == '')
85	{
86		document.getElementById("error_message").innerHTML = "Please Enter Your Email";
87		document.getElementById("success_message").style.display = "none";
88		document.getElementById("error_message").style.display = "block";
89		return false;
90	}
91	else if (atpos<1 || dotpos<atpos+2 || dotpos+2>=email.length) 
92	{
93        document.getElementById("error_message").innerHTML = "Please Enter Valid Email";
94		document.getElementById("success_message").style.display = "none";
95		document.getElementById("error_message").style.display = "block";
96        return false;
97    }
98	else
99	{
100		document.getElementById("success_message").innerHTML = "If "+ email +" is found in our database we will send a link to it to reset the password.  Please be patient it may take up to 10 minutes for it to arrive";
101		document.getElementById("error_message").style.display = "none";
102		document.getElementById("success_message").style.display = "block";
103		jQuery.ajax
104		({
105		  type: "POST",
106		  url: "forgot.php",
107		  data: "email=" + email,
108		}).done(function( respond )
109		{
110		});
111	}
112}
113</script>

113
114</head>
115<body class="hold-transition login-page">
116<div class="login-box">
117  <div class="login-logo">
118    <!--<a href="../../index2.html"><b>Admin</b>LTE</a>-->
119	<a href="https://topsurfer.com"><img src='images/topsurferlogo.png' /></a>
120  </div>
121  <div class='response'>
122	  <p id="error_message"></p>
123	  <p id="success_message"></p>
124  </div>
125  <!-- /.login-logo -->
126	
127  <div class="login-box-body">
128    <p class="login-box-msg">Sign in to start your session</p>
129
130    <!--<form action="" method="post" onsubmit="retrun validate_form()">-->
131	<form method='post' name='' onsubmit='return validate_form();'>
132      <div class="form-group has-feedback">
133        <input type="email" id="email" name="email" class="form-control" placeholder="Email">
134        <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
135      </div>
136      <div class="form-group has-feedback">
137        <input type="password" id="password" name="password" class="form-control" placeholder="Password">
138        <span class="glyphicon glyphicon-lock form-control-feedback"></span>
139      </div>
140      <div class="row">
141        <!-- /.col -->
142        <div class="col-xs-4">
143          <button type="submit" name='login' class="btn btn-primary btn-block btn-flat">Sign In</button>
144        </div>
145        <!-- /.col -->
146      </div>
147    </form>
148
149
150
151    <a class='forgot' onclick="forgot_password();">I forgot my password</a><br>
152    <a href="signup.php" class="text-center">Register a new membership</a>
153
154  </div>
155  <!-- /.login-box-body -->
156</div><BR><BR>
157      <center><head>

157<script SRC="https://hur-ta-hur.com/rotate/soa.js"></script>

157</head>
158<center>

159<script language="JavaScript" type="text/javascript">
160soa(); 
161</script>

161</center><BR><BR><BR></center>
162<!-- /.login-box -->
163
164<!-- jQuery 2.2.3 -->

165<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>

165
166<!-- Bootstrap 3.3.6 -->

167<script src="../bootstrap/js/bootstrap.min.js"></script>

167
168<!-- iCheck -->

169<script src="../plugins/iCheck/icheck.min.js"></script>

169

170<script>
171  $(function () {
172    $('input').iCheck({
173      checkboxClass: 'icheckbox_square-blue',
174      radioClass: 'iradio_square-blue',
175      increaseArea: '20%' // optional
176    });
177  });
178</script>

178
179</body>
180</html>