:root {
–primary-color: #007bff;
–success-color: #28a745;
–text-color: #333;
–star-color: #28a745;
}
body {
font-family: ‘Arial’, sans-serif;
line-height: 1.6;
margin: 0;
padding: 20px;
background-color: #f8f9fa;
}
.container {
max-width: 1200px;
margin: 0 auto;
}
.provider-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin-top: 30px;
}
@media (max-width: 992px) {
.provider-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.provider-grid {
grid-template-columns: 1fr;
}
}
.provider-card {
background: white;
border-radius: 12px;
padding: 20px;
box-shadow: 0 4px 6px rgba(0,0,0,0.05);
transition: transform 0.2s ease;
text-align: center;
}
.provider-card:hover {
transform: translateY(-3px);
}
.provider-name {
font-size: 1.4rem;
margin: 15px 0;
color: var(–text-color);
}
.provider-logo {
height: 60px;
margin: 15px auto;
display: block;
object-fit: contain;
}
.star-rating {
font-size: 24px;
color: var(–star-color);
margin: 10px 0;
}
.rating-text {
font-size: 1rem;
color: #666;
margin: 5px 0;
}
.visit-button {
display: inline-block;
padding: 12px 25px;
background: var(–primary-color);
color: white;
text-decoration: none;
border-radius: 6px;
margin-top: 15px;
font-weight: 500;
transition: background 0.3s ease;
}
.visit-button:hover {
background: #0056b3;
}
const providers = [
{ name: “GoDaddy”, rating: “4.7”, reviews: “50,717”, logo: “godaddy.svg”, url: “https://www.godaddy.com” },
{ name: “Namecheap”, rating: “4.4”, reviews: “12,855”, logo: “namecheap.svg”, url: “https://www.namecheap.com” },
{ name: “SiteGround”, rating: “4.6”, reviews: “10,428”, logo: “siteground.svg”, url: “https://www.siteground.com” },
{ name: “Bluehost”, rating: “4.2”, reviews: “4,386”, logo: “bluehost.svg”, url: “https://www.bluehost.com” },
{ name: “HostGator”, rating: “4.2”, reviews: “2,626”, logo: “hostgator.svg”, url: “https://www.hostgator.com” },
{ name: “WPX”, rating: “4.9”, reviews: “2,410”, logo: “wpx.svg”, url: “https://www.wpx.net” },
{ name: “A2 Hosting”, rating: “4.5”, reviews: “1,706”, logo: “a2hosting.svg”, url: “https://www.a2hosting.com” },
{ name: “Liquid Web”, rating: “4.6”, reviews: “823”, logo: “liquidweb.svg”, url: “https://www.liquidweb.com” },
{ name: “GreenGeeks”, rating: “4.3”, reviews: “823”, logo: “greengeeks.svg”, url: “https://www.greengeeks.com” },
{ name: “Kinsta”, rating: “4.4”, reviews: “516”, logo: “kinsta.svg”, url: “https://www.kinsta.com” },
{ name: “Nexcess”, rating: “4.5”, reviews: “387”, logo: “nexcess.svg”, url: “https://www.nexcess.net” },
{ name: “DreamHost”, rating: “4.8”, reviews: “4,343”, logo: “dreamhost.svg”, url: “https://www.dreamhost.com” },
{ name: “Pressable”, rating: “4.9”, reviews: “137”, logo: “pressable.svg”, url: “https://www.pressable.com” },
{ name: “Flywheel”, rating: “2.4”, reviews: “35”, logo: “flywheel.svg”, url: “https://getflywheel.com” },
{ name: “Servebolt”, rating: “4.0”, reviews: “8”, logo: “servebolt.svg”, url: “https://www.servebolt.com” }
];
providers.forEach(provider => {
document.write(`
`);
});
Your premier destination for transparent hosting evaluations and comprehensive comparisons. We empower you to make well-informed choices for your web hosting requirements.
Contact us: contact@hostingrater.org
© 2025 HostingRater.org. All rights reserved.