oznt
/
pwman3


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
							<!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">
    <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="auth">
    <button id="auth-btn" class="button">Auth</button>
    <div style="float: right">
    <form id="show" class="auth-form" style="display: none">
      <input id="" class="navigation-button" type="password" name="auth-pwd" placeholder="Password"  >
      <input id="" class="button-primary navigation-button"  value="Submit" type="submit">
    </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>