We're happy to share our front-end review page with the community.
Prerequisites:
You should have knowledge of coding and hosting as we don't offer support for the self-hosted solution.
Show Support:
Please leave the footer link back to our service and perhaps a mention on social media would be nice 🙂
<!DOCTYPE html>
<html lang="en" class="h-100">
<head>
<title>XX PAGE TITLE XX</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="XX PAGE DESCRIPTION XX">
<meta name="title" content="XX PAGE TITLE XX" />
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<style>@media (max-width: 768px) {.my-2, .my-1{font-size: 1.4rem;}} ul{padding-inline-start: 0px;}</style>
</head>
<body class="d-flex flex-column h-100">
<main role="main" class="flex-shrink-0">
<div class="container">
<h1 class="my-2 text-center">Hello</h1>
<h2 class="my-2 text-center">
<small>Choose where to leave a review for<br>XX COMPANY NAME XX</small>
</h2>
<ul class="row">
<div class='col-lg-6 portfolio-item'>
<div class='card h-100'>
<a href="XX LINK TO REVIEW SITE 1 XX"><img src="XX IMAGE FOR REVIEW SITE 1 XX" alt="XX DESCRITION OF REVIEW SITE 1 XX"></a>
</div>
</div>
<div class='col-lg-6 portfolio-item'>
<div class='card h-100'>
<a href="XX LINK TO REVIEW SITE 2 XX"><img src="XX IMAGE FOR REVIEW SITE 2 XX" alt="XX DESCRITION OF REVIEW SITE 2 XX"></a>
</div>
</div>
</ul>
</div>
</main>
<footer class="footer mt-auto py-3">
<div class="container">
<p class="m-0 text-center text-muted"><small>All product names, services, logos, and brands are property of their respective owners and are used for identification purposes.</small></p>
<p class="m-0 text-center text-info"><small><a href="https://reviewthere.com" target="_blank">Get reviews with reviewthere</a></small></p>
</div>
</footer>
<script>
var ul = document.querySelector('ul');
for (var i = ul.children.length; i >= 0; i--) {
ul.appendChild(ul.children[Math.random() * i | 0]);
}
</script>
</html>