Untitled

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <title>Clothing Brand.ai</title>
        <style>
            * {
                      margin: 0;
                            padding: 0;
                                  box-sizing: border-box;
                                        font-family: 'Segoe UI', sans-serif;
            }
                body {
                          background-color: #fff;
                                color: #222;
                }
                    .hero, .section {
                              position: relative;
                                    width: 100%;
                                          height: 100vh;
                                                background-size: cover;
                                                      background-position: center;
                                                            display: flex;
                                                                  flex-direction: column;
                                                                        justify-content: center;
                                                                              align-items: flex-start;
                                                                                    padding: 50px;
                                                                                          color: white;
                    }
                        .hero {
                                  background-image: url("1000027591.jpg");
                        }
                            .section {
                                      background-image: url("1000027593.jpg");
                                            color: black;
                                                  align-items: center;
                                                        text-align: center;
                            }
                                .hero h1, .hero p, .section h2, .section p {
                                          background: rgba(0, 0, 0, 0.4);
                                                padding: 10px 20px;
                                                      border-radius: 8px;
                                }
                                    .button {
                                              margin-top: 20px;
                                                    background-color: #fcd34d;
                                                          color: black;
                                                                padding: 10px 20px;
                                                                      border: none;
                                                                            border-radius: 30px;
                                                                                  font-weight: bold;
                                                                                        cursor: pointer;
                                                                                              text-decoration: none;
                                    }
                                        .login-msg {
                                                  background: #111;
                                                        color: #fff;
                                                              text-align: center;
                                                                    padding: 15px;
                                                                          font-size: 1.1rem;
                                        }
                                          </style>
                                          </head>
                                          <body>
                                            <div class="login-msg">
                                                No sign up — only login with your ID. Let's go with the world of AI.
                                                  </div>

                                                    <section class="hero">
                                                        <h1>Welcome to Clothing Brand.ai</h1>
                                                            <p>Quick and hassle-free shopping</p>
                                                                <a class="button" href="#">Shop Now</a>
                                                                  </section>

                                                                    <section class="section">
                                                                        <h2>Clothes for Him</h2>
                                                                            <p>Look dashing while on the go with our casual wear items.</p>
                                                                                <a class="button" href="#">Shop Now</a>
                                                                                  </section>
                                                                                  </body>
                                                                                  </html>
                                                                                  
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
Editor is loading...