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>cl-lw</title>
    <link rel="stylesheet" href="css/style.css">
    <style>

    </style>
</head>
<body>
<div class="banner">
    <div class="navbar">
        <img src="img/3.gif" alt="" class="logo" width="80" height="80">
        <ul>
            <li><a href="#home">Home</a>
            <li><a href="#about">About us</a>
            <li><a href="#contact">Contact</a>    
        </ul>
    </div>
    
</div>    
    <div id="about" class="content">
        <h1>cl-lw</h1>
        <p>Welcome</p> 
        <div id ="About Us"></div>
        <button onclick="window.location.href = 'https://github.com/cl-lw';">Github</button>
        <button onclick="window.location.href = 'https://discord.gg/EGQYe6VkBv';">Discord</button>
        <div id ="about">   
        

  </div>

    </div>
    
</header>
<!--HEADER FINISH-->

<!---About Start-->
<section id="about">
    <div class="about">
        <div class="container">
            <div class="about-tittle">
                 <h2>ABOUT US</h2>
     <div>
         <div class="about-content">
             <div class="about-img">
                <img src="./img/1.png" alt="">
            <div>
            <div class="about-text">     
          <h4>cl-lw :)</h4>
         <div id="asteriks">
            <i class="fa-solid fa-asterisk"></i>    
         </div>
        <div>
    <div>    
<div>
    
</section>                    
      