rules.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" />
  <link rel="stylesheet" href="rules.css" />

  <title>Kraya</title>
  <link rel="icon" href="./assets/logo.png" type="image/x-icon" />
</head>

<body>
  <div class="main">


    <div class="lightning">
      <div class="blur">
        <div class="loginBox">
            
        </div>
      </div>
    </div>
    
    <div class="rules">
        <p class="heading">The Important Rules</p>
        <p class="sub-heading">
            Lets keep the commmunity safer together. Please follow the rules, 
            or you may lose the ability to sell on Kraya.
        </p>
        <div class="r">
          <ul>
            <li>
              <p>Ship within 2 business days 🚢</p>
              <p>Please ship items within 2 business days after a show or when an item is sold.</p> 
            </li>
            <li>
              <p>Package items safely 📦</p>
              <p>Package items you sell with care and in protective material to ensure they don't get damaged.</p>
            </li>
            <li>
              <p>Be nice ✌️</p>
              <p>Be sure you treat everyone with respect and don't bully anyone in the community.</p>
            </li>
            <li>
              <p>Don't lie about an item 🤥</p>
             <p>Don't mislead a buyer about an item's value, condition, or anything else.</p>
            </li>
            <li>
              <p>Authentic Product ✅</p>
              <p>Sell genuine products. Counterfeit, fake, or pirated items should not be listed or promoted.</p>
            </li>
          </ul>
                               
        </div>
        
        <button>I agree to the rules</button>
    </div>
    <img class="logo" src="assets/kraya.png" alt="Logo" />

  </div>
</body>

</html>