PRE - 1Stop Homepage HTML
How do I make an pre - 1stop homepage html?
What is a pre - 1stop homepage html? How do you make a pre - 1stop homepage html? This script and codes were developed by Juan Camero on 27 September 2022, Tuesday.
PRE - 1Stop Homepage HTML - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>PRE - 1Stop Homepage HTML</title>
</head>
<body> <style type="text/css">
#ctl00_ctl00_Body__mainContent_Home1_AdControl4_ImagePromo1, #ctl00_ctl00_Body__mainContent_Home1_AdControl4_ImagePromo2, #ctl00_ctl00_Body__mainContent_Home1_AdControl4_ImagePromo3, #ctl00_ctl00_Body__mainContent_Home1_AdControl4_ImagePromo4 { width: 560px!important;
}
.masthead .extra img { border: 1px solid #a1a1a1;
}
#hero-slider .flexslider .slides img { height: auto;
}
#hero-slider .flex-control-nav { bottom: 20px !important; right: 10px;
}
.loading-hero { min-height: 271px !important; background: url(/scripts/images/spinner-waiting-small.gif) no-repeat center 50% !important;
}
</style>
<script type="text/javascript"> $(window).load(function() { $('#hero-slider .flexslider').flexslider({ animation: "slide", directionNav: false, prevText: "", nextText: "", touch: true, start: function(slider) { slider.removeClass('loading-hero'); } }); });
</script>
<div class="row masthead no-gutter vertical-gutter"> <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9 no-gutter-left no-gutter-xs"> <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"> <li><a href="/search.aspx?search=Habitat-For-Humanity-Charity&bid=bmb"><img class="img-responsive" src="//images.1stoplighting.com/site/common/promos/All/2017/1-mrch-elk15-hp.jpg" alt="Progress Lighting"></a></li> <li><a href="/Progress-Lighting/0-0-0-70/list.aspx?bid=bmb"><img class="img-responsive" src="//images.1stoplighting.com/site/common/promos/All/2017/1-mrch-prog20-hp.jpg" alt="Progress Lighting"></a></li> <li><a href="/search.aspx?search=maximet2promo&bid=bmb"><img class="img-responsive" src="//images.1stoplighting.com/site/common/promos/All/2017/1-mrch-mxet15-hp.jpg" alt="Progress Lighting"></a></li> <!-- ========= GENERIC VP HOMEPAGE BANNERS ========
<li><a href="/Kichler-Lighting/0-0-0-147/list.aspx?bid=bmb"><img class="img-responsive" src="//images.1stoplighting.com/site/common/promos/Kichler/kichler-2day25-hp.jpg" alt="Kichler Lighting"></a></li>
<li><a href="/Maxim-Lighting/0-0-0-93/list.aspx?vp=1&bid=bmb"><img src="//images.1stoplighting.com/site/common/promos/Maxim/maxim-3day25-hp.jpg" class="img-responsive"></a></li>
<li><a href="/Elk-Lighting/0-0-0-31/list.aspx?bid=bmb"><img class="img-responsive" src="//images.1stoplighting.com/site/common/promos/ELK/elk-3day25-hp.jpg" alt="ELK Lighting"></a></li>
<li><a href="/Hinkley/0-0-0-81/list.aspx?bid=bmb"><img src="//images.1stoplighting.com/site/common/promos/Hinkley/hink-3day25-hp.jpg" class="img-responsive"></a></li> <li> <a href="/Emerson-Fans/0-0-0-107/list.aspx?bid=bmb"><img src="//images.1stoplighting.com/site/common/dept/Emerson/1stop-em-hp.jpg" class="img-responsive"> </a> </li>
<li><a href="/Robert-Abbey-Lighting-Made-In-the-USA.htm?bid=bmb"><img src="//images.1stoplighting.com/site/common/promos/all/2016/raship-1hp.jpg" class="img-responsive"></a></li>
<li><a href="/Golden-Lighting/0-0-0-170/list.aspx?bid=bmb"><img src="//images.1stoplighting.com/site/common/promos/all/2016/golden-gen-home.jpg" class="img-responsive"></a></li>
<li><a href="/Craftmade-Lighting_Ceiling-Fans/7-0-0-139/list.aspx?bid=bmb"><img src="//images.1stoplighting.com/site/common/promos/all/2016/craft-gen-home.jpg" class="img-responsive"></a></li>
<li><a href="/Hinkley/0-0-0-81/list.aspx?bid=bmb"><img src="//images.1stoplighting.com/site/common/promos/Hinkley/hink-3day25-hp.jpg" class="img-responsive"></a></li>
<li><a href="/maxim-lighting.htm?bid=bmb"><img src="//images.1stoplighting.com/site/common/promos/Maxim/maxim-3day25-hp.jpg" class="img-responsive"></a></li>
<li><a href="/Elk-Lighting/0-0-0-31/list.aspx?bid=bmb"><img class="img-responsive" src="//images.1stoplighting.com/site/common/promos/ELK/elk-3day25-hp.jpg" alt="ELK Lighting"></a></li>
<li><a href="/Murray-Feiss-Lighting/0-0-0-100/list.aspx?bid=bmb"><img class="img-responsive" src="//images.1stoplighting.com/site/common/promos/Murray-Feiss/mf_lifetime_hp.jpg" alt="Feiss"></a></li>
========= GENERIC VP HOMEPAGE BANNERS ======== --> </ul> </div> </div> </div> </div> </div> <div class="hidden-xs col-sm-3 col-md-3 col-lg-3 no-gutter-right extra"> <a href="/content/contact-us/info.aspx"> <img src="//images.1stoplighting.com/site/common/promos/all/call-in-sub1.png" class="img-responsive"></a> <a href="/coupons-and-promotions.htm?bid=sub"> <img src="//images.1stoplighting.com/site/common/promos/all/deals-sub2.jpg" class="img-responsive"></a> </div>
</div>
<style type="text/css"> .taglines div { padding: 10px; text-align: center; color: #3e3e3e; font-weight: bold; font-size: 16px; } .taglines div a{ color:#428bca; } .taglines div span { padding: 0 20px; }
</style>
<div class="row taglines no-gutter vertical-gutter hidden-xs"> <div> Why Shop With Us? <a href="/content/low-price-guarantee/info.aspx?bid=hpvp">Lowest Price Guarantee</a> <span>|</span> <a href="/content/delivery-special/info.aspx?bid=hpvp">Quick Delivery</a> <span>|</span> <a href="/content/privacy/info.aspx?bid=hpvp">100% Secure</a> <span>|</span> <a href="/content/extended-warranty/info.aspx?bid=hpvp">Extended Warranty</a> <span>|</span> <a href="/content/shipping/info.aspx?bid=hpvp">Free Shipping on orders over $49+</a> </div>
</div>
<style type="text/css"> /* Small and large phones */ @media (max-width:748px) { .featured-products .box-grid { min-height: 350px; } } /* Small device */ @media (min-width:749px) { .featured-products .box-grid { min-height: 330px; } } /* Medium devices (desktops, 992px and up) */ @media (min-width:992px) { .featured-products .box-grid { min-height: 280px; } } .featured-products:last-child { margin: 0; } .featured-products img { border: 1px solid #a1a1a1; } .featured-products ul { padding: 0; margin: 0; margin-top: 5px; margin-bottom: 30px; list-style-type: none; } .featured-products li { font-size: 16px; margin-bottom: 10px; } .featured-products li a { font-weight: normal; display: block; padding-left: 5px; text-align: left; font-size: 14px; color:#353535;} .featured-products li a:hover { color: #EE9538!important; text-decoration: none; } .featured-products .box-grid a h4 { padding: 5px; 0px; 0x; 5px; font-size:16px; color:#353535;}
</style>
<div class="featured-products row no-gutter"> <div class="box-grid col-xs-6 col-sm-4 col-md-3 col-lg-3"> <a href="/Chandeliers/2-0-0-0/list.aspx?bid=cat"> <img src="//images.1stoplighting.com/supplier/Kichler/products/2020NI.jpg/300/300/1" title="Chandeliers" alt="Chandeliers" class="img-responsive"> <h4>Chandeliers</h4> </a> <ul> <li><a href="/Pendant-Lighting/14-0-0-0/list.aspx?bid=cat">Pendants</a></li> <li><a href="/Chandeliers_Contemporary/2-96-0-0/list.aspx?bid=cat">Contemporary Chandliers</a></li> <li><a href="/Chandeliers_Island---Billiard/2-250-0-0/list.aspx?bid=cat">Island & Billiard Lights</a></li> </ul> </div> <div class="box-grid col-xs-6 col-sm-4 col-md-3 col-lg-3"> <a href="/Outdoor-Lighting.htm?bid=cat"> <img src="//images.1stoplighting.com/supplier/Elk-Lighting/products/42006-1.jpg/300/300/1" title="Pendants" alt="Pendants" class="img-responsive"> <h4>Outdoor</h4> </a> <ul> <li><a href="/Outdoor_Wall-Mount/4-9-0-0/list.aspx?bid=cat">Wall Mount Lights</a></li> <li><a href="/Outdoor_Post-Lights/4-11-0-0/list.aspx?bid=cat">Post Lights</a></li> <li><a href="/Patio-Furniture/41-0-0-0/list.aspx?bid=cat">Patio Furniture</a></li> </ul> </div> <div class="box-grid col-xs-6 col-sm-4 col-md-3 col-lg-3"> <a href="/Ceiling-Fans.htm?bid=cat"> <img src="//images.1stoplighting.com/supplier/Monte-Carlo-Fans/products/5DI52BSD.jpg/300/300/1" title="Ceiling Lighting" alt="Ceiling Lighting" class="img-responsive"> <h4>Ceiling Fans</h4> </a> <ul> <li><a href="/Ceiling-Fans_Outdoor/7-297-0-0/list.aspx?bid=cat">Outdoor Ceiling Fans</a></li> <li><a href="/Ceiling-Fans_Contemporary/7-449-0-0/list.aspx?bid=cat">Contemporary Ceiling Fans</a></li> <li><a href="/Ceiling-Fans_Traditional/7-448-0-0/list.aspx?bid=cat">Traditional Ceiling Fans</a></li> </ul> </div> <div class="box-grid col-xs-6 col-sm-4 col-md-3 col-lg-3"> <a href="/Bathroom/5-0-0-0/list.aspx?bid=cat"> <img src="//images.1stoplighting.com/supplier/Justice-Design/products/CLD-8926-30-NCKL.jpg/300/300/1" title="Wall Lighting" alt="Wall Lighting" class="img-responsive"> <h4>Bathroom Lighting</h4> </a> <ul> <li><a href="/Bathroom_Vanity-Lighting/5-213-0-0/list.aspx?bid=cat">Vanity Lighting</a></li> <li><a href="/Bathroom_Ceiling-Fixtures/5-632-0-0/list.aspx?bid=cat">Bathroom Ceiling Fixtures</a></li> <li><a href="/Wall-Sconces_Crystal/6-69-0-0/list.aspx/Bathroom_Wall-Sconces/5-633-0-0/list.aspx?bid=cat">Bathroom Wall Sconces</a></li> </ul> </div> <div class="box-grid col-xs-6 col-sm-4 col-md-3 col-lg-3"> <a href="/Ceiling-Fixtures/18-0-0-0/list.aspx?bid=cat"> <img src="//images.1stoplighting.com/supplier/Maxim-Lighting/products/5842MRAC.jpg/300/300/1" title="Bathroom Lights" alt="Bathroom Lights" class="img-responsive"> <h4>Ceiling Fixtures</h4> </a> <ul> <li><a href="/Ceiling-Fixtures_Flush-Mount/18-462-0-0/list.aspx?bid=cat">Flush Mount</a></li> <li><a href="/Ceiling-Fixtures_Semi-Flush-Mount/18-463-0-0/list.aspx?bid=cat">Semi-Flush Mount</a></li> <li><a href="/Ceiling-Fixtures_Directionals-Monopoints/18-465-0-0/list.aspx?bid=cat">Directionals-Monopoints</a></li> </ul> </div> <div class="box-grid col-xs-6 col-sm-4 col-md-3 col-lg-3"> <a href="/Wall-Lighting.htm?bid=cat"> <img src="//images.1stoplighting.com/supplier/Maxim-Lighting/products/11086SVOI.jpg/300/300/1" title="Outdoor Lighting" alt="Outdoor Lighting" class="img-responsive"> <h4>Wall Lighting</h4> </a> <ul> <li><a href="/Wall-Sconces_Transitional/6-88-0-0/list.aspx?bid=cat">Transitional</a></li> <li><a href="/Wall-Sconces_Contemporary/6-86-0-0/list.aspx?bid=cat">Contemporary</a></li> <li><a href="/Wall-Sconces_Traditional/6-87-0-0/list.aspx?bid=cat">Traditional</a></li> </ul> </div> <div class="box-grid col-xs-6 col-sm-4 col-md-3 col-lg-3"> <a href="/LED/26-0-0-0/list.aspx?bid=cat"> <img src="//images.1stoplighting.com/supplier/Murray-Feiss-Lighting/products/P1392SN_1k.jpg/300/300/1" title="Decor" alt="Decor" class="img-responsive"> <h4>LED Lights</h4> </a> <ul> <li><a href="/LED-Lights_LED-Pendants/26-658-0-0/list.aspx?bid=cat">LED Pendants</a></li> <li><a href="/LED-Lights_LED-Ceiling-Lights/26-653-0-0/list.aspx?bid=cat">LED Ceiling Lights</a></li> <li><a href="/LED-Lights_LED-Wall-Sconces/26-661-0-0/list.aspx?bid=cat">LED Wall Sconces</a></li> </ul> </div> <div class="box-grid col-xs-6 col-sm-4 col-md-3 col-lg-3"> <a href="/Lamps-Furniture.htm?bid=cat"> <img src="//images.1stoplighting.com/supplier/Zuo-Modern/products/100018_1k.jpg/300/300/1" title="LED Lighting" alt="LED Lighting" class="img-responsive"> <h4>Lamps & Furniture</h4> </a> <ul> <li><a href="/Table-Lamps/12-0-0-0/list.aspx?bid=cat">Table Lamps</a></li> <li><a href="/Home-Furnishings_Mirrors/16-234-0-0/list.aspx?bid=cat">Mirrors</a></li> <li><a href="/Home-Furnishings_Furniture/16-235-0-0/list.aspx?bid=cat">Furniture</a></li> </ul> </div>
</div>
<div class="row no-gutter clearfix"> <style> .homepage-responsive-products .homepage-responsive-header h3 { margin-bottom: 0; } #product-carousel .flexslider { background: #fff; border-bottom: 1px solid #8092a6; margin: 0 0 30px; } #product-carousel .flexslider .slides img { zheight: 100px; min-height: 60px; } #product-carousel .flex-viewport { width: 88%; } #product-carousel .flex-control-nav { width: 100%; bottom: -40px !important; } .loading-carousel { min-height: 75px !important; background: url(/scripts/images/spinner-waiting-small.gif) no-repeat center 50% !important; } .homepage-responsive-products .flex-direction-nav a { margin: 0; top: 0; } #product-carousel .flex-direction-nav a { width: 55px; height: 110px; background: #E5E5E5 url(/scripts/images/icon-jcarousel-arrows-spritesheet.png) no-repeat -15px 50%; margin: 0; top: 0; } .homepage-responsive-products .flex-direction-nav .flex-prev { top: 0; left: 0; } .homepage-responsive-products .flex-direction-nav .flex-next { top: 0; right: 0; background-position: -95px 50% !important; } #product-carousel .flex-direction-nav .flex-prev { left: 0; } #product-carousel .flex-direction-nav .flex-next { right: 0; } </style> <script type="text/javascript"> $(window).load(function() { $('#product-carousel .flexslider').flexslider({ animation: "slide", prevText: "", nextText: "", slideshow: false, controlNav: false, animationLoop: true, pauseOnHover: true, itemWidth: 100, itemMargin: 0, minItems: 2, maxItems: 6, touch: true, move: 1, start: function(slider) { slider.removeClass('loading-carousel'); } }); }); </script> <div class="homepage-responsive-products col-lg-12 col-md-12 col-sm-12 col-xs-12" id="product-carousel"> <div class="homepage-responsive-wrapper"> <div class="homepage-responsive-header"> <h3>Shop Our Featured Brands:<span style="font-size:12px; float:right;"><a href="/line-card.aspx">View All Brands</a></span></h3> </div> <div class="homepage-responsive-slider-wrapper"> <div class="flexslider loading-carousel"> <ul class="slides"> <li> <a href="/Elk-Lighting.htm"><img src="//images.1stoplighting.com/site/common/content/logo/100x100/elklighting.jpg" alt="ELK Lighting" title="ELK Lighting"></a> </li> <li> <a href="/murray-feiss.htm"><img src="//images.1stoplighting.com/site/common/content/logo/100x100/feisslighting.jpg" alt="Feiss Lighting" title="Feiss Lighting" width="100"></a> </li> <li> <a href="/maxim-lighting.htm"><img src="//images.1stoplighting.com/site/common/content/logo/100x100/maximlighting.jpg" alt="Maxim Lighting" title="Maxim Lighting"></a> </li> <li> <a href="/Hinkley-Lighting.htm"><img src="//images.1stoplighting.com/site/common/content/logo/100x100/hinkleylighting.jpg" alt="Hinkley Lighting" title="Hinkley Lighting"></a> </li> <li> <a href="/kichler-lighting.htm"><img src="//images.1stoplighting.com/site/common/content/logo/100x100/kichler.jpg" alt="Kichler Lighting" title="Kichler Lighting"></a> </li> <li> <a href="/Justice-Design.htm"><img src="//images.1stoplighting.com/site/common/content/logo/100x100/justicedesign.jpg" alt="Justice Design" title="Justice Design"></a> </li> <li> <a href="/golden-lighting.htm"><img src="//images.1stoplighting.com/site/common/content/logo/100x100/goldenlighting.jpg" alt="Golden Lighting" title="Golden Lighting"></a> </li> <li> <a href="/monte-carlo-fans.htm"><img src="//images.1stoplighting.com/site/common/content/logo/100x100/montecarlofans.jpg" alt="Monte Carlo Fans" title="Monte Carlo Fans"></a> </li> <li> <a href="/sea-gull-lighting.htm"><img src="//images.1stoplighting.com/site/common/content/logo/100x100/seagulllighting.jpg" alt="Sea Gull Lighting" title="Sea Gull Lighting"></a> </li> <li> <a href="/Quoizel-Lighting.htm"><img src="//images.1stoplighting.com/site/common/content/logo/100x100/quoizel.jpg" alt="Quoizel Lighting" title="Quoizel Lighting"></a> </li> <li> <a href="/craftmade-fans.htm"><img src="//images.1stoplighting.com/site/common/content/logo/100x100/craftmade.jpg" alt="Craftmade Fans" title="Craftmade Fans"></a> </li> <li> <a href="/Fredrick-Ramond-Lighting.htm"><img src="//images.1stoplighting.com/site/common/content/logo/100x100/fredrickramond.jpg" alt="Fredrick Ramond" title="Fredrick Ramond"></a> </li> <li> <a href="/et2-lighting.htm"><img src="//images.1stoplighting.com/site/common/content/logo/100x100/et2lighting.jpg" alt="ET2 Lighting" title="ET2 Lighting"></a> </li> <li> <a href="/Fanimation.htm"><img src="//images.1stoplighting.com/site/common/content/logo/100x100/fanimation.jpg" alt="Fanimation Fans" title="Fanimation Fans"></a> </li> <li> <a href="/savoy-house.htm"><img src="//images.1stoplighting.com/site/common/content/logo/100x100/savoyhouse.jpg" alt="Savoy House" title="Savoy House"></a> </li> <li> <a href="/Besa-Lighting.htm"><img src="//images.1stoplighting.com/site/common/content/logo/100x100/besalighting.jpg" alt="Besa Lighting" title="Besa Lighting"></a> </li> <li> <a href="/crystorama-lighting.htm"><img src="//images.1stoplighting.com/site/common/content/logo/100x100/crystorama.jpg" alt="Crystorama" title="Crystorama"></a> </li> <li> <a href="/Dolan-Designs/0-0-0-78/list.aspx"><img src="http://images.1stoplighting.com/site/common/content/logo/100x100/dolan-logo.jpg" alt="Dolan Designs" title="Dolan Designs"></a> </li> <li> <a href="/Infratech/0-0-0-338/list.aspx"><img src="http://images.1stoplighting.com/site/common/content/logo/100x100/Infratech-logo.jpg" alt="Infratech Heaters" title="Infratech Heaters"></a> </li> <li> <a href="/Galtech-International/0-0-0-317/list.aspx"><img src="http://images.1stoplighting.com/site/common/content/logo/100x100/galtech-logo.jpg" alt="Galtech" title="Galtech"></a> </li> <li> <a href="/line-card.aspx"><img src="//images.1stoplighting.com/site/common/promos/all/shopallbrands.jpg" alt="Shop by Brands" title="Shop all Brands" height="110"></a> </li> </ul> </div> </div> </div> </div>
</div>
</body>
</html>
Developer | Juan Camero |
Username | juancamero |
Uploaded | September 27, 2022 |
Rating | 3 |
Size | 5,031 Kb |
Views | 8,096 |
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!
Name | Size |
Umbilical Cord Blood PIS | 1,591 Kb |
Canada - JAN homepage 1 | 6,201 Kb |
Order view screen - frankling ticket - in progress HTML | 12,718 Kb |
StemExpress - PIS Table | 2,440 Kb |
LUNA - JAN header | 5,929 Kb |
June 17 - TopNav - Fans - 1STOP | 3,160 Kb |
Stem Express - all products landing pages - SOURCE and WHOLE tissue | 2,340 Kb |
August - TopNav - Fans - 1Stop | 2,094 Kb |
Stem Express - Contact Us Final HTML | 1,634 Kb |
Ss21q | 3,601 Kb |
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!
Name | Username | Size |
A cube | KyleDavidE | 18,627 Kb |
Web Spiral - p5.js | TWAIN | 2,183 Kb |
Mondrian | Chrisarmstrong | 2,787 Kb |
PNotify Demo | Adittmar | 1,731 Kb |
Greyscale image with filter in CSS3 | NickyCDK | 1,562 Kb |
Image grid with captions | Mchernin34 | 2,222 Kb |
Content Changer | Cliffpyles | 4,538 Kb |
GrcJS | Vino6 | 2,047 Kb |
Classy Blockquote Styling | Andrewwright | 3,212 Kb |
Flex Table | Simeonoff | 4,059 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!