OneCompiler

Client Testimonials

1652

Example heading with h2 size

Example heading with h3 size

Following is sample java code.

int i = 10;
if(i>0){
    System.out.println('positive');
}
 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Client Testimonials - Elimuhub Education Consultants</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 0;
        }

        main {
            padding: 20px;
            max-width: 800px;
            margin: auto;
        }

        .testimonials-section {
            background-color: #ffffff;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }

        .testimonials-section h2 {
            color: #4CAF50;
            text-align: center;
            margin-bottom: 20px;
        }

        .testimonial {
            border-left: 4px solid #4CAF50;
            padding: 15px 20px;
            margin-bottom: 20px;
            transition: transform 0.2s;
        }

        .testimonial:hover {
            transform: scale(1.02);
        }

        .testimonial h3 {
            margin: 0;
            color: #333;
            font-weight: bold;
        }

        .testimonial p {
            font-style: italic;
            color: #555;
            margin-top: 5px;
        }

        .feedback-section {
            background-color: #e7f4e4;
            padding: 20px;
            border-radius: 8px;
            text-align: center;
        }

        .feedback-section h2 {
            color: #4CAF50;
        }

        .feedback-section p {
            margin: 10px 0;
        }

        footer {
            text-align: center;
            padding: 10px;
            background-color: #f9f9f9;
            border-top: 1px solid #ddd;
        }
    </style>
</head>
<body>

    <header>
        <h1>Elimuhub Education Consultants</h1>
        <nav class="topnav" id="myTopnav">
            <ul>
                <li><a href="https://www.elimuhubconsultant.blogspot.com">Home</a></li>
                <li><a href="https://www.elimuhubconsultant.blogspot.com/about.html">About Us</a></li>
                <li><a href="https://www.elimuhubconsultant.blogspot.com/services.html">Services</a></li>
                <li><a href="https://www.elimuhubconsultant.blogspot.com/blog.html">Blog</a></li>
                <li><a href="https://www.elimuhubconsultant.blogspot.com/contact.html">Contact</a></li>
                <li><a href="javascript:void(0);" class="icon" onclick="myFunction()"><i class="fa fa-bars"></i></a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section class="testimonials-section">
            <h2>Client Testimonials</h2>

            <article class="testimonial">
                <h3>Wanjiru Mwangi</h3>
                <p>"Elimuhub Education Consultants transformed my career. Their guidance was invaluable!"</p>
            </article>

            <article class="testimonial">
                <h3>Juma Otieno</h3>
                <p>"I highly recommend Elimuhub for anyone seeking educational advice. They are truly experts!"</p>
            </article>

            <article class="testimonial">
                <h3>Amina Abdi</h3>
                <p>"The team at Elimuhub provided personalized support that made all the difference in my education journey."</p>
            </article>

            <article class="testimonial">
                <h3>Kevin Karanja</h3>
                <p>"Thanks to Elimuhub, I was able to secure a scholarship to my dream university!"</p>
            </article>

            <article class="testimonial">
                <h3>Fatuma Hassan</h3>
                <p>"Their tutoring services helped my child excel in school. I can't thank them enough!"</p>
            </article>

            <!-- Add more testimonials as needed -->
        </section>

        <section class="feedback-section">
            <h2>Share Your Experience</h2>
            <p>We would love to hear from you! If you have feedback or a testimonial to share, please contact us.</p>
        </section>
    </main>

    <footer>
        <p>&copy; 2023 Elimuhub Education Consultants</p>
    </footer>

    <script>
        function myFunction() {
            var x = document.getElementById("myTopnav");
            if (x.className === "topnav") {
                x.className += " responsive";
            } else {
                x.className = "topnav";
            }
        }
    </script>
</body>
</html>