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>2<html class="js" lang="en">3 <head>4 <meta charset="utf-8">5 <meta content="IE=edge" http-equiv="X-UA-Compatible">6 <meta content="width=device-width, initial-scale=1" name="viewport">7 <meta content="KDhPfWwu5V1PwVEKgYqxZZjxHnKgb16wb9XZlcmy" name="csrf-token">8 <title>9 Winnie the Pooh's Owl in Flight Cartoon Gifts for Fans10 </title>11 <meta content="#FFFFFF" name="msapplication-TileColor">12 <meta content="/site/mousegifts_XOzA5ayUzTjNFHWbRJAL/favicons/favicon-144.png" name="msapplication-TileImage">13 <style>14 @font-face {15 font-family: 'Roboto';16 font-style: italic;17 font-weight: 400;18 font-display: swap;19 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu52xP.ttf) format('truetype');20}21@font-face {22 font-family: 'Roboto';23 font-style: italic;24 font-weight: 700;25 font-display: swap;26 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');27}28@font-face {29 font-family: 'Roboto';30 font-style: normal;31 font-weight: 400;32 font-display: swap;33 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');34}35@font-face {36 font-family: 'Roboto';37 font-style: normal;38 font-weight: 700;39 font-display: swap;40 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');41}42@font-face {43 font-family: 'Roboto Condensed';44 font-style: italic;45 font-weight: 700;46 font-display: swap;47 src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVW2ZhZI2eCN5jzbjEETS9weq8-19ehAyvMum7nfDB64f8N5Xk.ttf) format('truetype');48}49@font-face {50 font-family: 'Roboto Condensed';51 font-style: normal;52 font-weight: 700;53 font-display: swap;54 src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpfBJ.ttf) format('truetype');55}56 57 58 59 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}b,strong{font-weight:bolder}code{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden]{display:none}html{box-sizing:border-box;font-family:sans-serif}*,:after,:before{box-sizing:inherit}figure,h1,h2,h3,h4,h5,p{margin:0}button{background:transparent;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}ol,ul{list-style:none;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.5}*,:after,:before{border:0 solid currentColor}hr{border-width:1px}img{border-style:solid}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#a0aec0}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#a0aec0}input::placeholder,textarea::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,select,textarea{padding:0;line-height:inherit;color:inherit}code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}canvas,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%}@media (min-width:436px){.container{max-width:436px}}@media (min-width:576px){.container{max-width:576px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:992px){.container{max-width:992px}}@media (min-width:1232px){.container{max-width:1232px}}@media (min-width:1382px){.container{max-width:1382px}}body:not(.user-is-tabbing) a:focus,body:not(.user-is-tabbing) button:focus,body:not(.user-is-tabbing) input:focus,body:not(.user-is-tabbing) select:focus,body:not(.user-is-tabbing) textarea:focus{outline:none}@media (max-width:640px){.container{max-width:100%!important}}.cont-x-pad-default .container,.cont-x-pad-xl .container{padding-left:20px;padding-right:20px}@media (min-width:640px){.cont-x-pad-xl .container{padding-left:25px;padding-right:25px}}@media (min-width:992px){.cont-x-pad-xl .container{padding-left:30px;padding-right:30px}}@media (min-width:1232px){.cont-x-pad-xl .container{padding-left:40px;padding-right:40px}}.tr-color{transition:color .15s ease}.tr-bg{transition:background-color .15s ease}.tr-border{transition:border-color .15s ease}.centered{left:50%;transform:translate(-50%,-50%)}.centered,.centered-y{position:absolute;top:50%}.centered-y{transform:translateY(-50%)}.centered-x{position:absolute;left:50%;transform:translate(-50%)}.vgrad-gr-wh{background:#eee;background:linear-gradient(180deg,#eee 0,#fff)}h1{line-height:.85em;line-height:1.125}h1,h1.smaller{font-size:2.25rem}@media (min-width:992px){h1,h1.smaller{font-size:2.625rem}}h2{font-size:2rem;line-height:1.125}@media (min-width:768px){h2{font-size:2.25rem}}h3{font-size:1.5rem;line-height:1.25}@media (min-width:768px){h3{font-size:1.75rem}}h4{font-size:1.5rem}h4,h5{line-height:1.25}h5{font-size:1.125rem}.rich-text{line-height:1.4}.rich-text a{text-decoration:underline}.rich-text a,.rich-text a:visited{color:#006995}.rich-text a:active,.rich-text a:hover{color:#004c6b}.rich-text p{margin:0 0 .9em}.rich-text p:last-child{margin-bottom:0}.rich-text ul{padding-left:20px;margin-bottom:1.2em!important;list-style-type:disc}.rich-text ul li:not(:last-child){margin-bottom:6px}.rich-text a.btn{margin-top:10px;display:inline-block}.rich-text iframe{margin-top:15px;margin-bottom:35px}.rich-text h1,.rich-text h2,.rich-text h3,.rich-text h4,.rich-text h5{margin-bottom:.5rem}.rich-text table{margin-bottom:1.5em}.rich-text table tr td{padding-top:.25em;padding-bottom:.25em}@media (min-width:768px){.rich-text table tr td{font-size:1rem}}.rich-text table tr td:not(:first-child){border-left:1px solid #ededed!important;padding-left:.5em}.rich-text table tr td:not(:last-child){padding-right:.5em}.rich-text table tr:not(:last-child){border-bottom:1px solid #ccc!important}section.block{margin-bottom:30px}section.block+section.block{margin-top:1.5rem}@media (max-width:1231px){.image-block.floated{max-width:65%}}@media (max-width:991px){.image-block.floated{max-width:55%}}@media (max-width:767px){.image-block.floated{max-width:45%}}@media (max-width:575px){.image-block.floated{max-width:40%}}.product-list-item .img-wrap{position:relative;width:100%;text-align:center}.product-list-item .img-wrap img{max-width:100%;max-height:240px;margin-left:auto;margin-right:auto;transition:transform .15s}@media (min-width:992px){.product-list-item .img-wrap:hover img{transform:scale(1.2)}}@media (min-width:436px){.product-list-item .img-col{width:130px}.product-list-item .text-col{width:calc(100% - 130px)}}@media (min-width:568px){.product-list-item .img-col{width:160px}.product-list-item .text-col{width:calc(100% - 160px)}}.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video-container iframe,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.btn{background:#eee}button.hamburger,div.hamburger{width:35px;height:35px}div.hamburger>.inner{top:50%}.hamburger{border:0 solid transparent;padding:3.5px;display:inline-block;cursor:pointer;font:inherit;color:inherit;text-transform:none;margin:0;overflow:visible;opacity:1;transition:opacity .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1)}.hamburger,.hamburger.active{background:transparent}.hamburger.active span.bar{background-color:#000}.hamburger>.inner{position:relative;margin:0;width:100%;margin-top:-1px}.hamburger span.bar{content:"";width:100%;height:2px;display:block;position:absolute;background-color:#000;border-radius:0}.hamburger span.bar:first-child{top:-7px}.hamburger span.bar:nth-child(3){top:7px}.hamburger:focus{outline:0}.hamburger:hover{opacity:1}.hamburger--converge span.bar{transition:transform .4s cubic-bezier(.645,.045,.355,1),top .4s cubic-bezier(.645,.045,.355,1)}.hamburger--converge.active span.bar{top:0}.hamburger--converge.active span.bar:first-child{transform:rotate(135deg)}.hamburger--converge.active span.bar:nth-child(2){transform:scale(0)}.hamburger--converge.active span.bar:nth-child(3){transform:rotate(-135deg)}.main-nav{margin-left:-12px}.main-nav .dropdown{background:#d5d5d5;left:0;top:100%;min-width:calc(100% + 100px);border-bottom-left-radius:6px;border-bottom-right-radius:6px}.main-nav .dropdown li a:hover{background:#000;color:#fff}.main-nav>ul>li>* svg.u{display:none}.main-nav>ul>li:hover{background:#d5d5d5}.main-nav>ul>li:hover>* svg.d{display:none}.main-nav>ul>li:hover>* svg.u{display:inline}@media (max-width:991px){.main-nav .dropdown,.main-nav>ul>li>* svg{display:none!important}}@media (min-width:992px){.main-nav{margin-left:-24px}}@media (max-width:640px){.main-nav-container .container{padding-left:0}.main-nav-container .over{overflow-x:hidden;padding-left:20px}.main-nav-container .sh{background:linear-gradient(90deg,hsla(0,0%,93%,0) 0,#eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00eeee",endColorstr="#eeeeee",GradientType=1)}}nav.mobile-nav{display:none;z-index:5;background:#d5d5d5;box-shadow:0 10px 10px -5px rgba(0,0,0,.36)}.pagination{text-align:center;font-size:20px}.pagination .page-link{text-decoration:none;display:inline-block;padding:12px!important;background:#ecebea!important;color:#000!important;border-radius:6px}.pagination .page-link:hover{background:#d9d8d6!important}.pagination li{display:inline-block}.pagination li.active .page-link{font-weight:700;color:#fff!important;background:#333!important}.pagination li.disabled,.sidebar-nav ul ul{display:none}.sidebar-nav ul ul li{padding-top:4px;padding-bottom:4px}.sidebar-nav .toggle{background:#e0e0e0}.sidebar-nav .toggle svg{display:block;width:12px;height:12px;margin:4px}.sidebar-nav .toggle:hover{background:#d0d0d0}.sidebar-nav li.active>div>.toggle .plus{display:none}.sidebar-nav li.active>ul{display:block}.sidebar-nav li:not(.active)>div>.toggle .minus{display:none}.sidebar-nav>ul:not(:first-child){margin-top:.5rem}.sidebar-nav>ul>li>a{font-size:1.125rem}.sidebar-nav>ul>li>ul>li,.sidebar-nav>ul>li>ul>li>ul>li,.sidebar-nav>ul>li>ul>li>ul>li>ul>li{padding-left:1rem}@media (min-width:576px){.sub-sections>ul{column-count:2}.sub-sections>ul li{-moz-column-break-inside:avoid;break-inside:avoid}}@media (min-width:1232px){.sub-sections>ul{column-count:3}.sub-sections>ul li{-moz-column-break-inside:avoid;break-inside:avoid}}.single-product .description{bottom:-100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#ffffff",GradientType=0);box-shadow:0 0 6px rgba(0,0,0,.25);transition:all .2s ease-in}.single-product.hover.click .description{bottom:0}.single-product .thumb:after{content:"";display:block;padding-bottom:100%}.lazyload,.lazyloading{opacity:0}.lazyloaded{opacity:1;transition:opacity .15s}body:not(.hasHover) .info-btn{display:none!important}body.hasHover .info-btn{color:#777;transition:all .2s;opacity:0}body.hasHover .info-btn svg{filter:drop-shadow(0 3px 3px rgba(255,255,255,.7))}body.hasHover .info-btn:hover{opacity:1}body.hasHover .single-product:hover .info-btn{opacity:.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bg-transparent{background-color:transparent}.bg-black{background-color:#000}.bg-dark{background-color:#333}.bg-grey-dark{background-color:#5c5c5c}.bg-grey-alt{background-color:#d9d8d6}.bg-grey-light{background-color:#ecebea}.bg-grey-lightest{background-color:#f3f3f2}.bg-white{background-color:#fff}.hover\:bg-dark:hover{background-color:#333}.hover\:bg-grey-alt:hover{background-color:#d9d8d6}.border-grey-alt{border-color:#d9d8d6}.border-grey-light{border-color:#ecebea}.hover\:border-grey:hover{border-color:#858585}.rounded-smaller{border-radius:2px}.rounded{border-radius:6px}.rounded-full{border-radius:9999px}.rounded-t{border-top-left-radius:6px;border-top-right-radius:6px}.rounded-b{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.border-2{border-width:2px}.border{border-width:1px}.border-b{border-bottom-width:1px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-grow-0{flex-grow:0}.flex-grow{flex-grow:1}.float-right{float:right}.float-left{float:left}.clearfix:after{content:"";display:table;clear:both}.font-regular{font-weight:400}.font-bold{font-weight:700}.h-8{height:2rem}.h-full{height:100%}.leading-none{line-height:1}.leading-tight{line-height:1.125}.leading-compact{line-height:1.25}.leading-normal{line-height:1.4}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.m-0{margin:0}.my-0{margin-top:0;margin-bottom:0}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.mb-0{margin-bottom:0}.mt-1{margin-top:.25rem}.mb-1{margin-bottom:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mb-5{margin-bottom:1.25rem}.mt-6{margin-top:1.5rem}.mr-6{margin-right:1.5rem}.mb-6{margin-bottom:1.5rem}.ml-6{margin-left:1.5rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.ml-8{margin-left:2rem}.mt-10{margin-top:2.5rem}.mr-10{margin-right:2.5rem}.ml-10{margin-left:2.5rem}.mt-12{margin-top:3rem}.ml-20{margin-left:5rem}.max-h-full{max-height:100%}.max-w-md{max-width:40rem}.max-w-lg{max-width:50rem}.max-w-full{max-width:100%}.opacity-75{opacity:.75}.overflow-hidden{overflow:hidden}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-0{padding-left:0;padding-right:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.pb-1{padding-bottom:.25rem}.pr-2{padding-right:.5rem}.pl-2{padding-left:.5rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.pt-4{padding-top:1rem}.pl-4{padding-left:1rem}.pt-6{padding-top:1.5rem}.pl-6{padding-left:1.5rem}.pr-8{padding-right:2rem}.pb-10{padding-bottom:2.5rem}.pl-10{padding-left:2.5rem}.pr-12{padding-right:3rem}.pl-12{padding-left:3rem}.pb-16{padding-bottom:4rem}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.resize{resize:both}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-black{color:#000}.text-dark{color:#333}.text-grey-dark{color:#5c5c5c}.text-grey{color:#858585}.text-red{color:#d00}.text-white{color:#fff}.hover\:text-black:hover{color:#000}.hover\:text-dark:hover{color:#333}.hover\:text-grey-dark:hover{color:#5c5c5c}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.italic{font-style:italic}.uppercase{text-transform:uppercase}.underline{text-decoration:underline}.no-underline{text-decoration:none}.hover\:underline:hover{text-decoration:underline}.align-top{vertical-align:top}.visible{visibility:visible}.whitespace-normal{white-space:normal}.whitespace-no-wrap{white-space:nowrap}.w-8{width:2rem}.w-c2{width:49%}.w-p28{width:28%}.w-p30{width:30.5%}.w-p31{width:31.5%}.w-p48{width:48%}.w-1\/2{width:50%}.w-1\/3{width:33.33333%}.w-2\/3{width:66.66667%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-full{width:100%}.z-10{z-index:1}.z-20{z-index:2}.z-30{z-index:3}.z-50{z-index:4}@media (min-width:436px){.xs\:inline{display:inline}.xs\:flex{display:flex}.xs\:mt-0{margin-top:0}.xs\:pl-6{padding-left:1.5rem}.xs\:sticky{position:-webkit-sticky;position:sticky}.xs\:text-left{text-align:left}.xs\:w-c2{width:49%}.xs\:w-1\/3{width:33.33333%}}@media (min-width:576px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:hidden{display:none}.sm\:leading-none{line-height:1}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:mb-0{margin-bottom:0}.sm\:max-w-sm{max-width:30rem}.sm\:sticky{position:-webkit-sticky;position:sticky}.sm\:w-c2{width:49%}.sm\:w-c3{width:32%}.sm\:w-1\/2{width:50%}.sm\:w-1\/3{width:33.33333%}.sm\:w-1\/4{width:25%}}@media (min-width:768px){.md\:border-grey-light{border-color:#ecebea}.md\:border-r{border-right-width:1px}.md\:border-l{border-left-width:1px}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-wrap{flex-wrap:wrap}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:float-right{float:right}.md\:float-left{float:left}.md\:mx-0{margin-left:0;margin-right:0}.md\:mt-0{margin-top:0}.md\:mb-0{margin-bottom:0}.md\:mt-6{margin-top:1.5rem}.md\:mr-6{margin-right:1.5rem}.md\:ml-6{margin-left:1.5rem}.md\:mr-10{margin-right:2.5rem}.md\:ml-10{margin-left:2.5rem}.md\:max-w-full{max-width:100%}.md\:max-w-fp{max-width:40%}.md\:pr-8{padding-right:2rem}.md\:pl-8{padding-left:2rem}.md\:pl-12{padding-left:3rem}.md\:sticky{position:-webkit-sticky;position:sticky}.md\:text-base{font-size:1rem}.md\:text-lg{font-size:1.125rem}.md\:text-xl{font-size:1.25rem}.md\:text-3xl{font-size:1.875rem}.md\:text-4xl{font-size:2.25rem}.md\:w-c3{width:32%}.md\:w-p40{width:40%}.md\:w-p60{width:60%}.md\:w-p48{width:48%}.md\:w-1\/5{width:20%}}@media (min-width:992px){.lg\:inline-block{display:inline-block}.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:mt-0{margin-top:0}.lg\:mb-0{margin-bottom:0}.lg\:mr-4{margin-right:1rem}.lg\:mr-8{margin-right:2rem}.lg\:ml-8{margin-left:2rem}.lg\:px-6{padding-right:1.5rem}.lg\:pl-6,.lg\:px-6{padding-left:1.5rem}.lg\:pr-8{padding-right:2rem}.lg\:pl-8{padding-left:2rem}.lg\:pr-10{padding-right:2.5rem}.lg\:pl-10{padding-left:2.5rem}.lg\:pl-20{padding-left:5rem}.lg\:relative{position:relative}.lg\:sticky{position:-webkit-sticky;position:sticky}.lg\:text-right{text-align:right}.lg\:text-lg{font-size:1.125rem}.lg\:text-2xl{font-size:1.5rem}.lg\:text-5xl{font-size:2.625rem}.lg\:w-c4{width:24%}.lg\:w-p30{width:30.5%}.lg\:w-p48{width:48%}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.33333%}.lg\:w-2\/3{width:66.66667%}.lg\:w-1\/4{width:25%}.lg\:w-3\/4{width:75%}}@media (min-width:1232px){.xl\:inline-block{display:inline-block}.xl\:inline{display:inline}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:justify-between{justify-content:space-between}.xl\:mb-0{margin-bottom:0}.xl\:mb-6{margin-bottom:1.5rem}.xl\:pl-10{padding-left:2.5rem}.xl\:sticky{position:-webkit-sticky;position:sticky}.xl\:text-2xl{font-size:1.5rem}.xl\:text-6xl{font-size:3rem}.xl\:w-c4{width:24%}.xl\:w-c5{width:19%}.xl\:w-p30{width:30.5%}.xl\:w-1\/5{width:20%}.xl\:w-2\/5{width:40%}.xl\:w-3\/5{width:60%}}@media (min-width:1382px){.xxl\:sticky{position:-webkit-sticky;position:sticky}} body{font-family:'Roboto',sans-serif!important;font-weight:400}.font-regular{font-weight:400}strong,.font-bold{font-weight:700}h1,h2,h3,h4,h5,.heading{font-family:'Roboto Condensed',sans-serif!important;font-weight:700}.text-link,.rich-text a{color:#1037ab}.text-link:hover,.rich-text a:hover{color:#021e71}.text-link:visited,.rich-text a:visited{color:#6620b4}.sidebar-section h2{font-family:'Roboto Condensed',sans-serif!important;font-weight:700;color:#fff}.sidebar-section{background-color:#eee}.sidebar-section h2{font-family:'Roboto Condensed',sans-serif!important;background-color:#23536d}.main-nav-container{background-color:#eee}.main-nav-container a{color:#000}.main-nav-container a:hover{color:#000}.primary-btn,.secondary-btn,.tertiary-btn{border-width:2px}.primary-btn{transition:background-color .15s,color .15s,border-color .15s;color:#000000!important;border-radius:6px!important;border-style:solid!important;background-color:#fec130!important;border-color:#fec130!important}.primary-btn:hover{color:#000000!important;background-color:#efa903!important;border-color:#efa903!important}.secondary-btn{transition:background-color .15s,color .15s,border-color .15s;color:#000000!important;border-radius:6px!important;border-style:solid!important;background-color:#fff!important;border-color:#fec130!important}.secondary-btn:hover{color:#000000!important;background-color:#efefef!important;border-color:#efa903!important}.tertiary-btn{transition:background-color .15s,color .15s,border-color .15s;color:#000000!important;border-radius:6px!important;border-style:solid!important;background-color:#dedede!important;border-color:#dedede!important}.tertiary-btn:hover{color:#000000!important;background-color:#cccccc!important;border-color:#cccccc!important}60 </style>61 <noscript>62 </noscript>63 <meta content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9" http-equiv="origin-trial">64 </head>65 <body class="cont-x-pad-default hasHover">66 <div data-uid="XOzA5ayUzTjNFHWbRJAL" id="app">67 <header class="site-header relative z-20">68 <div class="container mx-auto px-4 h-full">69 <a>70 <img alt class="hdr-image hdr-mobile" src="rick.jpg">71 <img alt class="hdr-image hdr-tablet" src="rick.jpg">72 <img alt class="hdr-image hdr-desktop" src="rick.jpg">73 </a>74 </div>75 </header>76 <div class="main-nav-container relative z-20">77 <div class="container mx-auto">78 <div class="flex items-center relative">79 <div class="flex-1 flex-grow-1 over relative whitespace-no-wrap">80 <span class="z-10">81 <nav class="main-nav">82 <ul>83 <li class="inline-block relative">84 <a class="top-level inline-block text-lg md:text-xl lg:text-2xl no-underline heading text-dark tr-color py-1 relative px-3 lg:px-6">85 Home86 </a>87 </li>88 <li class="inline-block relative">89 <a class="top-level inline-block text-lg md:text-xl lg:text-2xl no-underline heading text-dark tr-color py-1 relative px-3 lg:px-6">90 Blog91 </a>92 </li>93 <li class="inline-block hidden lg:inline-block relative has-dropdown">94 <span class="top-level inline-block text-lg md:text-xl lg:text-2xl lg:text-2xl no-underline heading text-dark tr-color py-1 relative pl-3 pr-8 lg:pl-6 lg:pr-10">95 Categories96 </span>97 <ul class="dropdown hidden block absolute absolute px-0 py-2 text-base lg:text-lg">98 <li class="block">99 <a class="block px-3 lg:px-6 py-1">100 Disney Fabrics101 </a>102 </li>103 <li class="block">104 <a class="block px-3 lg:px-6 py-1">105 Chip 'n' Dale106 </a>107 </li>108 <li class="block">109 <a class="block px-3 lg:px-6 py-1">110 Disney's Encanto111 </a>112 </li>113 <li class="block">114 <a class="block px-3 lg:px-6 py-1">115 Ratatouille116 </a>117 </li>118 </ul>119 </li>120 <li class="inline-block relative">121 <a class="top-level inline-block text-lg md:text-xl lg:text-2xl no-underline heading text-dark tr-color py-1 relative px-3 lg:px-6">122 About123 </a>124 </li>125 </ul>126 </nav>127 </span>128 <span class="sh z-20 absolute top-0 right-0 h-full w-8">129 </span>130 </div>131 <div class="lg:hidden flex-grow-0 pl-12 relative">132 <button aria-label="Toggle mobile nav" class="block toggle-mobile-nav hamburger hamburger--converge absolute right-0 centered-y" type="button">133 <div class="inner">134 <span class="bar">135 </span>136 <span class="bar">137 </span>138 <span class="bar">139 </span>140 </div>141 </button>142 </div>143 </div>144 </div>145 </div>146 <div class="relative w-full">147 <nav class="mobile-nav absolute w-full top-0 left-0">148 <div class="container mx-auto py-4">149 <ul>150 <li class="block relative">151 <a class="top-level inline-block text-xl lg:text-2xl no-underline heading text-dark tr-color py-1 relative">152 Home153 </a>154 </li>155 <li class="block relative">156 <a class="top-level inline-block text-xl lg:text-2xl no-underline heading text-dark tr-color py-1 relative">157 Blog158 </a>159 </li>160 <li class="block relative">161 <span class="top-level inline-block text-xl lg:text-2xl no-underline heading text-dark tr-color py-1 relative">162 Categories163 </span>164 <ul class="dropdown ml-4 mb-1 text-base">165 <li class="block">166 <a class="block px-3 py-1">167 Disney Fabrics168 </a>169 </li>170 <li class="block">171 <a class="block px-3 py-1">172 Chip 'n' Dale173 </a>174 </li>175 <li class="block">176 <a class="block px-3 py-1">177 Disney's Encanto178 </a>179 </li>180 <li class="block">181 <a class="block px-3 py-1">182 Ratatouille183 </a>184 </li>185 </ul>186 </li>187 <li class="block relative">188 <a class="top-level inline-block text-xl lg:text-2xl no-underline heading text-dark tr-color py-1 relative">189 About190 </a>191 </li>192 </ul>193 </div>194 </nav>195 </div>196 <style>197 @font-face {198 font-family: 'Roboto';199 font-style: italic;200 font-weight: 400;201 font-display: swap;202 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu52xP.ttf) format('truetype');203}204@font-face {205 font-family: 'Roboto';206 font-style: italic;207 font-weight: 700;208 font-display: swap;209 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');210}211@font-face {212 font-family: 'Roboto';213 font-style: normal;214 font-weight: 400;215 font-display: swap;216 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');217}218@font-face {219 font-family: 'Roboto';220 font-style: normal;221 font-weight: 700;222 font-display: swap;223 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');224}225@font-face {226 font-family: 'Roboto Condensed';227 font-style: italic;228 font-weight: 700;229 font-display: swap;230 src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVW2ZhZI2eCN5jzbjEETS9weq8-19ehAyvMum7nfDB64f8N5Xk.ttf) format('truetype');231}232@font-face {233 font-family: 'Roboto Condensed';234 font-style: normal;235 font-weight: 700;236 font-display: swap;237 src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpfBJ.ttf) format('truetype');238}239 240 241html,body{overflow-x:hidden}main>.container{position:relative}body{background:url(/site/mousegifts_XOzA5ayUzTjNFHWbRJAL/bg.jpg) no-repeat center center;background-size:cover}main>.container{background:#fff;box-shadow:0 0 20px rgba(0,0,0,.35)}.main-nav-container .container{background:#c40002!important}.main-nav-container a.top-level{color:#fff}.main-nav-container,nav.mobile-nav{background-color:transparent!important;box-shadow:none!important}.main-nav>ul>li>a,.main-nav>ul>li>span{color:#fff}.main-nav>ul>li.has-dropdown.hover>span{color:#000!important}.mobile-nav .container{background-color:#eee;box-shadow:0 10px 10px -5px rgba(0,0,0,.36)}.main-nav{text-align:center}.main-nav ul.dropdown{text-align:left!important}.main-nav a.top-level:hover{background:#a80002;color:#ffdb55}.rich-text a{text-decoration:underline}@media (min-width:768px){main>.container,.mobile-nav .container{padding-left:30px!important;padding-right:30px!important}main>.container{padding-top:30px!important}}.sidebar-section>h2{color:#fff}@media (max-width:991px){.main-nav-container .sh{background:-moz-linear-gradient(left,rgba(194,0,4,0) 0%,rgba(156,0,3,1) 100%)!important;;background:-webkit-linear-gradient(left,rgba(194,0,4,0) 0%,rgba(156,0,3,1) 100%)!important;;background:linear-gradient(to right,rgba(194,0,4,0) 0%,rgba(156,0,3,1) 100%)!important;;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c20004',endColorstr='#9c0003',GradientType=1)!important;}}.hamburger.active span.bar,.hamburger span.bar{background-color:#fff!important}.sidebar-section>h2{text-transform:uppercase}.site-header .hdr-image{width:100%;height:auto}.site-header .container{padding:0!important}@media (max-width:575px){.hdr-tablet,.hdr-desktop{display:none}}@media (min-width:576px) and (max-width:767px){.hdr-mobile,.hdr-desktop{display:none}}@media (min-width:768px){.hdr-mobile,.hdr-tablet{display:none}}.site-footer .container{padding-top:25px;padding-bottom:25px;background:#000;color:#fff}.site-footer .mt-6{margin-top:0!important}242 </style>243 <main class="relative z-10">244 <div class="container mx-auto px-4 pt-6 pb-16" style="min-height: 640px;">245 <div class="lg:flex">246 <div class="content lg:w-3/4 lg:pr-8">247 <nav class="breadcrumb mb-2 text-sm">248 <ul>249 <li class="inline-block">250 <a class="text-black hover:underline">251 Home252 </a>253 </li>254 <li class="inline-block">255 <a class="text-black hover:underline">256 Winnie the Pooh257 </a>258 </li>259 <li class="inline-block">260 <a class="text-black hover:underline">261 Owl in Flight262 </a>263 </li>264 </ul>265 </nav>266 <h1 class="section-title">267 Winnie the Pooh's Owl in Flight268 </h1>269 <div class="rich-text text-lg leading-normal mt-3">270 <p>271 This cute design of the Owl character from Disney's Winnie the Pooh features Owl in flight. Great gifts here for fans of Winnie the Pooh and anyone who loves owls.272 </p>273 </div>274 <div class="mt-6">275 </div>276 <div class="flex flex-wrap justify-between mt-6 fill-3">277 <div class="single-product mb-5 w-full xs:w-c2 md:w-c3 xl:w-c4 border border-grey-alt rounded hover:border-grey tr-border relative overflow-hidden">278 <button aria-label="Info" class="info-btn absolute top-0 right-0 mr-4 mt-4 z-30" type="button">279 </button>280 <div class="p-2 relative z-20">281 <div class="thumb relative w-full">282 <a aria-label="Owl Poster" rel="nofollow noopener noreferrer" target="_blank">283 <img alt="Owl Poster" class="rounded centered max-h-full lazyloaded" data-src="" height="400" src="rick.jpg" width="400">284 </a>285 </div>286 </div>287 <div class="mt-2 text-sm px-2 pb-3">288 <div class="text-xs mb-1">289 From290 <a class="text-black no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">291 Zazzle292 </a>293 </div>294 <a class="text-dark no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">295 Owl Poster296 </a>297 </div>298 <div class="description absolute z-50 left-0 text-sm p-4 leading-compact vgrad-gr-wh">299 <strong>300 Owl Poster301 </strong>302 – Other Characters303 <a class="block btn text-center py-2 px-5 text-base primary-btn no-underline w-full mt-3" rel="nofollow noopener noreferrer" target="_blank">304 View on Zazzle305 </a>306 </div>307 </div>308 <div class="single-product mb-5 w-full xs:w-c2 md:w-c3 xl:w-c4 border border-grey-alt rounded hover:border-grey tr-border relative overflow-hidden">309 <button aria-label="Info" class="info-btn absolute top-0 right-0 mr-4 mt-4 z-30" type="button">310 </button>311 <div class="p-2 relative z-20">312 <div class="thumb relative w-full">313 <a aria-label="Owl Mouse Pad" rel="nofollow noopener noreferrer" target="_blank">314 <img alt="Owl Mouse Pad" class="rounded centered max-h-full lazyloaded" data-src="" height="400" src="rick.jpg" width="400">315 </a>316 </div>317 </div>318 <div class="mt-2 text-sm px-2 pb-3">319 <div class="text-xs mb-1">320 From321 <a class="text-black no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">322 Zazzle323 </a>324 </div>325 <a class="text-dark no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">326 Owl Mouse Pad327 </a>328 </div>329 <div class="description absolute z-50 left-0 text-sm p-4 leading-compact vgrad-gr-wh">330 <strong>331 Owl Mouse Pad332 </strong>333 – Winnie the Pooh: Other Characters334 <a class="block btn text-center py-2 px-5 text-base primary-btn no-underline w-full mt-3" rel="nofollow noopener noreferrer" target="_blank">335 View on Zazzle336 </a>337 </div>338 </div>339 <div class="single-product mb-5 w-full xs:w-c2 md:w-c3 xl:w-c4 border border-grey-alt rounded hover:border-grey tr-border relative overflow-hidden">340 <button aria-label="Info" class="info-btn absolute top-0 right-0 mr-4 mt-4 z-30" type="button">341 </button>342 <div class="p-2 relative z-20">343 <div class="thumb relative w-full">344 <a aria-label="Owl T-Shirt" rel="nofollow noopener noreferrer" target="_blank">345 <img alt="Owl T-Shirt" class="rounded centered max-h-full lazyloaded" data-src="" height="400" src="rick.jpg" width="400">346 </a>347 </div>348 </div>349 <div class="mt-2 text-sm px-2 pb-3">350 <div class="text-xs mb-1">351 From352 <a class="text-black no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">353 Zazzle354 </a>355 </div>356 <a class="text-dark no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">357 Owl T-Shirt358 </a>359 </div>360 <div class="description absolute z-50 left-0 text-sm p-4 leading-compact vgrad-gr-wh">361 <strong>362 Owl T-Shirt363 </strong>364 – Other Characters365 <a class="block btn text-center py-2 px-5 text-base primary-btn no-underline w-full mt-3" rel="nofollow noopener noreferrer" target="_blank">366 View on Zazzle367 </a>368 </div>369 </div>370 <div class="single-product mb-5 w-full xs:w-c2 md:w-c3 xl:w-c4 border border-grey-alt rounded hover:border-grey tr-border relative overflow-hidden">371 <button aria-label="Info" class="info-btn absolute top-0 right-0 mr-4 mt-4 z-30" type="button">372 </button>373 <div class="p-2 relative z-20">374 <div class="thumb relative w-full">375 <a aria-label="Owl Keychain" rel="nofollow noopener noreferrer" target="_blank">376 <img alt="Owl Keychain" class="rounded centered max-h-full lazyloaded" data-src="" height="400" src="rick.jpg" width="400">377 </a>378 </div>379 </div>380 <div class="mt-2 text-sm px-2 pb-3">381 <div class="text-xs mb-1">382 From383 <a class="text-black no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">384 Zazzle385 </a>386 </div>387 <a class="text-dark no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">388 Owl Keychain389 </a>390 </div>391 <div class="description absolute z-50 left-0 text-sm p-4 leading-compact vgrad-gr-wh">392 <strong>393 Owl Keychain394 </strong>395 – Other Characters396 <a class="block btn text-center py-2 px-5 text-base primary-btn no-underline w-full mt-3" rel="nofollow noopener noreferrer" target="_blank">397 View on Zazzle398 </a>399 </div>400 </div>401 <div class="single-product mb-5 w-full xs:w-c2 md:w-c3 xl:w-c4 border border-grey-alt rounded hover:border-grey tr-border relative overflow-hidden">402 <button aria-label="Info" class="info-btn absolute top-0 right-0 mr-4 mt-4 z-30" type="button">403 </button>404 <div class="p-2 relative z-20">405 <div class="thumb relative w-full">406 <a aria-label="Owl Square Sticker" rel="nofollow noopener noreferrer" target="_blank">407 <img alt="Owl Square Sticker" class="rounded centered max-h-full lazyloaded" data-src="" height="400" src="rick.jpg" width="400">408 </a>409 </div>410 </div>411 <div class="mt-2 text-sm px-2 pb-3">412 <div class="text-xs mb-1">413 From414 <a class="text-black no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">415 Zazzle416 </a>417 </div>418 <a class="text-dark no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">419 Owl Square Sticker420 </a>421 </div>422 <div class="description absolute z-50 left-0 text-sm p-4 leading-compact vgrad-gr-wh">423 <strong>424 Owl Square Sticker425 </strong>426 – Other Characters427 <a class="block btn text-center py-2 px-5 text-base primary-btn no-underline w-full mt-3" rel="nofollow noopener noreferrer" target="_blank">428 View on Zazzle429 </a>430 </div>431 </div>432 <div class="single-product mb-5 w-full xs:w-c2 md:w-c3 xl:w-c4 border border-grey-alt rounded hover:border-grey tr-border relative overflow-hidden">433 <button aria-label="Info" class="info-btn absolute top-0 right-0 mr-4 mt-4 z-30" type="button">434 </button>435 <div class="p-2 relative z-20">436 <div class="thumb relative w-full">437 <a aria-label="Owl Classic Round Sticker" rel="nofollow noopener noreferrer" target="_blank">438 <img alt="Owl Classic Round Sticker" class="rounded centered max-h-full lazyloaded" data-src="" height="400" src="rick.jpg" width="400">439 </a>440 </div>441 </div>442 <div class="mt-2 text-sm px-2 pb-3">443 <div class="text-xs mb-1">444 From445 <a class="text-black no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">446 Zazzle447 </a>448 </div>449 <a class="text-dark no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">450 Owl Classic Round Sticker451 </a>452 </div>453 <div class="description absolute z-50 left-0 text-sm p-4 leading-compact vgrad-gr-wh">454 <strong>455 Owl Classic Round Sticker456 </strong>457 – Other Characters458 <a class="block btn text-center py-2 px-5 text-base primary-btn no-underline w-full mt-3" rel="nofollow noopener noreferrer" target="_blank">459 View on Zazzle460 </a>461 </div>462 </div>463 <div class="single-product mb-5 w-full xs:w-c2 md:w-c3 xl:w-c4 border border-grey-alt rounded hover:border-grey tr-border relative overflow-hidden">464 <button aria-label="Info" class="info-btn absolute top-0 right-0 mr-4 mt-4 z-30" type="button">465 </button>466 <div class="p-2 relative z-20">467 <div class="thumb relative w-full">468 <a aria-label="Owl T-Shirt" rel="nofollow noopener noreferrer" target="_blank">469 <img alt="Owl T-Shirt" class="rounded centered max-h-full lazyloaded" data-src="" height="400" src="rick.jpg" width="400">470 </a>471 </div>472 </div>473 <div class="mt-2 text-sm px-2 pb-3">474 <div class="text-xs mb-1">475 From476 <a class="text-black no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">477 Zazzle478 </a>479 </div>480 <a class="text-dark no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">481 Owl T-Shirt482 </a>483 </div>484 <div class="description absolute z-50 left-0 text-sm p-4 leading-compact vgrad-gr-wh">485 <strong>486 Owl T-Shirt487 </strong>488 – Other Characters489 <a class="block btn text-center py-2 px-5 text-base primary-btn no-underline w-full mt-3" rel="nofollow noopener noreferrer" target="_blank">490 View on Zazzle491 </a>492 </div>493 </div>494 <div class="single-product mb-5 w-full xs:w-c2 md:w-c3 xl:w-c4 border border-grey-alt rounded hover:border-grey tr-border relative overflow-hidden">495 <button aria-label="Info" class="info-btn absolute top-0 right-0 mr-4 mt-4 z-30" type="button">496 </button>497 <div class="p-2 relative z-20">498 <div class="thumb relative w-full">499 <a aria-label="Owl Two-Tone Coffee Mug" rel="nofollow noopener noreferrer" target="_blank">500 <img alt="Owl Two-Tone Coffee Mug" class="rounded centered max-h-full lazyloaded" data-src="" height="400" src="rick.jpg" width="400">501 </a>502 </div>503 </div>504 <div class="mt-2 text-sm px-2 pb-3">505 <div class="text-xs mb-1">506 From507 <a class="text-black no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">508 Zazzle509 </a>510 </div>511 <a class="text-dark no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">512 Owl Two-Tone Coffee Mug513 </a>514 </div>515 <div class="description absolute z-50 left-0 text-sm p-4 leading-compact vgrad-gr-wh">516 <strong>517 Owl Two-Tone Coffee Mug518 </strong>519 – Other Characters520 <a class="block btn text-center py-2 px-5 text-base primary-btn no-underline w-full mt-3" rel="nofollow noopener noreferrer" target="_blank">521 View on Zazzle522 </a>523 </div>524 </div>525 <div class="single-product mb-5 w-full xs:w-c2 md:w-c3 xl:w-c4 border border-grey-alt rounded hover:border-grey tr-border relative overflow-hidden">526 <button aria-label="Info" class="info-btn absolute top-0 right-0 mr-4 mt-4 z-30" type="button">527 </button>528 <div class="p-2 relative z-20">529 <div class="thumb relative w-full">530 <a aria-label="Owl T-Shirt" rel="nofollow noopener noreferrer" target="_blank">531 <img alt="Owl T-Shirt" class="rounded centered max-h-full lazyloading" data-src="" height="400" src="rick.jpg" width="400">532 </a>533 </div>534 </div>535 <div class="mt-2 text-sm px-2 pb-3">536 <div class="text-xs mb-1">537 From538 <a class="text-black no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">539 Zazzle540 </a>541 </div>542 <a class="text-dark no-underline hover:underline" rel="nofollow noopener noreferrer" target="_blank">543 Owl T-Shirt544 </a>545 </div>546 <div class="description absolute z-50 left-0 text-sm p-4 leading-compact vgrad-gr-wh">547 <strong>548 Owl T-Shirt549 </strong>550 – Other Characters551 <a class="block btn text-center py-2 px-5 text-base primary-btn no-underline w-full mt-3" rel="nofollow noopener noreferrer" target="_blank">552 View on Zazzle553 </a>554 </div>555 </div>556 <div class="empty px-2 w-c2 md:w-c3 xl:w-c4" style="height: 1px;">557 </div>558 <div class="empty px-2 w-c2 md:w-c3 xl:w-c4" style="height: 1px;">559 </div>560 <div class="empty px-2 w-c2 md:w-c3 xl:w-c4" style="height: 1px;">561 </div>562 </div>563 </div>564 <aside class="sidebar mt-10 lg:mt-0 lg:w-1/4">565 <div class="sidebar-search mb-6" id="sidebar-section-52">566 <div class="relative bg-white border-2 border-grey-alt rounded w-full">567 <form action="/search" method="get">568 <input aria-label="Search site" class="text-dark bg-transparent text-lg py-2 pl-3 pr-12 sidebar-search-field" name="query" placeholder="Search site ..." style="width: calc(100% - 40px);" type="text" value>569 <button aria-label="Search" class="absolute right-0 mr-2 centered-y text-dark tr-color hover:text-grey-dark" type="submit">570 </button>571 </form>572 </div>573 </div>574 <div class="sidebar-section mb-6 rounded-b" id="sidebar-section-51">575 <h2 class="text-2xl relative py-2 px-4 rounded-t">576 Categories577 </h2>578 <nav class="sidebar-sections sidebar-nav py-2 px-4">579 <ul class="list-reset mt-1">580 <li class="py-1 has-submenu" data-uid="mcqx1mac80paOdd5Dln4GWQy7WNdYhJKXb9W">581 <div class="relative leading-compact pr-8">582 <a class="text-dark font-bold text-lg no-underline hover:underline">583 Disney Fabrics584 </a>585 <button aria-label="Toggle" class="block m-0 rounded-smaller toggle tr-bg absolute top-0 right-0" type="button">586 <span class="plus">587 </span>588 <span class="minus">589 </span>590 </button>591 </div>592 <ul class="list-reset mt-1">593 <li class="py-1" data-uid="7Q2NZTVRcpqt7HDdkfA9uqZqnaLdXdypTGJ5">594 <div class="relative leading-compact">595 <a class="text-link font-regular text-base block py-h no-underline hover:underline">596 Disney Christmas Fabrics597 </a>598 </div>599 </li>600 <li class="py-1" data-uid="hCPbd4PkbcVXesjOzuD1xZHkyU6tznxkJTW2">601 <div class="relative leading-compact">602 <a class="text-link font-regular text-base block py-h no-underline hover:underline">603 Frozen Fabrics604 </a>605 </div>606 </li>607 <li class="py-1" data-uid="QvyxF5XerF66PMh1MWFd1UU6wfsGU9ZvTMFA">608 <div class="relative leading-compact">609 <a class="text-link font-regular text-base block py-h no-underline hover:underline">610 Classic Character Fabrics611 </a>612 </div>613 </li>614 <li class="py-1" data-uid="Y8dheLCLGMlhKCDts7F6xw7cVOIuJvGXwQqH">615 <div class="relative leading-compact">616 <a class="text-link font-regular text-base block py-h no-underline hover:underline">617 Winnie the Pooh Fabrics618 </a>619 </div>620 </li>621 </ul>622 </li>623 <li class="py-1" data-uid="TByQI0ZON3Wxe91z0pcMhYojeq8MFlC3OeEa">624 <div class="relative leading-compact">625 <a class="text-dark font-bold text-lg no-underline hover:underline">626 Chip 'n' Dale627 </a>628 </div>629 </li>630 <li class="py-1" data-uid="obTPq2dUKMFEd7IwzZIrbWm4WeIzmGVwVmMn">631 <div class="relative leading-compact">632 <a class="text-dark font-bold text-lg no-underline hover:underline">633 Disney's Encanto634 </a>635 </div>636 </li>637 <li class="py-1" data-uid="ZLp6lG76fK2kQ48TkqgJO2ErFLhYIm9XGtPE">638 <div class="relative leading-compact">639 <a class="text-dark font-bold text-lg no-underline hover:underline">640 Ratatouille641 </a>642 </div>643 </li>644 </ul>645 </nav>646 </div>647 <div class="sidebar-banner text-center mb-6">648 <a aria-label="Banner" class="b">649 <picture>650 <source type="image/webp">651 <source type="image/jpeg">652 <img alt="Walt Disney World Transportation Map - Available as a Poster" class="lazyload mx-auto" data- data-src="rick.jpg">653 </picture>654 </a>655 </div>656 <div class="sidebar-section mb-6 rounded-b" id="sidebar-section-90">657 <h2 class="text-2xl relative py-2 px-4 rounded-t">658 What's New659 </h2>660 <nav class="sidebar-nav py-2 px-4 leading-compact">661 <ul class="mt-1">662 <li class="py-1 border-b border-grey-alt">663 <a class="text-dark font-bold no-underline hover:underline">664 Disney Serving Trays for Thanskgiving Gatherings & Beyond665 </a>666 </li>667 <li class="py-1 border-b border-grey-alt">668 <a class="text-dark font-bold no-underline hover:underline">669 Cozy Leggings for Cool Fall Weather670 </a>671 </li>672 <li class="py-1 border-b border-grey-alt">673 <a class="text-dark font-bold no-underline hover:underline">674 Fun Disney Halloween Decor Idea: Holiday Pillows!675 </a>676 </li>677 <li class="py-1 border-b border-grey-alt">678 <a class="text-dark font-bold no-underline hover:underline">679 Refresh Your Office with a Disney Mousepad680 </a>681 </li>682 </ul>683 </nav>684 </div>685 <div class="sidebar-section mb-6 rounded-b" id="sidebar-section-95">686 <div class="rich-text py-3 px-4">687 <p>688 This site contains affiliate links to products. If you purchase something from a link posted on this site, we may receive a small percentage of the sale at no extra cost to you.689 </p>690 </div>691 </div>692 </aside>693 </div>694 </div>695 </main>696 <div class="site-footer relative z-50">697 <div class="container mx-auto px-4 text-sm">698 <div class="mt-6">699 Copyright 2023 Mouse Gifts – All Rights Reserved. –700 <a class="underline">701 Terms of Use & Privacy Policy702 </a>703 </div>704 </div>705 </div>706 </div>707 <div class="hidden">708 </div>709 <noscript>710 <div class="statcounter">711 <a aria-label="Counter" rel="noopener" target="_blank" title="free hit counter">712 <img alt="free hit counter" class="statcounter" height="0" src="rick.jpg" width="0">713 </a>714 </div>715 </noscript>716 </body>717</html>718