pdilipkumar · pdilipkumar · Feb 12, 2026 · Feb 12, 2026
diff --git a/index.html b/index.html
@@ -1,2 +1,2 @@
-main branch change<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta content="width=device-width, initial-scale=1.0" name="viewport"/><title> NG Aluminium Interiors | Aluminium &amp; Glass Solutions </title><meta content="NG Aluminium Interiors - Premium Aluminium &amp; Glass Solutions in Hyderabad. Wardrobes, Modular Kitchens, Partitions, Windows &amp; more with expert craftsmanship." name="description"/><link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;600;700;800&amp;family=Poppins:wght@600;700&amp;display=swap" rel="stylesheet"/><style> :root { --bg: #ffffff; --text: #0b0b0b; --muted: #6b6b6b; --accent: #0ea5ff; --metal: linear-gradient(90deg,#d0d4d9,#f6f7f8); --card-shadow: 0 6px 20px rgba(11,11,11,0.06); --radius: 12px; --container: 1100px; --ng-yellow: #FFD700; --ng-black: #0b0b0b; --ng-white: #ffffff; --ng-gray: #f5f7fa; } body { font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, Arial; color: var(--text); background: var(--bg); line-height: 1.5; margin: 0; } a { text-decoration: none; color: inherit; } img { max-width: 100%; display: block; } .container { max-width: var(--container); margin: 0 auto; padding: 28px; } /* Header */ header { padding: 18px 0; background: var(--bg); position: fixed; width: 100%; top: 0; z-index: 1000; box-shadow: var(--card-shadow); } .nav { display: flex; align-items: center; justify-content: space-between; } .brand { display: flex; gap: 14px; align-items: center; } .logo { width: 56px; height: 56px; border-radius: 10px; background: var(--ng-yellow); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.2rem; color: var(--ng-black); } .nav-links { display: flex; gap: 22px; align-items: center; } .nav-links a { color: var(--muted); transition: color .3s; } .nav-links a:hover, .nav-links a.active { color: var(--ng-yellow); } .btn-primary { background: var(--ng-yellow); color: var(--ng-black) !important; padding: 10px 16px; border-radius: 8px; font-weight: 600; } .mobile-menu-btn { display: none; } /* Hero */ .hero { padding: 160px 0 100px; background: linear-gradient(135deg, var(--ng-gray) 0%, var(--bg) 100%); } .hero-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .hero h1 { font-family: 'Poppins', sans-serif; font-size: 48px; margin-bottom: 20px; } .hero p { font-size: 18px; color: var(--muted); margin-bottom: 30px; } .hero-buttons { display: flex; gap: 16px; } .btn-large { padding: 16px 36px; border-radius: 8px; font-weight: 600; font-size: 16px; } .btn-yellow { background: var(--ng-yellow); color: var(--ng-black); } .btn-outline { border: 2px solid var(--ng-black); color: var(--ng-black); background: transparent; } .btn-outline:hover { background: var(--ng-black); color: var(--ng-white); } /* Services Preview */ .services-preview { padding: 80px 0; background: var(--bg); text-align: center; } .services-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; margin-top: 40px; } .service-card { background: var(--ng-gray); padding: 30px; border-radius: 12px; box-shadow: var(--card-shadow); transition: all .3s ease; } .service-card:hover { transform: translateY(-6px); } .service-card h3 { margin: 16px 0 10px; } .service-card p { color: var(--muted); font-size: 15px; } /* Portfolio Preview */ .portfolio-preview { padding: 80px 0; background: #fafafa; } .portfolio-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 40px; } .portfolio-item { border-radius: 12px; overflow: hidden; height: 260px; position: relative; box-shadow: var(--card-shadow); cursor: pointer; } .portfolio-item img { width: 100%; height: 100%; object-fit: cover; } /* About Snippet */ .about-snippet { padding: 80px 0; background: var(--bg); text-align: center; } .about-snippet p { color: var(--muted); max-width: 700px; margin: 0 auto 30px; } /* Why Choose Us */ .why-choose { padding: 80px 0; background: var(--ng-yellow); text-align: center; } .why-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 30px; margin-top: 40px; } .why-card { background: var(--ng-white); padding: 30px; border-radius: 12px; box-shadow: var(--card-shadow); } .why-card h4 { margin-bottom: 10px; } .why-card p { color: var(--muted); font-size: 14px; } /* CTA */ .cta-section { padding: 80px 0; text-align: center; background: linear-gradient(135deg,var(--ng-gray) 0%,white 100%); } .cta-section h2 { font-size: 36px; margin-bottom: 20px; } /* Footer */ footer { border-top: 1px solid #eee; padding: 28px 0; } .footer-grid { display: flex; justify-content: space-between; align-items: center; } /* WhatsApp Button */ .whatsapp-btn { position: fixed; right: 18px; bottom: 18px; background: #25D366; border-radius: 50%; width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(37,211,102,0.18); z-index: 1000; } .whatsapp-btn img { width: 30px; } /* Responsive */ @media (max-width: 980px) { .hero-content { grid-template-columns: 1fr; text-align: center; } .services-grid, .portfolio-grid, .why-grid { grid-template-columns: 1fr; } .nav-links { display: none; } .mobile-menu-btn { display: block; background: var(--ng-yellow); border: none; padding: 8px 12px; border-radius: 6px; font-size: 1.2rem; cursor: pointer; } } img { width: 100%; height: 300px; object-fit: cover; border-radius: 10px;
+changing this to something else<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta content="width=device-width, initial-scale=1.0" name="viewport"/><title> NG Aluminium Interiors | Aluminium &amp; Glass Solutions </title><meta content="NG Aluminium Interiors - Premium Aluminium &amp; Glass Solutions in Hyderabad. Wardrobes, Modular Kitchens, Partitions, Windows &amp; more with expert craftsmanship." name="description"/><link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;600;700;800&amp;family=Poppins:wght@600;700&amp;display=swap" rel="stylesheet"/><style> :root { --bg: #ffffff; --text: #0b0b0b; --muted: #6b6b6b; --accent: #0ea5ff; --metal: linear-gradient(90deg,#d0d4d9,#f6f7f8); --card-shadow: 0 6px 20px rgba(11,11,11,0.06); --radius: 12px; --container: 1100px; --ng-yellow: #FFD700; --ng-black: #0b0b0b; --ng-white: #ffffff; --ng-gray: #f5f7fa; } body { font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, Arial; color: var(--text); background: var(--bg); line-height: 1.5; margin: 0; } a { text-decoration: none; color: inherit; } img { max-width: 100%; display: block; } .container { max-width: var(--container); margin: 0 auto; padding: 28px; } /* Header */ header { padding: 18px 0; background: var(--bg); position: fixed; width: 100%; top: 0; z-index: 1000; box-shadow: var(--card-shadow); } .nav { display: flex; align-items: center; justify-content: space-between; } .brand { display: flex; gap: 14px; align-items: center; } .logo { width: 56px; height: 56px; border-radius: 10px; background: var(--ng-yellow); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.2rem; color: var(--ng-black); } .nav-links { display: flex; gap: 22px; align-items: center; } .nav-links a { color: var(--muted); transition: color .3s; } .nav-links a:hover, .nav-links a.active { color: var(--ng-yellow); } .btn-primary { background: var(--ng-yellow); color: var(--ng-black) !important; padding: 10px 16px; border-radius: 8px; font-weight: 600; } .mobile-menu-btn { display: none; } /* Hero */ .hero { padding: 160px 0 100px; background: linear-gradient(135deg, var(--ng-gray) 0%, var(--bg) 100%); } .hero-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .hero h1 { font-family: 'Poppins', sans-serif; font-size: 48px; margin-bottom: 20px; } .hero p { font-size: 18px; color: var(--muted); margin-bottom: 30px; } .hero-buttons { display: flex; gap: 16px; } .btn-large { padding: 16px 36px; border-radius: 8px; font-weight: 600; font-size: 16px; } .btn-yellow { background: var(--ng-yellow); color: var(--ng-black); } .btn-outline { border: 2px solid var(--ng-black); color: var(--ng-black); background: transparent; } .btn-outline:hover { background: var(--ng-black); color: var(--ng-white); } /* Services Preview */ .services-preview { padding: 80px 0; background: var(--bg); text-align: center; } .services-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; margin-top: 40px; } .service-card { background: var(--ng-gray); padding: 30px; border-radius: 12px; box-shadow: var(--card-shadow); transition: all .3s ease; } .service-card:hover { transform: translateY(-6px); } .service-card h3 { margin: 16px 0 10px; } .service-card p { color: var(--muted); font-size: 15px; } /* Portfolio Preview */ .portfolio-preview { padding: 80px 0; background: #fafafa; } .portfolio-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 40px; } .portfolio-item { border-radius: 12px; overflow: hidden; height: 260px; position: relative; box-shadow: var(--card-shadow); cursor: pointer; } .portfolio-item img { width: 100%; height: 100%; object-fit: cover; } /* About Snippet */ .about-snippet { padding: 80px 0; background: var(--bg); text-align: center; } .about-snippet p { color: var(--muted); max-width: 700px; margin: 0 auto 30px; } /* Why Choose Us */ .why-choose { padding: 80px 0; background: var(--ng-yellow); text-align: center; } .why-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 30px; margin-top: 40px; } .why-card { background: var(--ng-white); padding: 30px; border-radius: 12px; box-shadow: var(--card-shadow); } .why-card h4 { margin-bottom: 10px; } .why-card p { color: var(--muted); font-size: 14px; } /* CTA */ .cta-section { padding: 80px 0; text-align: center; background: linear-gradient(135deg,var(--ng-gray) 0%,white 100%); } .cta-section h2 { font-size: 36px; margin-bottom: 20px; } /* Footer */ footer { border-top: 1px solid #eee; padding: 28px 0; } .footer-grid { display: flex; justify-content: space-between; align-items: center; } /* WhatsApp Button */ .whatsapp-btn { position: fixed; right: 18px; bottom: 18px; background: #25D366; border-radius: 50%; width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(37,211,102,0.18); z-index: 1000; } .whatsapp-btn img { width: 30px; } /* Responsive */ @media (max-width: 980px) { .hero-content { grid-template-columns: 1fr; text-align: center; } .services-grid, .portfolio-grid, .why-grid { grid-template-columns: 1fr; } .nav-links { display: none; } .mobile-menu-btn { display: block; background: var(--ng-yellow); border: none; padding: 8px 12px; border-radius: 6px; font-size: 1.2rem; cursor: pointer; } } img { width: 100%; height: 300px; object-fit: cover; border-radius: 10px;
 } </style><link rel="icon" type="image/png" href="assets/favicon.png"><link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon"><link rel="stylesheet" href="assets/style.css"><link rel="stylesheet" href="assets/glightbox.min.css"><script defer src="assets/glightbox.min.js"></script><meta property="og:url" content="http://yourdomain.com/"><meta property="og:type" content="website"></head><body><header><div class="container nav"><div class="brand"><div class="logo"> NG </div><div><div style="font-weight:700"> NG Aluminium Interiors </div><div style="font-size:13px;color:var(--muted)"> Aluminum • Glass • Precision </div></div></div><nav class="nav-links"><a class="active" href="index.html"> Home </a><a href="services.html"> Services </a><a href="portfolio.html"> Portfolio </a><a href="about.html"> About </a><a href="gallery.html"> Gallery </a><a href="contact.html"> Contact </a><a class="btn-primary" href="contact.html"> Get a Quote </a></nav><button class="mobile-menu-btn"> ☰ </button></div></header><section class="hero"><div class="container"><div class="hero-content"><div><h1> Premium <span style="color:var(--ng-yellow)"> Aluminium Interiors </span></h1><p> Modern wardrobes, kitchens, and glass solutions that combine durability with elegant design. Trusted by 1000+ families across Hyderabad. </p><div class="hero-buttons"><a href="gallery.html"> Gallery </a><a class="btn-large btn-yellow" href="contact.html"> Get Free Quote </a><a class="btn-large btn-outline" href="portfolio.html"> View Projects </a></div></div><div><img alt="Hero Aluminium Interior" src="images/interior.jpg"/></div></div></div></section><section class="services-preview"><div class="container"><h2> Our <span style="color:var(--ng-yellow)"> Services </span></h2><p> Explore our range of premium aluminium and glass solutions </p><div class="services-grid"><div class="service-card"><img alt="Wardrobes" src="images/wardrobe.jpg"/><h3> Aluminium Wardrobes </h3><p> Stylish and durable wardrobes with customizable designs </p></div><div class="service-card"><img alt="Kitchens" src="images/kitchen.jpg"/><h3> Modular Kitchens </h3><p> Waterproof, termite-proof kitchens built for modern homes </p></div><div class="service-card"><img alt="Glass Partitions" src="images/partition.jpg"/><h3> Glass Partitions </h3><p> Elegant office and home partitions for open, bright spaces </p></div></div><a class="btn-primary" href="services.html" style="margin-top:40px;display:inline-block"> View All Services </a></div></section><section class="portfolio-preview"><div class="container"><h2> Our <span style="color:var(--ng-yellow)"> Portfolio </span></h2><p> Take a look at some of our recent projects </p><div class="portfolio-grid"><div class="portfolio-item"><img alt="Wardrobe" src="images/wardrobe.jpg"/></div><div class="portfolio-item"><img alt="Study Unit" src="images/interior.jpg"/></div><div class="portfolio-item"><img alt="Two Tone Wardrobe" src="images/wardrobe.jpg"/></div></div><a class="btn-primary" href="portfolio.html" style="margin-top:40px;display:inline-block"> View Full Portfolio </a></div></section><section class="about-snippet"><div class="container"><h2> About <span style="color:var(--ng-yellow)"> Us </span></h2><p> With over a decade of expertise, NG Aluminium Interiors has transformed 2500+ spaces using premium aluminium and glass solutions. We are committed to quality, precision, and customer satisfaction. </p><a class="btn-primary" href="about.html"> Learn More </a></div></section><section class="why-choose"><div class="container"><h2> Why Choose NG? </h2><div class="why-grid"><div class="why-card"><h4> 10+ Years </h4><p> Industry expertise </p></div><div class="why-card"><h4> 2500+ Projects </h4><p> Delivered successfully </p></div><div class="why-card"><h4> Warranty </h4><p> On all products </p></div><div class="why-card"><h4> Expert Team </h4><p> Skilled professionals </p></div></div></div></section><section class="cta-section"><div class="container"><h2> Ready to Start Your Project? </h2><div class="hero-buttons" style="justify-content:center;margin-top:20px;"><a href="gallery.html"> Gallery </a><a class="btn-large btn-yellow" href="contact.html"> Get Free Quote </a><a class="btn-large btn-outline" href="tel:+917330838758"> 📞 Call Us </a></div></div></section><footer><div class="container footer-grid"><div><div style="font-weight:700"> NG Aluminium Interiors </div><div style="margin-top:6px;color:var(--muted)"> Your trusted partner for premium interiors </div></div><div style="text-align:right"><div style="color:var(--muted)"> Call us: <a href="tel:+917330838758" style="color:var(--ng-yellow)"> +91 73308 38758 </a></div></div></div></footer><a class="whatsapp-btn" href="https://wa.me/917330838758" target="_blank"><img alt="whatsapp" src="images/interior.jpg"/></a><script> document.addEventListener("DOMContentLoaded", function() { const menuBtn = document.querySelector(".mobile-menu-btn"); const navLinks = document.querySelector(".nav-links"); if (menuBtn && navLinks) { menuBtn.addEventListener("click", () => { if (navLinks.style.display === "flex") { navLinks.style.display = "none"; } else { navLinks.style.display = "flex"; navLinks.style.flexDirection = "column"; navLinks.style.background = "white"; navLinks.style.position = "absolute"; navLinks.style.top = "70px"; navLinks.style.right = "20px"; navLinks.style.padding = "20px"; navLinks.style.borderRadius = "10px"; navLinks.style.boxShadow = "0 8px 20px rgba(0,0,0,0.15)"; } }); } }); </script></body></html>