<!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="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
        <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="#openModal">
    <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:60%" >
      <input id="" class=""  value="Submit" type="submit" style="float: right; width:33.%; display: inline-block">
    </form>
    <div>
    </span>

    <div id="openModal" class="modalDialog">
      <div>
        <a href="#close" title="Close" class="close">x</a>
        <h2>Pwmam3 - Web</h2>
        <p> Pwman3 is distributed under the GPL v. 3.
        <p> Pwman3 Logo is made by <pre> enolynn</pre> and was downloaded
        from openclipart: 
	<a href="https://openclipart.org/detail/190821/cles-de-serrure-lock-keys">logo</a>. 
	This logo is distributed under the Creative Commons license.
        You can learn more about this Software in 
	<a href="http://pwman3.github.io/pwman3/">pwman3's home page</a>.</div>. 
    </div>
    </section>
  </nav>
  
  <section class="container password-box" style="margin-top: 7rem; ">
  Login: <strong>oz.tiram@gmail.com</strong>
  <br>Website:<strong><a href="stackoverflow.com">http://stackoverflow.com</a></strong>
  <br>Password: <strong>********</strong><br>  
  Notes: Some notes about this entry 
  <br>
  
   <div class="tags float-right">
    Tags: 
     <button class="button button-clear button-clear button-tag">net</button>
     <button class="button button-clear button-tag">learning</button>  
    </div>
  </section>
  <section class="container password-box">
  <div>
  Login: <strong>oz.tiram@gmail.com</strong>
  <br>Website:<strong><a href="stackoverflow.com">http://stackoverflow.com</a></strong>
  <br>Password: <strong>********</strong><br>  
  Notes: Some notes about this entry 
  <br>
   <div class="tags float-right">
     <button class="button button-clear button-clear button-tag">net</button>
     <button class="button button-clear button-tag">learning</button>  
    </div>
  </div>  
  </section>
  <section class="container password-box">
  Login: <strong>oz.tiram@gmail.com</strong>
  <br>Website: <strong><a href="stackoverflow.com">http://stackoverflow.com</a></strong>
  <br>Password: <strong>********</strong><br>  
  Notes: Some notes about this entry 
  <br>
   <div class="tags float-right">
     <button class="button button-clear button-clear button-tag">net</button>
     <button class="button button-clear button-tag">learning</button>  
    </div>
  </section>
  <section class="container password-box">
  Login: <strong>oz.tiram@gmail.com</strong>
  <br>Website: <strong><a href="stackoverflow.com">http://stackoverflow.com</a></strong>
  <br>Password: <strong>********</strong><br>  
  Notes: Some notes about this entry 
  <br>
   <div class="tags float-right">
     <button class="button button-clear button-clear button-tag">net</button>
     <button class="button button-clear button-tag">learning</button>  
    </div>
  </section>
  <section class="container password-box">
  Login: <strong>oz.tiram@gmail.com</strong>
  <br>Website: <strong><a href="stackoverflow.com">http://stackoverflow.com</a></strong>
  <br>Password: <strong>********</strong><br>  
  Notes: Some notes about this entry 
  <br>
   <div class="tags float-right">
     <button class="button button-clear button-clear button-tag">net</button>
     <button class="button button-clear button-tag">learning</button>  
    </div>
  </section>
  <section class="container password-box">
  Login: <strong>oz.tiram@gmail.com</strong>
  <br>Website: <strong><a href="stackoverflow.com">http://stackoverflow.com</a></strong>
  <br>Password: <strong>********</strong><br>  
  Notes: Some notes about this entry 
  <br>
   <div class="tags float-right">
     <button class="button button-clear button-clear button-tag">net</button>
     <button class="button button-clear button-tag">learning</button>  
    </div>
  </section>

</main>

<script type="text/javascript">
$("#auth-btn").click(function () {
   $("#show").show('fast');
});

$("#auth-btn").click(function () {
   $("#auth-btn").hide(1000);
});
</script>
</html>