contact.html

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="logo.jfif" type="image/x-icon">
    <link rel="stylesheet" href="styles.css">
    <title>Men Sneakers</title>
</head>
<body>
    <header>
        <div>
            <a href="index.html" style="text-decoration: none; color: inherit;">
                <img src="logo.jfif" style="width: 25px; height: 25px;"/> Sneakers
            </a>
        </div>
        <nav>
            <ul>
                <li><a href="index.html" target="_top">Home</a></li>
                <li><a href="features.html" target="_top">Features</a></li>
                <li><a href="products-page-1.html" target="_top">Products</a></li>
                <li><a href="contact.html" target="_top">Contact</a></li>
                <li><a href="cart.html" target="_top">Cart (<span id="cart-count">0</span>)</a></li>
                
            </ul>
        </nav>
        </header>
    <section id="contact-us" class="contacts-section">
        <h2>Contact Us</h2>
        <p>Please fill out the form below and we'll get in touch with you shortly.</p>
        
        <form action="/submit-form" method="post" style="max-width: 600px; margin: 0 auto;">
        
            <input type="text" name="name" placeholder="Your Name" required>
            <input type="email" name="email" placeholder="Your Email" required>
            <textarea name="message" placeholder="Your Message" required></textarea>
            <button type="submit">Send Message</button>
        
        </form>

    </section>
    <footer>
        <iframe src="footer.html" style="border:none; width: 100%; height: 107px;"></iframe>
    </footer>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const cartCountElement = document.getElementById('cart-count');
            if (!cartCountElement) {
                console.error('Cart count element not found!');
                return;
            }
     
            const cart = JSON.parse(localStorage.getItem('cart')) || [];
            const totalItems = cart.reduce((total, item) => total + item.quantity, 0);
            cartCountElement.textContent = totalItems;
        });
     </script>
     
</body>
</html>