page2.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="description" content="Think once more — you mean a lot.">
  <meta name="theme-color" content="#ffd6e7">
  <title>Think Once More</title>
  <link rel="icon" type="image/svg+xml" href="favicon.svg">
  <link rel="manifest" href="site.webmanifest">
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="./style.css" />
  <meta property="og:title" content="Think Once More">
  <meta property="og:description" content="You mean a lot to me — please take another look.">
  <meta property="og:image" content="favicon.svg">
</head>
<body>
  <main class="container">
    <header class="site-header">
      <h1>Ek aur baar soch lo! 😣</h1>
    </header>

    <div class="media">
      <div class="tenor-gif-embed" data-postid="15195810" data-share-method="host" data-aspect-ratio="1" data-width="100%">
        <a href="https://tenor.com/view/couple-forgive-me-asking-for-forgiveness-begging-crying-gif-15195810">Couple Forgive Me Sticker</a> from <a href="https://tenor.com/search/couple-stickers">Couple Stickers</a>
      </div>
      <script type="text/javascript" async src="https://tenor.com/embed.js"></script>
    </div>

    <p class="message">Ek aur baar soch lo naa... ❤️</p>
    <p class="message1">Please maan jao na... </p>

    <div class="buttons">
      <a class="btn btn-primary" href="final.html">Yes</a>
      <a class="btn btn-ghost btn-no" href="page3.html">No</a>
    </div>

    <footer class="site-footer">
      <small>Made with <span aria-hidden="true">❤️</span> · Built with care by Divyy</small>
    </footer>
  </main>
  <script src="./script.js"></script>
</body>
</html>