Stem Express - Sarita Homepage HTML

Developer
Juan Camero
Size
4,535 Kb
Views
52,624
  1. Stem Express - Sarita Homepage HTML Previews
  2. Stem Express - Sarita Homepage HTML HTML Codes

How do I make an stem express - sarita homepage html?

What is a stem express - sarita homepage html? How do you make a stem express - sarita homepage html? This script and codes were developed by Juan Camero on 29 July 2022, Friday.

Stem Express - Sarita Homepage HTML Previews
IQ Test

Stem Express - Sarita Homepage HTML - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Stem Express - Sarita Homepage HTML</title>
</head>
<body>	<style> /* Using a principle called encapsulation to prevent the following styles from clobbering the site */ .se h2	{ font: normal 24px; color: #636466; border-top: 1px solid #025A8C; padding-top: 20px; } .se .dealbox	{ display: block; text-aign: center; margin: 0; paddding: 0; } .se .dealbox > li	{ height: 260px; display: inline-block; padding-bottom: 23px;} .se .coupon	{	-moz-border-radius: 150px;	-webkit-border-radius: 150px;	position:relative;	-webkit-transition:all .1s ease-in-out;	-moz-transition:all .1s ease-in-out;	-o-transition:all .1s ease-in-out;	-ms-transition:all .1s ease-in-out;	transition:all .1s ease-in-out;	position:absolute;	} .se .category	{ -moz-border-radius:150px; -webkit-border-radius:150px; position:relative; margin-top: 10px; } .se .infor	{ position:absolute; border-radius:0px; opacity:0; top: 0px; left:0px; width:100%; height:100%; } .se .info	{	position:absolute;	opacity:1;	-moz-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);	-webkit-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);	-o-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);	-ms-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);	transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);	-webkit-backface-visibility:hidden;	font-size: 10px;	top:0px;	left: 0px;	width: 100%;	height: 100%	} .se .coupon:hover .top	{	-moz-transform:scale(1);	-webkit-transform:scale(1);	-o-transform:scale(1);	-ms-transform:scale(1);	transform:scale(1);	opacity:1;	} .se .category:hover .front	{	-moz-transform:scale(1);	-webkit-transform:scale(1);	-o-transform:scale(1);	-ms-transform:scale(1);	transform:scale(1);	opacity:1;	} .se .coupon:hover .infor	{	-moz-transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);	-webkit-transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);	-o-transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);	-ms-transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);	transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);	opacity:1;	} .se .category:hover .info	{	-moz-transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);	-webkit-transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);	-o-transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);	-ms-transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);	transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);	opacity:1;	} .se .coupon:hover	{ opacity:1; animation:popularAnim 1s 1; -webkit-animation:popularAnim 1s 1; } .se .category:hover	{ opacity:1; animation:popularAnim 1s 1; -webkit-animation:popularAnim 1s 1; } .se .coupon .rear .category .back	{ *display:none; } .se .coupon .rear .category .back	{ z-index:0; } .se .coupon .top .category .front	{ position:relative; z-index:1; } .se .coupon:hover .rear	{ z-index:1; } .se .category:hover .back	{ z-index:1; } .se .coupon:hover .top	{ position:relative; z-index:0; } .se .category:hover .front	{ position:relative; z-index:0; } .se .coupon:hover .rear	{ *display:inline; } .se .category:hover .back	{ *display:inline; } .se .coupon:hover .top	{ *display:none; } .se .category:hover .front	{ *display:none; } .se .color-1-bg	{ background:#FFF!important; } .se .color-1-font, .color-1-price	{ background:#fff!important; } .se .front	{	font-family:Verdana, sans-serif;	background:#FFF;	border:0.6px solid #CCC;	-webkit-transition:all .3s ease-in-out;	-moz-transition:all .3s ease-in-out;	-o-transition:all .3s ease-in-out;	-ms-transition:all .3s ease-in-out;	transition:all .3s ease-in-out;	} .se .back	{	font-family:Verdana, sans-serif;	background:#FFF;	margin-left: 1px;	margin-top: 1px;	-webkit-transition:all .3s ease-in-out;	-moz-transition:all .3s ease-in-out;	-o-transition:all .3s ease-in-out;	-ms-transition:all .3s ease-in-out;	transition:all .3s ease-in-out;	border: 1px solid #ccc;	} .se .front > div	{ font-weight:bold; text-align:center; color:#025a8c; } .se .front a	{ font-weight:bold; text-align:center; color:#025a8c; text-decoration:none; }
.se .back > div { text-align:center;} .se .title	{ font-size: 14px; text-align:center; padding: 15px 10px 20px; } .se .price span	{ font-weight:900; vertical-align:top; margin-top: -15px; display: inline-block; color:#fff; } .se .price .total	{ font-size: 30px; } .se .price img	{ width:150px; height: 150px; } .se .description	{ text-align:center; margin-bottom: 20px;} .se .front .description	{ color:#9b9b9b!important; font-size:16px; margin-top: 5px; } .se .back .title	{ color:#025a8c; font-weight: bold; margin-bottom:15px; } .se .back .description	{ font-size: 14px; } .se .back .description a	{ color: #232F3E; } .se .back .description ul li	{ color#333!important; text-align: left!important; list-style: none; line-height: 1.8; margin-left: 10px; } .se .small-text	{ font-size:10px; padding-top: 10px; } .se .featured-brands	{ border-bottom: 1px solid #8b9d2f; } .se .highlight-category	{ padding: 30px 0; } .se .highlight-category h1	{ font: normal 27px Verdana; text-align: center; margin: 0 0 15px; } .se .highlight-category .text-wrapper	{ min-height: 300px; background: #fbb040; color: #fff; padding: 20px; font: normal 21px Verdana; line-height: 22px; } .se .highlight-category .text-wrapper p	{ font: normal 13px Verdana; margin: 0 0 10px; text-align: center; font-size:18px; } .se .highlight-category p	{ color: #fff;} .se .highlight-category ul	{ margin: 10px; padding: 0; text-align:left!important; font-size:80%;} .se .highlight-category li {text-align:left!important; margin-bottom:10px; margin-left:10px;} .se .highlight-category a	{ color: #fff; font-weight: normal; } .se #product-carousel .flexslider	{ margin: 0 0 10px !important; } .se #product-carousel .flex-direction-nav a.flex-prev	{ width: 20px !important; background: url(//images.lunawarehouse.com/site/common/luna/icon-featured-brands-flexslider-left.png) no-repeat 0px 50% !important; margin-left: -14px !important; top: 0 !important; } .se #product-carousel .flex-direction-nav a.flex-next	{ width: 20px !important; background: url(//images.lunawarehouse.com/site/common/luna/icon-featured-brands-flexslider-right.png) no-repeat 0px 50% !important; margin-left: 0; top: 0 !important; right: -14px; } .se .why-shop-vps	{ margin: 30px 0; } .se .why-shop-vps h1	{ font: normal 24px Verdana; color: #00b6f1; border: 0; padding: 0; margin: 0; } .se .why-shop-vps h2	{ font: bold 14px Verdana; color: #00b6f1; border: 0; padding: 30px 0 0; margin: 0; } .se .why-shop-vps a:hover	{ text-decoration: none; } .se .masthead .extra img	{ border: 1px solid #a1a1a1; } .se #hero-slider .flexslider .slides img	{ height: auto; } .se #hero-slider .flex-control-nav	{ bottom: 20px !important; right: 42%; } .se #hero-slider .loading-hero	{ min-height: 271px !important; background: url(/scripts/images/spinner-waiting-small.gif) no-repeat center 50% !important; } #Layout_Title	{ display: none; } #ctl00_ctl00_Body_breadcrumbRow	{ display: none; } .se .homepage-responsive-products .flex-direction-nav a.flex-prev	{ width: 36px; height: 75px; background: url(//images.lunawarehouse.com/site/common/luna/icon-promos-flexslider-left.png) no-repeat 0 0 !important; margin: 0; top: 40%; left: 2%; } .se .homepage-responsive-products .flex-direction-nav a.flex-next	{ width: 36px; height: 75px; background: url(//images.lunawarehouse.com/site/common/luna/icon-promos-flexslider-right.png) no-repeat 0 0 !important; margin: 0; top: 40%; right: 2%; } .se .homepage-responsive-products .flex-control-paging li a	{ width: 12px; height: 12px; box-shadow: inset 0 0 3px rgba(102,211,247,0.6); background: #FFF; } .se .homepage-responsive-products .flex-control-paging li a.flex-active	{ background: #66d3f7; border: 1px solid #e0e0e0; } .se .homepage-responsive-products .flex-control-paging li a:hover	{ background: #66d3f7; border: 1px solid #e0e0e0; } @media (max-width:748px) {	.se .homepage-responsive-products .flex-direction-nav a.flex-prev	{ background: url(/scripts/images/icon-jcarousel-arrows-spritesheet.png) no-repeat 0 50% !important; top: 19%; left: -4%; }	.se .homepage-responsive-products .flex-direction-nav a.flex-next	{ background: url(/scripts/images/icon-jcarousel-arrows-spritesheet.png) no-repeat 100% 50% !important; top: 19%; right: -4%; }	.se h2	{ font-size: 18px; }	.se .highlight-category,	.se .highlight-category .highlight-box	{ padding: 0; }	.se .highlight-category .highlight-box:first-child	{ margin: 20px 0; }	.se .vps-box	{ margin: 20px 0; } }
</style>
<div style="margin-top:-20px;" class="se"> <div class="row no-gutter" style="margin-top: 20px;"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 no-gutter"> <script type="text/javascript"> $(window).load(function() {	$('#hero-slider .flexslider').flexslider({	animation: "slide",	prevText: "",	nextText: "",	touch: true,	start: function(slider) {	slider.removeClass('loading-hero');	}	});	}); </script> <div class="homepage-responsive-products" id="hero-slider"> <div class="homepage-responsive-wrapper"> <div class="homepage-responsive-slider-wrapper"> <div class="flexslider loading-hero"> <ul class="slides"> <!-- supplier promos --> <li> <a href="/search.aspx?search=CD34%20Cord%20Blood"><img class="img-responsive" src="http://images.stemexpress.com/site/common//se/promos/2017/se-cord-hp.jpg" alt="Cord Blood"></a> </li> <li> <a href="/search.aspx?search=leukopak"><img class="img-responsive" src="http://images.stemexpress.com/site/common//se/promos/2017/se-vials-hp.jpg" alt="Leukopaks"></a> </li> <li> <a target="_blank" href="http://stemexpressdonors.com"><img class="img-responsive" src="http://images.stemexpress.com/site/common//se/promos/2017/se-donor-hp.jpg" alt="Cord Blood"></a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="row no-gutter"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 no-gutter" style="margin-bottom:40px"> <h2>Featured Products</h2> <ul class="dealbox row clearfix" style="padding: 0;"> <li class="col-xs-12 col-sm-12 col-md-3 col-lg-3 no-gutter"> <div class="category"> <div class="front"> <a href="/search.aspx?search=leukopak"><div class="title color-1-font">Leukopaks<br>(Mobilized & Standard)<br><br></div></a> <div class="price color-1-font"> <span class="total"><a href="/search.aspx?search=leukopak"><img src="//images.stemexpress.com/site/common/se/homepage/leukopaks.jpg"></a><br></span> </div> <div><br></div> </div> </div> </li> <li class="col-xs-12 col-sm-12 col-md-3 col-lg-3 no-gutter"> <div class="category"> <div class="front"> <div class="title color-1-font"><a href="/search.aspx?search=marrow%20cd34+">Bone Marrow CD34+<br>Stem/Progenitor Cells<br><br></a></div> <div class="price color-1-font"> <span class="total"><a href="/search.aspx?search=marrow%20cd34+"><img src="//images.stemexpress.com/site/common/se/homepage/marrow.jpg"></a></span> </div> <div><br></div> </div> </div> </li> <li class="col-xs-12 col-sm-12 col-md-3 col-lg-3 no-gutter"> <div class="category"> <div class="front"> <div class="title color-1-font"><a href="/lighting/77-2159-2477-0-551352/Stem-Express_Peripheral-Blood-MNC-PBMNC.htm">Peripheral Blood <br>PBMC<br><br></a></div> <div class="price color-1-font"> <span class="total"><a href="/lighting/77-2159-2477-0-551352/Stem-Express_Peripheral-Blood-MNC-PBMNC.htm"><img src="//images.stemexpress.com/site/common/se/homepage/peripheral.jpg"></a><br></span> </div> <div><br></div> </div> </div> </li> <li class="col-xs-12 col-sm-12 col-md-3 col-lg-3 no-gutter"> <div class="category"> <div class="front"> <div class="title color-1-font"><a href="/search.aspx?search=cord%20cd34">Umbilical Cord Blood CD34+<br> Stem/Progenitor Cells<br><br></a></div> <div class="price color-1-font"> <span class="total"><a href="/search.aspx?search=cord%20cd34"><img src="//images.stemexpress.com/site/common/se/homepage/umbilical.jpg"></a><br></span> </div> <div><br></div> </div> </div> </li> </ul> </div> </div> <div class="row no-gutter highlight-category"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 no-gutter-left highlight-box"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-wrapper"> <h1>Humanized Mice</h1> <ul> <li>Largest variety of CD34<sup>+</sup> source material</li> <li>BM CD34<sup>+</sup>, CB CDS4<sup>+</sup>, PB CD34<sup>+</sup>, FL CD34<sup>+</sup></li> <li>LCMV Negative</li> <li>Large lot sizes with matched tissue available</li> </ul> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 no-gutter image-wrapper"> <img src="//images.stemexpress.com/site/common/se/homepage/human-mouse.jpg" class="img-responsive"> </div> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 no-gutter-right highlight-box"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-wrapper"> <a style="text-decoration:none;" href="/search.aspx?search=cord%20cd34"><h1 style="margin-top:40px">Limited Time Discount!<br>35% Off Human CD34<sup>+</sup>Cells</h1></a> <p>- Large Lot Sizes -</p> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 no-gutter image-wrapper"> <a href="/search.aspx?search=cord%20cd34"><img src="//images.stemexpress.com/site/common/se/homepage/special-offer.jpg" class="img-responsive"></a> </div> </div> </div> <div class="row no-gutter why-shop-vps"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 no-gutter vps-box"> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 text-center"> <img src="//images.stemexpress.com/site/common/se/homepage/speed-vp.png"> <br><br> <h1>Rapid Sample Delivery</h1> </div> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 text-center"> <img src="//images.stemexpress.com/site/common/se/homepage/price-vp.png"> <br><br> <h1>Competitive Pricing</h1> </div> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 text-center"> <img src="//images.stemexpress.com/site/common/se/homepage/custom-vp.png"> <br><br> <h1>Customize Your Order</h1> </div> </div> </div>
</div>
</body>
</html>
Stem Express - Sarita Homepage HTML - Script Codes
Stem Express - Sarita Homepage HTML - Script Codes
Home Page Home
Developer Juan Camero
Username juancamero
Uploaded July 29, 2022
Rating 3
Size 4,535 Kb
Views 52,624
Do you need developer help for Stem Express - Sarita Homepage HTML?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Juan Camero (juancamero) Script Codes
Name
Umbilical Cord Blood PIS
Employment Page - SE Content
August - TopNav - Outdoor - 1Stop
Order view screen - frankling ticket - in progress HTML
Contact Us HTML - DuckCovers.com
HTML Sale Banner - CLE
Stem Express - Contact Us Final HTML
August - TopNav - Fans - 1Stop
LUNA - JAN header
StemExpress - Top Nav - Products - Second dropdown column
Create amazing video scripts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!