CB - Rugs Super

Developer
Ashley Sullivan
Size
4,707 Kb
Views
20,240
  1. CB - Rugs Super Previews
  2. CB - Rugs Super HTML Codes
  3. CB - Rugs Super CSS Codes

How do I make an cb - rugs super?

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

CB - Rugs Super Previews
IQ Test

CB - Rugs Super - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CB - Rugs 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> <!-- BLUE -->
<div class="section">	<a href="/special-features/blue-color-palette/1"><img class="fullWidth" id="OmniTagTheme:rugs-blue" src="https://images.crateandbarrel.com/is/image/Crate/dSC_BluRg_160614_FPO_v2?wid=1920&qlt=60,0&fmt=jpg" alt="A variety blue patterned rugs layered on top of each other. Shop blue trend."></a>	<div class="heroCopy">	<h2 class="crate-helvetica-bold SPHeadline-big cmsWhite">A Case of the Classic Blues</h2>	<p class="crate-helvetica-light SPSubhead cmsWhite" style="margin-top:2%;">Rugs in the perennial hue, from handknotted abstracts to bold<br>stripes and solids.</p>	<a href="/special-features/blue-color-palette/1" class="crate-helvetica-bold SPSubhead noHover cmsWhite" style="margin-top:2%;">Shop Blue Rugs<span class="cmsArrowR" style="border-left-color: #FFFFFF;"></span></a>	</div>
</div>
<!-- NEW RUGS -->
<div class="section">	<a href="/whats-new/new-rugs-and-curtains/1"><img class="fullWidth" id="OmniTagTheme:rugs-new" src="https://images.crateandbarrel.com/is/image/Crate/dSC_NwRgs_160614_FPO?wid=1920&qlt=60,0&fmt=jpg" alt="An assortment of solid-colored rugs rolled up against a wood panel wall. Shop new rugs."></a>	<div class="newRugsCopy">	<h2 class="crate-helvetica-bold SPHeadline-big cmsWhite">Fresh Rollout</h2>	<p class="crate-helvetica-light SPSubhead cmsWhite" style="margin-top:2%;">Arrange bold new colors<br>and patterns underfoot.</p>	<a href="/whats-new/new-rugs-and-curtains/1" class="crate-helvetica-bold SPSubhead noHover cmsWhite" style="margin-top:2%;">Shop New Rugs<span class="cmsArrowR" style="border-left-color: #FFFFFF;"></span></a>	</div>
</div>
<!-- IDEAS AND ADVICE - RUGS -->
<div class="section">	<div class="wid50 fL pR">	<a href="/ideas-and-advice/types-of-rugs-guide"><img class="fullWidth" id="OmniTagTheme:rugs-rugIdeas" src="//images.crateandbarrel.com/is/image/Crate/dSC_ChsRug_160614_OMN16?qlt=60,0&fmt=jpg" alt="Several rolled up rugs in different sizes, patterns, colors and textures leaning up against a white paneled wall."></a>	<div class="rugIdeasCopy">	<p class="SPEyebrow crate-helvetica-roman cmsBlack">Ideas and Advice</p>	<h2 class="crate-helvetica-bold SPHeadline-big cmsBlack">Find the Right Rug for Your Room</h2>	<p class="crate-helvetica-light SPSubhead cmsBlack" style="margin-top:2%;">Questions to consider before you buy.</p>	<a href="/ideas-and-advice/types-of-rugs-guide" class="crate-helvetica-bold SPSubhead noHover cmsBlack" style="margin-top:3%;">Learn More<span class="cmsArrowR" style="border-left-color: #222222;"></span></a>	</div>	</div>	<!-- IDEAS AND ADVICE - CURTAINS -->	<div class="wid50 fL pR">	<a href="/ideas-and-advice/choosing-curtains-guide"><img class="fullWidth" id="OmniTagTheme:rugs-curtainIdeas" src="//images.crateandbarrel.com/is/image/Crate/dSC_ChsCrtn_160614_FPO?qlt=60,0&fmt=jpg" alt="Sheer curtains in four different pastel colors hanging on a bronze curtain rod."></a>	<div class="curtainIdeasCopy">	<p class="SPEyebrow crate-helvetica-roman cmsBlack">Ideas and Advice</p>	<h2 class="crate-helvetica-bold SPHeadline-big cmsBlack">Choose the<br>Perfect Curtains</h2>	<p class="crate-helvetica-light SPSubhead cmsBlack" style="margin-top:2%;">Select the best fabrics, styles and hardware.</p>	<a href="/ideas-and-advice/choosing-curtains-guide" class="crate-helvetica-bold SPSubhead noHover cmsBlack" style="margin-top:3%;">Learn More<span class="cmsArrowR" style="border-left-color: #222222;"></span></a>	</div>	</div>
</div>
<!-- RUG SWATCHES -->
<div class="section" style="border-top: 1px solid #e6e7e9; border-bottom: 1px solid #e6e7e9;">	<a href="/rugs-and-curtains/all-rugs/1"><img class="fullWidth" id="OmniTagTheme:rugs-swatches" src="https://images.crateandbarrel.com/is/image/Crate/dSC_RugSwtch_160614_v2?wid=1920&qlt=60,0&fmt=jpg" alt="An array of square rug swatches demonstrating Crate and Barrel's rug selection."></a>	<div class="swatchesCopy">	<h2 class="crate-helvetica-bold SPHeadline-small" style="color: #595959;">Need a swatch<br>to decide?</h2>	<p class="crate-helvetica-light SPBody-small" style="margin-top:2%;">Returnable rug samples are now available for<br>just $15 in our stores and online.</p>	<a href="/rugs-and-curtains/all-rugs/1" class="crate-helvetica-bold SPBody-small noHover" style="margin-top:2%; color: #595959;">Shop Rugs<span class="cmsArrowR" style="border-left-color: #595959; border-width: .35vw;"></span></a>	</div>
</div>
<!-- DESIGNER RUGS -->
<div class="section">	<a href="/artists-and-designers/barbara-costas/1"><img class="fullWidth" id="OmniTagTheme:rugs-designer" src="https://images.crateandbarrel.com/is/image/Crate/dSC_ArtsRg_160614_AI13_v4_04?wid=1920&qlt=60,0&fmt=jpg" alt="Dryden Leather Chair and a side table on top of Phila Ikat Wool Rug designed by Barbara Costas."></a>	<div class="designerCopy">	<h2 class="crate-helvetica-bold SPHeadline-big cmsBlack">Exploring Pattern</h2>	<p class="crate-helvetica-light SPBody-big cmsBlack" style="margin-top:2%;"><span class="crate-helvetica-bold">Meet designer Barbara Costas.</span><br>Global textiles opened her eyes to a worldly aesthetic.</p>	<a href="/artists-and-designers/barbara-costas/1" class="crate-helvetica-bold SPBody-big noHover cmsBlack" style="margin-top:2%;">Shop Barbara Costas<span class="cmsArrowR" style="border-left-color: #222; border-width: .4vw;"></span></a>	</div>
</div>
<!-- CUSTOM RUGS -->
<div class="section">	<a href="/custom-rugs"><img class="fullWidth" id="OmniTagTheme:rugs-custom" src="https://images.crateandbarrel.com/is/image/Crate/dSC_CstmRug_160614_XJL14?wid=1920&qlt=60,0&fmt=jpg" alt="Curran dining chairs and halo grey dining table on top of a green octagonal custom made rug."></a>	<div class="customCopy">	<h2 class="crate-helvetica-bold SPHeadline-big cmsWhite">Create Your Own Rug</h2>	<p class="crate-helvetica-light SPSubhead cmsWhite" style="margin-top:2%;">100% New Zealand wool in<br>the shape, color, texture and dimensions you choose.</p>	<a href="/custom-rugs" class="crate-helvetica-bold SPSubhead noHover cmsWhite" style="margin-top:2%;">Learn More<span class="cmsArrowR" style="border-left-color: #FFFFFF;"></span></a>	</div>
</div>
<!-- CRATESTYLE -->
<div class="section" style="margin-top: 4%;">	<div class="cratestyleDiv">	<div class="fL" style="width:60%">	<a href="/olin-black-striped-cotton-dhurrie-rug/f43644"><img src="//images.crateandbarrel.com/is/image/Crate/d_SC_RUG_Instgrm_160614?qlt=60,0&fmt=jpg" alt="Olin Black Striped Cotton Dhurrie Rug" class="fullWidth" /></a>	<p class="SPBody-small crate-helvetica-roman" style="line-height:3;"><img style="display:inline-block; margin-right:.5vw;" src="//images.crateandbarrel.com/is/image/Crate/instagram_icon_21x20?fmt=gif" alt="instagram logo" />follow us on instagram <strong style="margin-right:2vw;">@crateandbarrel</strong> <a class="noHover cmsBlack" href="/Cratestyle">view more <strong>#cratestyle</strong><span class="cmsArrowR" style="border-left-color: #222; border-width: .35vw;"></span></a></p>	</div>	<div class="fR" style="width:37%; margin-top:13%;">	<p class="SPSubhead crate-helvetica-bold">#cratestyle</p>	<p class="SPHeadline-big crate-helvetica-bold">Love This.</p>	<p class="SPBody-small crate-helvetica-roman">Our <a href="/olin-black-striped-cotton-dhurrie-rug/f43644" class="crate-helvetica-bold cmsBlack noHover">Olin Dhurrie</a> rug makes a statement underfoot in bold black and white flat-weave stripes.</p>	</div>	</div>	<div class="instaLine"></div>
</div>
<!-- BOPS -->
<div class="section" style="margin-top: 5%;">	<a href="/Popup/Store-Pickup-FAQ.aspx?width=700&height=500" class="thickbox dB"><img class="fullWidth" id="OmniTagTheme:decor-BOPS" src="https://images.crateandbarrel.com/is/image/Crate/spr_20160516_BOPS?wid=1920&qlt=60,0&fmt=jpg" alt="Crate&amp;Barrel Store"></a>	<div class="bopsCopy">	<h3 class="SPHeadline-small crate-helvetica-bold" style="color: #40a363;">Fast and Free Store Pickup</h3>	<p class="cmsBlack crate-helvetica-roman SPBody-big" style="margin-top: 1%;">Save on shipping, get it sooner. Choose the Store Pickup option at checkout.</p>	<a href="/Popup/Store-Pickup-FAQ.aspx?width=700&height=500" class="thickbox cmsBlack crate-helvetica-bold SPBody-big noHover" style="margin-top: 1%;">Learn More<span class="cmsArrowR" style="border-left-color: #222;"></span></a>	</div>
</div>
</body>
</html>

CB - Rugs 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;}
/* ====== CURALATE ====== */
.cratestyleDiv{	width:65.45vw;	margin:0 auto;	margin-top:4%;
}
.instaLine {	position: absolute;	bottom: 24%;	right: 17%;	width: 41.10vw;	border-bottom: 2px solid #F6424E;
}
/* ====== RUGS STYLES ====== */
.section {	width: 100%;	position: relative;	overflow: hidden;
}
.noHover:hover {text-decoration: none;}
.cmsArrowR {	border: solid .45vw transparent;	margin-left: 6px;
}
/* BLUE */
.heroCopy {	background-color: rgba(34,34,34,0.8);	position: absolute;	right: 4%;	top: 25%;	width: 29%;	padding: 7% 1% 3% 2%;
}
/* NEW RUGS */
.newRugsCopy {	background-color: rgba(34,34,34,0.8);	position: absolute;	right: 4%;	top: 40%;	width: 21%;	padding: 5% 2% 3% 2%;
}
/* RUG IDEAS */
.rugIdeasCopy {	position: absolute;	left: 4%;	top: 5%;	width: 79%;
}
/* CURTAIN IDEAS */
.curtainIdeasCopy {	position: absolute;	left: 4%;	top: 5%;	width: 70%;
}
/* RUG SWATCHES */
.swatchesCopy {	position: absolute;	left: 5.5%;	top: 12%;	width: 30%;
}
/* DESIGNER RUGS */
.designerCopy {	position: absolute;	right: 13%;	top: 68%;
}
/* CUSTOM */
.customCopy {	background-color: rgba(34,34,34,0.8);	position: absolute;	right: 4%;	top: 5%;	width: 23%;	padding: 5% 2% 3% 2%;
}
/* CURALATE */
.instaCopy {	position: absolute;	right: 13%;	top: 50%;	width: 29%;
}
.instaLinks {	position: absolute;	left: 14%;	bottom: 8%;
}
/* BOPS */
.bopsCopy {	position: absolute;	top: 25%;	right: 4%;
}
/* ====== MEDIA QUERIES ====== */	@media only screen and (max-width: 1024px) {	.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 - Rugs Super - Script Codes
CB - Rugs Super - Script Codes
Home Page Home
Developer Ashley Sullivan
Username anSullivan12
Uploaded November 12, 2022
Rating 3
Size 4,707 Kb
Views 20,240
Do you need developer help for CB - Rugs 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
Inner rounding
CB - White Wood landing page
Phone svg
CB - Organization Super
Facebook svg
A Pen by Ashley Sullivan
Multiple Borders
Striped backgrounds
CB - Decor Super
Playing with SVG
Create amazing SEO content 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!