testing.html

<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>4 Module Cover Plate</title>



<link rel="icon" href="https://electrolix.github.io/images/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="48x48" href="https://electrolix.github.io/images/favicon.png">
<link rel="apple-touch-icon" href="https://electrolix.github.io/images/apple-touch-icon.png">
    
      
<link rel="stylesheet" href="css/style.css">

      <link rel="stylesheet" href="css/post.css">
      
      <link rel="stylesheet" href="css/back-to-top.css">

     <link rel="stylesheet" href="css/images.css">

  <link rel="stylesheet" href="css/faq.css">


    
</head>

<body>


<div id="header"></div>

    <section class="hero">

    <div class="hero-left">

        <span class="hero-badge">
            INDIA'S TRUSTED ELECTRICAL KNOWLEDGE PLATFORM
        </span>

        <h1>
            Legrand Cover Plates for Modern Switch Boards

        </h1>

        <p>
            Stylish and durable Legrand cover plates with multiple module options and premium finishes for homes and offices.


        </p>

        <div class="hero-buttons">
            <a href="#" class="primary-btn">Explore Articles</a>

            <a href="https://www.eleczo.com/"
               target="_blank"
               rel="noopener noreferrer"
               class="secondary-btn">
                Shop on Eleczo →
            </a>
        </div>

    </div> <!-- CLOSE hero-left -->

    <div class="hero-right">
        <img src="https://electricalgen.kesug.com/images/12-module-switch-plate.jpg"
             alt="Electrolix Electrical Dashboard">
    </div>

</section>

  <main>

    <h1>Main Heading (H1)</h1>

    <p>
        This is a sample paragraph under the main heading. It demonstrates the styling
        applied to normal paragraph text within the main section.
    </p>

      <div class="blog-img">
    <img src="https://electricalgen.kesug.com/images/coral-havells-fan-regulators.jpg"
         alt="Havells Coral Fan Regulator">
</div>


    <h2>Section Heading (H2)</h2>

    <p>
        This paragraph belongs to the H2 section. It can contain descriptive content
        about your topic.
    </p>

    <h3>Subsection Heading (H3)</h3>

    <p>
        This paragraph explains the subsection and provides additional information.
    </p>
      
<div class="blog-img">
    <img src="https://electricalgen.kesug.com/images/coral-havells-fan-regulators.jpg"
         alt="Havells Coral Fan Regulator">
</div>

    <h4>Minor Heading (H4)</h4>

    <p>
        This is another <strong> paragraph used </strong> for testing typography and spacing.
    </p>

      <div class="blog-img">
    <img src="https://electricalgen.kesug.com/images/coral-havells-fan-regulators.jpg"
         alt="Havells Coral Fan Regulator">
</div>

      
    <h5>Small Heading (H5)</h5>

    <p>
        This paragraph appears below the H5 heading to <a href="https://electrolix.github.io/">Home</a> verify font sizes and margins.
    </p>

    <h3>Unordered List Example</h3>

    <ul>
        <li>First unordered list item</li>
        <li>Second unordered list item</li>
        <li>Third unordered list item</li>
    </ul>

    <h3>Ordered List Example</h3>

    <ol>
        <li>First ordered list item</li>
        <li>Second ordered list item</li>
        <li>Third ordered list item</li>
    </ol>



 <!-- FAQ SECTION -->
<section class="faq-section">
    <div class="faq-container">

        <div class="faq-heading">
            <span>FAQ</span>
            <h2>Frequently Asked Questions</h2>
            <p>Find answers to the most frequently asked questions related to this topic.</p>
        </div>

        <div class="faq-list">

            <div class="faq-item">
                <button class="faq-question">
                    <span>What is an electrical fan regulator and dimmers?</span>
                    <span class="faq-icon">+</span>
                </button>
                <div class="faq-answer">
                    <p>
                        An electrical fan regulator is a device used to control the speed
                        of a ceiling or wall fan by regulating the power supplied to the fan.
                    </p>
                </div>
            </div>

            <div class="faq-item">
                <button class="faq-question">
                    <span>How does a fan regulator work?</span>
                    <span class="faq-icon">+</span>
                </button>
                <div class="faq-answer">
                    <p>
                        A fan regulator controls the electrical power delivered to the
                        fan motor, allowing you to increase or decrease the fan speed.
                    </p>
                </div>
            </div>

            <div class="faq-item">
                <button class="faq-question">
                    <span>Which fan regulator is best for home use?</span>
                    <span class="faq-icon">+</span>
                </button>
                <div class="faq-answer">
                    <p>
                        The best regulator depends on your fan type, required speed control,
                        compatibility, design preference and electrical specifications.
                    </p>
                </div>
            </div>

            <div class="faq-item">
                <button class="faq-question">
                    <span>Can I install a fan regulator myself?</span>
                    <span class="faq-icon">+</span>
                </button>
                <div class="faq-answer">
                    <p>
                        Electrical installation should be performed by a qualified electrician,
                        especially when working with mains electricity.
                    </p>
                </div>
            </div>

        </div>
    </div>
</section>

      
</main>


<div id="footer"></div>


<script src="js/script.js"></script>
    <script src="js/faq.js"></script>

      <script src="js/back-to-top.js"></script>
    

</body>

</html>