<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<style><!--
* {
box-sizing: border-box;
}
body {
color: #333;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 1.42857;
}
.main-content {
width: 1170px;
}
.main-content {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.text-center {
text-align: center;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: inherit;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
}
.h1, .h2, .h3, h1, h2, h3 {
margin-bottom: 10px;
margin-top: 20px;
}
.h2, h2 {
font-size: 30px;
}
.h4, h4 {
font-size: 18px;
}
.h5, h5 {
font-size: 14px;
}
.half_opt {
float: left;
width: 50%;
}
.half_opt img {
padding-left: 210px;
}
.half2_opt {
float: left;
width: 50%;
}
img {
width: 100%;
}
.btn-primary.cc {
background-color: #ff8e00;
border-color: #ff8e00;
color: #fff;
}
.btn.cc {
-moz-user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
margin-bottom: 0;
padding: 6px 12px;
text-align: center;
touch-action: manipulation;
vertical-align: middle;
white-space: nowrap;
}
.star-rating__wrap label {
font-size: 35px !important;
}
.star-rating {
margin-bottom: 15px;
}
.half2_opt {
float: left;
padding: 0 30px;
width: 50%;
}
.text-center h5 {
font-size: 15px;
margin-top: 5px !important;
}
.text-center h4 {
margin-bottom: 12px;
margin-top: 38px;
}
.heading-opt {
padding-bottom: 20px;
padding-top: 5px;
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.main-content {
width: 755px;
}
.half_opt img {
padding-left: 0px;
}
.half2_opt {
padding: 0 15px;
}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.main-content {
width: 356px;
}
.half_opt {
float: none;
width: 100%;
}
.half_opt img {
padding-left: 0px;
}
.half2_opt {
float: none;
width: 100%;
}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.main-content {
width: 450px;
}
}
.star-rating{
font-size: 0;
}
.star-rating__wrap{
display: inline-block;
font-size: 1rem;
}
.star-rating__wrap:after{
content: "";
display: table;
clear: both;
}
.star-rating__ico{
float: right;
padding-left: 2px;
cursor: pointer;
color: #FFB300;
}
.star-rating__ico:last-child{
padding-left: 0;
}
.star-rating__input{
display: none;
}
.star-rating__ico:hover:before, .star-rating__ico:active:before,
.star-rating__ico:hover ~ .star-rating__ico:before,
.star-rating__input:checked ~ .star-rating__ico:before
{
content: "\f005";
}
--></style>
<div class="main-content">
<div class="heading-opt">
<h2 class="text-center headingmaa" style="padding: 10px;">Review Our Product On Amazon</h2>
</div>
<div class="images-opt">
<div class="half_opt"><img src="https://images-na.ssl-images-amazon.com/images/I/81h8c327itL.jpg" class="img-responsive" /></div>
<div class="half2_opt">
<form class="form-horizontal" id="myForm">
<div class="text-center">
<h4 class="heading1o">Please let others know what you think about the product.</h4>
<h5 class="heading2o">We Welcome All Feedback</h5>
<input id="" name="a" type="text" placeholder="Place the ASIN here" style="display: none;" value="B01EKSPB92" class="form-control input-md">
<select id="marketplace" name="m" style="display: none;" class="form-control">
<option value="Amazon.com" selected>Amazon.com</option>
</select>
</div>
<div class="text-center">
<div class="star-rating">
<div class="star-rating__wrap">
<input class="star-rating__input" id="stars-5" type="radio" name="s" value="5" aria-hidden="true"> <label class="star-rating__ico fa fa-star-o fa-lg" for="stars-5" title="5 out of 5 stars"></label> <input class="star-rating__input" id="stars-4" type="radio" name="s" value="4" aria-hidden="true"> <label class="star-rating__ico fa fa-star-o fa-lg" for="stars-4" title="4 out of 5 stars"></label> <input class="star-rating__input" id="stars-3" type="radio" name="s" value="3" aria-hidden="true"> <label class="star-rating__ico fa fa-star-o fa-lg" for="stars-3" title="3 out of 5 stars"></label> <input class="star-rating__input" id="stars-2" type="radio" name="s" value="2" aria-hidden="true"> <label class="star-rating__ico fa fa-star-o fa-lg" for="stars-2" title="2 out of 5 stars"></label> <input class="star-rating__input" id="stars-1" type="radio" name="s" value="1" aria-hidden="true"> <label class="star-rating__ico fa fa-star-o fa-lg" for="stars-1" title="1 out of 5 stars"></label>
</div>
</div>
</div>
<div class="text-center">Leave an Review on Amazon</div>
<div>
<p> </p>
</div>
<div class="text-center"><button id="submit" class="btn btn-primary btn-large text-center cc" onclick="myFunction()">Leave a review!</button></div>
</form>
</div>
</div>
</div>
<script language="javascript">// <![CDATA[
function myFunction() {
document.getElementById("myForm").submit();
}
// ]]></script><script language="javascript">// <![CDATA[
(function() {
function fgp(parameterName) {
var result = null,
tmp = [];
location.search
.substr(1)
.split("&")
.forEach(function (item) {
tmp = item.split("=");
if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
});
return result?result:'';
}
var m = fgp('m').match(/^amazon\.(?:com|co\.uk|de)$/ig), a = fgp('a').match(/^[A-Z][A-Z0-9]{9}$/ig), s = parseInt(fgp('s').match(/^[1-5]$/g));
if(s<1 || s > 5 || isNaN(s)) s = 5;
if(m && a) {
var url = "https://www."+m+"/review/create-review/?ie=UTF8&asin="+a+":"+s+"#"
document.location.href = url;
}
})();
// ]]></script>
Pet Products to the rescue. For Dogs, Cats and all kinds of other Pets