WEBLEB
Home
Editor
Accedi
Pro
Italiano
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Sito web del negozio di scarpe
3166
Tatsoya
Apri nell'Editor
Video
Pubblica il Tuo Codice
2
Consigliato
1 August 2024
18 August 2023
27 September 2025
Animazione di caricamento CSS: flusso di memoria e riflessione
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
