oznt
/
pwman3


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
							<!DOCTYPE html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Pwman3 Web</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <link rel="stylesheet" href="/static/css/milligram.css">
	<link rel="stylesheet" href="/static/css/style.css">
    </head>


<main class="wrapper">
  <nav class="navigation" >
  <section class="container container-nav">
    <a class="navigation-title" href="https://pwman3.github.io/">
    <img class="img" src="https://openclipart.org/download/190821/Cles-de-serrure-lock-keys.svg" height="30" alt="pwman3" title="pwman3">
    <h1 class="title">Pwman3</h1>
    </a>
    <span class="float-right" style="display: inline-block; float: right; padding-top: 0.5rem;">
    <div style="padding-right: 0rem; padding-left: 60px; float: right">
    <form id="show" class="">
      <input id="" class="" type="password" name="auth-pwd" placeholder="Password" style="width:65%" >
      <input id="" class=""  value="Submit" type="submit" style="width:33%; display: inline-block">
    </form>
    <div>
    </span>
  </section>
  </nav>
  
  <section class="container password-box" style="margin-top: 7rem; ">
  <div class="">  
  kkkkkkkkkkkkkkkkkkkk
  </div>  
</section>
  <section class="container password-box">
  kkkkkkkkkkkk
  </section>
  <section class="container password-box">
  kkkkkkkkkkkkkkk
  </section>
  <section class="container password-box">
  kkkkkkkkkk
  </section>
</main>

<script type="text/javascript">

$("#auth-btn").click(function () {

   $("#show").show('fast');

});


$("#auth-btn").click(function () {

   $("#auth-btn").hide(1000);

});

</script>
</html>