about.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>About Us | Reach</title>
  <style>
    body {
      background-color: #FFFFFF;
      color: #333333;
      font-family: Arial, sans-serif;
    }

    header {
      padding: 20px;
      text-align: center;
      position: relative;
    }

    h1 {
      color: #333333;
      margin: 0;
    }

    .logo {
      position: absolute;
      top: 10px;
      left: 10px;
      width: 60px;
      height: 60px;
      background-image: url('https://i.pinimg.com/564x/dc/e9/86/dce986a0f0ca0abe5d5f3bda588ac803.jpg');
      background-repeat: no-repeat;
      background-size: contain;
    }

    .header-buttons {
      margin-top: 10px;
    }

    .header-buttons a {
      display: inline-block;
      margin-right: 10px;
      padding: 8px 16px;
      background-color: #CCCCCC;
      color: white;
      text-decoration: none;
      transition: background-color 0.3s ease;
    }

    .header-buttons a:hover {
      background-color: #999999;
    }

    main {
      padding: 20px;
      text-align: center;
    }

    .about-container {
      display: inline-block;
      width: 80%;
      max-width: 600px;
      margin: 20px;
      padding: 10px;
      background-color: white;
      border: 1px solid #CCCCCC;
    }

    .about-text {
      font-size: 16px;
      text-align: left;
    }
  </style>
</head>
<body>
  <header>
    <h1>About Us</h1>
    <div class="logo"></div>
    <div class="header-buttons">
      <a href="index.html">Home</a>
      <a href="about.html">About</a>
      <a href="contact.html">Contact Us</a>
    </div>
  </header>

  <main>
    <div class="about-container">
      <div class="about-text">
        <p>Hi, we're a small streetwear brand based in Luxembourg. We strive to ensure every customer is satisfied with their purchases while also prioritizing the well-being of the planet.</p>
        <p>At Reach, we value both our products and the environment. That's why all our products are created with utmost care for the environment. We take our responsibility seriously and ensure that our clothing is responsibly sourced throughout the entire supply chain, right from the beginning.</p>
        <p>We have currently released two lines of products, and with enough support, we aspire to build not only a sustainable brand but also contribute to a sustainable planet.</p>
      </div>
    </div>
  </main>
</body>
</html>