CB - White Wood landing page
How do I make an cb - white wood landing page?
What is a cb - white wood landing page? How do you make a cb - white wood landing page? This script and codes were developed by Ashley Sullivan on 12 November 2022, Saturday.
CB - White Wood landing page - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CB - White Wood landing page</title> <link rel='stylesheet prefetch' href='https://www.crateandbarrel.com/Fonts/webfonts_16062704005507.css'>
<link rel='stylesheet prefetch' href='https://www.crateandbarrel.com/css/Browse_16062704005507.css'>
<link rel='stylesheet prefetch' href='https://www.crateandbarrel.com/css/Common_16062704003423.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="section" style="margin-top: -15px; border-top: 2px solid #000;"> <img class="fullWidth" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_page_hero?wid=1440&qlt=80" alt="White Wood Warm. The world's most modern color warms up to the earth's most beautiful resource."> <div class="wwwCopy"> <a href="/special-features/white-and-wood-decor-and-furniture/1" class="crate-helvetica-light cmsBlack SPSubhead noHover">Browse by room below or<br><span class="crate-helvetica-bold">Shop All White and Wood</span> <span class="cmsArrowR" style="border-left-color: #222222; border-width: 8px; margin-left: 0;"></span></a> </div>
</div>
<div id='wwNav' class="section"> <ul> <li class="wwwJumpLink wwwCat crate-helvetica-light SPSubhead"><a id="lrLink" href="javascript:Crate.UI.Scroll.scrollTop('#livingRoom',true);">Living Room</a></li> <li class="wwwJumpLink crate-helvetica-light SPSubhead"><a id="drLink" href="javascript:Crate.UI.Scroll.scrollTop('#diningRoom',true);">Dining Room</a></li> <li class="wwwJumpLink crate-helvetica-light SPSubhead"><a id="brLink" href="javascript:Crate.UI.Scroll.scrollTop('#bedroom',true);">Bedroom</a></li> <li class="wwwJumpLink crate-helvetica-light SPSubhead"><a id="kLink" href="javascript:Crate.UI.Scroll.scrollTop('#kitchen',true);">Kitchen</a></li> </ul>
</div>
<!-- LIVING ROOM -->
<div class="section" id="livingRoom"> <img class="fullWidth" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_livingroom_hero?wid=1440&qlt=60" alt=""> <div class="lrCopy"> <img src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_livingroom_headline?fmt=png-alpha&wid=347" alt="Living Room"> <p class="crate-utopia-italic cmsWhite SPSubhead" style="margin-top: 4%;">Take root in nature with a modern pop of white.</p> </div>
</div>
<div class="section"> <div class="wid50 fL"> <div class="fullWidth fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-yukon" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_yukon?qlt=60,0&fmt=jpg" alt="Yukon Coffee Table-Bench" style="border-bottom: 1px solid #e6e7e9;" /> <a href="/yukon-coffee-table-bench/s530387"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Yukon Coffee Table-Bench</p> <p class="crate-helvetica-roman prodPrice">$699.00</p> </div> </div> </a> </div> <div class="wid50 fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-rati" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_rati?qlt=60,0&fmt=jpg" alt="Rati Vase" /> <a href="/rati-vase/s527750"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Rati Vase</p> <p class="crate-helvetica-roman prodPrice">$24.95</p> </div> </div> </a> </div> <div class="wid50 fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-teton" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_teton?qlt=60,0&fmt=jpg" alt="Teton Natural Solid Wood Accent Table" style="border-left: 1px solid #e6e7e9; box-sizing: border-box;" /> <a href="/teton-natural-solid-wood-accent-table/s653618"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Teton Natural Solid Wood Accent Table</p> <p class="crate-helvetica-roman prodPrice">$399.00</p> </div> </div> </a> </div> </div> <div class="wid50 fR" style="border-left: 1px solid #e6e7e9; box-sizing: border-box;"> <div class="wid50 fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-brasscircle" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_brass_circle?qlt=60,0&fmt=jpg" alt="Brass Circle on Stand" style="border-right: 1px solid #e6e7e9; box-sizing: border-box;" /> <a href="/brass-circle-on-stand/s437523"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Brass Circle on Stand</p> <p class="crate-helvetica-roman prodPrice">$79.95</p> </div> </div> </a> </div> <div class="wid50 fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-michaela" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_michaela?qlt=60,0&fmt=jpg" alt="Michaela Sesame 20 inch Pillow with Feather-Down Insert." /> <a href="/michaela-sesame-20-pillow-with-feather-down-insert/s546977"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Michaela Sesame 20" Pillow</p> <p class="crate-helvetica-roman prodPrice">$44.95</p> </div> </div> </a> </div> <div class="fullWidth fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-willow" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_willow?qlt=60,0&fmt=jpg" alt="Willow Sofa" style="border-top: 1px solid #e6e7e9;" /> <a href="/willow-sofa/s258002"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Willow Sofa</p> <p class="crate-helvetica-roman prodPrice">$1,899.00</p> </div> </div> </a> </div> </div>
</div>
<!-- DINING ROOM -->
<div class="section" id="diningRoom"> <img class="fullWidth" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_diningroom_hero?wid=1440&qlt=60" alt=""> <div class="drCopy"> <img class="drHeader" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_diningroom_headline?fmt=png-alpha&wid=361" alt="Dining Room"> <p class="crate-utopia-italic cmsWhite SPSubhead" style="margin-top: 4%;">Shed modern light on the natural beauty of live edge.</p> </div>
</div>
<div class="section"> <div class="wid50 fL" style="border-right: 1px solid #e6e7e9; box-sizing: border-box;"> <div class="fullWidth fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-monarch" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_monarch?qlt=60,0&fmt=jpg" alt="Monarch Shiitake Sideboard" style="border-bottom: 1px solid #e6e7e9;" /> <a href="/monarch-shiitake-sideboard/s235703"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Monarch Shiitake Sideboard</p> <p class="crate-helvetica-roman prodPrice">$2,999.00</p> </div> </div> </a> </div> <div class="fullWidth fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-slipdining" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_slipcovered_chair?qlt=60,0&fmt=jpg" alt="Slip White Slipcovered Dining Chair" style="" /> <a href="/slip-white-slipcovered-dining-chair/s296377"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Slip White Slipcovered Dining Chair</p> <p class="crate-helvetica-roman prodPrice">$199.00</p> </div> </div> </a> </div> </div> <div class="wid50 fR"> <div class="fullWidth fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-geoffrey" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_geoffrey?qlt=60,0&fmt=jpg" alt="Geoffrey 48 inch Round Wood Chandelier" style="border-bottom: 1px solid #e6e7e9;" /> <a href="/geoffrey-48-round-wood-chandelier/s141810"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Geoffrey 48" Round Wood Chandelier</p> <p class="crate-helvetica-roman prodPrice">$2,040.00</p> </div> </div> </a> </div> <div class="wid50 fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-acacia" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_acacia_wedge?qlt=60,0&fmt=jpg" alt="Brass Circle on Stand" style="border-right: 1px solid #e6e7e9; box-sizing: border-box;" /> <a href="/acacia-wedge-server/s468332"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Acacia Wedge Server</p> <p class="crate-helvetica-roman prodPrice">$24.95</p> </div> </div> </a> </div> <div class="wid50 fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-marin" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_marin?qlt=60,0&fmt=jpg" alt="Marin White Serving Bowls" /> <a href="/marin-white-serving-bowls/f59473"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Marin White Serving Bowls</p> <p class="crate-helvetica-roman prodPrice">$29.95 - $39.95</p> </div> </div> </a> </div> </div>
</div>
<!-- BEDROOM -->
<div class="section" id="bedroom"> <img class="fullWidth" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_bedroom_hero?wid=1440&qlt=60" alt=""> <div class="brCopy"> <img class="brHeader" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_bedroom_headline?fmt=png-alpha&wid=273" alt="Bedroom"> <p class="crate-utopia-italic cmsWhite SPSubhead" style="margin-top: 2%;">Dream on this—a soothing retreat in<br>reclaimed woods and ethereal whites.</p> </div>
</div>
<div class="section"> <div class="wid50 fL" style="border-right: 1px solid #e6e7e9; box-sizing: border-box;"> <div class="fullWidth fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-tatechest" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_tate_chest?qlt=60,0&fmt=jpg" alt="Tate 5-Drawer Chest" style="border-bottom: 1px solid #e6e7e9;" /> <a href="/tate-5-drawer-chest/s470915"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Tate 5-Drawer Chest</p> <p class="crate-helvetica-roman prodPrice">$999.00</p> </div> </div> </a> </div> <div class="wid50 fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-ella" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_ella?qlt=60,0&fmt=jpg" alt="Ella White Table Lamp" /> <a href="/ella-white-table-lamp/s199214"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Ella White Table Lamp</p> <p class="crate-helvetica-roman prodPrice">$99.95</p> </div> </div> </a> </div> <div class="wid50 fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-woodsculpture" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_reclaimedwood_sculpture?qlt=60,0&fmt=jpg" alt="Reclaimed Wood Sculpture" style="border-left: 1px solid #e6e7e9; box-sizing: border-box;" /> <a href="/reclaimed-wood-sculpture/s511491"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Reclaimed Wood Sculpture</p> <p class="crate-helvetica-roman prodPrice">$99.95</p> </div> </div> </a> </div> </div> <div class="wid50 fR"> <div class="fullWidth fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-sheepthrow" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_lambskin?qlt=60,0&fmt=jpg" alt="Sheepskin Ivory Throw/Rug" style="border-bottom: 1px solid #e6e7e9;" /> <a href="/sheepskin-ivory-42x72-throw-rug/s630199"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Sheepskin Ivory Throw/Rug</p> <p class="crate-helvetica-roman prodPrice">$379.00</p> </div> </div> </a> </div> <div class="fullWidth fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-tatebed" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_tate-bed?qlt=60,0&fmt=jpg" alt="Tate Upholstered Bed" style="border-bottom: 1px solid #e6e7e9;" /> <a href="/tate-upholstered-bed/f49823"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Tate Upholstered Bed</p> <p class="crate-helvetica-roman prodPrice">$1,399.00 - $1,599.00</p> </div> </div> </a> </div> </div>
</div>
<!-- KITCHEN -->
<div class="section" id="kitchen"> <img class="fullWidth" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_kitchen_hero?wid=1440&qlt=60" alt=""> <div class="kCopy"> <img style="margin-left:-19px;" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_kitchen_headline?fmt=png-alpha&wid=273" alt="Kitchen"> <p class="crate-utopia-italic cmsWhite SPSubhead" style="margin-top: 4%;">Cool marble makes a solid counterpoint to earthy wood grains.</p> </div>
</div>
<div class="section"> <div class="wid50 fL" style="border-right: 1px solid #e6e7e9; box-sizing: border-box;"> <div class="fullWidth fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-rectangleboard" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_endgrain_cut_board?qlt=60,0&fmt=jpg" alt="Rectangular End Grain Cutting Board" style="border-bottom: 1px solid #e6e7e9;" /> <a href="/rectangular-end-grain-cutting-board/s629050"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Rectangular End Grain Cutting Board</p> <p class="crate-helvetica-roman prodPrice">$139.95</p> </div> </div> </a> </div> <div class="fullWidth fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-marbledome" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_marble_cheese_dome?qlt=60,0&fmt=jpg" alt="French Kitchen Marble Cheese Dome" /> <a href="/french-kitchen-marble-cheese-dome/s555139"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">French Kitchen Marble Cheese Dome</p> <p class="crate-helvetica-roman prodPrice">$59.95</p> </div> </div> </a> </div> </div> <div class="wid50 fR"> <div class="fullWidth fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-boosboard" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_boos_cuttingboard?qlt=60,0&fmt=jpg" alt="John Boos Walnut End Grain Cutting Board" style="border-bottom: 1px solid #e6e7e9;" /> <a href="/john-boos-18x3-walnut-end-grain-cutting-board/s162768"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">John Boos Walnut End Grain Cutting Board</p> <p class="crate-helvetica-roman prodPrice">$390.95</p> </div> </div> </a> </div> <div class="wid50 fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-beechwood" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_beechwood_spoon?qlt=60,0&fmt=jpg" alt="Beechwood Utensils" /> <a href="/beechwood-utensils/f68017"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">Beechwood Utensils</p> <p class="crate-helvetica-roman prodPrice">$4.95 each</p> </div> </div> </a> </div> <div class="wid50 fL shopProduct pR"> <img class="fullWidth" id="OmniTagTheme:www-marblewine" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_marble_wine?qlt=60,0&fmt=jpg" alt="French Kitchen Marble Wine Cooler" style="border-left: 1px solid #e6e7e9;" /> <a href="/french-kitchen-marble-wine-cooler/s452581"> <div class="overlay"> <div class="text"> <p class="crate-helvetica-bold prodName">French Kitchen Marble Wine Cooler</p> <p class="crate-helvetica-roman prodPrice">$24.95</p> </div> </div> </a> </div> </div>
</div>
<div class="section"> <img class="fullWidth" src="//images.crateandbarrel.com/is/image/Crate/cb_d_wwwLP_160526_woodgrain_bg?wid=1440&qlt=60" alt=""> <a href="/whats-new/" class="crate-helvetica-bold cmsWhite SPSubhead wwwCTAL noHover wid50"><span class="cmsArrowL" style="border-right-color: #FFFFFF; border-width: 6px;"></span> Back to What’s New</a> <a href="/special-features/white-and-wood-decor-and-furniture/1" class="crate-helvetica-bold cmsWhite SPSubhead wwwCTAR noHover wid50">Shop All White and Wood <span class="cmsArrowR" style="border-left-color: #FFFFFF; margin-left: 0;"></span></a>
</div> <script src="js/index.js"></script>
</body>
</html>
CB - White Wood landing page - Script Codes CSS Codes
/* OVERRIDING STYLES */ .smallWrapper, .center1008 { width: 1008px; margin: 0 auto; } #normalFooter { margin: 0 auto; float: none; } .content { width:100%; float:none; } #topNavWrap {background: transparent;} #bodyWrap {padding: 0;} #topNavContainer {border: none;} /* 100% STYLES */ #pageWrap, .fullWidth, .table {width: 100%;} /* ====== TYPE SIZES ====== */ .SPHeadline-big {font-size: 3.9vw; line-height: 1; letter-spacing: -.1vw;} .SPHeadline-small {font-size: 2.73vw; line-height: 1; letter-spacing: -.1vw;} .SPSubhead {font-size: 1.75vw; letter-spacing: -.05vw; line-height: 1.2;} .SPBody-big {font-size: 1.36vw; letter-spacing: -.05vw; line-height: 1.2;} .SPBody-small {font-size: 1.17vw; letter-spacing: -.5px; line-height: 1.2;} .SPEyebrow {font-size: 1vw; text-transform: uppercase; line-height: 1; letter-spacing: normal;} /* ====== WWW STYLES ====== */ .section { width: 100%; position: relative; overflow: hidden; min-width: 1024px; } .wid50 {width: 50%;} .noHover:hover {text-decoration: none;} .cmsArrowR { border: solid 6px transparent; margin-left: 4px; } /* HERO */ .wwwCopy { width: 25vw; right: 12%; bottom: 11%; position: absolute; } /* PAGE NAV */ .wwwCatLink:hover { color: #222 !important; } .wwwCat {border-bottom: 4px solid #1F74BF;} .wwwJumpLink { float: left; margin-left: 13vw; letter-spacing: -0.3px; padding-bottom: 10px; } .wwwJumpLink a {text-decoration: none;} .wwwJumpLink:hover {border-bottom: 4px solid #1F74BF;} /* ROOM HEADERS */ .lrCopy, .drCopy, .brCopy, .kCopy { left: 3%; bottom: 5%; position: absolute; } .lrCopy {width: 38vw;} .drCopy {width: 42vw;} .brCopy {width: 65vw; bottom: 2%;} .kCopy {width: 51vw;} /* PRODUCTS */ .overlay { background: rgba(255, 255, 255, 0.75); height: 100%; width: 100%; left: 0; position: absolute; top: 0; opacity: 0; } .shopProduct:hover .overlay { opacity: 1; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; } .text { position: absolute; width: 100%; top: 35%; text-align: center; } .prodName, .prodPrice { font-size: 1.17vw; color: #222 !important; line-height: 1; } .wwwCTAL { position: absolute; top: 45%; bottom: 0; left: 0; text-align: center; } .wwwCTAR { position: absolute; top: 45%; bottom: 0; right: 0; text-align: center; } #wwNav { z-index: 1; padding: 2%; background-color: #fff; } /* ====== MEDIA QUERIES ====== */ @media only screen and (max-width: 1300px) { /* SET THE PX VALUE FOR THE TYPE HERE */ .crate-helvetica-light { font-weight:400 !important; } } @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;} /* ====== WWW STYLES ====== */ /* HERO */ .wwwCopy {width: 256px;} /* PAGE NAV */ /* ROOM HEADERS */ .lrCopy {width: 389px;} .drCopy {width: 430px;} .brCopy {width: 665px;} .kCopy {width: 522px;} /* PRODUCTS */ .prodName, .prodPrice {font-size: 12px;} }
CB - White Wood landing page - Script Codes JS Codes
$( document ).ready(function() { $('.wwwJumpLink').click(function(){ $(this).addClass('wwwCat').siblings().removeClass('wwwCat'); }); }); var fixTop = $('#wwNav').offset().top; var $living = $('#livingRoom').offset().top; var $dining = $('#diningRoom').offset().top; var $bed = $('#bedroom').offset().top; var $kitchen = $('#kitchen').offset().top; $(window).scroll(function () { var currentScroll = $(window).scrollTop(); if (currentScroll >= fixTop) { $('#wwNav').css({ position: 'fixed', top: '0', left: '0' }); } else { $('#wwNav').css({ position: 'static' }); } if (currentScroll >= $living) { $('.wwwJumpLink').removeClass('wwwCat'); $('#lrLink').parent().addClass('wwwCat'); } if (currentScroll >= $dining) { $('.wwwJumpLink').removeClass('wwwCat'); $('#drLink').parent().addClass('wwwCat'); } if (currentScroll >= $bed) { $('.wwwJumpLink').removeClass('wwwCat'); $('#brLink').parent().addClass('wwwCat'); } if (currentScroll >= $kitchen) { $('.wwwJumpLink').removeClass('wwwCat'); $('#kLink').parent().addClass('wwwCat'); } });
Developer | Ashley Sullivan |
Username | anSullivan12 |
Uploaded | November 12, 2022 |
Rating | 3 |
Size | 5,606 Kb |
Views | 18,216 |
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 |
A Pen by Ashley Sullivan | 2,240 Kb |
CB - Rugs Super | 4,707 Kb |
Flexible background positioning | 1,514 Kb |
Envelope Shape Skew | 4,400 Kb |
CB - Lighting Super | 3,602 Kb |
Parallelograms | 1,596 Kb |
Facebook svg | 1,687 Kb |
CB - Decor Super | 5,900 Kb |
Complex Background Patterns | 1,843 Kb |
Playing with SVG | 1,600 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 |
Playing with FlexBox | _Billy_Brown | 3,162 Kb |
Another brick in the wall | Fivera | 1,955 Kb |
Spinners using Font Icons | Keyamoon | 3,007 Kb |
Blockquote design | Sjmcpherson | 1,863 Kb |
Factorial | KeithleySLHS | 1,158 Kb |
Pink expansion tunnel | Vez | 1,738 Kb |
Count up | Alanshortis | 2,391 Kb |
CSS Grid Overlay | Cliffpyles | 3,090 Kb |
Main page display | BarryKe | 4,562 Kb |
Login-ng-modal | Heedoo | 3,566 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!