index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:url" content="https://lnp2pbot.com" />
    <meta property="og:title" content="Lightning Network peer-to-peer telegram bot" />
    <meta property="og:image" content="https://lnp2pbot.com/img/logo.png" />
    <meta property="og:description" content="Bitcoin Lightning Network peer-to-peer telegram Bot" />
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@lnp2pBot">
    <meta name="twitter:creator" content="@lnp2pBot">
    <meta name="twitter:title" content="Bitcoin Lightning Network peer-to-peer telegram Bot" />
    <meta name="twitter:description" content="Exchange Bitcoin in a peer to peer way through Lightning Network without KYC" />
    <meta name="twitter:image" content="https://lnp2pbot.com/img/logo.png" />
    <link rel="stylesheet" href="./normalize.css">
    <link rel="stylesheet" href="./styles.css">
    <script src="https://kit.fontawesome.com/38c07037bc.js" crossorigin="anonymous"></script>
    <title>@lnp2pBot</title>
</head>
<body>
    <div class="container">
        <header class="header">
          <div class="logo">
            <img src="./img/logo.png" alt="" class="logo">
          </div>

          <nav class="nav">
            <ul class='nav_menu'>
              <li class='nav_item'><a target="_blank" href="https://lnp2pbot.com/learn" class="nav_link">Learn</a></li>
              <li class='nav_item'><a target="_blank" href="https://market.lnp2pbot.com/en" class="nav_link">Market</a></li>
              <li class='nav_item'><a target="_blank" href="https://t.me/lnp2pbotHelpEn" class="nav_link">Chat</a></li>
              <li class='nav_item'><a target="_blank" href="https://github.com/lnp2pbot/bot" class="nav_link">Github</a></li>
            </ul>
          </nav>

          <a href="https://twitter.com/lnp2pBot" target="_blank" rel="noopener noreferrer">
            <i class="fa-brands fa-twitter icon-menu"></i>
          </a>

          <div class="lang_box">
            <a class="lang_link" href="./index.pt.html">
              PT 🇵🇹
            </a>
            <a class="lang_link" href="./index.fr.html">
              FR 🇫🇷
            </a>
            <a class="lang_link" href="./index.es.html">
              ES 🇪🇸
            </a>
            <a class="lang_link" href="./index.fa.html">
              FA 🇮🇷
            </a>
          </div>
        </header>
        <main>
            <div class="hero">
                <div class="hero_left">
                    <h1>NO KYC</h1>
                    <h2>p2p lightning bot</h2>
                    <p class="hero_p">Let’s reestablish the peer-to-peer nature of Bitcoin!</p>
                    <a href="https://t.me/lnp2pbot" class="hero_button" target="_blank" rel="noopener noreferrer">LAUNCH BOT <i class="fa-solid fa-paper-plane icon-button"></i></a>
                </div>

                <div class="hero_right">
                    <!-- <img src="./img/hero-img.png" alt="" class="hero-img"> -->
                    <video autoplay loop muted src="./img/AnimacionBotLn2-1.m4v" class="hero-img" poster="./img/poster.jpg">
                    </video>
                </div>
            </div>

            <div class="box-container">
              <a href="https://lnp2pbot.com/learn" rel="noopener noreferrer"  class="box">
                <img src="./img/Capa 8.png" alt="">
                <h3>How it works?</h3>
              </a>
              <a href="./resources.html" rel="noopener noreferrer" class="box">
                <img src="./img/logo.png" alt="">
                <h3>Resources</h3>
              </a>
            </div>

            <div class="questions">
              <h2>BITCOIN FOR THE PEOPLE</h2>
              <div class="questions-container">
                <div class="questions-box">
                  <div class="circle circle1"></div>
                  <span class="questions-text">
                    Bitcoin is an accessible and equitable savings technology and it is a censorship-resistant medium of exchange.
                  </span>
                </div>
                <div class="questions-box">
                  <div class="circle circle2"></div>
                  <span class="questions-text">
                    Lightning allows us to have immediate access to Bitcoin at a very low cost without losing all the properties that make Bitcoin the best money we can have access to.
                  </span>
                </div>
                <div class="questions-box">
                  <div class="circle circle3"></div>
                  <span class="questions-text">
                    Keep your privacy, <strong>@lnp2pBot</strong> will never ask you personal data.
                  </span>
                </div>
                <div class="questions-box">
                  <div class="circle circle4"></div>
                  <span class="questions-text">
                    Find a community (or create one) and exchange sats for your local currency.
                  </span>
                </div>
              </div>
            </div>

            <div class="human-container">
              <img src="./img/angle.png" alt="" class="angle">
              <div class="human-box">
                <img src="./img/Human.png" alt="" class="human-img">
                <div class="human-text"> 
                  <span>Featured project by Human</span>
                  <span>Rights Foundation 2022.</span>
                </div>
              </div>
            </div>
        </main>


      </div>
      <footer class="footer">
        <div class="footer-container">
          © 2024 @lnp2pBot. All rights reversed.
          <a href="./disclaimer.html" class="footer_link">Disclaimer</a>
        </div>
      </footer>
</body>
</html>