Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Project-3/shop.html
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
138 lines (117 sloc)
4.36 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <script src="https://kit.fontawesome.com/bcb2c05d90.js" crossorigin="anonymous"></script> | |
| <meta charset="UTF-8" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Vision World - Apple Vision Pro Accessories Shop</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" /> | |
| <link rel="stylesheet" href="css/style.css" /> | |
| </head> | |
| <body> | |
| <header> | |
| <a href="index.html" class="logo"><img src="img/logo.svg" alt="" class="logo" /></a> | |
| <nav> | |
| <ul id="navbar"> | |
| <li><a href="index.html">Home</a></li> | |
| <li><a href="shop.html" class="active">Shop</a></li> | |
| <li><a href="blog.html">Blog</a></li> | |
| <li><a href="about.html">About</a></li> | |
| <li><a href="contact.html">Contact</a></li> | |
| <li id="lg-bag"> | |
| <a href="cart.html"><i class="fa fa-bag-shopping"></i></a> | |
| </li> | |
| <a href="#" id="close"><i class="fa-solid fa-xmark"></i></a> | |
| </ul> | |
| </nav> | |
| <div id="mobile"> | |
| <a href="cart.html"><i class="fa fa-bag-shopping"></i></a> | |
| <i id="bar" class="fas fa-outdent"></i> | |
| </div> | |
| </header> | |
| <section id="page-header"> | |
| <h2>#shopfromhome</h2> | |
| <p>Save more with coupons & up to 70% off!</p> | |
| </section> | |
| <section id="filter-tabs" class="section-p1"> | |
| <button class="tab-link active" onclick="filterProducts('all')">All</button> | |
| <button class="tab-link" onclick="filterProducts('VR')">VR Headsets</button> | |
| <button class="tab-link" onclick="filterProducts('Gloves')">Gloves</button> | |
| <button class="tab-link" onclick="filterProducts('Accessories')">Accessories</button> | |
| <button id="clearFilter" onclick="filterProducts('all')"href="checkout.html" class="button-link normal">Clear Filter</button> | |
| </section> | |
| <section id="product1" class="section-p1"> | |
| <div class="pro-container" id="productsContainer"> | |
| <!-- Products will be loaded here dynamically --> | |
| </div> | |
| </section> | |
| <section id="paginition" class="section-p1"> | |
| <a href="#">1</a> | |
| <a href="#">2</a> | |
| <a href="#"><i class="fa-solid fa-arrow-right"></i></a> | |
| </section> | |
| <section id="newsletter" class="section-p1 section-m1"> | |
| <div class="newstext"> | |
| <h4>Sign Up For Newsletters</h4> | |
| <p> | |
| Get E-mail updates about our latest shop and | |
| <span>special offers.</span> | |
| </p> | |
| </div> | |
| <div class="form"> | |
| <input type="text" placeholder="Your email adress" /> | |
| <button class="normal" id="signUpButton">Sign Up</button> | |
| </div> | |
| </section> | |
| <footer class="section-p1"> | |
| <div class="col"> | |
| <img src="img/logo.svg" alt="" class="logo" /> | |
| <h4>Contact</h4> | |
| <p><strong>Address:</strong> West Lafayette, IN 47907, USA</p> | |
| <p><strong>Phone:</strong> +1 765-494-4600</p> | |
| <p><strong>Hours:</strong> 8:00 am - 5:00 pm, Mon - Fri</p> | |
| <div class="icon follow"> | |
| <h4>Follow US</h4> | |
| <i class="fab fa-facebook-f"></i> | |
| <i class="fab fa-twitter"></i> | |
| <i class="fab fa-instagram"></i> | |
| <i class="fab fa-pinterest-p"></i> | |
| <i class="fab fa-youtube"></i> | |
| </div> | |
| </div> | |
| <div class="col"> | |
| <h4>About</h4> | |
| <a href="#">About Us</a> | |
| <a href="#">Delivery Information</a> | |
| <a href="#">Privacy Policy</a> | |
| <a href="#">Terms & Conditions</a> | |
| <a href="#">Contact Us</a> | |
| </div> | |
| <div class="col"> | |
| <h4>My Account</h4> | |
| <a href="#">Sign In</a> | |
| <a href="#">View Cart</a> | |
| <a href="#">My Wishlist</a> | |
| <a href="#">Track My Order</a> | |
| <a href="#">Help</a> | |
| </div> | |
| <div class="col install"> | |
| <h4>Install App</h4> | |
| <p>From App Store or Google Play</p> | |
| <div class="row"> | |
| <img src="img/pay/app.jpg" alt="" /> | |
| <img src="img/pay/play.jpg" alt="" /> | |
| </div> | |
| <p>Secured Payment Gateways</p> | |
| <img src="img/pay/pay.png" alt="" /> | |
| </div> | |
| <div class="copyright"> | |
| <p>© 2024, Vision World Accessories - A Vision for the Future</p> | |
| </div> | |
| </footer> | |
| <script src="script.js"></script> | |
| <script src="shop.js"></script> | |
| <script src="loadProducts.js"></script> | |
| </body> | |
| </html> |