BossBey File Manager

Editing: index_Backup.html

<!DOCTYPE html><html lang="hi">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Photo Wale Bhaiya – Coming Soon</title>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Poppins', sans-serif;
    }body {
  min-height: 100vh;
  background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
}

.container {
  max-width: 900px;
  width: 100%;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 60px 30px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}

.logo {
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.logo span {
  color: #ffcc00;
}

.tagline {
  font-size: 18px;
  opacity: 0.9;
  margin-bottom: 40px;
}

.coming-soon {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 20px;
}

.description {
  font-size: 16px;
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto 40px;
  opacity: 0.85;
}

.features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-bottom: 40px;
}

.feature {
  background: rgba(255, 255, 255, 0.1);
  padding: 20px;
  border-radius: 14px;
}

.feature h3 {
  font-size: 18px;
  margin-bottom: 8px;
  color: #ffcc00;
}

.feature p {
  font-size: 14px;
  opacity: 0.9;
}

.notify {
  margin-top: 30px;
}

.notify input {
  width: 100%;
  max-width: 360px;
  padding: 14px 18px;
  border-radius: 30px;
  border: none;
  outline: none;
  font-size: 14px;
  margin-right: 10px;
}

.notify button {
  margin-top: 15px;
  padding: 14px 34px;
  border-radius: 30px;
  border: none;
  background: #ffcc00;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.notify button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(255,204,0,0.4);
}

footer {
  margin-top: 40px;
  font-size: 13px;
  opacity: 0.7;
}

@media (max-width: 600px) {
  .logo {
    font-size: 32px;
  }
  .coming-soon {
    font-size: 28px;
  }
}

</style>
</head>
<body>
  <div class="container">
    <div class="logo">Photo <span>Wale</span> Bhaiya</div>
    <div class="tagline">Photographers aur Photography Agencies ke liye ek premium platform</div><div class="coming-soon">🚀 Coming Soon</div>

<div class="description">
  Photo Wale Bhaiya ek aisa platform hai jahan freelancer photographers aur photography agencies
  apna professional profile bana sakte hain, apna best kaam showcase kar sakte hain aur
  naye clients se directly connect ho sakte hain.
</div>

<div class="features">
  <div class="feature">
    <h3>📸 Portfolio Showcase</h3>
    <p>Apna photography work ek professional profile me dikhaiye.</p>
  </div>
  <div class="feature">
    <h3>🧑‍💼 Photographer Profiles</h3>
    <p>Freelancers aur agencies ke liye verified profiles.</p>
  </div>
  <div class="feature">
    <h3>🤝 Direct Client Connect</h3>
    <p>Clients se seedha contact aur booking ka option.</p>
  </div>
</div>

<div class="notify">
  <input type="email" placeholder="Launch ke liye email enter karein" />
  <br />
  <button>Notify Me</button>
</div>

</div>
</body>
</html>

Cancel