clocklinn/index.html at master · codemogroup/clocklinn · GitHub

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
<html>
<head>

  <title>ClockInn Colombo sign in</title>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>

  <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
  <link type="text/css" rel="stylesheet" href="css/style.css">

</head>

<body class="">


 <div class="widget-item z-depth-1 ">

  <div class="top-border z-depth-1">

    <img src="" style="" >
    <p style="text-align:left; color:white; font-size: 40px; ; vertical-align: auto;padding-left: 10px; margin:0;">ClockInn Colombo</p>

    <p style="text-align:left; color:white; font-size: 28px;  vertical-align: auto; padding-left: 10px; margin:0;">Sign In</p>

  </div>
  <div>
    <div class="row">
        <form class="col s12" action="logIn/loginConfirm.php" method="post">

        <div class="row container">
          <br>
          <br>
          <!-- Username -->
          <div class="input-field col s7">
            <i class="mdi-action-account-circle prefix"></i>
            <input id="username" type="text" class="validate" name="username">
            <label for="username">Username</label>
          </div>
            <!--Password-->
          <div class="input-field col s7">
            <i class="mdi-action-https prefix"></i>
            <input id="password" type="password" class="validate" name="password">
            <label for="password">Password</label>

            <button class="btn waves-effect waves-light right" type="submit">Login<i class="mdi-action-lock-open"></i></button>

          </div>
        </div>
      </form>

    </div>
  </div>
</div>

<footer>
  <div class="footer-copyright">
    <div class="container">


      <a class="grey-text text-lighten-4 right" href=""></a>
    </div>
  </div>
</footer>

<!-- jQuery is required by Materialize to function -->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>

<script type="text/javascript">
      //custom JS code

    </script>

  </body>
  </html>