index.html

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <style>
         body {background-color:buttonface} 
         h2 {color: purple}
        </style>
        <title>Login Page</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">


        <!-- CSS -->
        <link rel="stylesheet" href="resources/css/bootstrap.css"/>
        <link rel="stylesheet" href="resources/css/w2ui-1.4.2.css"/>
        <link rel="stylesheet" href="resources/css/font-awesome.css"/>


        <!-- JS -->
        <script src="resources/js/jquery-2.1.4.min.js"></script>
        <script src="resources/js/bootstrap.js"></script>
        <script src="resources/js/w2ui-1.4.2.js"></script>


    </head>
    <body>
    <center>
        <figure>
        <img width="800" height="192"
             src="http://www.sasad.org.tr/images/YALTES2.jpg"
             alt="YALTES" />
    </figure>
    </center>
<!--        <form>
            <center> <h2>YALTES KÜTÜPHANESİNE GİRİŞ</h2>
            <input type="text" placeholder="Admin"/> <br/>
            <input type="password" placeholder="password" /> <br/>
            
            <input type="button" value="login"/>            
            <a href="AdminPanel.html">Admin Panel</a></center>
        </form>-->
   <center> <a href="AdminPanel.html">Admin Panel</a></center>

    <div id="myForm" style="padding-right: 50px;padding-top:30px;padding-left:50px;position: absolute; top: 150px; left: 650px; bottom: 100px; right: 15px; margin: 6em; height: 200px;width: 500px"></div>


    <script>
        $(function () {
            $('#myForm').w2form({
                name   : 'myForm',
                fields : [
                    { name: 'Admin', type: 'text', required: true },
                    { name: 'Password',  type: 'password', required: true },
                ],
                actions: {
                    login: function () {
                        this.clear()
                    },

                }
            });
        });
    </script>


    </body>
</html>