File: /home/dermova/public_html/superfood/GreenTea-Superfood/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Dermoviva GreenTea</title>
<meta content="" name="description">
<meta content="" name="keywords">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/reset.min.css">
<link rel='stylesheet' href='css/animate.min.css'>
<!-- 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-PNT2PGM');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PNT2PGM"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<style>
body { top: 0px !important; }
.skiptranslate { display: none; }
select.selectpicker { padding: 2px; font-size: 14px; border: 1px solid #cecece; color: #545454; font-family: arial; font-weight: 400; }
.translate {
position: absolute;
top: 27px !important;
right: 99px;
top: 36px;
z-index: 986;
max-width: 240px;
display: inline-block;
}
.translate b {
background-color: #fff;
border: 1px solid #d2cfcf;
box-shadow: none;
padding: 5px 11px;
/* padding-right: 11px; */
border-radius: 31px;
background-image: url('../images/drop.png');
font-size: 13px;
padding-right: 24px;
background-repeat: no-repeat;
background-position: 92% 11px;
top: ;
background-size: 7px;
outline: none;
cursor: pointer;
font-weight: 300;
font-family: 'cretypeCarosMedium';
color: #666;
}
.translate ul {
background: #fff;
margin-top: 6px;
padding: 5px 5px 5px 22px;
display: none; max-width: 151px;
}
.translate ul li {
list-style: none; line-height: 23px;
}
.translate ul li a {
list-style: none;
color: #333;
font-size: 15px; text-decoration: none; font-weight: 300;
font-family: 'cretypeCarosMedium';
color: #666;
}
</style>
<section class="main">
<div class="container">
<div class="translate">
<b>Select Language</b>
<ul style="display: none;">
<li><a href="http://dermoviva.com/superfood/GreenTea-Superfood/arabic.html">عربي</a></li>
<li><a href="#">English</a></li>
</ul>
</div>
<div class="row">
<div class="col-lg-12">
<h1 class="text-center"><a href="/superfood"><img src="images/logo.png" alt=""/></a></h1></div>
<!---------->
<div class="col-lg-12">
<div class="header">
<header>
<div class="header_tp">
<div class="navigation">
<ul>
<li><a href="#dermoviva">About super food</a></li>
<li><a href="#selection">PRODUCTS</a></li>
<li><a href="#contact-us">Contact us</a></li>
</ul>
</div>
</div>
</header>
</div>
</div>
<!---------->
<div class="col-lg-12">
<div class="line_heading">
<div class="img"><img src="images/banner.jpg" width="100%" height="auto" alt=""/></div>
<div class="ling_bg">
<h1 class="wow bounce" data-wow-duration="800ms">REFRESHING GREEN TEA FOR HEALTHY SKIN DETOX</h1>
<h3>Our Green Tea Skin Superfood is chock full of generously handpicked green tea leaves that helps maintain the oil balance of your skin. Feel the goodness of a healthy detox for a fragrant, smooth and supple skin.</h3>
</div>
</div>
</div>
<!---------->
</div>
<!--------->
<div class="col-lg-12">
<div class="face">
<ul>
<a href="#selection"><li class="wow pulse animated" data-wow-delay="30ms" data-wow-iteration="finite" data-wow-duration="1s"><img src="images/Face-Wash.png"><div class="inface"></div><br/>Face Wash</li></a>
<a href="#Face-Scrub"><li class="wow pulse animated" data-wow-delay="30ms" data-wow-iteration="finite" data-wow-duration="1s"><img src="images/Face-scrub.png"><div class="inface"></div><br/>Face Scrub</li></a>
<a href="#Face-Mask"><li class="wow pulse animated" data-wow-delay="30ms" data-wow-iteration="finite" data-wow-duration="1s"><img src="images/Face-mask.png"><div class="inface"></div><br/>Face Mask</li></a>
</ul>
</div>
</div>
<div class="clear"></div>
<!----- Ingredient Profile ---->
<div class="col-lg-12">
<div class="natural_diet avogada" id="dermoviva">
<h2>Ingredient Profile</h2>
<img src="images/avogada.png"/>
<p><strong>Green Tea :</strong> native to the healing lands of Japan, this superfood is packed with detoxifying properties that strengthen collagen, unclog pores and treat acne through oil control. Wake up your cleansed skin to the original complexion and texture. Feel super loved! </p>
</div>
</div>
<!----- NATURAL DIET ---->
<div class="clear"></div>
<div class="col-lg-12">
<div class="natural_diet">
<h2>What does it do for you?</h2>
<div class="inner">
<div class="left">
<ul>
<li ><img class="wow pulse animated" data-wow-delay="30ms" data-wow-iteration="finite" data-wow-duration="1s" src="images/natural_diet_icon13.png" width="100" height="100" alt=""/>
<div class="inner_dtl">Oil Controlling <br/> Formula</div></li>
<li><div class="inner_dtl">No Harmful <br/> Chemicals </span></div>
<img src="images/natural_diet_icon5.png" class="wow pulse animated" data-wow-delay="30ms" data-wow-iteration="finite" data-wow-duration="1s" width="100" height="100" alt=""/></li>
</ul>
</div>
<div class="middle"><img src="images/natural_diet.png" width="100%" height="auto" alt=""/></div>
<div class="right">
<ul>
<li><div class="inner_dtl" style="padding-top: 38px">Detoxifying <br/> Properties</div>
<img src="images/natural_diet_icon14.png" class="wow pulse animated" data-wow-delay="30ms" data-wow-iteration="finite" data-wow-duration="1s" width="100" height="100" alt=""/></li>
<li><div class="inner_dtl">Dermatologically <br/> Tested </div>
<img src="images/natural_diet_icon.png" class="wow pulse animated" data-wow-delay="30ms" data-wow-iteration="finite" data-wow-duration="1s" width="100" height="100" alt=""/></li>
</ul>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<!-----product-list 1---->
<div class="clear" ></div>
<div id="selection">
<div class="row product-list" >
<div class="col-lg-4 img-sec">
<img src="images/dervo-fashwash.jpg">
<a href="https://www.amazon.ae/gp/product/B07NDNHJ3Z/ref=as_li_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=B07NDNHJ3Z&linkCode=as2&tag=daburinternat-21&linkId=600d03ac848e15525ca891f70f3585c1" target="_blank"> <button>buy now</button> </a>
</div>
<div class="col-lg-8 step">
<h3>DermoViva Green Tea Face Wash</h3>
<p>Suffering from pores, dullness and greasiness? Put your skin on a cleansing detox with the calming properties of green tea infused in our face wash gel. Say bye to sheen, go green! </p>
<h2>How to use? </h2>
<ul>
<li class="wow fadeInDown" data-wow-duration="1.5s"><img src="images/icon-1.png"><br/>Moisten face and neck.</li>
<li class="wow fadeInDown" data-wow-duration="1.5s"><img src="images/icon-2.png" style="width: 84px;"><br/>Pour DermoViva Green Tea Face Wash into palms and massage gently for 30 seconds.</li>
<li class="wow fadeInDown" data-wow-duration="1.5s"><img src="images/ic4.jpg" style="width: 86px;"><br/>Wash off and pat dry. Use twice a day.</li>
</ul>
</div>
</div>
</div>
<!-----product-list 2---->
<div class="clear"></div>
<div class="row product-list" id="Face-Scrub">
<div class="col-lg-4 img-sec">
<img src="images/dervo-fashscrub.jpg">
<a href="https://www.amazon.ae/DermoViva-Face-scrub-Green-Tea-150ml/dp/B07MW113HZ?ref_=ast_sto_dp" target="_blank"> <button>buy now</button> </a>
</div>
<div class="col-lg-8 step">
<h3>DermoViva Green Tea Face Scrub</h3>
<p>Take a step into a healing journey of skin with our soothing exfoliator that gently deep cleans for a visibly refreshed, oil-free skin. Let your skin feel the natural, clean love it deserves!</p>
<h2>How to use? </h2>
<ul class="formet">
<li class="wow fadeInDown" data-wow-duration="1.5s"><img src="images/ic1.jpg"><br/>Moisten face and neck.</li>
<li class="wow fadeInDown" data-wow-duration="1.5s"><img src="images/ic2.jpg"><br/>Squeeze DermoViva Green Tea Face Scrub into palms.</li>
<li class="wow fadeInDown" data-wow-duration="1.5s"><img src="images/ic3.jpg"><br/>Massage gently in circular motion especially the nose, forehead and chin. </li>
<li class="wow fadeInDown" data-wow-duration="1.5s"><img src="images/ic4.jpg"><br/>Wash off and pat dry. Use on alternate days for best results.</li>
</ul>
</div>
</div>
<!-----product-list 3---->
<div class="clear"></div>
<div class="row product-list" id="Face-Mask">
<div class="col-lg-4 img-sec">
<img src="images/dervo-fashmask.jpg">
<a href="https://www.amazon.ae/DermoViva-Face-mask-Avocado-150ml/dp/B07NDPHB4P?ref_=ast_sto_dp" target="_blank"> <button>buy now</button> </a>
</div>
<div class="col-lg-8 step">
<h3>DermoViva Green Tea Peel-Off Face Mask</h3>
<p>Revitalize your skin from the inside out by peeling away toxins such as acne, blackheads and uneven skin texture with this ideal detox mask. Put your skin on a naturally cleansing diet!</p>
<h2>How to use? </h2>
<ul class="formet">
<li class="wow fadeInDown" data-wow-duration="1.5s"><img src="images/ic5.jpg"><br/>Take DermoViva Green Tea Peel-Off Face Mask on your palm and even it out on a cleansed, dry face. </li>
<li class="wow fadeInDown" data-wow-duration="1.5s"><img src="images/ic6.jpg"><br/>Avoid delicate areas of eyes, brows, lips and the hair line.</li>
<li class="wow fadeInDown" data-wow-duration="1.5s"><img src="images/ic7.jpg"><br/>Enjoy the next 20 minutes as the mask dries.</li>
<li class="wow fadeInDown" data-wow-duration="1.5s"><img src="images/ic8.jpg"><br/>Peel-off the mask and pat the skin for full absorption. Use 1-2 twice a week.</li>
</ul>
</div>
</div>
<!-----social_space---->
<div class="col-lg-12">
<div class="social_space">
<h1 class="wow bounce" data-wow-duration="800ms">Try some more recipes!</h1>
<div class="social_slider">
<div class="owl-slider">
<div id="carousel" class="owl-carousel">
<div class="item"><img src="images/slider1.jpg" alt=""><span>Dermoviva Turmeric Face Wash</span></div>
<div class="item"><img src="images/slider2.jpg" alt=""><span>Dermoviva Avocado Face Wash</span></div>
<div class="item"><img src="images/slider3.jpg" alt=""><span>Dermoviva Pomegranate Face Wash</span> </div>
<div class="item"><img src="images/slider1.jpg" alt=""><span>Dermoviva Turmeric Face Wash</span></div>
<div class="item"><img src="images/slider2.jpg" alt=""><span>Dermoviva Avocado Face Wash</span></div>
<div class="item"><img src="images/slider3.jpg" alt=""><span>Dermoviva Pomegranate Face Wash</span> </div>
</div>
</div>
</div>
</div>
</div>
<!--------->
</div>
</div>
</div>
</section>
<script src="js/jquery.min.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
<script src="js/animate.js"></script>
<script>$(window).scroll(function() {
if ($(this).scrollTop() > 1){
$('header').addClass("sticky-no");}
else{$('header').removeClass("sticky");}});</script>
<script>
jQuery("#carousel").owlCarousel({
autoplay: false,
rewind: false,
margin: 20,
responsiveClass: true,
autoHeight: true,
autoplayTimeout: 7000,
smartSpeed: 800,
nav: true,
responsive: {
0: {
items: 1
},
600: {
items: 3
},
1024: {
items: 3
},
1366: {
items: 3
}
}
});
</script>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false }, 'google_translate_element');
}
function translateLanguage(lang) {
googleTranslateElementInit();
var $frame = $('.goog-te-menu-frame:first');
if (!$frame.size()) {
alert("Error: Could not find Google translate frame.");
return false;
}
$frame.contents().find('.goog-te-menu2-item span.text:contains(' + lang + ')').get(0).click();
return false;
}
$(function(){
$('.selectpicker').selectpicker();
});
</script>
<script>
$(document).ready(function(){
$(".translate b").click(function(){
$(".translate ul").slideToggle();
});
});
</script>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js" type="text/javascript"></script>
</body>
</html>