File manager - Edit - /home/webapp69.cm.in.th/u69319090027/shop02/product.html
Back
<!DOCTYPE html> <html lang="th"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>VORTEX NEO-FUTURE HOODIE | VORTEX STREETWEAR</title> <!-- Google Fonts --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <!-- Icons --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <!-- Stylesheet --> <link rel="stylesheet" href="style.css"> </head> <body> <!-- ANNOUNCEMENT BAR --> <div class="announcement-bar"> ⚡ FREE EXPRESS SHIPPING ON ORDERS OVER ฿1,500 | USE CODE: VORTEX10 ⚡ </div> <!-- HEADER --> <header class="main-header"> <div class="container header-container"> <a href="index.html" class="logo">VORTEX<span>.</span></a> <nav> <ul class="nav-menu"> <li><a href="index.html" class="nav-link">NEW DROPS</a></li> <li><a href="#" class="nav-link">TOPS</a></li> <li><a href="#" class="nav-link">BOTTOMS</a></li> <li><a href="#" class="nav-link">ACCESSORIES</a></li> <li><a href="product.html" class="nav-link active">CUSTOM LAB</a></li> </ul> </nav> <div class="header-actions"> <button class="action-btn" id="search-toggle" aria-label="Search"> <i class="fa-solid fa-magnifying-glass"></i> </button> <button class="action-btn" id="user-btn" aria-label="Account"> <i class="fa-solid fa-user"></i> </button> <button class="action-btn" id="cart-toggle" aria-label="Cart"> <i class="fa-solid fa-bag-shopping"></i> <span class="cart-count-badge" id="cart-badge-count">0</span> </button> </div> </div> </header> <!-- PRODUCT DETAIL SECTION --> <main class="container product-detail-section"> <div class="product-detail-grid"> <!-- Product Gallery (Left) --> <div class="gallery-container"> <!-- Thumbnails --> <div class="gallery-thumbnails"> <button class="thumb-btn active" data-img="https://images.unsplash.com/photo-1556821840-3a63f95609a7?q=80&w=800&auto=format&fit=crop" aria-label="Product image 1"> <img src="https://images.unsplash.com/photo-1556821840-3a63f95609a7?q=80&w=150&auto=format&fit=crop" alt="Thumbnail 1"> </button> <button class="thumb-btn" data-img="https://images.unsplash.com/photo-1556821840-410a56d4fb9a?q=80&w=800&auto=format&fit=crop" aria-label="Product image 2"> <img src="https://images.unsplash.com/photo-1556821840-410a56d4fb9a?q=80&w=150&auto=format&fit=crop" alt="Thumbnail 2"> </button> <button class="thumb-btn" data-img="https://images.unsplash.com/photo-1543163521-1bf539c55dd2?q=80&w=800&auto=format&fit=crop" aria-label="Product image 3"> <img src="https://images.unsplash.com/photo-1543163521-1bf539c55dd2?q=80&w=150&auto=format&fit=crop" alt="Thumbnail 3"> </button> </div> <!-- Main Preview --> <div class="main-preview-wrapper"> <img src="https://images.unsplash.com/photo-1556821840-3a63f95609a7?q=80&w=800&auto=format&fit=crop" id="main-product-image" alt="VORTEX NEO-FUTURE HOODIE" width="600" height="700"> </div> </div> <!-- Product Buy Area (Right - Sticky) --> <div class="product-buy-column"> <div class="p-header"> <div class="p-status"> <span class="badge badge-limited">LIMITED DROPS / 150 PIECES</span> </div> <h1 class="p-title">VORTEX NEO-FUTURE HOODIE</h1> <div class="p-pricing"> <span class="p-price">฿2,490</span> <span class="p-price-old">฿2,990</span> <span class="badge badge-new" style="background: var(--accent-green); color: #000;">SAVE ฿500</span> </div> <div class="p-rating"> <div class="stars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star-half-stroke"></i> </div> <span class="stars-count">(48 reviews)</span> </div> </div> <!-- Social Proof Widget --> <div class="p-social-proof"> <i class="fa-solid fa-fire-flame-simple"></i> <span>มีคนกำลังเลือกดูและสนใจสินค้านี้ 12 คนอยู่ในขณะนี้</span> </div> <!-- Size Selection --> <div class="option-group"> <div class="option-header"> <span class="option-label">SELECT SIZE:</span> <span class="size-guide-link" id="size-guide-toggle"><i class="fa-solid fa-ruler-horizontal"></i> SIZE GUIDE</span> </div> <div class="size-options"> <button class="size-btn">S</button> <button class="size-btn active">M</button> <button class="size-btn">L</button> <button class="size-btn">XL</button> <button class="size-btn">XXL</button> </div> </div> <!-- Quantity Selection --> <div class="option-group"> <span class="option-label" style="display: block; margin-bottom: 12px;">QUANTITY:</span> <div class="qty-input-group"> <button class="qty-btn" id="qty-minus" aria-label="Decrease Quantity"><i class="fa-solid fa-minus"></i></button> <div class="qty-val" id="qty-value">1</div> <button class="qty-btn" id="qty-plus" aria-label="Increase Quantity"><i class="fa-solid fa-plus"></i></button> </div> </div> <!-- Buy Buttons --> <div class="buy-actions"> <button class="neon-btn-orange" id="add-to-bag-btn"> <i class="fa-solid fa-bag-shopping"></i> ADD TO BAG </button> <button class="wishlist-btn" aria-label="Add to Wishlist"> <i class="fa-regular fa-heart"></i> </button> </div> <!-- Key Specs List --> <div class="p-features-grid"> <div class="p-feature-item"> <i class="fa-solid fa-shield-halved"></i> <span>30-Day Size Exchange</span> </div> <div class="p-feature-item"> <i class="fa-solid fa-lock"></i> <span>Secure 256-bit Payment</span> </div> <div class="p-feature-item"> <i class="fa-solid fa-circle-check"></i> <span>Original 3M Reflector Art</span> </div> <div class="p-feature-item"> <i class="fa-solid fa-truck"></i> <span>Delivered in 2-3 Days</span> </div> </div> <!-- Accordions (Detailed Info) --> <div class="details-accordion"> <!-- Item 1 --> <div class="accordion-item active"> <button class="accordion-trigger">DESCRIPTION <i class="fa-solid fa-chevron-down"></i></button> <div class="accordion-content"> <p>ยกระดับแฟชั่นสตรีทของคุณด้วยฮู้ดดี้รุ่น "NEO-FUTURE" จาก VORTEX ลายสกรีนออริจินัลสุดล้ำที่ผสมผสานความขบถแนวสตรีทเข้ากับกลิ่นอาย Cyberpunk เรืองแสงสะท้อนแสงด้วยวัสดุ 3M สัมผัสความพิเศษด้วยดีไซน์ทรง Oversized ทันสมัย แมทช์ง่ายกับทุกลุค</p> </div> </div> <!-- Item 2 --> <div class="accordion-item"> <button class="accordion-trigger">MATERIALS & FIT <i class="fa-solid fa-chevron-down"></i></button> <div class="accordion-content"> <ul> <li>ผลิตจาก Cotton Premium 100% (French Terry) น้ำหนักผ้าหนา 320g</li> <li>ทรง Oversized Fit ไหล่ตกสไตล์สตรีทแวร์</li> <li>งานสกรีนความร้อนระบบ High-Density ลายคมชัดสูงและทนทานเป็นพิเศษ</li> <li>ควรซักมือหรือใส่ถุงซักถนอมผ้า กลับด้านเสื้อก่อนซัก ห้ามรีดทับลายสกรีนโดยตรง</li> </ul> </div> </div> <!-- Item 3 --> <div class="accordion-item"> <button class="accordion-trigger">SHIPPING & RETURNS <i class="fa-solid fa-chevron-down"></i></button> <div class="accordion-content"> <p>จัดส่งพัสดุด่วน EMS/Flash ฟรีทั่วประเทศไทยสำหรับการสั่งช็อปที่เกิน 1,500 บาท หากยอดไม่ถึง ค่าบริการคงที่ 50 บาท สินค้าเตรียมจัดส่งภายใน 24 ชม. หลังจากชำระเงินเรียบร้อย</p> <p style="margin-top: 8px;">รับเปลี่ยนไซส์สินค้าได้ฟรีภายใน 30 วันนับจากวันที่ได้รับของ โดยสินค้าต้องอยู่ในสภาพเดิม ป้ายแบรนด์สินค้ายังไม่ถูกตัด และไม่ผ่านการซัก</p> </div> </div> </div> </div> </div> <!-- COMPLETE THE LOOK (Cross-sell Section) --> <section class="cross-sell-section"> <h3 class="cross-sell-header">COMPLETE THE LOOK</h3> <div class="cross-sell-grid"> <!-- Bundle items list --> <div class="look-bundle"> <!-- Hoodie (Main) --> <div class="bundle-item"> <img src="https://images.unsplash.com/photo-1556821840-3a63f95609a7?q=80&w=150&auto=format&fit=crop" class="bundle-img" alt="Main Hoodie"> <div class="bundle-info"> <h4 class="bundle-name">VORTEX NEO-FUTURE HOODIE</h4> <div class="bundle-meta">SIZE: M (SELECTED)</div> <div class="bundle-price">฿2,490</div> </div> </div> <!-- Cargo Pants --> <div class="bundle-item"> <img src="https://images.unsplash.com/photo-1517423568366-8b83523034fd?q=80&w=150&auto=format&fit=crop" class="bundle-img" alt="Cargo Pants"> <div class="bundle-info"> <h4 class="bundle-name">VORTEX NEON CARGO PANTS</h4> <div class="bundle-meta">SIZE: 32</div> <div class="bundle-price">฿1,890</div> </div> </div> <!-- Beanie --> <div class="bundle-item"> <img src="https://images.unsplash.com/photo-1576871337632-b9aef4c17ab9?q=80&w=150&auto=format&fit=crop" class="bundle-img" alt="Beanie"> <div class="bundle-info"> <h4 class="bundle-name">ACID WASH ORANGE BEANIE</h4> <div class="bundle-meta">SIZE: FREE SIZE</div> <div class="bundle-price">฿790</div> </div> </div> </div> <!-- Bundle Checkout Box --> <div class="look-checkout-card"> <div class="bundle-total"> <span class="bundle-total-label">BUNDLE TOTAL (3 ITEMS):</span> <span class="bundle-total-price">฿4,500</span> </div> <div class="bundle-savings"> <i class="fa-solid fa-tag"></i> คุ้มกว่า! ประหยัดทันที ฿670 เมื่อซื้อทั้งชุดนี้ (ราคาปกติ ฿5,170) </div> <button class="neon-btn-orange" id="add-bundle-btn" style="width: 100%;"> ADD BUNDLE TO BAG (SAVE ฿670) </button> </div> </div> </section> <!-- CUSTOMER REVIEWS --> <section style="margin-top: 100px; padding-top: 60px; border-top: 1px solid var(--border-color);"> <h2 class="section-title">REVIEWS (48)</h2> <div style="display: grid; grid-template-columns: 1fr 2fr; gap: 48px; margin-top: 40px;" class="cross-sell-grid"> <!-- Rating Stats --> <div> <h3 style="font-family: var(--font-heading); font-size: 3.5rem; font-weight: 800; line-height: 1;">4.8</h3> <div class="stars" style="font-size: 1.25rem; margin: 12px 0;"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star-half-stroke"></i> </div> <p style="color: var(--text-secondary); margin-bottom: 24px;">98% of customers recommend this product</p> <!-- Rating Bars --> <div style="display: flex; flex-direction: column; gap: 8px;"> <div style="display: flex; align-items: center; gap: 12px; font-size: 0.85rem;"> <span style="width: 40px;">5 Stars</span> <div style="flex-grow: 1; height: 6px; background: rgba(255,255,255,0.05); border-radius: 3px; overflow: hidden;"> <div style="width: 85%; height: 100%; background: var(--accent-orange);"></div> </div> <span style="width: 30px; text-align: right;">85%</span> </div> <div style="display: flex; align-items: center; gap: 12px; font-size: 0.85rem;"> <span style="width: 40px;">4 Stars</span> <div style="flex-grow: 1; height: 6px; background: rgba(255,255,255,0.05); border-radius: 3px; overflow: hidden;"> <div style="width: 10%; height: 100%; background: var(--accent-orange);"></div> </div> <span style="width: 30px; text-align: right;">10%</span> </div> <div style="display: flex; align-items: center; gap: 12px; font-size: 0.85rem;"> <span style="width: 40px;">3 Stars</span> <div style="flex-grow: 1; height: 6px; background: rgba(255,255,255,0.05); border-radius: 3px; overflow: hidden;"> <div style="width: 3%; height: 100%; background: var(--accent-orange);"></div> </div> <span style="width: 30px; text-align: right;">3%</span> </div> <div style="display: flex; align-items: center; gap: 12px; font-size: 0.85rem;"> <span style="width: 40px;">2 Stars</span> <div style="flex-grow: 1; height: 6px; background: rgba(255,255,255,0.05); border-radius: 3px; overflow: hidden;"> <div style="width: 2%; height: 100%; background: var(--accent-orange);"></div> </div> <span style="width: 30px; text-align: right;">2%</span> </div> <div style="display: flex; align-items: center; gap: 12px; font-size: 0.85rem;"> <span style="width: 40px;">1 Star</span> <div style="flex-grow: 1; height: 6px; background: rgba(255,255,255,0.05); border-radius: 3px; overflow: hidden;"> <div style="width: 0%; height: 100%; background: var(--accent-orange);"></div> </div> <span style="width: 30px; text-align: right;">0%</span> </div> </div> </div> <!-- User Comments --> <div style="display: flex; flex-direction: column; gap: 32px;"> <!-- Review 1 --> <div style="border-bottom: 1px solid var(--border-color); padding-bottom: 24px;"> <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;"> <div> <h4 style="font-family: var(--font-heading); font-weight: 700; text-transform: uppercase;">ธนพล ม.</h4> <div class="stars" style="font-size: 0.8rem; margin-top: 4px;"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> </div> </div> <span style="color: var(--text-muted); font-size: 0.85rem;">1 week ago</span> </div> <p style="color: var(--text-secondary); font-size: 0.95rem; margin-bottom: 12px;">เนื้อผ้าหนา นุ่ม มีน้ำหนักดีมากกก ทรง Oversized สวยมาก ไหล่ตกกำลังดีเลย ลายสกรีนสะท้อนแสงตอนเจอแฟลชเท่มากสุดๆ แนะนำครับส่งไวมาก สั่งวันเดียวถึง</p> <div style="display: flex; gap: 12px;"> <img src="https://images.unsplash.com/photo-1556821840-410a56d4fb9a?q=80&w=100&auto=format&fit=crop" style="width: 60px; height: 70px; object-fit: cover; border-radius: 4px;" alt="Review photo"> </div> </div> <!-- Review 2 --> <div style="border-bottom: 1px solid var(--border-color); padding-bottom: 24px;"> <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;"> <div> <h4 style="font-family: var(--font-heading); font-weight: 700; text-transform: uppercase;">PIMNARA K.</h4> <div class="stars" style="font-size: 0.8rem; margin-top: 4px;"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> </div> </div> <span style="color: var(--text-muted); font-size: 0.85rem;">2 weeks ago</span> </div> <p style="color: var(--text-secondary); font-size: 0.95rem;">เราสูง 162 ใส่ไซส์ M แล้วหลวมตัวใหญ่แบบเก๋ๆ ใส่สบายมาก ผ้าอุ่นกำลังดี ดีไซน์สวยไม่ซ้ำใครเลยค่ะ คุ้มค่าราคาสุดๆ เดี๋ยวจะมาสั่ง Beanie สีส้มคู่กัน</p> </div> </div> </div> </section> </main> <!-- NEWSLETTER --> <section class="newsletter-section"> <div class="container newsletter-container"> <h2 class="newsletter-title text-gradient">JOIN THE RESISTANCE</h2> <p class="newsletter-desc">สมัครรับจดหมายข่าวของเราเพื่อเป็นคนแรกที่จะได้รับอัปเดตเกี่ยวกับ Exclusive Drops, คูปองส่วนลดพิเศษ 10% สำหรับการสั่งซื้อครั้งแรก และคอนเทนต์แฟชั่นสุดเอ็กซ์คลูซีฟ</p> <form class="newsletter-form" onsubmit="event.preventDefault(); alert('ขอบคุณที่เข้าร่วมคลับ VORTEX!');"> <input type="email" placeholder="YOUR EMAIL ADDRESS..." class="newsletter-input" required> <button type="submit" class="neon-btn-orange">SUBSCRIBE</button> </form> </div> </section> <!-- FOOTER --> <footer class="main-footer"> <div class="container footer-grid"> <div class="footer-brand"> <h3>VORTEX<span>.</span></h3> <p>แบรนด์เสื้อผ้าแนวสตรีทระดับพรีเมียมที่รังสรรค์ด้วยความขบถและศิลปะแนว Cyberpunk-Streetwear ดีไซน์เพื่อสะท้อนความแปลกใหม่ ทลายกรอบแฟชั่นเดิมๆ</p> <div class="social-links"> <a href="#" class="social-icon" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a> <a href="#" class="social-icon" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a> <a href="#" class="social-icon" aria-label="TikTok"><i class="fa-brands fa-tiktok"></i></a> </div> </div> <div> <h4 class="footer-title">SHOP</h4> <ul class="footer-links"> <li><a href="index.html">NEW DROPS</a></li> <li><a href="#">TOPS & HOODIES</a></li> <li><a href="#">BOTTOMS</a></li> <li><a href="#">ACCESSORIES</a></li> </ul> </div> <div> <h4 class="footer-title">HELP</h4> <ul class="footer-links"> <li><a href="#">CONTACT US</a></li> <li><a href="#">SHIPPING & RETURNS</a></li> <li><a href="#">SIZE CHART</a></li> <li><a href="#">SECURE PAYMENT</a></li> </ul> </div> <div> <h4 class="footer-title">CONTACT VORTEX</h4> <ul class="footer-contact"> <li><i class="fa-solid fa-location-dot"></i> 88 Vortex Street, Sukhumvit Rd, Bangkok, Thailand</li> <li><i class="fa-solid fa-phone"></i> +66 (0) 2 123 4567</li> <li><i class="fa-solid fa-envelope"></i> contact@vortexstreetwear.com</li> </ul> </div> </div> <div class="container footer-bottom"> <p class="copyright">© 2026 VORTEX STREETWEAR. ALL RIGHTS RESERVED.</p> <div class="payment-methods"> <i class="fa-brands fa-cc-visa" title="Visa"></i> <i class="fa-brands fa-cc-mastercard" title="Mastercard"></i> <i class="fa-brands fa-cc-stripe" title="Stripe"></i> <i class="fa-solid fa-qrcode" title="Thai QR Payment"></i> </div> </div> </footer> <!-- SIDEBAR MINI CART --> <div class="cart-backdrop" id="cart-backdrop"></div> <div class="cart-sidebar" id="cart-sidebar"> <div class="cart-header"> <h3 class="cart-title">YOUR BAG (<span id="cart-sidebar-count">0</span>)</h3> <button class="close-cart-btn" id="close-cart" aria-label="Close Cart"><i class="fa-solid fa-xmark"></i></button> </div> <div class="cart-items-list" id="cart-items-container"> <!-- Items will be dynamically rendered here via app.js --> <div class="empty-cart-message" style="text-align: center; margin-top: 40px; color: var(--text-muted);"> <i class="fa-solid fa-bag-shopping" style="font-size: 3rem; margin-bottom: 16px; display: block; color: rgba(255,255,255,0.05)"></i> BAG IS EMPTY </div> </div> <div class="cart-footer"> <div class="cart-summary-line"> <span>SUBTOTAL</span> <span id="cart-subtotal">฿0</span> </div> <div class="cart-summary-line"> <span>SHIPPING</span> <span id="cart-shipping" style="color: var(--accent-green); font-weight: 700;">FREE</span> </div> <div class="cart-summary-line total"> <span>TOTAL</span> <span id="cart-total">฿0</span> </div> <button class="neon-btn-orange checkout-btn" onclick="alert('กำลังเข้าสู่ระบบชำระเงินจำลอง...');">SECURE CHECKOUT</button> </div> </div> <!-- SIZE GUIDE MODAL --> <div class="modal-backdrop" id="size-guide-modal"> <div class="modal-container"> <button class="close-modal-btn" id="close-modal" aria-label="Close Size Guide"><i class="fa-solid fa-xmark"></i></button> <h3 class="modal-title">HOODIE SIZE GUIDE</h3> <p style="color: var(--text-secondary); margin-bottom: 20px;">สัดส่วนของเสื้อทรง Oversized Fit (นิ้ว) แนะนำให้เลือกไซส์ตรงกับหุ่นเพื่อความพอดีแบบโอเวอร์ไซส์ตามปกติ</p> <table class="size-table"> <thead> <tr> <th>SIZE</th> <th>CHEST (รอบอก)</th> <th>LENGTH (ความยาว)</th> <th>SLEEVE (ความยาวแขน)</th> </tr> </thead> <tbody> <tr> <td>S</td> <td>46"</td> <td>27"</td> <td>23.5"</td> </tr> <tr> <td>M</td> <td>48"</td> <td>28"</td> <td>24.5"</td> </tr> <tr> <td>L</td> <td>50"</td> <td>29"</td> <td>25.5"</td> </tr> <tr> <td>XL</td> <td>52"</td> <td>30"</td> <td>26.5"</td> </tr> <tr> <td>XXL</td> <td>54"</td> <td>31"</td> <td>27.5"</td> </tr> </tbody> </table> </div> </div> <!-- AUTHENTICATION MODAL (LOGIN/REGISTER) --> <div class="auth-modal-backdrop" id="auth-modal"> <div class="auth-modal-container"> <button class="close-modal-btn" id="close-auth-modal" aria-label="Close Modal"><i class="fa-solid fa-xmark"></i></button> <div class="auth-tabs"> <button class="auth-tab-btn active" id="tab-login">LOGIN</button> <button class="auth-tab-btn" id="tab-register">REGISTER</button> </div> <!-- Login Form --> <div class="auth-form-wrapper active" id="form-login-container"> <form id="login-form"> <div class="auth-input-group"> <label class="auth-label" for="login-email">EMAIL ADDRESS</label> <input type="email" id="login-email" class="auth-input" placeholder="REBEL@VORTEX.COM" required> </div> <div class="auth-input-group"> <label class="auth-label" for="login-password">PASSWORD</label> <input type="password" id="login-password" class="auth-input" placeholder="••••••••" required> </div> <button type="submit" class="neon-btn-orange auth-submit-btn">ENTER VORTEX</button> </form> </div> <!-- Register Form --> <div class="auth-form-wrapper" id="form-register-container"> <form id="register-form"> <div class="auth-input-group"> <label class="auth-label" for="reg-name">YOUR NAME</label> <input type="text" id="reg-name" class="auth-input" placeholder="NEO REBEL" required> </div> <div class="auth-input-group"> <label class="auth-label" for="reg-email">EMAIL ADDRESS</label> <input type="email" id="reg-email" class="auth-input" placeholder="REBEL@VORTEX.COM" required> </div> <div class="auth-input-group"> <label class="auth-label" for="reg-password">PASSWORD</label> <input type="password" id="reg-password" class="auth-input" placeholder="••••••••" required> </div> <button type="submit" class="neon-btn-orange auth-submit-btn">JOIN RESISTANCE</button> </form> </div> <div class="social-login-separator">OR CONNECT WITH</div> <div class="social-login-grid"> <button class="social-login-btn" type="button" id="social-google-btn"> <i class="fa-brands fa-google"></i> GOOGLE </button> <button class="social-login-btn" type="button" id="social-apple-btn"> <i class="fa-brands fa-apple"></i> APPLE </button> </div> </div> </div> <!-- NOTIFICATION TOAST --> <div class="notification-toast" id="toast"> <i class="fa-solid fa-circle-check"></i> <span class="notification-text" id="toast-text">ADDED TO BAG!</span> </div> <!-- JavaScript --> <script src="app.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.3 |
proxy
|
phpinfo
|
Settings