Canada banner
How do I make an canada banner?
What is a canada banner? How do you make a canada banner? This script and codes were developed by Sarita Le Roux on 18 January 2023, Wednesday.
Canada banner - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>canada banner</title>
</head>
<body> <style>
.sorting { display: none;
}
.ResultsMessage { display: none;
}
.results-text { display: none;
}
.jQcsdad { display: none !important;
}
#ctl00_ctl00_Body__mainContent_CategoryListing1_SearchResults1_FiltersContainer { display: none!important;
}
.feature-brands, .feature-categories { border: 1px solid #ddd;
}
.feature-brands img { width: 125px;
}
.DeptCategoryBox { float: left; padding: 35px 0 0 0; margin: 0px; text-align: center; min-height: 110px; max-height: 150px;
}
.DeptCategoryBoxFeatured { float: left; padding: 30px 0 30px 0; margin: 0px; text-align: center; min-height: 150px;
}
.DeptCategoryImage { margin-bottom: 5px;
}
.DeptCategoryLink { font-size: 14px; line-height: 1em; color: #353535 !important; font-weight: normal !important; text-decoration: none;
}
.DeptCategoryLink:hover { color: #993333 !important; text-decoration: none !important;
}
.DeptLandingFooter { clear: both; margin-top: 20px; padding: 15px; border-top: 1px solid #ddd;
}
.DeptLandingFooter h5 { font-size: 20px; padding: 10px;
}
.DeptLandingFooter p { font-style: normal; font-weight: 400; font-size: 13px;
padding: 10px margin: 0; line-height: 1.3em;
}
.featuredb { color: white; background-color: #8092a6; padding: 10px; margin-top: 0px; text-align: center;
}
.codeheader { background-color: #94AFBD; color: white; letter-spacing: 0.05em;
}
.codeheader h1 { padding: 13px;
0px;
0px;
30px;
}
.codeheader h2 { padding: 13px;
0px;
0px;
30px;
}
.code { background-color: white; color: #8092A6; margin: 20px; padding: 10px; text-align: center;
}
.viewdetails { margin-top: 10px; text-align: center; background-color: #ecf0f1; padding: 10px; 0px;
10px; 0px;
}
</style>
<div class="container-fluid"> <div class="row no-gutter codeheader"> <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7 no-gutter"> <img class="img-responsive" src="//images.canadalightingexperts.com/site/common/canada/promos/2016/can-famday-lp.jpg"> </div> <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5 no-gutter"> <h2 class="code">CODE: TOGETHER</h2> </div> </div> <div class="row no-gutter"> <div class="hidden-xs col-sm-12 col-md-12 col-lg-12 no-gutter"> <h3 align="center">Featured Brands</h3> </div> </div> <div class="row no-gutter feature-brands"> <div class="DeptCategoryBox hidden-xs col-sm-4 col-md-2 col-lg-2"> <a href="/Elk-Lighting.htm?bid=famday-landing-page"><img src="//images.1stoplighting.com/supplier/Elk-Lighting/logo/elk-lighting.gif" alt="Elk Lighting Logo" title="Elk Lighting"></a> </div> <div class="DeptCategoryBox hidden-xs col-sm-4 col-md-2 col-lg-2"> <a href="/dainolite-lighting.htm?bid=famday-landing-page"><img src="//images.canadalightingexperts.com/supplier/Dainolite/logo/Dainolite_logo.png" alt=" Dainolite Logo" title="Dainolite"></a> </div> <div class="DeptCategoryBox hidden-xs col-sm-4 col-md-2 col-lg-2"> <a href="/progress-lighting.htm?bid=famday-landing-page"><img src="//images.canadalightingexperts.com/supplier/Progress-Lighting/logo/progress-lighting.gif" alt="Progress Logo" title="Progress Lighting"></a> </div> <div class="DeptCategoryBox hidden-xs col-sm-4 col-md-2 col-lg-2"> <a href="/SterlingIndustries/0-0-0-281/list.aspx?bid=famday-landing-page"><img src="//images.1stoplighting.com/supplier/SterlingIndustries/SterlingIndustries.gif" alt="Sterling Industries Logo" title="Sterling Industries"></a> </div> <div class="DeptCategoryBox hidden-xs col-sm-4 col-md-2 col-lg-2"> <a href="/Golden-Lighting/0-0-0-170/list.aspx?bid=famday-landing-page"><img src="//images.1stoplighting.com/supplier/Golden-Lighting/logo/golden-logo.gif" alt="Golden Lighting Logo" title="Golden Lighting"></a> </div> <div class="DeptCategoryBox hidden-xs col-sm-4 col-md-2 col-lg-2"> <a href="/besa-lighting.htm?bid=famday-landing-page"><img src="//images.canadalightingexperts.com/supplier/Besa-Lighting/logo/besa-lighting.gif" alt="Besa Logo" title="Besa"></a> </div> </div> <script type="text/javascript" language="JavaScript"><!--
function HideContent(d) {
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
document.getElementById(d).style.display = "block";
}
function ReverseDisplay(d) {
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
//--></script> <a href="javascript:ReverseDisplay('fineprint')"> <p class="viewdetails">Click here to view more details</p> </a> <div class="row no-gutter" style="display:none;" id="fineprint"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 DeptLandingFooter"> <p>Discount varies by brand, use coupon in cart to see exact discount.<br> <br> *Coupon is not valid on the following brands: AZ Patio Heaters, Currey and Company, Fanimation Fans, Fredrick Ramond, Hinkley, Infratech, Jeco Inc, Kichler Lighting, LBL Lighting, Monte Carlo Fans, Murray Feiss Lighting, Quoizel Lighting, Quorum, Robert Abbey, Sea Gull Lighting, Tech Lighting, Tiella Lighting, Uttermost, Varaluz Lighting.</p> <p class="discliamer" style="font-size:12px; font-style:italic;">Only 1 coupon can be used per order. Other promotions can be combined with the use of a coupon when available. Coupons are not valid on all brands. See coupons for more details and restrictions. 1 Stop Lighting does not accept coupons from other retailers. If you have any trouble using a coupon found on this page, please contact our customer service center for assistance. </p> </div> </div> <div class="row no-gutter"> <!-- <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 "> <h3>Shop the Sale Below</h3> </div>--> </div>
</div>
</body>
</html>
Developer | Sarita Le Roux |
Username | saritaleroux |
Uploaded | January 18, 2023 |
Rating | 3 |
Size | 2,995 Kb |
Views | 4,048 |
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 |
Shipping_Canada | 5,584 Kb |
Memorial Day | 5,228 Kb |
Canada_contact | 4,405 Kb |
Jan Promos | 2,607 Kb |
Forecast Lights Homepage | 3,070 Kb |
LowPriceGuarantee_Canada | 5,300 Kb |
GiftCerts_Canada | 5,078 Kb |
1stop_CONTACT | 4,406 Kb |
Duck - Offers | 1,923 Kb |
Shipping_1STOP | 5,588 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 |
Force Counter | Kenlauguico | 2,732 Kb |
SVG Text Masking | JMChristensen | 2,141 Kb |
Nested flexbox layout for library catalog | Boycetrus | 3,271 Kb |
Wikipedia Viewer | Odylic | 2,333 Kb |
RollOver Effect 2 | Lmack90 | 2,162 Kb |
A simple log in form made with css | Mayurelbhar | 2,160 Kb |
Progressively reveal dots on a Bezier curve | GreenSock | 2,489 Kb |
Day 11 - Calendar Card | Arnellebalane | 6,984 Kb |
Animated Vertical CSS3 Menu Black | MaCeLMp4 | 2,750 Kb |
Sass random color animation | Jotavejv | 4,827 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!