review site

by Craig Martin

HTML

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Google Analytics Content Experiment code -->
<script>function utmx_section(){}function utmx(){}(function(){var
k='189645725-12',d=document,l=d.location,c=d.cookie;
if(l.search.indexOf('utm_expid='+k)>0)return;
function f(n){if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.
indexOf(';',i);return escape(c.substring(i+n.length+1,j<0?c.
length:j))}}}var x=f('__utmx'),xx=f('__utmxx'),h=l.hash;d.write(
'<sc'+'ript src="'+'http'+(l.protocol=='https:'?'s://ssl':
'://www')+'.google-analytics.com/ga_exp.js?'+'utmxkey='+k+
'&utmx='+(x?x:'')+'&utmxx='+(xx?xx:'')+'&utmxtime='+new Date().
valueOf()+(h?'&utmxhash='+escape(h.substr(1)):'')+
'" type="text/javascript" charset="utf-8"><\/sc'+'ript>')})();
</script><script>utmx('url','A/B');</script>
<!-- End of Google Analytics Content Experiment code --><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NBTFD2G');</script>
<!-- End Google Tag Manager -->
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <!-- Font -->
    <link href="https://fonts.googleapis.com/css?family=Lato:400,900" rel="stylesheet">

    <!-- Style -->
    <link rel="stylesheet" href="theme/css/style.css">
    
    <link href="favicon.ico" rel="Shortcut Icon" type="image/x-icon" />  

    
<meta name="title" content="Top 5 Lash & Brow Serums | Beauty, Science &...

CSS

@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
body {
    font-family: 'Lato', sans-serif;
    background-color: #f7f7f7;
}

.product-d {
    border: solid 3px #E8E8E8;
    background-color: #FFFFFF;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}

#firstProduct {
    -webkit-box-shadow: 0 8px 5px -5px #aaaaaa;
    -moz-box-shadow: 0 8px 5px -5px #aaaaaa;
    box-shadow: 0 8px 5px -5px #aaaaaa;
}

.auth-box {
    -webkit-box-shadow: 5px 5px 7px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 5px 5px 7px 0px rgba(204, 204, 204, 1);
    box-shadow: 5px 5px 7px 0px rgba(204, 204, 204, 1);
}

#firstProduct .product-num {
    background-color: #1261C9;
    color: #FFFFFF;
}

.title-color {
    color: #003AA5;
}

.fs12 {
    font-size: 12px;
}

.t-details {
    background-color: #f7f7f7;
    color: #333333;
}

.t-details th:first-child {
    border-top: 0px;
    padding-top: 10px;
}

.t-details td,
.t-details th {
    padding: 0px 5px 0px 10px;
}

.product-d:hover {
    border-color: #aaaaaa;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}

.product-d h5 {
    font-size: 18px;
    color: #212121;
    font-weight: 900;
}

.product-d ul {
    font-size: 14px;
    color: #444444;
}

.bl {
    border-left: solid 1px #E8E8E8;
}

.bt {
    border-top: solid 1px #E8E8E8;
}

.page-title {
    color: #666666;
}

.intro-text p {
    font-size: 14px;
    color: #444444;
    /* text-align: justify; */
}

.intro-text ul {
    font-size: 14px;
}

.nav-link {
    background-color: #eeeeee;
}

div[id*=accordion] {
    border: solid 3px #E8E8E8;
}

div[id*=accordion] .btn-link {
    color: #444444;
}

.card {
    border: none;
    border-bottom: solid 1px #eee;
}

.card-header {
    padding: 0em;
    border-bottom: none;
    background-color: transparent;
}

.card-body {
    font-size: 14px;
    color: #444444;
}

.banner {
    background-position-y: 65%;
    background-image: url('../images/banner.jpg');
}

.product-c .product-num {
   ...