body { margin: 0; font-family: ‘Poppins’, sans-serif; background: #fff; color: #111; overflow-x: hidden; } .product-page { display: flex; flex-wrap: wrap; padding: 30px 5%; gap: 30px; align-items: flex-start; } .left-gallery { flex: 1; min-width: 320px; display: flex; gap: 20px; } .thumbnails { display: flex; flex-direction: column; gap: 10px; overflow-y: auto; max-height: 80vh; } .thumbnails img, .thumbnails video { width: 70px; height: 70px; object-fit: cover; border: 2px solid #ddd; border-radius: 6px; cursor: pointer; transition: border 0.2s; } .thumbnails img:hover, .thumbnails video:hover { border-color: #4facfe; } .main-image { position: relative; flex: 1; display: flex; align-items: center; justify-content: center; background: #fafafa; border: 1px solid #eee; border-radius: 10px; min-height: 400px; } .main-image img, .main-image video { max-width: 100%; max-height: 80vh; object-fit: contain; transition: transform 0.3s ease; } .zoom-btns { position: absolute; top: 15px; right: 15px; display: flex; flex-direction: column; gap: 8px; } .zoom-btn { background: linear-gradient(135deg, #00f2fe, #4facfe); border: none; border-radius: 50%; width: 35px; height: 35px; color: white; font-size: 18px; font-weight: 700; cursor: pointer; box-shadow: 0 2px 6px rgba(0,0,0,0.2); } .product-details { flex: 1.2; min-width: 300px; } .product-details h1 { font-size: 24px; font-weight: 600; color: #222; } .product-price { font-size: 26px; font-weight: 700; color: #388e3c; margin: 10px 0; } .product-details ul { margin: 15px 0; padding-left: 20px; } .product-details ul li { line-height: 1.8; } .buttons { display: flex; gap: 15px; margin-top: 30px; flex-wrap: wrap; } .btn { text-decoration: none !important; padding: 14px 30px; font-weight: 700; border-radius: 8px; text-align: center; cursor: pointer; color: #fff; border: none; background-size: 200% auto; transition: all 0.4s ease; box-shadow: 0 4px 8px rgba(0,0,0,0.15); } .btn:hover { background-position: right center; transform: scale(1.05); } .buy-now { background-image: linear-gradient(to right, #ff512f, #dd2476, #ff512f); } .add-cart { background-image: linear-gradient(to right, #ff9f00, #ff7b00, #ff9f00); } .details-btn { background-image: linear-gradient(to right, #00b09b, #96c93d, #00b09b); } .divider { width: 90%; height: 4px; background: linear-gradient(90deg, #00f2fe, #4facfe, #ff512f); border-radius: 3px; margin: 40px auto; } /* WhatsApp Floating Icon */ .whatsapp-float { position: fixed; right: 20px; bottom: 80px; background: #25D366; color: #fff; font-size: 28px; width: 60px; height: 60px; text-align: center; border-radius: 50%; line-height: 60px; z-index: 1000; box-shadow: 0 4px 8px rgba(0,0,0,0.3); transition: transform 0.3s; } .whatsapp-float:hover { transform: scale(1.1); } @media (max-width: 992px) { .product-page { flex-direction: column; align-items: center; } .left-gallery { flex-direction: column; align-items: center; } .thumbnails { flex-direction: row; overflow-x: auto; max-height: none; } .thumbnails img, .thumbnails video { width: 60px; height: 60px; } .main-image img, .main-image video { max-height: 60vh; } } 💬

+ −

Dell Latitude 5490 (8GB RAM / 256GB SSD / Windows 11)

₹36,500 (Incl. all taxes)

• Intel Core i5 8th Gen Processor
• 8 GB DDR4 RAM | 256 GB SSD Storage
• 14-inch Full HD Display
• Windows 11 Pro Installed
• 1 Year Warranty

⚡ BUY NOW 🛒 ADD TO CART ℹ️ DETAILS

+ −

HP EliteBook 840 G5 (16GB RAM / 512GB SSD / Windows 11)

₹42,990

• Intel Core i7 8th Gen
• 16 GB RAM | 512 GB SSD
• 14-inch Full HD Display

⚡ BUY NOW 🛒 ADD TO CART ℹ️ DETAILS

+ −

Dell Latitude 5490 (8GB RAM / 256GB SSD / Windows 11)

₹36,500 (Incl. all taxes)

• Intel Core i5 8th Gen Processor
• 8 GB DDR4 RAM | 256 GB SSD Storage
• 14-inch Full HD Display
• Windows 11 Pro Installed
• 1 Year Warranty

⚡ BUY NOW 🛒 ADD TO CART ℹ️ DETAILS

+ −

Dell Latitude 5490 (8GB RAM / 256GB SSD / Windows 11)

₹36,500 (Incl. all taxes)

• Intel Core i5 8th Gen Processor
• 8 GB DDR4 RAM | 256 GB SSD Storage
• 14-inch Full HD Display
• Windows 11 Pro Installed
• 1 Year Warranty

⚡ BUY NOW 🛒 ADD TO CART ℹ️ DETAILS

+ −

Dell Latitude 5490 (8GB RAM / 256GB SSD / Windows 11)

₹36,500 (Incl. all taxes)

• Intel Core i5 8th Gen Processor
• 8 GB DDR4 RAM | 256 GB SSD Storage
• 14-inch Full HD Display
• Windows 11 Pro Installed
• 1 Year Warranty

⚡ BUY NOW 🛒 ADD TO CART ℹ️ DETAILS

function showImage(el, id) { const mainDisplay = document.getElementById(`mainDisplay-${id}`); mainDisplay.innerHTML = ` `; } function showVideo(el, id) { const mainDisplay = document.getElementById(`mainDisplay-${id}`); mainDisplay.innerHTML = ``; } function zoomIn(id) { const img = document.getElementById(`mainImg-${id}`); if (img) { let scale = parseFloat(img.dataset.scale || 1); scale += 0.2; img.dataset.scale = scale; img.style.transform = `scale(${scale})`; } } function zoomOut(id) { const img = document.getElementById(`mainImg-${id}`); if (img) { let scale = parseFloat(img.dataset.scale || 1); if (scale > 0.4) scale -= 0.2; img.dataset.scale = scale; img.style.transform = `scale(${scale})`; } }

body { margin: 0; font-family: Arial, sans-serif; background: #f5f5f5; } .products { display: grid; grid-template-columns: repeat(4, 1fr); /* Always 4 columns */ gap: 20px; margin: 20px auto; max-width: 1400px; } .product { border: 1px solid #ddd; padding: 12px; text-align: center; border-radius: 8px; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.08); } .product img { width: 100%; height: 160px; object-fit: contain; margin-bottom: 8px; } .product h3 { font-size: 15px; margin: 5px 0; color: #222; } .buttons { display: flex; justify-content: center; gap: 6px; margin-top: 8px; } .buttons button { padding: 6px 10px; font-size: 12px; border: none; border-radius: 4px; cursor: pointer; color: #fff; } .buy { background: green; } .cart { background: blue; } .details { background: black; } h2 { text-align: left; margin: 30px 0 15px 0; font-size: 20px; color: #111; }

Available Laptop Models

body{ margin:0; font-family:Arial, sans-serif; background:#fff; color:#333; } .hero{ display:flex; align-items:center; justify-content:space-between; background:#00275e; padding:60px 10%; color:#fff; flex-wrap:wrap; } .hero-text{ flex:1; min-width:280px; margin-bottom:30px; } .hero-text h1{ font-size:clamp(34px,5vw,70px); font-weight:900; line-height:1.4; background:linear-gradient(90deg, red, orange, yellow, lime, cyan, blue, violet); -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-shadow:4px 4px 10px rgba(0,0,0,0.8),0 0 20px rgba(255,255,255,0.8),0 0 40px rgba(255,255,255,0.6); } .hero-text h1 span{ display:block; margin-bottom:28px; } .hero-image{ flex:1; min-width:250px; text-align:center; } .hero-image img{ width:100%; max-width:320px; border-radius:25px; } .form-section{ background:#fff; padding:30px; max-width:900px; margin:-50px auto 40px auto; border-radius:12px; box-shadow:0 4px 15px rgba(0,0,0,0.15); position:relative; z-index:10; } .form-section h2{ font-size:clamp(18px,2.5vw,22px); margin-bottom:20px; font-weight:600; } .form-row{ display:flex; gap:15px; margin-bottom:20px; flex-wrap:wrap; } .form-row input{ flex:1; min-width:200px; padding:12px 15px; border-radius:6px; border:1px solid #ccc; font-size:14px; } .submit-btn{ background:#c8102e; color:white; padding:12px 30px; border:none; border-radius:6px; font-size:16px; font-weight:bold; cursor:pointer; transition:0.3s; width:100%; max-width:200px; } .submit-btn:disabled{ opacity:0.6; cursor:default; } .form-message{ margin-top:12px; padding:12px 15px; border-radius:8px; display:none; } .form-message.success{ background:#e6ffef; color:#064e2a; border:1px solid #8af0b0; display:block; } .form-message.error{ background:#fff0f0; color:#6b0b0b; border:1px solid #f1a0a0; display:block; } .error-text{ color:#b00020; font-size:12px; margin-top:5px; display:none; } @media(max-width:1024px){ .hero{ padding:40px 6%; } } @media(max-width:768px){ .hero{ flex-direction:column; text-align:center; } .hero-text{ margin-bottom:20px; } .hero-image img{ max-width:250px; } } @media(max-width:480px){ .hero-text h1{ font-size:30px; } .hero-image img{ max-width:200px; } }

Apne Work Ko SKIP Nahi Continue Karo!

Want to know more about Available Laptops, Desktops and printers

Please enter a valid name (letters only).

Enter a valid 10-digit Indian mobile number.

Please enter a valid email address.

SUBMIT

By entering your personal details, you hereby authorize LappyZoo and/or its authorized service provider(s) to contact you and this will override any NDNC registration made by you.

(function(){ const form = document.getElementById(‘leadForm’); const submitBtn = document.getElementById(‘submitBtn’); const msgBox = document.getElementById(‘formMessage’); const nameInput = form.querySelector(‘[name=”name”]’); const phoneInput = form.querySelector(‘[name=”phone”]’); const emailInput = form.querySelector(‘[name=”email”]’); const nameError = document.getElementById(‘nameError’); const phoneError = document.getElementById(‘phoneError’); const emailError = document.getElementById(’emailError’); function validateName() { const nameRegex = /^[A-Za-z\s]+$/; if (!nameRegex.test(nameInput.value.trim())) { nameError.style.display = ‘block’; return false; } nameError.style.display = ‘none’; return true; } function validatePhone() { const phoneRegex = /^[6-9]\d{9}$/; if (!phoneRegex.test(phoneInput.value.trim())) { phoneError.style.display = ‘block’; return false; } phoneError.style.display = ‘none’; return true; } function validateEmail() { const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; if (!emailRegex.test(emailInput.value.trim())) { emailError.style.display = ‘block’; return false; } emailError.style.display = ‘none’; return true; } form.addEventListener(‘submit’, async function(e){ e.preventDefault(); const validName = validateName(); const validPhone = validatePhone(); const validEmail = validateEmail(); if (!validName || !validPhone || !validEmail) { return; } if (form.querySelector(‘[name=”_gotcha”]’).value) { return; } const fd = new FormData(form); if (fd.get(’email’)) fd.set(‘_replyto’, fd.get(’email’)); submitBtn.disabled = true; const origText = submitBtn.textContent; submitBtn.textContent = ‘Sending…’; try { const res = await fetch(form.action, { method: form.method, body: fd, headers: { ‘Accept’: ‘application/json’ } }); if (res.ok) { msgBox.className = ‘form-message success’; msgBox.textContent = ‘Thank you — your details have been submitted successfully!’; form.reset(); } else { let data; try { data = await res.json(); } catch(e){ data = null; } msgBox.className = ‘form-message error’; msgBox.textContent = (data && data.error) ? data.error : ‘Submission failed — please try again later.’; } } catch (err) { msgBox.className = ‘form-message error’; msgBox.textContent = ‘Network error — please check your connection and try again.’; } finally { submitBtn.disabled = false; submitBtn.textContent = origText; } }); nameInput.addEventListener(‘input’, validateName); phoneInput.addEventListener(‘input’, validatePhone); emailInput.addEventListener(‘input’, validateEmail); })();

Available Desktop Models

body{ margin:0; font-family:Arial, sans-serif; background:#fff; color:#333; } .hero{ display:flex; align-items:center; justify-content:space-between; background:#00275e; padding:60px 10%; color:#fff; flex-wrap:wrap; } .hero-text{ flex:1; min-width:280px; margin-bottom:30px; } .hero-text h1{ font-size:clamp(34px,5vw,70px); font-weight:900; line-height:1.4; background:linear-gradient(90deg, red, orange, yellow, lime, cyan, blue, violet); -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-shadow:4px 4px 10px rgba(0,0,0,0.8),0 0 20px rgba(255,255,255,0.8),0 0 40px rgba(255,255,255,0.6); } .hero-text h1 span{ display:block; margin-bottom:28px; } .hero-image{ flex:1; min-width:250px; text-align:center; } .hero-image img{ width:100%; max-width:320px; border-radius:25px; } .form-section{ background:#fff; padding:30px; max-width:900px; margin:-50px auto 40px auto; border-radius:12px; box-shadow:0 4px 15px rgba(0,0,0,0.15); position:relative; z-index:10; } .form-section h2{ font-size:clamp(18px,2.5vw,22px); margin-bottom:20px; font-weight:600; } .form-row{ display:flex; gap:15px; margin-bottom:20px; flex-wrap:wrap; } .form-row input{ flex:1; min-width:200px; padding:12px 15px; border-radius:6px; border:1px solid #ccc; font-size:14px; } .submit-btn{ background:#c8102e; color:white; padding:12px 30px; border:none; border-radius:6px; font-size:16px; font-weight:bold; cursor:pointer; transition:0.3s; width:100%; max-width:200px; } .submit-btn:disabled{ opacity:0.6; cursor:default; } .form-message{ margin-top:12px; padding:12px 15px; border-radius:8px; display:none; } .form-message.success{ background:#e6ffef; color:#064e2a; border:1px solid #8af0b0; display:block; } .form-message.error{ background:#fff0f0; color:#6b0b0b; border:1px solid #f1a0a0; display:block; } .error-text{ color:#b00020; font-size:12px; margin-top:5px; display:none; } @media(max-width:1024px){ .hero{ padding:40px 6%; } } @media(max-width:768px){ .hero{ flex-direction:column; text-align:center; } .hero-text{ margin-bottom:20px; } .hero-image img{ max-width:250px; } } @media(max-width:480px){ .hero-text h1{ font-size:30px; } .hero-image img{ max-width:200px; } }

Apne Work Ko SKIP Nahi Continue Karo!

Want to know more about Available Laptops, Desktops and printers

Please enter a valid name (letters only).

Enter a valid 10-digit Indian mobile number.

Please enter a valid email address.

SUBMIT

By entering your personal details, you hereby authorize LappyZoo and/or its authorized service provider(s) to contact you and this will override any NDNC registration made by you.

(function(){ const form = document.getElementById(‘leadForm’); const submitBtn = document.getElementById(‘submitBtn’); const msgBox = document.getElementById(‘formMessage’); const nameInput = form.querySelector(‘[name=”name”]’); const phoneInput = form.querySelector(‘[name=”phone”]’); const emailInput = form.querySelector(‘[name=”email”]’); const nameError = document.getElementById(‘nameError’); const phoneError = document.getElementById(‘phoneError’); const emailError = document.getElementById(’emailError’); function validateName() { const nameRegex = /^[A-Za-z\s]+$/; if (!nameRegex.test(nameInput.value.trim())) { nameError.style.display = ‘block’; return false; } nameError.style.display = ‘none’; return true; } function validatePhone() { const phoneRegex = /^[6-9]\d{9}$/; if (!phoneRegex.test(phoneInput.value.trim())) { phoneError.style.display = ‘block’; return false; } phoneError.style.display = ‘none’; return true; } function validateEmail() { const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; if (!emailRegex.test(emailInput.value.trim())) { emailError.style.display = ‘block’; return false; } emailError.style.display = ‘none’; return true; } form.addEventListener(‘submit’, async function(e){ e.preventDefault(); const validName = validateName(); const validPhone = validatePhone(); const validEmail = validateEmail(); if (!validName || !validPhone || !validEmail) { return; } if (form.querySelector(‘[name=”_gotcha”]’).value) { return; } const fd = new FormData(form); if (fd.get(’email’)) fd.set(‘_replyto’, fd.get(’email’)); submitBtn.disabled = true; const origText = submitBtn.textContent; submitBtn.textContent = ‘Sending…’; try { const res = await fetch(form.action, { method: form.method, body: fd, headers: { ‘Accept’: ‘application/json’ } }); if (res.ok) { msgBox.className = ‘form-message success’; msgBox.textContent = ‘Thank you — your details have been submitted successfully!’; form.reset(); } else { let data; try { data = await res.json(); } catch(e){ data = null; } msgBox.className = ‘form-message error’; msgBox.textContent = (data && data.error) ? data.error : ‘Submission failed — please try again later.’; } } catch (err) { msgBox.className = ‘form-message error’; msgBox.textContent = ‘Network error — please check your connection and try again.’; } finally { submitBtn.disabled = false; submitBtn.textContent = origText; } }); nameInput.addEventListener(‘input’, validateName); phoneInput.addEventListener(‘input’, validatePhone); emailInput.addEventListener(‘input’, validateEmail); })();  

Available Printer Models