WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
HTML
CSS
JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Your Shoes Shop</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <div class="header-container"> <a href="#" class="logo"> <img src="shoes shop saroma.png" alt="Shoes Shop Logo" class="logo-img"> <span class="logo-text">Shoes Shop</span> </a> <nav> <ul> <li><a href="#home">Home</a></li> <li><a href="#products">Products</a></li> <li><a href="#collections">Collections</a></li> <li><a href="#about">About Us</a></li> <li><a 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>Hinobaa-an Shoes Shop</h1> <p>Walk the Hinobaan Way Quality Shoes for Every Day!</p> <a href="#featured" class="cta-button">Shop Now</a> </div> <div class="hero-image"> <img src="shoes2.jpg" alt="Featured Shoe"> </div> </div> </section> <br> <section id="products"> <div class="products-container"> <h2>Our Products</h2> <div class="product-grid"> <div class="product-card"> <img src="shoes9.jpg" 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="shoes3.jpg" 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="shoes4.webp" 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="shoes5.jpg" 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"> <h2>Our Collections</h2> <div class="collections-grid"> <div class="collection-card"> <img src="shoes3.jpg" 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="shoes6.webp" 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="shoes7.jpg" 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="shoes8.jpg" 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="shoesstore.jpg" alt="Our Story"> </div> <div class="about-text"> <h3>Our Story</h3> <p>Welcome to Shoes Shop, your one-stop destination for stylish and comfortable footwear. Founded in 2010, 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"> <label for="name">Name:</label> <input type="text" id="name" name="name" required> <label for="email">Email:</label> <input type="email" id="email" name="email" required> <label for="message">Message:</label> <textarea id="message" name="message" rows="5" required>
Send Message