testing html

<!DOCTYPE HTML>
<html>
    <title>testing nested grids</title>
    <link href="testing.css" rel="stylesheet">

    <body>
        <div class="gridcontainer">
            <main>
                main
                </main>
            <header>
                <p>Products</p>
                </header>
           <div class="container2">
            <div class="product-tab">
                <input checked="checked" id="tab1" type="radio" name="pct" />
                <input id="tab2" type="radio" name="pct" />
                <input id="tab3" type="radio" name="pct" />
                <input id="tab4" type="radio" name="pct" />
                <input id="tab5" type="radio" name="pct" />
                <input id="tab6" type="radio" name="pct" />

               <nav>
                <ul>
                    <li class="tab1">
                    <label for="tab1"> Air Filters</label></li>
                    <li class="tab2">
                    <label for="tab2"> Lube filtration</label></li>
                    <li class="tab3">
                    <label for="tab3"> Hydraulic Filters</label></li>
                    <li class="tab4">
                    <label for="tab4"> Fuel Filters</label></li>
                    <li class="tab5">
                    <label for="tab5"> Fuel Separator Filters</label></li>
                    <li class="tab6">
                    <label for="tab6"> Coolant & Chemicals </label></li>
                    </ul>
                </nav>

            <div class="producttext">
                <div class="tab1">
                <p>We offer a wide range of air cleaners, air filter elements, and accessories for various applications, including: Heavy-duty trucks Agriculture, construction, and mining equipment Industrial products — gas turbines, portable power generation, blowers, and more Small engines (up to 25 HP) Vehicle cabin filtration for automotive and industrial equipment.</p></div>

                 <div class="tab2">
                <p>We offer lube products that exceed OE requirements affecting the engines’ life time and lowering the total costs of operation
                Among other things, lube oil lubricates, cools, cleans, protects, and seals the engine components. </p></div>

                 <div class="tab3">
                <p>We offer an extensive line of hydraulic filtration products for medium and low-duty applications. We also offer a comprehensive replacement hydraulic filter line for many competitive filter part numbers. Our state-of-the-art facilities enable us to perform multi-pass, pressure-drop, flow-fatigue and hydrostatic burst testing.</p></div>

                 <div class="tab4">
                <p>We offer filters that matches the new standards and challenges such as new fuels like ultra-low sulfur diesel (ULSD) and biodiesel and high-pressure common rail (HPCR) fuel systems. </p></div>

                 <div class="tab5">
                <p>We offer a high performance fuel island filters offering real protection plus a troubleshooting diagnostic tool that allows longer service intervals.</p></div>

                 <div class="tab6">
                <p>We offer cooling system products that provide unmatched protection with an easy maintenance program keeping the engines running longer and stronger.</p></div>
                </div>
            <div class="productimage">
                image
                </div>
                        </div>
                </div>
            <footer>
                footer
                </footer>
        </div>
    </body>
</html>