Document @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Source Sans 3", serif; } .tab_section { width: 100%; max-width: 100%; padding: 0 20px; margin: 0 auto; } .tab { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 0; transition: 0.3s; width: 100%; } .button_container { background: #556570; color: #fff; display: flex; flex-direction: column; height: 100%; min-height: max-content; padding: 40px 20px; box-sizing: border-box; justify-content: center; align-items: center; transition: all 0.3s ease; gap: 15px; font-weight: 400; font-size: 20px; line-height: 24px; border-radius: 10px; } .button_container img { max-width: 100px; } /* Change background color of buttons on hover */ .tab button:hover .button_container { background-color: #7dd2f7; } /* Create an active/current tablink class */ .tab button.active .button_container { background-color: #7dd2f7 !important; } /* Style the tab content */ .tabcontent { display: none; padding: 40px 0 0; border-top: none; } .tabcontent { animation: fadeEffect 1s; } .tabblock { display: grid; grid-template-columns: repeat(1, 1fr); align-items: center; border-radius: 10px; } .tabdesc { padding: 0px; display: flex; flex-direction: row; gap: 0px; } .tabdesc .image-left { width: 30%; border-radius: 30px; } .tabdesc .text-right { width: 70%; border-radius: 30px; background: #7dd2f7; padding: 30px; display: flex; flex-direction: column; justify-content: center; text-align: left !important; } .tabdesc p { color: #fff; font-weight: 400; line-height: 1.5; font-style: normal; font-size: 18px; padding: 0; } @media screen and (max-width: 980px) { .tabdesc { flex-direction: column; } .tabdesc .image-left, .tabdesc .text-right { width: 100%; } } /* Go from zero to full opacity */ @keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } @media screen and (max-width: 768px) { .button_container { flex-direction: column; height: 100%; min-height: 1px; font-size: 16px; line-height: 20px; gap: 5px; width: auto; max-width: 100%; padding: 20px; } .button_container img { max-width: 80px; } .tabcontent { padding: 10px 0 0; } .tabblock { grid-template-columns: 100%; align-items: center; } .tabdesc { padding: 20px 0; } .tab button { width: 100%; padding: 0; } .tab { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 600px) { .button_container { width: 200px; } .tab_section { padding: 0; } } @media screen and (max-width: 480px) { .button_container { width: 100%; } .tab { grid-template-columns: repeat(1, 1fr); } } .text-right { text-align: left !important; } .carousel-image { height: 400px; width: 100%; border-radius: 30px; object-fit: cover; } 3 Stage Under Sink Filtration Compact Reverse Osmosis Whole House Filtration Re-Piping Previous Next How It Works: Stage 1: Sediment Captures dirt, sand, rust, and other particles up to 5 microns. Stage 2: Carbon Block Filters out chlorine and other common chemicals that affect the taste and smell of your water. Stage 3: Final Polish Catches any fine particles that may have slipped through the first two stages—giving you a final layer of protection and purity. The 3-stage under-sink filter offers two faucet options: 3-in-1 Mixer: This option replaces your existing kitchen tap with a new one that provides hot and cold mains water, along with a filtered water option. Filtered tap: This option works independently, meaning you will have two separate taps at your kitchen sink—one for your regular mains water and one dedicated to filtered water. The most in-depth filtration system we provide. The compact reverse osmosis system is an under-sink water purification process that utilises a semi-permeable membrane to separate water molecules from potential contaminants. Reverse osmosis removes all chemicals and minerals found in mains water, resulting in pure water. Read more about reverse osmosis. Our Whole House Water Filtration System is designed to improve the wellbeing of your family by providing quality water to every fixture in your home. From the kitchen sink to the shower, every drop of water is filtered, ensuring a healthier, safer environment for you and your loved ones. Learn more about how our system works. We specialise in replacing old galvanized piping, which can pose serious health risks, with modern and safe alternatives like copper and PEX piping systems. function openCity(evt, cityName) { var i, tabcontent, tablinks; // Hide all tabs tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } // Remove "active" class from all tab links tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].classList.remove("active"); } // Show the selected tab document.getElementById(cityName).style.display = "block"; // Add "active" class to the selected tab link if (evt) { evt.currentTarget.classList.add("active"); } else { // If no event (page load), find the button with the matching hash and add the "active" class var activeButton = document.querySelector(`.tablinks[onclick*="${cityName}"]`); if (activeButton) { activeButton.classList.add("active"); } } } // Open the correct tab based on the URL hash when the page loads window.onload = function () { var hash = window.location.hash; // Get the hash from the URL if (hash) { var tabName = hash.substring(1); // Remove the '#' symbol openCity(null, tabName); // Open the tab based on the hash } else { // If no hash is present, open the default tab document.getElementById("defaultOpen").click(); } };