ecommerce-website-html-css/about.html at 3d90ba85b00664a456067a25670514a2f7737bfa · alirezatayebinejad/ecommerce-website-html-css · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!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>About Us - Ecommerce Website</title>
    <!-- Include Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <!-- Navbar (Reuse the same navbar code for consistency) -->
    <header>
      <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <div class="container-fluid">
          <a class="navbar-brand" href="index.html">
            <img src="images/logo.png" alt="Logo" class="img-fluid" width="100">
          </a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav ms-auto">
              <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
              <li class="nav-item"><a class="nav-link" href="shop.html">Shop</a></li>
              <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
              <li class="nav-item"><a class="nav-link active" href="about.html">About</a></li>
              <li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
            </ul>
          </div>
        </div>
      </nav>
    </header>

    <!-- About Us Content -->
    <section class="container my-5">
      <div class="row">
        <div class="col-md-12 text-center">
          <h1>About Us</h1>
          <p class="lead">Welcome to our ecommerce platform! We are dedicated to providing high-quality products and excellent service.</p>
        </div>
        <div class="col-md-6">
          <img src="images/about/a6.jpg" class="img-fluid" alt="About Us">
        </div>
        <div class="col-md-6">
          <h2>Our Story</h2>
          <p>
            Founded in 2020, our mission is to revolutionize online shopping by providing an exceptional customer experience. Our collection features the latest fashion trends and everyday essentials, all at competitive prices.
          </p>
          <p>
            Our team is committed to sourcing the best products from around the world and bringing them directly to your doorstep. Whether you're looking for apparel, accessories, or home goods, we have something for everyone!
          </p>
        </div>
      </div>
    </section>

    <!-- Footer -->
    <footer class="bg-dark text-white text-center py-3">
      <p>&copy; 2024 Ecommerce Website | All Rights Reserved</p>
    </footer>

    <!-- Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
  </body>
</html>