password.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Password Generator</title>
<link rel="stylesheet" href="./style.css">
</head>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />

<body>
     <!-- -----------------------header -->
  

    <div class="same">
        <div class="imsg">
            <img src="./picture/yu.png" alt="" width="400px" data-aos="slide-right">
        </div>
  
<div id="back">
    <div id="mean">
        <h2  data-aos="slide-up">Password Generator</h2>
        <p id="password" style="color: white;" data-aos="slide-left"></p>
        <!-- <input type="text" id="password"> -->
        <button onclick="generatePassword()">Generate Password</button>
    </div>
</div>

    <script src="./script.js"> 
    </script>
    </div>

    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script>
        AOS.init({
          offset: 80,
          duration: 500,
          delay: 7,
          easing: 'ease-out',
        }
        );
      </script>

</body>
</html>