WEBLEB
Home
Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Shoes shop
1593
johnsent123
Open In Editor
Publish Your Code
Recommended
24 December 2023
Coffee Shop Landing Page
14 September 2024
E-Commerce Shop
HTML
Copy
<!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
