SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.8k
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">2<html lang="en" xml:lang="en" xmlns="">3 <head>4 <style>5 /* Inspiration from undohtml.css - (CC) 2004 Tantek Celik. Some Rights Reserved. Also from Eric Meyer reset css. */6html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}7body {line-height:1;}8div, ul, ol, dl, form, fieldset {position:relative;}9a:link, a:hover, a:visited {text-decoration:none;}10a img, :link img, :visited img {border:none;}11ol, ul {list-style:none;}12ins {text-decoration:none;} /* remember to highlight inserts somehow! */13del {text-decoration:line-through;}14 15body {background:#dce1e4 url(/imagesglobal/bg_body.jpg) center top repeat-x;color:#434650;font:normal 62.5% Arial,Helvetica,sans-serif;text-align:center;}16a {color:#d2271d;font-weight:normal;text-decoration:none;}17a:hover {text-decoration:underline;}18/* skinny :width:71.5em;*/19 20h1, .cone h2, .package p span.packg strong, .skipassinstore strong, .whyrentaski h2, .home #mid .whyrentaski dt, .buttonred, .buttongrey {21 font-family: din-condensed, sans-serif;22 font-weight: 400;23 font-style: normal;24}25h1 span, .cone h2, .package p span.packg em, .skipassinstore em, .easyways h2, .home #mid .whyrentaski dt {26 letter-spacing: -1px;27}28 29h2 small {30 font-size: initial;31 font: normal 0.6875rem Arial,Helvetica,sans-serif;32 letter-spacing: initial;33}34 35 36.w1 {width:960px;margin:0 auto;text-align:left;}37 38#head .w1 {height:150px;}39img#logo {position:absolute;top:20px;left:0;}40 41#foot {background:transparent url(../imagesglobal/bg_footer.jpg) center top repeat-x;}42#foot .w1 {height:190px;margin-bottom:30px;}43#siteby, #laski {position:absolute;overflow:hidden;text-indent:-999em;}44#laski {top:137px;right:0;width:236px;height:44px;background:transparent url(../imagesglobal/logo_larryadlerski.gif) 0 0 no-repeat;}45#siteby {top:160px;left:2px;width:98px;height:15px;background:transparent url(../imagesglobal/site_by_webqem.gif) 0 0 no-repeat;}46 47 48.navh {position:absolute;}49.navh li {display:inline;float:left;}50.navh a {position:relative;display:block;color:#434650;}51 52#navglobal {right:0;top:15px;}53#navglobal li {margin-left:0.7em;padding-left:0.7em;border-left:1px solid #8a8b9d;font-size:11px;}54#navglobal li.first {border-left:none;}55 56#buttonbar {top:45px;right:0px;}57#callaus a {background:transparent url(../imagesglobal/call_left.gif) 0 0 no-repeat; padding:0 10px 0 40px;}58#calljpn a {background:transparent url(../imagesglobal/call_right.gif) 100% 0 no-repeat; margin-right:5px; padding:0 10px 0 0;}59#callaus a, #calljpn a {height:41px; font-family:din-condensed, sans-serif; font-weight:normal; font-style:normal; text-transform:uppercase; font-size:20px; color:#d2271d; text-decoration:none; line-height:45px; letter-spacing:-1px;}60#callaus b, #calljpn b {font-weight:normal; color:#434650; letter-spacing:0;}61 62#bookonline {padding-top:8px;}63#bookonline a {color:#f3d4d2;}64#bookonline a:hover {color:#fff;text-decoration:none;}65 66#navpri {left:0;bottom:0;}67#navpri a {background-image:url(../imagesglobal/bg_nav_pri.gif);background-repeat:no-repeat;height:40px;overflow:hidden;text-indent:-999em;}68#rent a {width:46px;background-position:0px 0px;}69#beginners a {width:96px;background-position:-46px 0px;}70#intermediateskiers a {width:136px;background-position:-142px 0px;}71#advancedskiersracers a {width:122px;background-position:-278px 0px;}72#snowboarders a {width:109px;background-position:-400px 0px;}73#kidsracing a {width:95px;background-position:-509px 0px;}74#families a {width:74px;background-position:-604px 0px;}75#groupbookings a {width:119px;background-position:-678px 0px;}76#specials a {width:82px;background-position:-797px 0px;}77#pricelist a {width:81px;background-position:-879px 0px;}78 79#rent a.on {width:46px;background-position:0px -40px;}80#beginners a.on {width:96px;background-position:-46px -40px;}81#intermediateskiers a.on {width:136px;background-position:-142px -40px;}82#advancedskiersracers a.on {width:122px;background-position:-278px -40px;}83#snowboarders a.on {width:109px;background-position:-400px -40px;}84#kidsracing a.on {width:95px;background-position:-509px -40px;}85#families a.on {width:74px;background-position:-604px -40px;}86#groupbookings a.on {width:119px;background-position:-678px -40px;}87#specials a.on {width:82px;background-position:-797px -40px;}88#pricelist a.on {width:81px;background-position:-879px -40px;}89 90#rent a:hover {width:46px;background-position:0px -80px;}91#beginners a:hover {width:96px;background-position:-46px -80px;}92#intermediateskiers a:hover {width:136px;background-position:-142px -80px;}93#advancedskiersracers a:hover {width:122px;background-position:-278px -80px;}94#snowboarders a:hover {width:109px;background-position:-400px -80px;}95#kidsracing a:hover {width:95px;background-position:-509px -80px;}96#families a:hover {width:74px;background-position:-604px -80px;}97#groupbookings a:hover {width:119px;background-position:-678px -80px;}98#specials a:hover {width:82px;background-position:-797px -80px;}99#pricelist a:hover {width:81px;background-position:-879px -80px;}100 101#navdest {left:0;top:100px;background:transparent url(../imagesglobal/bg_destinations.gif) 0 0 no-repeat;height:25px;width:825px;padding:6px 0 6px 135px;}102#navdest li {margin-left:7px;padding-left:7px;border-left:1px solid #d3d7da;font-size:12px;}103#navdest li.first {border-left:none;margin-left:0;padding-left:0;}104#navdest a {line-height:13px;white-space:nowrap;}105 106#navfoot {left:0;top:135px;}107#navfoot li {margin-left:0.7em;padding-left:0.7em;border-left:1px solid #b3b3b3;font-size:11px;}108#navfoot li.copyright {border-left:none;margin-left:0;padding-left:0;padding-right:10px;}109#navfoot li.first {border-left:none;}110 111#navglobal a:hover, #navglobal a.on, #navpri a:hover, #navpri a.on, #foot a:hover, #foot a.on {text-decoration:none;}112 113#mid {margin:45px 0 0;}114#mid, .col {min-height:26.6em;}115.col {float:left;}116.cone {width:608px;padding:20px 25px;margin-right:10px;min-height:350px;}117.ctwo {width:290px;}118 119.panl { border:1px solid #cbcdcf;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;120 background-color:#fff;121 background-image:-webkit-gradient(linear,122 left top, left bottom,123 color-stop(0.0, rgba(0, 0, 0, 0.0)),124 color-stop(0.007, rgba(0, 0, 0, 0.13)),125 color-stop(0.15, rgba(0, 0, 0, 0.07)),126 color-stop(0.45, rgba(0, 0, 0, 0.03)),127 color-stop(1.0, rgba(0, 0, 0, 0)));128 background-image:-moz-linear-gradient(top,129 rgba(0, 0, 0, 0.0) 0%,130 rgba(0, 0, 0, 0.13) 1px,131 rgba(0, 0, 0, 0.07) 15%,132 rgba(0, 0, 0, 0.03) 45%,133 rgba(0, 0, 0, 0.0) 100%);134 background-image:linear-gradient(to bottom,135 rgba(0, 0, 0, 0.0) 0%,136 rgba(0, 0, 0, 0.13) 1px,137 rgba(0, 0, 0, 0.07) 15%,138 rgba(0, 0, 0, 0.03) 45%,139 rgba(0, 0, 0, 0.0) 100%);140}141 142.ctwo .panl {margin-bottom:10px;padding:10px;}143#mid .ctwo .smaller {margin-bottom:0;}144#mid .easyways h2 {font-size:30px;letter-spacing:-1px;}145#mid .easyways h2 strong {color:#d2271d;}146#mid .easyways p {margin:5px 0 0;padding-left:136px;height:40px;background:#fff;border:1px solid #cbcdcf;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}147#mid .easyways p#easybookonline {background:#fff url(../imagesglobal/icon_bookonline.gif) 5px 4px no-repeat;}148#mid .easyways p#easybookinstore {background:#fff url(../imagesglobal/icon_bookinstore.gif) 6px 2px no-repeat;}149#mid .easyways p#easycallusnow {background:#fff url(../imagesglobal/icon_callusnow.gif) 9px 4px no-repeat;}150#mid .easyways .buttonred, #mid .easyways .buttongrey {width:120px;padding-left:0;padding-right:0;text-align:center;margin:8px 0 0 2px;text-transform:uppercase;}151#mid .skipassinstore {padding:0;}152#mid .skipassinstore p {padding:10px 8px 5px 80px;margin-bottom:0;background:transparent url(../imagesglobal/icon_skipass.gif) 8px 3px no-repeat;height:62px;}153#mid .skipassinstore p strong {font-size:18px;}154#mid .skipassinstore p em {color:#d2271d;font-size:18px;}155#mid .whyrentaski h2 {font-size:21px;}156#mid .whyrentaski h2 em {color:#d2271d;}157.home #mid .whyrentaski dl {margin:0;}158.home #mid .whyrentaski dt {float:left;width:10px;display:block;margin-top:8px;font-size:22px;color:#d2271d;}159.home #mid .whyrentaski dd {float:left;width:250px;display:block;margin:10px 0 0 8px;font-size:0.9em;}160.home #mid .whyrentaski p {margin-bottom:5px;}161 162#mid .locpic div {margin:5px;border:4px solid #fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;overflow:hidden;}163 164 165.home .cone {width:660px;padding:0;}166.noteasers .cone {width:908px;margin-right:0;}167.noteasers .ctwo {display:none;}168 169#mid .hero {width:652px;height:312px;margin-bottom:25px;background-color:#fff;border:4px solid #fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;overflow:hidden;}170#mid .hero .herowrapper {width:660px;height:320px;position:absolute;top:0;overflow:auto;}171#mid .hero .herowrapper ul {width:9999px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;top:0;}172#mid .hero #carouselnav {z-index:99;position:absolute;top:10px;right:15px}173#mid .hero #carouselnav a {margin:0 1px;padding:0 3px;background:#434650;text-decoration:none;color:#fff;font-weight:bold;}174#mid .hero #carouselnav a.activeSlide {background:#b32119;}175#mid .hero #carouselnav a:focus {outline:none;}176#mid .hero ul li {display:block;float:left;padding:0;height:320px;width:660px;}177#mid .hero ul li a img {display:block;}178 179 180 181.cthr dl#tsrs, .cthr dl#tsrs dt, .cthr dl#tsrs dd {margin:0;}182.cthr dl#tsrs dt, .cthr dl#tsrs dd {border:1px solid #d8d1d1;padding:0.4em 0.6em;}183.cthr dl#tsrs dt {border-bottom:none;background-color:#ebe7e7;font-size:1.1em;font-weight:bold;}184.cthr dl#tsrs dd {border-top:none;background-color:#f7f7f7;}185 186#mid h1, #mid h2, #mid h3, #mid h4, #mid h5, #mid h6 {margin-bottom:0.3em;font-weight:normal;}187#mid h1 {font-size:26px;margin-top:0;margin-bottom:0.5em;color:#d2271d;text-transform:uppercase;font-weight:normal;}188#mid h1 span {font-size:24px;font-weight:normal;color:#434650;text-transform:none;}189.home #mid h1 {font-size:30px;}190.home #mid h1 span {font-size:32px;}191#mid h2 {font-size:22px;color:#434650;}192#mid .ctwo h2 {color:#d2271d;}193#mid .package h2 {font-size:22px;color:#d2271d;text-transform:uppercase;}194#mid .package h2 span {color:#434650;}195#mid h3 {font-size:1.5em;}196#mid h4 {font-size:1.5em;font-style:italic;}197#mid h5 {font-size:1.3em;}198#mid h6 {font-size:1.3em;font-style:italic;}199 200#mid p, #mid dl, #mid ul, #mid ol, #mid table {margin-bottom:1.4em;font-size:1.3em;}201#mid li ul, #mid li ol {font-size:1em;margin-bottom:0.3em;}202 203#mid hr {height:1em;overflow:hidden;border:none;border-top:1px solid #999;background-color:transparent;color:transparent;}204#mid p {line-height:1.4em;}205#mid p.first {font-size:1.6em;margin-bottom:1em;margin-top:15px;margin-bottom:0.8em;}206#mid p.important {font-style:italic;margin-left:20px;border-left:3px solid #999;padding:0.5em 20px;}207#mid a.inpage {padding-right:11px;background:transparent url(../imagesglobal/arrow_south.gif) 100% 50% no-repeat;}208.home #mid .cone p {font-size:1.5em;}209.home #mid .cone p.first {font-size:1.9em;}210#mid a.newwin {padding-right:14px;background:transparent url(../imagesglobal/opensnewwindow.gif) 100% 50% no-repeat;}211#mid dl {margin-left:1.6em;}212#mid dt {font-weight:bold;margin-top:0.3em;}213#mid dd {margin-left:1.4em;}214#mid ol {margin-left:2em;}215#mid ul {margin-left:2em;}216#mid li {margin-bottom:0.3em;}217#mid ul li {padding-left:5px;list-style-type:square;}218#mid ol li {padding-left:5px;list-style-type:decimal;}219 220#mid ul.docs {margin-left:0;}221#mid ul.docs li {padding-bottom:0.6em;list-style-type:none;padding-left:30px;background:transparent url(../imagesglobal/icon_generic.gif) 5px 1px no-repeat;}222#mid ul.docs li a {font-size:1.2em;}223 224#mid ul.docs li span {font-size:0.9em;color:#666;display:block;}225 226#mid dl.faq {margin-left:0;}227#mid dl.faq dt {padding-left:15px;margin-top:1em;color:#ea660d;background:transparent url(../imagesglobal/faq_plus.gif) 0 50% no-repeat;cursor:pointer;}228#mid dl.faq dd {padding-left:15px;margin-left:0;display:none;}229 230#mid table {width:100%;background-color:#dce1e4;}231#mid caption {color:#999;font-size:1em;text-align:right;}232#mid table th {padding:3px 6px;font-size:1em;font-weight:bold;text-align:left;vertical-align:top;white-space:nowrap;233 background-color:#ebf0f3;234 background-image:-webkit-gradient(linear, left top, left bottom,235 color-stop(0.0, rgba(255, 255, 255, 0.0)),236 color-stop(0.65, rgba(255, 255, 255, 0.50)),237 color-stop(1.0, rgba(255, 255, 255, 0)));238 background-image:-moz-linear-gradient(top,239 rgba(255, 255, 255, 1) 0%,240 rgba(255, 255, 255, 0.4) 65%,241 rgba(255, 255, 255, 0.0) 100%);242 background-image:linear-gradient(to bottom,243 rgba(255, 255, 255, 1) 0%,244 rgba(255, 255, 255, 0.4) 65%,245 rgba(255, 255, 255, 0.0) 100%);246}247#mid table td {padding:3px 6px;font-size:1.0em;vertical-align:top;background-color:#fff;}248#mid table .evn {background-color:#eaeff2;}249/*#mid table .firstcell {width:250px;}*/250 251#heroimg {margin:5px 0;border:4px solid #fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;overflow:hidden;}252.package {margin-top:20px;}253.package p {padding:10px;vertical-align:middle;}254.package p span {float:left;}255.package p span.packg {width:260px;color:#bbb;}256.package p span.packg strong {font-size:21px;text-transform:uppercase;font-weight:normal;color:#434650;}257.package p span.packg em {font-size:22px;color:#434650;}258.package p span.packg em big {color:#d2271d;}259.package p span.or {width:31px;height:31px;margin:5px 25px 0 5px;overflow:hidden;text-indent:-999em;background:transparent url(../imagesglobal/or.gif) 0 0 no-repeat;}260 261.packagedesc {clear:both;}262.packagedesc h2 {padding-top:5px;}263.packageimage {margin:5px 8px 5px 0;border:4px solid #fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;overflow:hidden;float:left;}264 265form {padding:13px;border:1px solid #cbcdcf;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}266fieldset {}267label {display:block;padding:0.2em 0 0.4em;font-size:1.3em;}268input, textarea {border:1px solid #cbcdcf;background-color:#f7f7f7;width:97%;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1.2em;padding:2px 3px;margin-top:2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}269textarea {height:6em;}270 271 272.buttonred {273 font-size:17px;274 color:#f3d4d2;text-decoration:none;padding:4px 15px 5px;font-weight:bold;text-transform:uppercase;275 border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;276 background-color:#ae2018;277 background-image:-webkit-gradient(linear,278 left top, left bottom,279 color-stop(0.0, rgba(255, 255, 255, 0.8)),280 color-stop(0.01, rgba(255, 255, 255, 0.6)),281 color-stop(0.4, rgba(255, 255, 255, 0.23)),282 color-stop(0.4, rgba(255, 255, 255, 0.21)),283 color-stop(1.0, rgba(255, 255, 255, 0.0)));284 background-image:-moz-linear-gradient(top,285 rgba(255, 255, 255, 1.0) 0%,286 rgba(255, 255, 255, 0.6) 1px,287 rgba(255, 255, 255, 0.23) 40%,288 rgba(255, 255, 255, 0.21) 40%,289 rgba(255, 255, 255, 0.0) 100%);290 background-image:linear-gradient(to bottom,291 rgba(255, 255, 255, 1.0) 0%,292 rgba(255, 255, 255, 0.6) 1px,293 rgba(255, 255, 255, 0.23) 40%,294 rgba(255, 255, 255, 0.21) 40%,295 rgba(255, 255, 255, 0.0) 100%);296 }297.buttongrey {298 font-size:17px;299 color:#fff;text-decoration:none;padding:5px 15px 3px;font-weight:bold;300 border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;301 background-color:#35383f;302 background-image:-webkit-gradient(linear,303 left top, left bottom,304 color-stop(0.0, rgba(255, 255, 255, 0.8)),305 color-stop(0.01, rgba(255, 255, 255, 0.6)),306 color-stop(0.4, rgba(255, 255, 255, 0.23)),307 color-stop(0.4, rgba(255, 255, 255, 0.21)),308 color-stop(1.0, rgba(255, 255, 255, 0.0)));309 background-image:-moz-linear-gradient(top,310 rgba(255, 255, 255, 1.0) 0%,311 rgba(255, 255, 255, 0.6) 1px,312 rgba(255, 255, 255, 0.23) 40%,313 rgba(255, 255, 255, 0.21) 40%,314 rgba(255, 255, 255, 0.0) 100%);315 background-image:linear-gradient(to bottom,316 rgba(255, 255, 255, 1.0) 0%,317 rgba(255, 255, 255, 0.6) 1px,318 rgba(255, 255, 255, 0.23) 40%,319 rgba(255, 255, 255, 0.21) 40%,320 rgba(255, 255, 255, 0.0) 100%);321 }322a.buttonred, span.buttongrey {display:block;height:17px;}323a.buttonred:hover, span.buttongrey:hover {color:#fff;text-decoration:none;}324 325.btn-big-red {326 color:#f3d4d2;font-size:17px;text-decoration:none;padding:4px 15px 5px;font-weight:bold;text-transform:uppercase;327 border-radius:4px;328 background-color:#ae2018;329 background-image:-webkit-gradient(linear,330 left top, left bottom,331 color-stop(0.0, rgba(255, 255, 255, 0.8)),332 color-stop(0.01, rgba(255, 255, 255, 0.6)),333 color-stop(0.4, rgba(255, 255, 255, 0.23)),334 color-stop(0.4, rgba(255, 255, 255, 0.21)),335 color-stop(1.0, rgba(255, 255, 255, 0.0)));336 background-image:-moz-linear-gradient(top,337 rgba(255, 255, 255, 1.0) 0%,338 rgba(255, 255, 255, 0.6) 1px,339 rgba(255, 255, 255, 0.23) 40%,340 rgba(255, 255, 255, 0.21) 40%,341 rgba(255, 255, 255, 0.0) 100%);342 background-image:linear-gradient(to bottom,343 rgba(255, 255, 255, 1.0) 0%,344 rgba(255, 255, 255, 0.6) 1px,345 rgba(255, 255, 255, 0.23) 40%,346 rgba(255, 255, 255, 0.21) 40%,347 rgba(255, 255, 255, 0.0) 100%);348}349 350.rentbuttons {351 margin:20px 0;352}353.rentbuttons .btn {354 width:47%;355 display:inline-block;356 text-align:center;357 padding:15px 0;358}359.rentbuttons .btn:hover {360 color:#fff;361 text-decoration:none;362}363.rentbuttons .btn-big-red:first-child {364 margin-right:2.5%;365}366.rentbuttons .btn-big-red:last-child {367 margin-left:2.5%;368}369 370.bookbuttons {371 display: flex;372 align-items: center;373 margin: 20px 0;374}375 376.bookbuttons .btn {377 padding:15px 40px;378}379 380.bookbuttons .btn:hover {381 color:#fff;382 text-decoration:none;383}384 385.bookbuttons .or {386 font-size: 26px;387 padding: 0 0.3em;388}389 390.bookbuttons .phone {391 font-size: 26px;392 font-weight: bold;393}394 395.twoth {width:62.2%;margin-right:1%;}396.half {width:47.8%;margin-right:1%;}397.third {width:31.1%;margin-right:0.6%;}398.qrtr {width:24%;margin-right:0.5%;}399.fift {width:19%;}400.sixt {width:15.5%;}401.msg {background-color:#fde3e4;}402 403.floatleft {float:left;}404.floatright {float:right;}405.clr {height:0;margin:0;font-size:1px;line-height:0;clear:both;}406.bigger {font-size:1.2em;}407.smaller {font-size:0.9em !important;}408.paler {color:#999;}409.darker {color:#000;}410 411#rentau {padding:2px 0 2px 19px;background:transparent url(/imagesglobal/icon_flag_aus.gif) 0 2px no-repeat;}412#rentjp {padding:2px 0 2px 19px;background:transparent url(/imagesglobal/icon_flag_jap.gif) 0 2px no-repeat;}413#rentaud {padding:2px 0 2px 19px;background:transparent url(/imagesglobal/icon_dollar.gif) 5px 2px no-repeat;}414#rentjpy {padding:2px 0 2px 19px;background:transparent url(/imagesglobal/icon_yen.gif) 5px 2px no-repeat;}415 416#larrysig {height:134px;}417#larrysig span {width:189px;height:134px;overflow:hidden;text-indent:-9999em;background:transparent url(/imagesglobal/larry_sig_pic.gif) 0 0 no-repeat;display:block;float:right;}418#products_body {background-color:#fff;}419#tandc {display:none;padding:20px;margin-bottom:15px;}420#tandc ol {margin-bottom:0;}421 422/*#contact fieldset.half {width:280px;}*/423#contact fieldset.half.first {margin-right:14px;}424#contact textarea {height:7.9em;}425#contact #lablburb {width:199px;margin-right:5px;}426#contact #lablpcod {width:70px;margin-right:0;}427#contact #subenquiry {width:auto;font-size:1.1em;}428 429#accordionfaq, #popupwrap {padding:0 20px 15px;background:#fff;border:1px solid #cbcdcf;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}430#mid .accordion {overflow:hidden;margin-bottom:1.2em;}431#mid .accordion .accpt {margin-top:4px;}432#mid .accordion .accpc {margin-left:30px;margin-bottom:0;overflow:auto;}433#mid .accordion h2 {margin-top:25px;margin-bottom:10px;}434#mid .accordion h3 {padding:3px 6px 3px 28px;font-size:14px;font-weight:normal;background:transparent url(/imagesglobal/icon_plus.gif) 7px 5px no-repeat;line-height:1.3em;cursor:pointer;color:#d2271d;}435#mid .accordion .AccordionPanelOpen h3 {background-image:url(/imagesglobal/icon_minus.gif);cursor:default;}436 437#mid .mountainwatchreport h2 {background:transparent url(../imagesglobal/logo_mountainwatch.gif) right 50% no-repeat;}438#mid .snowreport {background-color:transparent;margin-bottom:5px;}439#mid .snowreport th, #mid .snowreport td {padding:5px 0;border-bottom:1px solid #a5a8ae;background:none;font-size:0.93em;}440#mid .snowreport th {}441#mid .snowreport td {text-align:right;}442#mid #rptlastupdated {font-size:0.8em;text-align:right;margin-bottom:0;}443 444 445#popupwrap {padding:20px;}446#popupwrap #linktabl {margin-bottom:0;}447#popupwrap h2 {border-bottom:1px solid #cbcdcf;margin:2em 0 1em;}448#popupwrap .sizes {width:auto;}449#popupwrap .sizes th {text-align:center;}450 451/*452#shoplocs {margin-bottom:2em;}453#mid #shoplocs ul {margin:0;padding:0;}454#mid #shoplocs ul li {list-style-type:none;margin:0;padding:0;}455.shopdetls {position:absolute;top:15px;right:15px;width:300px;}456.shopdetls h2 {border-bottom:1px solid #d6d8da;padding-bottom:6px;margin-top:10px;margin-bottom:18px;}457.shopdetls p {width:50%;float:left;}458#mid p.shopopen {font-size:1.1em;}459*/460#mid #plist table {width:100%;}461#mid #plist th, #mid #plist td {text-align:center;}462#mid #plist tr th:first-child {text-align:right;width:250px;}463#mid #plist tr td:nth-child(odd) {background-color: #eaeff2;}464#mid #plist tr td:first-child {text-align:left;background-color: #fff;}465 466 467/* contact page tabs */468div#tabs {469 margin : 0 0 16px 0;470}471div#tabs ul {472 margin : 0 0 0 0;473}474div#tabs ul li {475 display : inline;476 list-style-type : none;477}478div#tabs ul li a {479 display : inline-block;480 font-size:1.1em;481 line-height:1em;482 padding:6px 12px;483 color:#090909;484 text-transform: uppercase;485}486div#tabs .active {487 background-color:#fff;488 color:#090909;489 text-decoration: none;490}491div#tabs .passive {}492div#tabs > div {493 background : #fff;494 clear : both;495 padding: 15px;496}497div#tabs .open {498 display : block;499}500div#tabs .closed {501 display : none;502}503#contact-description { margin:0 0 10px 0; }504 505.x-tab-panel-body, .x-tab-panel-header-plain .x-tab-strip-spacer, .x-tab-panel-footer-plain .x-tab-strip-spacer, ul.x-tab-strip-top {border-color:#cbcdcf;}506.x-tab-strip-top {border-top-color:transparent !important;}507.x-tab-strip-top .x-tab-right {padding-left:5px !important;}508.x-tab-strip-top .x-tab-left {padding-right:5px !important;}509.x-tab-strip li {margin-bottom:0 !important;}510.x-tab-strip span.x-tab-strip-text {color:#d2271d;font-weight:bold;font-size:0.8em;}511.x-tab-strip-text {padding-left:12px !important;padding-right:12px !important;}512.x-tab-strip .x-tab-strip-active span.x-tab-strip-text {color:#434650;}513 514 515/*.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner {background-image:url(/images/xd-tabs-sprite.gif);}*/516 517.inverse {background:#333;color:#fff;padding:20px;}518 519.book-online .cone, .book-online .ctwo {520 width: 449px;521}522 523.book-online .panl {524 padding: 20px 25px;525 min-height: 280px;526}527 528.book-online .call-now {529 padding: 13px 0;530 font-size: 26px;531 font-weight: bold;532}533 534.phone:before {535 content: '';536 display: inline-block;537 background-image: url('../images/icon-phone.svg');538 background-size: contain;539 background-repeat: no-repeat;540 vertical-align: middle;541 width: 28px;542 height: 28px;543 margin: -8px 0 -4px;544}545 546/* COVID colusure announcement */547.header-announcement {548 font-size: 14px;549 color: #434650;550 text-align: center;551 padding: 5px 20px;552 background-color: #f0f0f0;553 margin: 0 auto;554 max-width: 960px;555 box-sizing: border-box;556}557.header-announcement strong {558 color: #d2271d;559}560.covid-announcement {561 letter-spacing: -0.01em;562}563 564 565 566h1 {}567h2 {}568h3 {}569h4 {}570h5 {}571h6 {}572.pdf {padding-left:30px;background:transparent url(/imagesglobal/icon_pdf.gif) 5px 1px no-repeat !important;}573.zip {padding-left:30px;background:transparent url(/imagesglobal/icon_zip.gif) 5px 1px no-repeat !important;}574.word {padding-left:30px;background:transparent url(/imagesglobal/icon_doc.gif) 5px 1px no-repeat !important;}575.excel {padding-left:30px;background:transparent url(/imagesglobal/icon_xls.gif) 5px 1px no-repeat !important;}576.powerpoint {padding-left:30px;background:transparent url(/imagesglobal/icon_ppt.gif) 5px 1px no-repeat !important;}577.textright {text-align:right !important;}578.textcenter {text-align:center !important;}579.textleft {text-align:left !important;}580.imgright {float:right;margin-left:10px;}581.imgcenter {display:block;margin:0 auto 1.4em;}582.imgleft {float:left;margin-right:10px;}583 584 585body {margin:0;padding:0;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9pt;}586img {border:0;margin-bottom:1.4em;}587a {color:#000;text-decoration:underline;}588.noprint, div#head, div#foot {display:none;}589h1, h2, h3, h4, h5, h6 {font-weight:bold;}590h1 {font-size:16pt;}591h2 {font-size:14pt;}592h3 {font-size:12pt;}593h4 {font-size:11pt;}594h5 {font-size:10pt;}595h6 {font-size:9pt;}596blockquote {margin-left:20pt;margin-right:20pt;padding:7pt;border:1px solid #000;}597.important {margin:1.4em 20pt !important;padding:7pt;border-top:1px solid #000;border-bottom:1px solid #000;}598dt {font-weight:bold;}599table {page-break-inside:avoid;border:1px solid #000;}600th, td {vertical-align:top;text-align:left;padding:1pt 3pt;}601th {font-weight:bold;white-space:nowrap;}602td {border-top:1px solid #000;}603.print {display:block;}604 605 606 607/*608 * The Typekit service used to deliver this font or fonts for use on websites609 * is provided by Adobe and is subject to these Terms of Use610 * http://www.adobe.com/products/eulas/tou_typekit. For font license611 * information, see the list below.612 *613 * din-condensed:614 * - http://typekit.com/eulas/0000000000000000000146b3615 *616 * © 2009-2023 Adobe Systems Incorporated. All Rights Reserved.617 */618/*{"last_published":"2022-10-19 14:04:10 UTC"}*/619 620 621@font-face {622font-family:"din-condensed";623src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");624font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;625}626 627.tk-din-condensed { font-family: "din-condensed",sans-serif; }628 </style>629 <title>630 Ski North America - Destinations - Larry Adler rent-a-ski631 </title>632 <meta content="text/html;charset=utf-8" http-equiv="Content-Type">633 <meta content="no" http-equiv="imagetoolbar">634 <meta content="LarryAdler Rent-a-ski can help you with ski hire for North America and Europe with convenient wheelie bags for easy travelling overseas." name="Description">635 <meta content="ski europe, ski north america, ski hire europe, ski hire north america, ski usa, wheelie bag, larry adler, ski hire" name="Keywords">636 <!--[if lte IE 8]>637 638<![endif]-->639 <!--[if lte IE 7]>640 641<![endif]-->642 <!--[if lte IE 6]>643 644<![endif]-->645 <meta content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9" http-equiv="origin-trial">646 </head>647 <body>648 <!-- Google Tag Manager -->649 <noscript>650 </noscript>651 <!-- End Google Tag Manager -->652 <div id="head">653 <div class="w1">654 <a>655 <img alt="Larry Adler rent-a-ski" id="logo" src="rick.jpg">656 </a>657 <ul class="navh" id="navpri">658 <li class="first" id="rent">659 <a title="Rent">660 Rent661 </a>662 </li>663 <li id="beginners">664 <a title="Beginners">665 Beginners666 </a>667 </li>668 <li id="intermediateskiers">669 <a title="Intermediate Skiers">670 Intermediate Skiers671 </a>672 </li>673 <li id="advancedskiersracers">674 <a title="Advanced Skiers & Racers">675 Advanced Skiers & Racers676 </a>677 </li>678 </ul>679 <ul class="navh" id="navglobal">680 <li class="first">681 <a title="Home">682 Home683 </a>684 </li>685 <li>686 <a title="FAQs">687 FAQs688 </a>689 </li>690 <li>691 <a title="About Us">692 About Us693 </a>694 </li>695 <li>696 <a title="Contact Us">697 Contact Us698 </a>699 </li>700 </ul>701 <ul class="navh" id="buttonbar">702 <li id="callaus">703 <a>704 <b>705 Aus706 </b>707 +61 264 57 2841708 </a>709 </li>710 <li id="bookonline">711 <a class="buttonred">712 Book Online713 </a>714 </li>715 </ul>716 </div>717 </div>718 <div id="mid">719 <div class="w1">720 <div class="col cone panl">721 <h1>722 Destinations723 <span>724 - Ski North America725 </span>726 </h1>727 <h2>728 Looking to ski North America?729 </h2>730 <p class="first">731 Save time and hassle by732 <a>733 ordering online734 </a>735 and picking up your ski gear from Larry Adler rent-a-ski before you leave for North America.736 </p>737 <p>738 The USA and Canada have some of the biggest and best ski resorts in the world.739 </p>740 <p>741 Whether it's Aspen, Vail, Lake Tahoe, Steamboat or Jackson Hole in the US, or Whistler, Lake Louise, Big White, Sun Peaks or Silver Star in Canada, you're sure to be blown away by the size of the resorts and the quality of the snow.742 </p>743 <h2>744 Why choose Larry Adler rent-a-ski when you're skiing in North America?745 </h2>746 <ul>747 <li>748 <strong>749 Save time750 </strong>751 - organise your gear from one of our Sydney stores before you leave.752 </li>753 <li>754 <strong>755 Great value756 </strong>757 - enjoy unbeatable off-season pricing.758 </li>759 <li>760 <strong>761 Family-friendly762 </strong>763 - take advantage of our Kids Ski Free package when hiring your gear.764 </li>765 <li>766 <strong>767 Convenience768 </strong>769 - easily transport your ski equipment with one of our sturdy wheelie bags.770 </li>771 </ul>772 </div>773 <div class="col ctwo">774 <div class="panl locpic">775 <div>776 <img alt="Ski North America / Europe" height="350" src="rick.jpg" width="250">777 </div>778 </div>779 <div class="panl locpic">780 <div>781 <img alt="Ski North America" height="172" src="rick.jpg" width="250">782 </div>783 </div>784 </div>785 <br class="clr">786 </div>787 </div>788 <div id="foot">789 <div class="w1">790 <ul class="navh" id="navdest">791 <li class="first">792 <a title="Ski Jindabyne Destinations">793 Ski Jindabyne794 </a>795 </li>796 <li>797 <a title="Ski Thredbo Destinations">798 Ski Thredbo799 </a>800 </li>801 <li>802 <a title="Ski Perisher Destinations">803 Ski Perisher804 </a>805 </li>806 <li>807 <a title="Ski Charlotte Pass Destinations">808 Ski Charlotte Pass809 </a>810 </li>811 </ul>812 <ul class="navh" id="navfoot">813 <li class="copyright">814 Copyright © Larry Adler Ski & Outdoor815 </li>816 <li class="first">817 <a title="Privacy">818 Privacy819 </a>820 </li>821 <li>822 <a title="Legal">823 Legal824 </a>825 </li>826 <li>827 <a>828 <img src="rick.jpg">829 </a>830 </li>831 </ul>832 <a id="laski" title="Visit Larry Adler Ski and Outdoor">833 Larry Adler Ski & Outdoor, 10,000+ great ski & outdoor products online 24x7834 </a>835 <a id="siteby" title="Visit the webqem site">836 webqem, web site design & development, marketing, promotions and elearning services837 </a>838 </div>839 </div>840 <div style="display: none; visibility: hidden;">841 <noscript>842 </noscript>843 </div>844 </body>845</html>846