From c0c09585a74e5a5bfd526f64ad4a97cfa4540fec Mon Sep 17 00:00:00 2001
From: Maxamad <maxamadaxmadcabdi3@gmail.com>
Date: Sun, 23 Nov 2025 23:11:54 +0300
Subject: [PATCH] Create Index.html
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<!DOCTYPE html><html lang="so">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>SAACID STORE</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #eef3f8;
    }header {
  background: linear-gradient(135deg, #0056b3, #007bff);
  color: white;
  text-align: center;
  padding: 35px 0;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}

h1 {
  margin: 0;
  font-size: 2.2em;
  letter-spacing: 2px;
}

.logo-hands {
  font-size: 45px;
  margin-bottom: 10px;
}

nav {
  text-align: center;
  background-color: #004a99;
  padding: 12px 0;
}

nav a {
  color: white;
  margin: 0 15px;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.1em;
}

main {
  padding: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}

.product {
  background-color: white;
  border-radius: 15px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  padding: 15px;
  width: 230px;
  text-align: center;
  transition: transform 0.3s ease;
}

.product:hover {
  transform: scale(1.05);
}

.product img {
  width: 100%;
  border-radius: 12px;
}

.product h3 {
  margin-bottom: 5px;
}

footer {
  text-align: center;
  padding: 18px;
  background-color: #0056b3;
  color: white;
  margin-top: 25px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}
  </style>
</head>
<body>
  <header>
    <div class="logo-hands">🤝</div>
    <h1>SAACID STORE</h1>
  </header>
  <nav>
    <a href="#">Home</a>
    <a href="#">Products</a>
    <a href="#">Contact</a>
  </nav>
  <main>
    <div class="product">
      <img src="https://via.placeholder.com/230" alt="Product 1" />
      <h3>Electronics</h3>
      <p>$100</p>
    </div>
    <div class="product">
      <img src="https://via.placeholder.com/230" alt="Product 2" />
      <h3>Baabuur</h3>
      <p>$5000</p>
    </div>
    <div class="product">
      <img src="https://via.placeholder.com/230" alt="Product 3" />
      <h3>Cagafyo</h3>
      <p>$50</p>
    </div>
  </main>
  <footer>
    &copy; 2025 SAACID STORE | WhatsApp: +251913573845
  </footer>
</body>
</html>
---
 Index.html | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 Index.html
diff --git a/Index.html b/Index.html
new file mode 100644
index 00000000..8b137891
--- /dev/null
+++ b/Index.html
@@ -0,0 +1 @@
+
