-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
118 lines (103 loc) · 3.6 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<?php
session_start();
if( isset($_SESSION['akses']) )
{
header('location:'.$_SESSION['akses']);
exit();
}
$error = '';
if( isset($_SESSION['error']) ) {
$error = $_SESSION['error'];
unset($_SESSION['error']);
} ?>
<?php echo $error;?>
<!DOCTYPE html>
<html>
<head>
<title>Masuk</title>
<link rel="shortcut icon" href="images/icon.ico">
<!--Import Google Icon Font-->
<link href="fonts/material.css" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style type="text/css">
/* label color */
.e-input-field label {
color: #000;
}
/* label focus color */
.e-input-field input[type=text]:focus + label,.e-input-field input[type=password]:focus + label {
color: #d32f2f !important;
}
/* label underline focus color */
.e-input-field input[type=text]:focus,.e-input-field input[type=password]:focus {
border-bottom: 1px solid #d32f2f !important;
box-shadow: 0 1px 0 0 #d32f2f !important;
}
/* valid color */
.e-input-field input[type=text].valid,.e-input-field input[type=password].valid {
border-bottom: 1px solid #d32f2f !important;
box-shadow: 0 1px 0 0 #d32f2f !important;
}
/* invalid color */
.e-input-field input[type=text].invalid,.e-input-field input[type=password].invalid {
border-bottom: 1px solid #d32f2f !important;
box-shadow: 0 1px 0 0 #d32f2f !important;
}
/* icon prefix focus color */
.e-input-field .prefix.active {
color: #d32f2f !important;
}
body {
background: url(images/bg.jpg) no-repeat fixed;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
</style>
</head>
<body>
<div class="row" style="margin-top:10%;">
<div class="container">
<!--Form Login-->
<form method="POST" action="check-login.php">
<div class="col s12 m12 l6 offset-l3 card-panel z-depth white">
<div class="card-title center">
<h4>Masuk</h4>
</div>
<!--input text nama pengguna-->
<div class="col s12 m12 l12 input-field e-input-field">
<i class="material-icons prefix">account_circle</i>
<input type="text" name="username" id="icon_prefix" class="validate">
<label for="icon_prefix">Nama Pengguna</label>
</div>
<!--input text password-->
<div class="col s12 m12 l12 input-field e-input-field">
<i class="material-icons prefix">lock</i>
<input type="password" name="password" id="icon_prefix" class="validate">
<label for="icon_prefix">Kata Sandi</label>
</div>
<!--Button-->
<div class="row">
<div class="col s12 m12 l12 center">
<input name="login" type="submit" value="Masuk" class="modal-action modal-close waves-effect waves-light btn red darken-2">
</div>
</div>
</div>
</form>
</div>
</div>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script>
$( document ).ready(function(){
Materialize.updateTextFields();
$('.modal').modal();
})
</script>
</body>
</html>