PRODUCT

Footer HTML Code for PbootCMS

<!-- Footer Section -->
<footer class="site-footer">
    <div class="container">
        <div class="footer-container">
            <!-- Contact Information -->
            <div class="footer-column">
                <h3>Contact Us</h3>
                <ul class="contact-info">
                    <li>
                        <i class="fas fa-map-marker-alt"></i>
                        <div>
                            <strong>Address:</strong><br>
                            Building B, Futian World Trade Plaza,<br>
                            Shenzhen, Guangdong Province, China
                        </div>
                    </li>
                    <li>
                        <i class="fas fa-phone"></i>
                        <div>
                            <strong>WhatsApp:</strong><br>
                            +8613145916323
                        </div>
                    </li>
                    <li>
                        <i class="fas fa-envelope"></i>
                        <div>
                            <strong>Email:</strong><br>
                            szspl88@gmail.com
                        </div>
                    </li>
                    <li>
                        <i class="fas fa-clock"></i>
                        <div>
                            <strong>Business Hours:</strong><br>
                            Mon-Fri: 9am-6pm (CST)<br>
                            Sat: 9am-12pm  (CST)
                        </div>
                    </li>
                </ul>
            </div>
            
            <!-- Social Media -->
            <div class="footer-column">
                <h3>Follow Us</h3>
                <p>Stay connected with us on social media for updates, promotions, and more.</p>
                
                <div class="social-links">
                    <a href="#" class="social-icon" aria-label="Facebook">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                    <a href="#" class="social-icon" aria-label="Twitter">
                        <i class="fab fa-twitter"></i>
                    </a>
                    <a href="#" class="social-icon" aria-label="Instagram">
                        <i class="fab fa-instagram"></i>
                    </a>
                    <a href="#" class="social-icon" aria-label="LinkedIn">
                        <i class="fab fa-linkedin-in"></i>
                    </a>
                    <a href="#" class="social-icon" aria-label="YouTube">
                        <i class="fab fa-youtube"></i>
                    </a>
                </div>
                
                <h3 style="margin-top: 30px;">Newsletter</h3>
                <p>Subscribe to our newsletter for exclusive offers and updates.</p>
                <form class="newsletter-form">
                    <input type="email" class="newsletter-input" placeholder="Your email address" required>
                    <button type="submit" class="newsletter-btn">Subscribe</button>
                </form>
            </div>
            
            <!-- Payment Methods -->
            <div class="footer-column">
                <h3>Payment Methods</h3>
                <p>We accept all major payment methods for your convenience.</p>
                
                <div class="payment-methods">
                    <div class="payment-icon">
                        <i class="fab fa-cc-visa"></i>
                    </div>
                    <div class="payment-icon">
                        <i class="fab fa-cc-mastercard"></i>
                    </div>
                    <div class="payment-icon">
                        <i class="fab fa-cc-amex"></i>
                    </div>
                    <div class="payment-icon">
                        <i class="fab fa-paypal"></i>
                    </div>
                </div>
                
                <h3 style="margin-top: 30px;">Security & Trust</h3>
                <p>Your security is our priority. All transactions are encrypted and secure.</p>
                <div style="margin-top: 15px; display: flex; gap: 10px;">
                    <div style="background-color: #fff; color: #2c3e50; padding: 5px 10px; border-radius: 4px; font-size: 0.8rem;">
                        <i class="fas fa-lock"></i> SSL Secure
                    </div>
                    <div style="background-color: #fff; color: #2c3e50; padding: 5px 10px; border-radius: 4px; font-size: 0.8rem;">
                        <i class="fas fa-shield-alt"></i> PCI Compliant
                    </div>
                </div>
            </div>
            
            <!-- Quick Links -->
            <div class="footer-column">
                <h3>Quick Links</h3>
                <ul class="footer-links">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About Us</a></li>
                    <li><a href="#">Products</a></li>
                    <li><a href="#">FAQ</a></li>
                    <li><a href="#">Privacy Policy</a></li>
                    <li><a href="#">Terms of Service</a></li>
                </ul>
            </div>
        </div>
        
        <!-- Footer Bottom -->
        <div class="footer-bottom">
            <div class="copyright">
                © {pboot:year} . All rights reserved.
            </div>
            <div class="footer-bottom-links">
                <a href="privacy/">Privacy Policy</a>
                <a href="terms/">Terms of Service</a>
                <a href="sitemap/">Sitemap</a>
            </div>
        </div>
    </div>
</footer>

<!-- Font Awesome for icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">