index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>PeerNet</title>
    <link rel="stylesheet" href="./LandingPage.css">
    <link rel="icon" type="image/x-icon" href="img/pnw-rbg.png">
</head>

<body>
    <header>
        <div class="header">
            <nav class="navigation">
                <a href="#" class="navbar-logo"><img src="img/prnetm-rbg.png" height="150px" ></a>
            </nav>
        </div>
    </header>
    <script>
        window.addEventListener('mouseover', initLandbot, { once: true });
        window.addEventListener('touchstart', initLandbot, { once: true });
        var myLandbot;
        function initLandbot() {
          if (!myLandbot) {
            var s = document.createElement('script');s.type = 'text/javascript';s.async = true;
            s.addEventListener('load', function() {
              var myLandbot = new Landbot.Livechat({
                configUrl: 'https://storage.googleapis.com/landbot.online/v3/H-1469787-65QCG1GM0KMFPS7X/index.json',
              });
            });
            s.src = 'https://cdn.landbot.io/landbot-3/landbot-3.0.0.js';
            var x = document.getElementsByTagName('script')[0];
            x.parentNode.insertBefore(s, x);
          }
        }
        </script>
    <div class="block">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>
    <div class="text">
        <h1>Welcome!</h1>
        <p>
            Hey there! Are you feeling a lack of belongingness after not being able to find friends who share similar
            interests?
            Or are you fed up of your regular food and are looking for good reccomendations from peers? Then look no
            further!
            You're at the right place!
        </p>
        <div class="button-area">
            <a href="login.html">Login</a>
            <a href="signup.html">Sign Up</a>
        </div>
    </div>

</body>

</html>