WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Site da loja de calçados
2921
Tatsoya
Abrir no Editor
Publique Seu Código
Recomendado
31 January 2025
botão iraniano
22 August 2025
Trecho de código de animação de coração CSS
30 August 2024
HTML
Copy
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="project2.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> <title>Your Shoes Shop</title> </head> <body> <header> <div class="header-container container"> <a href="#" class="logo"> <span class="logo-text">LuxeSteps</span> </a> <nav> <ul class="navbar nav"> <li class="nav-item"><a class="nav-links" href="#home">Home</a></li> <li class="nav-item"><a class="nav-links" href="#products">Products</a></li> <li class="nav-item"><a class="nav-links" href="#collections">Collections</a></li> <li class="nav-item"><a class="nav-links" href="#about">About Us</a></li> <li class="nav-item"><a class="nav-links" href="#contact">Contact</a></li> </ul> </nav> </div> </header> <div class="content-spacer"></div> <main> <section id="hero"> <div class="hero-container"> <div class="hero-content"> <h1>LuxeSteps Shoes Shop</h1> <p>Designed for Every Step of Your Journey!</p> <a href="#featured" class="cta-button">Shop Now</a> </div> <div class="hero-image"> <img src="./images/main picture.jpeg" alt="Featured Shoe"> </div> </div> </section> <br> <section class="container" id="products"> <div class="products-container"> <h2>Our Products</h2> <div class="product-grid"> <div class="product-card"> <img src="./images/6799a37f-9cfa-4a86-8ae5-bdf9d54b141b.jpeg" alt="Shoe 1"> <h3>Classic Sneaker</h3> <p>$79.99</p> <button class="buy-button">Buy Now</button> </div> <div class="product-card"> <img src="./images/115466ae-ebb2-4515-b26b-94967d77a9ea.jpeg" alt="Shoe 2"> <h3>Running Shoe</h3> <p>$99.99</p> <button class="buy-button">Buy Now</button> </div> <div class="product-card"> <img src="./images/Casual Loafer.jpeg" alt="Shoe 3"> <h3>Casual Loafer</h3> <p>$69.99</p> <button class="buy-button">Buy Now</button> </div> <div class="product-card"> <img src="./images/Formal Oxford.jpeg" alt="Shoe 4"> <h3>Formal Oxford</h3> <p>$109.99</p> <button class="buy-button">Buy Now</button> </div> </div> </div> </section> <section id="collections"> <div class="collections-container container"> <h2>Our Collections</h2> <div class="collections-grid"> <div class="collection-card"> <img src="./images/men's collection.jpeg" alt="Men's Collection"> <div class="collection-info"> <h3>Men's Collection</h3> <p>Discover our stylish men's footwear</p> <a href="#mens" class="collection-button">View Collection</a> </div> </div> <div class="collection-card"> <img src="./images/women's collection.jpeg" alt="Women's Collection"> <div class="collection-info"> <h3>Women's Collection</h3> <p>Explore our elegant women's shoes</p> <a href="#womens" class="collection-button">View Collection</a> </div> </div> <div class="collection-card"> <img src="./images/sport collection.jpeg" alt="Sports Collection"> <div class="collection-info"> <h3>Sports Collection</h3> <p>Performance footwear for athletes</p> <a href="#sports" class="collection-button">View Collection</a> </div> </div> <div class="collection-card"> <img src="./images/casuel shoes.jpeg" alt="Casual Collection"> <div class="collection-info"> <h3>Casual Collection</h3> <p>Comfortable everyday shoes</p> <a href="#casual" class="collection-button">View Collection</a> </div> </div> </div> </div> </section> <section id="about"> <div class="about-container"> <h2>About Us</h2> <div class="about-content"> <div class="about-image"> <img src="./images/about us.jpeg" alt="Our Story"> </div> <div class="about-text"> <h3>Our Story</h3> <p>Welcome to LuxeSteps Shop, your one-stop destination for stylish and comfortable footwear. Founded in 2025, we've been passionate about providing high-quality shoes for every occasion.</p> <p>Our mission is to help you step out in confidence, whether you're heading to work, hitting the gym, or enjoying a night out. We carefully curate our collections to bring you the latest trends and timeless classics.</p> <h3>Why Choose Us?</h3> <ul> <li>Wide range of styles for men and women</li> <li>Premium quality materials</li> <li>Excellent customer service</li> <li>Fast and reliable shipping</li> </ul> <p>Join thousands of satisfied customers who have found their perfect pair at Shoes Shop. We're not just selling shoes; we're helping you put your best foot forward.</p> </div> </div> </div> </section> <section id="contact"> <div class="contact-container"> <h2>Contact Us</h2> <div class="contact-content"> <div class="contact-info"> <h3>Get in Touch</h3> <p>If you have any questions, comments, or concerns, feel free to reach out to us!</p> <ul> <li><strong>Email:</strong> support@shoesshop.com</li> <li><strong>Phone:</strong> +1 (234) 567-8901</li> <li><strong>Address:</strong> 123 Shoe St, Fashion City, FC 12345</li> </ul> </div> <div class="contact-form"> <h3>Contact Form</h3> <form action="#" method="post" class="form"> <div class="form-floating"> <input type="text" id="name" class="form-control" name="name" placeholder="Enter Name" required> <label for="name">Name</label> </div> <div class="form-floating mt-3 mb-3"> <input type="email" id="email" class="form-control" name="email" placeholder="Enter Email" required> <label for="email">Email</label> </div> <div class="form-floating"> <textarea id="message" class="form-control" name="message" placeholder="Enter Message" rows="12" required>
Message
