CB - Organization Super

Developer
Ashley Sullivan
Size
4,472 Kb
Views
12,144
  1. CB - Organization Super Previews
  2. CB - Organization Super HTML Codes
  3. CB - Organization Super CSS Codes
  4. CB - Organization Super JS Codes

How do I make an cb - organization super?

What is a cb - organization super? How do you make a cb - organization super? This script and codes were developed by Ashley Sullivan on 12 November 2022, Saturday.

CB - Organization Super Previews
IQ Test

CB - Organization Super - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CB - Organization Super</title> <link rel='stylesheet prefetch' href='https://www.crateandbarrel.com/Fonts/webfonts_16061904025624.css'>
<link rel='stylesheet prefetch' href='https://www.crateandbarrel.com/css/Browse_16061904025624.css'>
<link rel='stylesheet prefetch' href='https://www.crateandbarrel.com/css/Common_16061904014510.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!-- MODULAR -->
<div class="section">	<a href="/furniture/stackable-storage/1"><img class="fullWidth" id="OmniTagTheme:org-modular" src="https://images.crateandbarrel.com/is/image/Crate/dSC_MdlrStrg_160614_FPO_v2?wid=1920&qlt=60,0&fmt=jpg" alt="Blue colored living room with white modular storage"></a>	<div class="heroCopy">	<h2 class="crate-helvetica-bold SPHeadline-big cmsWhite">The Look of Built-Ins</h2>	<p class="crate-helvetica-light SPSubhead cmsWhite">Open or closed, stack in any combo you can imagine.</p>	<a href="/furniture/stackable-storage/1" class="crate-helvetica-bold SPSubhead noHover cmsWhite" style="margin-top:2%;">Shop Modular Storage<span class="cmsArrowR" style="border-left-color: #FFFFFF;"></span></a>	</div>
</div>
<!-- PANTRY -->
<div class="section">	<a href="/kitchen-and-food/food-containers-storage/1"><img class="fullWidth" id="OmniTagTheme:org-pantry" src="https://images.crateandbarrel.com/is/image/Crate/dSC_OrgnzPntry_160614_JB15?wid=1920&qlt=60,0&fmt=jpg" alt="OXO Pop Container Set and Heritage Hill Glass Jars"></a>	<div class="pantryCopy">	<h2 class="crate-helvetica-bold SPHeadline-big cmsBlack">Hidden in Plain Sight</h2>	<p class="crate-helvetica-light SPSubhead cmsBlack">Our clear containers keep your pantry neat and clean.</p>	<a href="/kitchen-and-food/food-containers-storage/1" class="crate-helvetica-bold SPSubhead noHover cmsBlack" style="margin-top:2%;">Shop Pantry Organization<span class="cmsArrowR" style="border-left-color: #222; border-width: .45vw;"></span></a>	</div>
</div>
<!-- ENTRYWAY -->
<div class="section">	<a class="newIMGLink" href="/bluestone-console-table/s214577">	<img class="newIMG fullWidth" src="//images.crateandbarrel.com/is/image/Crate/dSC_EntryTbl_160614_AC15?wid=1920&qlt=60,0&fmt=jpg" id="OmniTagTheme:decor-entryway1" alt="Bluestone Console Table">	</a>	<div class="tableBox">	<div class="newTab">	<a href="/bluestone-console-table/s214577"><img id="entryway1" class='tabIMG entryway1Border' src="//images.crateandbarrel.com/is/image/Crate/dSC_EntryTblThmb_160614_AC15?wid=71&qlt=60,0&fmt=jpg" alt="Thumbnail for Bluestone Console Table"></a>	</div>	<div class="newTab">	<a href="/jada-trunk/s661726"><img id="entryway2" class="tabIMG" src="//images.crateandbarrel.com/is/image/Crate/dSC_EntryTrnkThmb_160614_APF15?wid=71&qlt=60,0&fmt=jpg" alt="Thumbnail for Jada Trunk"></a>	</div>	<div class="newTab">	<a href="/andes-wall-mounted-coat-rack/s247784"><img id="entryway3" class="tabIMG" src="//images.crateandbarrel.com/is/image/Crate/dSC_EntryCtHngrThmb_160614_F14?wid=71&qlt=60,0&fmt=jpg" alt="Thumbnail for Andes Wall Mounted Coat Rack"></a>	</div>	<h2 class="crate-helvetica-bold SPHeadline-big cmsBlack fL" style="margin: 1% 0 3% 0;">Elements of the Perfect Entry</h2>	<p class="crate-helvetica-roman SPBody-big cmsBlack cL">Welcome home to a warm glow, an eye-catching table and a place to stow belongings.</p>	<a href="/furniture/entryway-furniture/" class="crate-helvetica-bold fL noHover cmsBlack SPSubhead">Shop Entryway Furniture<span class="cmsArrowR" style="border-width: .45vw; border-left-color: #222222;"></span></a>	</a>	</div>
</div>
<!-- BOPS & CC -->
<div class="section">	<div class="pR fL wid50">	<img class="fullWidth" src="//images.crateandbarrel.com/is/image/Crate/spr_20160526_BOPSbottom?wid=960&qlt=50" alt="image of Crate&amp;Barrel store" id="OmniTagTheme:lighting-bops" />	<div class="bopsContent">	<p class="crate-helvetica-bold SPHeadline-small">Fast and Free <br>Store Pickup</p>	<p class="crate-helvetica-roman SPBody-big">Save on shipping, get it sooner. Choose <br> the Store Pickup option at Checkout.</p>	<a href="/Popup/Store-Pickup-FAQ.aspx?width=700&height=500" class="thickbox crate-helvetica-bold SPBody-big cmsBlack">Learn More<span class="cmsArrowR" style="border-left-color: #222;"></span></a>	</div>	</div>	<div class="pR fR wid50">	<img class="fullWidth" src="//images.crateandbarrel.com/is/image/Crate/spr_20160526_CBCCbottom?wid=960&qlt=50" alt="crate and barrel credit card" id="OmniTagTheme:lighting-cc" />	<div class="ccContent" style="left: 42%;">	<p class="crate-helvetica-bold SPHeadline-small">Earn 10% Back in<br />Reward Dollars<sup style="font-size:1.2vw;top:-.75vw">1</sup></p>	<p class="crate-helvetica-bold SPBody-big">or receive 6 months special financing.<sup style="font-size:1.2vw;top:-.75vw">2</sup></p>	<p class="crate-helvetica-roman SPCopy">Applications are subject to credit approval.</p>	<a href="/Rewards/" class="crate-helvetica-bold SPBody-big cmsBlack">Learn More<span class="cmsArrowR" style="border-left-color: #222;"></span></a>	</div>	</div>
</div> <script src="js/index.js"></script>
</body>
</html>

CB - Organization Super - Script Codes CSS Codes

/* OVERRIDING STYLES */
.SuperCategoryHeader {letter-spacing: -1px;}
.smallWrapper, .center1008 {	width: 1008px;	margin: 0 auto;
}
#normalFooter {	margin: 0 auto;	float: none;
}
.content {	width:100%;	float:none;
}
.fullWidthWrapTop {border-top: 2px solid black;}
#topNavWrap {background: transparent;}
#bodyWrap {padding: 0;}
/* FIX FOR SEO COPY */
.categoryCopy {	width: 1008px !important;	margin: 0 auto;	float: none !important;
}
/* WIDTHS */
#pageWrap, .fullWidth, .table {width: 100%;}
.wid50 {width: 50%;}
/* ====== TYPE SIZES ====== */
.SPHeadline-big {font-size: 3.9vw; line-height: 1; letter-spacing: -.1vw; clear: both;}
.SPHeadline-small {font-size: 2.73vw; line-height: 1; letter-spacing: -.1vw; clear: both;}
.SPSubhead {font-size: 1.75vw; letter-spacing: -.05vw; line-height: 1.2; clear:both;}
.SPBody-big {font-size: 1.36vw; letter-spacing: -.05vw; line-height: 1.2; clear:both;}
.SPBody-small {font-size: 1.17vw; letter-spacing: -.5px; line-height: 1.2; clear:both;}
.SPEyebrow {font-size: 1vw; text-transform: uppercase; line-height: 1; letter-spacing: normal;}
/* ====== DECOR STYLES ====== */
.section {	width: 100%;	position: relative;	overflow: hidden;
}
.noHover:hover {text-decoration: none;}
.cmsArrowR {	border: solid .45vw transparent;	margin-left: 4px;
}
/* MODULAR */
.heroCopy {	background-color: rgba(34,34,34,0.95);	position: absolute;	left: 64%;	top: 17%;	width: 23%;	padding: 7% 2% 3% 2%;
}
/* PANTRY COPY */
.pantryCopy {	position: absolute;	right: 6%;	top: 6%;	width: 40%;
}
/* ENTRYWAY */
.tableBox {	position:absolute;	right: 5%;	top: 33%;	width: 31%;	padding: 6% 2% 3% 2%;	background:linear-gradient(rgba(255,255,255,.9) 0%, rgba(255,255,255,1) 65%);
}
.newTab {	width:3.9vw;	display:inline-block;	margin-right:1vw;	cursor:pointer;
}
.tabIMG {	width:100%;	border-radius:50%;	border:.45vw solid transparent;
}
.borderColor {	border-color:#fff;
}
.entryway1Border, .entryway2Border, .entryway3Border {	border-color:#d9d9d9;
}
/* BOPS & CC */
.bopsContent, .ccContent{	position:absolute;	top:18%;	left:23vw;
}
/* ====== MEDIA QUERIES ====== */	@media only screen and (max-width: 1024px) {	/* ====== TYPE SIZES ====== */	.SPHeadline-big {font-size: 40px;}	.SPHeadline-small {font-size: 28px;}	.SPSubhead {font-size: 18px;}	.SPBody-big {font-size: 15px;}	.SPBody-small {font-size: 12px;}	.SPEyebrow {font-size: 10px;}	.bopsContent, .ccContent{left: 235.5px;}	}

CB - Organization Super - Script Codes JS Codes

var $entryway1 = "//images.crateandbarrel.com/is/image/Crate/dSC_EntryTbl_160614_AC15?qty=60,0&wid=1920&fmt=jpg",	$entryway1Link = "/bluestone-console-table/s214577",	$entryway2 = "//images.crateandbarrel.com/is/image/Crate/dSC_EntryTrnk_160614_APF15?qty=60,0&wid=1920&fmt=jpg",	$entryway2Link = "/jada-trunk/s661726",	$entryway3 = "//images.crateandbarrel.com/is/image/Crate/dSC_EntryCtHngr_160614_F14?qty=60,0&wid=1920&fmt=jpg",	$entryway3Link = "/andes-wall-mounted-coat-rack/s247784";
$('.tabIMG').hover(function(){	$clickedID = this.id;	if ($clickedID == 'entryway1'){	$('.newIMG').attr('src', $entryway1);	$('.newIMG').attr('id', 'OmniTagTheme:org-entryway1');	$('.newIMGLink').attr('href', $entryway1Link);	$('.newIMG').attr('alt', 'Bluestone Console Table');	$('.tabIMG').removeClass('entryway2Border');	$('.tabIMG').removeClass('entryway3Border');	$(this).addClass('entryway1Border');	} if ($clickedID == 'entryway2'){	$('.newIMG').attr('src', $entryway2);	$('.newIMG').attr('id', 'OmniTagTheme:org-entryway2');	$('.newIMGLink').attr('href', $entryway2Link);	$('.newIMG').attr('alt', 'Jada Trunk');	$('.tabIMG').removeClass('entryway1Border');	$('.tabIMG').removeClass('entryway3Border');	$(this).addClass('entryway2Border');	} if ($clickedID == 'entryway3'){	$('.newIMG').attr('src', $entryway3);	$('.newIMG').attr('id', 'OmniTagTheme:org-entryway3');	$('.newIMG').attr('alt', 'Andes Wall Mounted Coat Rack');	$('.newIMGLink').attr('href', $entryway3Link);	$('.tabIMG').removeClass('entryway1Border');	$('.tabIMG').removeClass('entryway2Border');	$(this).addClass('entryway3Border');	}
})
CB - Organization Super - Script Codes
CB - Organization Super - Script Codes
Home Page Home
Developer Ashley Sullivan
Username anSullivan12
Uploaded November 12, 2022
Rating 3
Size 4,472 Kb
Views 12,144
Do you need developer help for CB - Organization Super?

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!

Ashley Sullivan (anSullivan12) Script Codes
Name
Complex Background Patterns
Polka dot background
Parallelograms
Playing with SVG
Mail icon
Phone svg
Continuous image border
A Pen by Ashley Sullivan
Flexible background positioning
Flexible ellipses
Create amazing sales emails 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!