Client Testimonials
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>© 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>