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">
    <title>Hate Company</title>
    <link rel="stylesheet" href="./css/index.css">
    
</head>
<body>
    <div class="container" >
        <header class="header">

        </header>

        <div class="logo_container"  >
             <div>

             </div>
            <img src="./assets/logo-v2.png"  class="logo" />
            <div>

            </div>
        </div>
            
        <section class="social_link_container  " >
            <a href="https://docsend.com/view/gxfuidxznr5a9q97" target="_blank"  class="social_link " >
                <button class="mybtn button--one">
                    Whitepaper
                </button>
            </a>
            <a href="https://discord.gg/c8qC9qt4" target="_blank" class="social_link  ">
                <button class="mybtn button--two">
                    Discord
                </button>
            </a>
            <a href="https://linktr.ee/hateverse" target="_blank" class="social_link "> 
                <button class="mybtn button--three">
                    Linktree
                </button>
            </a>
            <a href="https://hatecompany.gitbook.io/wikipage/getting-started/welcome" target="_blank" class="social_link ">
                <button class="mybtn button--four">
                    Faqs
                </button>
            </a>
             
        </section>
       
        <footer class="copyRight">
            <p class="invisible" ></p>
            <p class="legal">©2022 Hate Company. All rights reserved.</p>
            <p class="w" >web 2.0 v 1.0</p>
        </footer>
     

    </div>   


</body>
</html>