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.7k
1<!DOCTYPE html>2<html>3 <head>4 <style>5 *{-webkit-box-sizing:border-box;box-sizing:border-box}.clearfix:before,body:before{content:'';display:table}.clearfix:after,body:after{clear:both;content:'';display:table}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{line-height:18px;margin:0;min-width:320px;padding:0;position:relative;text-align:left}body,button,input,select,textarea{color:#717171;font-family:Raleway,sans-serif;font-size:13px}::-moz-selection{background:#3197fc;color:#fff;text-shadow:none}::selection{background:#3197fc;color:#fff;text-shadow:none}a:active,a:hover{outline:0}abbr,acronym{border-bottom:1px dotted;cursor:help}.is-mobile abbr,.is-mobile acronym{border:0}b,strong{font-weight:700}address{font-style:normal;margin-bottom:18px}blockquote{margin:18px 40px}dfn{font-style:italic}hr{border:0;border-bottom:1px dotted #ccc;display:block;height:0;margin:0;padding:0}ins{color:#000;text-decoration:none;margin-bottom:18px!important}ins ins{margin-bottom:0!important}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ol,ul{margin:0 0 18px 0;padding:0 0 0 25px}dd{margin:0 0 0 25px}.nav ol,.nav ul{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:top}svg:not(:root){overflow:hidden;pointer-events:none}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;padding:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:middle}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;position:relative;top:-1px;vertical-align:middle}input[type=checkbox]:focus,input[type=radio]:focus{outline-width:5px}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}:focus{outline-width:0}.clear{clear:both}.hidden,.ng-cloak,.ng-hide,.print,.x-ng-cloak,[data-ng-cloak],[ng-cloak],[ng\:cloak],[x-ng-cloak]{display:none!important;visibility:hidden}[class*=js-dnd-]{cursor:-webkit-grab!important;cursor:grab!important;z-index:1}svg{display:inline-block;fill:#717171;vertical-align:middle}.sans-serif{font-family:sans-serif!important}.external-link{position:relative}.external-link svg{height:12px;width:12px;margin:-5px 0 0;position:absolute;right:4px;top:50%}.left{float:left}.right{float:right}.center{margin:0 auto}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.nowrap{white-space:nowrap}.overflow-hidden{overflow:hidden!important}.relative{position:relative}.clickable{cursor:pointer}.uppercase{text-transform:uppercase}.small-screen{display:none}@media screen and (max-width:767px){.small-screen{display:block}}.small-screen-inline{display:none}@media screen and (max-width:767px){.small-screen-inline{display:inline}}@media screen and (max-width:767px){.not-small-screen{display:none!important}}.medium-screen{display:none}@media screen and (max-width:1024px){.medium-screen{display:block}}.medium-screen-inline{display:none}@media screen and (max-width:1024px){.medium-screen-inline{display:inline}}@media screen and (max-width:1024px){.not-medium-screen{display:none!important}}img{user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.small-container{margin:auto;max-width:980px;padding:0 20px}.container{margin-left:8%;margin-right:8%;padding:0 20px}.container.relative{position:relative}.subheader{border-bottom:1px solid #e8e8e8;margin-top:95px}.subheader h1{color:#303030;font-family:"Playfair Display",serif;font-size:48px;font-weight:100;text-align:center}.button-round{background-color:#0583ff;border:0;border-radius:33px;color:#fff;font-family:Raleway,sans-serif;font-size:16px;font-weight:500;line-height:32px;padding-bottom:15px;padding-left:15px;padding-right:15px;padding-top:15px;text-decoration:none;text-transform:uppercase}.button-round:focus,.button-round:hover{background-color:#0069d1}@media screen and (max-width:500px){.container{margin-left:0;margin-right:0}}.lang-selector{position:relative}.lang-selector .flag{cursor:pointer}.lang-popup{background:#fff;border-radius:2px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.4);box-shadow:0 0 6px rgba(0,0,0,.4);display:none;font-size:13px;line-height:20px;list-style-type:none;padding:10px 0;position:absolute;right:0;text-align:left;width:380px}.lang-popup a{color:#1d1d1d;display:block;float:left;overflow:hidden;padding:13px 20px;position:relative;text-decoration:none;white-space:nowrap;width:50%}.lang-popup a:focus,.lang-popup a:hover{background-color:#ececec}.lang-popup svg{fill:#70b75a;height:14px;margin:-4px 0 0 5px;width:14px}.lang-popup:after,.lang-popup:before{background:#fff;bottom:100%;content:'';height:6px;margin-bottom:-5px;padding:1px;position:absolute;right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:6px;z-index:1}.lang-popup:after{-webkit-box-shadow:0 0 6px rgba(0,0,0,.4);box-shadow:0 0 6px rgba(0,0,0,.4);z-index:-1}@media screen and (max-width:400px){.lang-popup{font-size:11px;width:300px}}.flag{background-size:32px 21px;display:inline-block;height:21px;margin-right:8px;vertical-align:middle;width:32px}.flag-cs-cz{background-image:url(../img/lang/cs-cz.png)}.flag-de-de{background-image:url(../img/lang/de-de.png)}.flag-en-gb{background-image:url(../img/lang/en-gb.png)}.flag-en-us{background-image:url(../img/lang/en-us.png)}.flag-es-es{background-image:url(../img/lang/es-es.png)}.flag-fr-fr{background-image:url(../img/lang/fr-fr.png)}.flag-hu-hu{background-image:url(../img/lang/hu-hu.png)}.flag-it-it{background-image:url(../img/lang/it-it.png)}.flag-ko-kr{background-image:url(../img/lang/ko-kr.png)}.flag-nl-nl{background-image:url(../img/lang/nl-nl.png)}.flag-pl-pl{background-image:url(../img/lang/pl-pl.png)}.flag-pt-br{background-image:url(../img/lang/pt-br.png)}.flag-ru-ru{background-image:url(../img/lang/ru-ru.png)}.flag-sk-sk{background-image:url(../img/lang/sk-sk.png)}.flag-tr-tr{background-image:url(../img/lang/tr-tr.png)}.flag-zh-cn{background-image:url(../img/lang/zh-cn.png)}.header{background:#fff;border-bottom:1px solid #e8e8e8;font-size:18px;line-height:50px;min-width:320px;position:fixed;top:0;width:100%;z-index:9998}.header .logo{height:34px;width:140px;margin-top:8px}.header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:auto;padding:0 10px}.map a{display:block;height:100%;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.map a:focus,.map a:hover{-webkit-box-shadow:0 0 68px #ddd;box-shadow:0 0 68px #ddd}.map iframe{border:0;display:block;height:100%;width:100%}.map .map-overlay{height:100%;padding-right:40px;position:absolute;width:100%}.try-app-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:url(../img/background-hills.png);background-position:center bottom;background-repeat:no-repeat;background-size:1930px;border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.try-app-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.try-app-header>h2{color:#303030;font-family:"Playfair Display",serif;font-size:44px;font-weight:400;line-height:35px;margin-bottom:35px;margin-top:50px}.try-app-header>span{font-family:Raleway,sans-serif;font-size:20px;font-weight:400;line-height:30px;margin-bottom:60px}.try-app-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.try-app-phone{background-image:url(../img/phone.png);background-repeat:no-repeat;background-size:379px 778px;height:584px;width:472px}.try-app-info>:nth-child(1){margin-bottom:25px}.try-app-info>:nth-child(2){color:#303030;font-family:Raleway,sans-serif;font-size:20px;font-weight:500;line-height:30px;margin-bottom:20px;max-width:481px}.try-app-info>:nth-child(3){margin-bottom:40px}.try-app-info .badges-container{display:-webkit-box;display:-ms-flexbox;display:flex}.try-app-info .google-badge{float:left;margin-left:-15px}.try-app-info .google-badge img{height:80px}.try-app-info .ios-badge a{background-size:185px!important;height:54px!important;margin-top:13px;width:184px!important}@media screen and (max-width:1220px){.try-app-phone{background-position-x:50%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:100%}.try-app-info{margin-bottom:50px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:100%}}@media screen and (max-width:500px){.try-app-phone{display:none}.badges-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ios-badge{padding-right:16px}.try-app-container{background-image:none}.try-app-header>:nth-child(1){font-size:30px;margin-top:25px}.try-app-header>:nth-child(2){font-size:18px;margin-bottom:30px}.try-app-info{margin-bottom:0}.try-app-info>:nth-child(2){display:none}.try-app-info>:nth-child(3){display:none}.try-app-info>:nth-child(4){display:none}}.sms-input-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.phone-input{background-color:#eaeaea;border:0;border-radius:6px;color:#303030;font-family:Raleway;font-size:20px;font-weight:500;height:63px;line-height:32px;padding-left:30px;padding-right:30px;width:70%}.phone-send-button{height:63px;letter-spacing:2px;width:25%}.phone-send-button.sent{background-color:#2eb82e}.phone-send-button span.sent{display:none}@media screen and (max-width:870px){.phone-input{margin-bottom:15px;width:100%}.phone-send-button{margin:0 auto;width:100%}}.spinner{-webkit-animation:sk-scaleout 1s infinite ease-in-out;animation:sk-scaleout 1s infinite ease-in-out;background-color:#fff;border-radius:100%;display:none;height:50px;margin:0 auto;width:50px}@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}.related{text-align:center}.related h2{color:#303030;font-family:"Playfair Display",serif;font-size:48px;font-weight:400;line-height:60px;margin-bottom:50px;margin-top:60px}.related span{display:block;padding-left:20%;text-align:left}.related span a{color:#717171;font-family:Raleway,sans-serif;font-size:18px;font-weight:400;line-height:36px}.related span a:focus,.related span a:hover{text-decoration:underline}.related .masonry{-webkit-column-count:4;-moz-column-count:4;column-count:4;padding-bottom:100px}@media screen and (max-width:1500px){.related span a{font-size:14px}}@media screen and (max-width:1220px){.related .masonry{-webkit-column-count:3;-moz-column-count:3;column-count:3}}@media screen and (max-width:870px){.related .masonry{-webkit-column-count:2;-moz-column-count:2;column-count:2}}@media screen and (max-width:500px){.related h2{font-size:25px;margin-bottom:0;margin-top:0;text-align:left}.related span{padding-left:0}.related span a{font-size:15px}.related .masonry{-webkit-column-count:1;-moz-column-count:1;column-count:1}}.footer{background:#fbfbfb;border-top:1px solid #e8e8e8;font-family:Raleway,sans-serif;font-size:13px;padding:30px 0;position:relative;text-align:center;z-index:10}.footer-menu{margin:0;padding:0 0 20px}.footer-menu li{display:inline-block}.footer-menu a{color:#717171;padding:0 5px;text-decoration:none;text-transform:uppercase}.share{list-style-type:none;margin:0 0 20px;padding:0}.share li{display:inline-block;padding:0 7px}.share a{background-color:#adadad;border-radius:25px;display:block;padding:10px}.share svg{fill:#fbfbfb;height:30px;width:30px}.share .facebook:hover{background-color:#466bc9}.share .twitter:hover{background-color:#3daff0}.share .pinterest:hover{background-color:#cc2127}.share .instagram:hover{background-color:#824eb6}.small-container a{word-wrap:break-word}.page-title{line-height:50px}.page-description{font-size:22px;text-align:center}.place-description{color:#717171;font-size:16px;line-height:26px;padding:0 35px}.place-description.attribution{margin-bottom:10px}.place-photo{display:block;position:relative}.place-photo .photo-attribution{background:rgba(0,0,0,.6);bottom:0;color:#fff;line-height:18px;padding:0 8px 0 5px;position:absolute;right:0}.place-photo .photo-attribution a{color:#fff;cursor:pointer;text-decoration:underline}.place-photo>a{display:block}.place-list{background:#fbfbfb;border-bottom:1px solid #e8e8e8}.open-map{padding:0 35px}.open-map a{color:#0583ff;float:right;font-size:16px}.map-list iframe{height:500px}.description-attribution{margin-bottom:30px;padding:0 35px}.description-attribution a{color:#717171;font-size:13px;font-style:italic;text-decoration:none;text-transform:capitalize}.description-attribution a:focus,.description-attribution a:hover{text-decoration:underline}.masonry{-webkit-column-count:3;-moz-column-count:3;column-count:3;margin:0;padding:0 0 40px;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0)}.masonry li{-moz-column-break-inside:avoid;break-inside:avoid-column;-webkit-column-break-inside:avoid;display:inline-block;list-style-type:none;margin-top:15px;padding-bottom:15px;padding-left:15px;padding-right:15px;padding-top:10px;page-break-inside:avoid;position:relative;text-align:left;width:100%}.masonry li img{background-color:#f1f3ed;border-radius:10px 10px 0 0;height:auto;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%}.masonry .empty-image{background-color:#eee;display:block;height:254px}.masonry .image-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.masonry .image-placeholder svg{fill:#c5c5c5;width:25%}.masonry .inner-list{background:#fff;border-radius:10px;-webkit-box-shadow:0 10px 20px #eee;box-shadow:0 10px 20px #eee;overflow:hidden;padding-bottom:20px;-webkit-transition:-webkit-box-shadow .2s ease;transition:-webkit-box-shadow .2s ease;transition:box-shadow .2s ease;transition:box-shadow .2s ease,-webkit-box-shadow .2s ease}.masonry .inner-list.ad{overflow:visible;padding-top:40px}.masonry .inner-list a{cursor:pointer}.masonry h3{margin-top:30px}.masonry h3 a{color:#303030;cursor:pointer;display:inline-block;font-family:"Playfair Display",serif;font-size:25px;line-height:30px;padding:0 35px;text-decoration:none}.masonry h3 a:focus,.masonry h3 a:hover{text-decoration:underline}@media screen and (max-width:1220px){.masonry{-webkit-column-count:2;-moz-column-count:2;column-count:2}}@media screen and (max-width:835px){.masonry{-webkit-column-count:1;-moz-column-count:1;column-count:1}}.hotel .star-rating{margin-top:20px;padding:0 35px}.hotel .star-rating svg{fill:#fbb818;width:12px}.hotel .star-rating span{color:#fbb818}.hotel h3{margin-top:5px}.hotel .hotel-controls{padding:0 35px}.hotel .hotel-controls .button-round{cursor:pointer;display:inline-block;letter-spacing:2px;line-height:normal;text-align:center;width:100%}.hotel .hotel-controls .hotel-price{font-size:16px;margin:15px 0;text-align:right}.hotel .hotel-controls .hotel-price .price{color:#0583ff}.hotel .hotel-controls .booking-attribution{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hotel .hotel-controls .booking-rating{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hotel .hotel-controls .booking-rating>:nth-child(1){background:#092a82;border-radius:15% 15% 15% 0;color:#fff;font-family:sans-serif;height:30px;line-height:30px;text-align:center;width:30px}.hotel .hotel-controls .booking-rating>:nth-child(2){padding-left:7px}.hotel .hotel-controls .booking-logo{background-image:url(../img/booking.png);background-position:center;background-repeat:no-repeat;background-size:contain;width:100px}.hotel .hotel-controls .rating-info{color:#092a82;font-weight:700}@media screen and (max-width:500px){.subheader{margin-bottom:0;margin-top:80px}.subheader .page-title{font-size:28px;text-align:left}.items li{padding-left:0;padding-right:0}}@supports not (flex-wrap:wrap){.masonry{display:block}.masonry li{display:inline-block;vertical-align:top}}.raise{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.raise:focus .inner-list,.raise:hover .inner-list{-webkit-box-shadow:0 10px 20px #ccc;box-shadow:0 10px 20px #ccc}.is-ios .hide-on-ios{display:none}.is-android .hide-on-android{display:none}.mobile-banner{background:#fff;bottom:0;-webkit-box-shadow:0 -1px 0 #ccc;box-shadow:0 -1px 0 #ccc;display:none;left:0;padding:15px;position:fixed;width:100%;z-index:100}.mobile-banner-shown{display:block}.mobile-banner-info{background:url(../img/sygic-maps-icon.png) no-repeat left center;background-size:40px;color:#000;font-size:12px;line-height:20px;margin-bottom:20px;padding-left:55px}.mobile-banner-info b{display:block;font-size:15px;font-weight:400}.mobile-banner-actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.mobile-banner-link{color:#0583ff;text-decoration:underline}.mobile-banner-link:active,.mobile-banner-link:focus,.mobile-banner-link:hover{color:#0069d1;text-decoration:none}.mobile-banner-button{background:#0583ff;border:0;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;line-height:38px;margin-left:20px;padding:2px 20px 0;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:padding .2s ease;transition:padding .2s ease;vertical-align:middle;white-space:nowrap}.mobile-banner-button:focus,.mobile-banner-button:hover{background:#0069d1;color:#fff}6 7 8@font-face {9 font-family: 'Raleway';10 font-style: normal;11 font-weight: 400;12 src: url(https://fonts.gstatic.com/s/raleway/v29/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrQ.ttf) format('truetype');13}14@font-face {15 font-family: 'Raleway';16 font-style: normal;17 font-weight: 600;18 src: url(https://fonts.gstatic.com/s/raleway/v29/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVsEpbCIPrQ.ttf) format('truetype');19}20@font-face {21 font-family: 'Raleway';22 font-style: normal;23 font-weight: 700;24 src: url(https://fonts.gstatic.com/s/raleway/v29/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pbCIPrQ.ttf) format('truetype');25}26 27 28 29@font-face {30 font-family: 'Playfair Display';31 font-style: normal;32 font-weight: 400;33 src: url(https://fonts.gstatic.com/s/playfairdisplay/v36/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvUDQ.ttf) format('truetype');34}35 </style>36 <meta charset="utf-8">37 <meta content="en" http-equiv="Content-language">38 <title>39 Best Budget Hotels in Venice40 | Sygic Travel41 </title>42 <meta content="Tripomatic s.r.o." name="author">43 <meta content="width=device-width,initial-scale=1" name="viewport">44 <meta content="index, follow" name="robots">45 <meta content="Discover Venice with Sygic Travel. Pick the best sights and create your daily travel itinerary. Sync your plans to mobile apps, get offline maps and hit the road." name="description">46 <meta content="Venice,top places in Venice,what to do in Venice,things to do in Venice,Venice attractions,Venice travel guide,Venice travel guide,visit Venice,Venice trip planner,Venice tourist map,Venice sights" name="keywords">47 <meta content="" property="og:url">48 <meta content="article" property="og:type">49 <meta content="en-us" property="og:locale">50 <meta content="Best Budget Hotels in Venice" property="og:title">51 <meta content="Discover Venice with Sygic Travel. Pick the best sights and create your daily travel itinerary. Sync your plans to mobile apps, get offline maps and hit the road." property="og:description">52 <meta content="" property="og:image">53 <meta content="154167091300409" property="fb:app_id">54 <meta content="app" property="twitter:card">55 <meta content="@SygicTravel" property="twitter:site">56 <meta content="Discover Venice with Sygic Travel. Pick the best sights and create your daily travel itinerary. Sync your plans to mobile apps, get offline maps and hit the road." property="twitter:description">57 <meta content="519058033" property="twitter:app:id:iphone">58 <meta content="com.tripomatic" property="twitter:app:id:googleplay">59 <meta content="519058033" property="twitter:app:name:ipad">60 <meta content="Sygic Travel: Trip Planner & City Guide" property="twitter:app:name:iphone">61 <meta content="Sygic Travel: Trip Planner & City Guide" property="twitter:app:name:googleplay">62 <!-- Google Tag Manager -->63 <!-- End Google Tag Manager -->64 <meta content="As0hBNJ8h++fNYlkq8cTye2qDLyom8NddByiVytXGGD0YVE+2CEuTCpqXMDxdhOMILKoaiaYifwEvCRlJ/9GcQ8AAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">65 <meta content="AgRYsXo24ypxC89CJanC+JgEmraCCBebKl8ZmG7Tj5oJNx0cmH0NtNRZs3NB5ubhpbX/bIt7l2zJOSyO64NGmwMAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">66 <meta content="As0hBNJ8h++fNYlkq8cTye2qDLyom8NddByiVytXGGD0YVE+2CEuTCpqXMDxdhOMILKoaiaYifwEvCRlJ/9GcQ8AAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">67 <meta content="AgRYsXo24ypxC89CJanC+JgEmraCCBebKl8ZmG7Tj5oJNx0cmH0NtNRZs3NB5ubhpbX/bIt7l2zJOSyO64NGmwMAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">68 <meta content="As0hBNJ8h++fNYlkq8cTye2qDLyom8NddByiVytXGGD0YVE+2CEuTCpqXMDxdhOMILKoaiaYifwEvCRlJ/9GcQ8AAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">69 <meta content="AgRYsXo24ypxC89CJanC+JgEmraCCBebKl8ZmG7Tj5oJNx0cmH0NtNRZs3NB5ubhpbX/bIt7l2zJOSyO64NGmwMAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">70 </head>71 <body class="device-web">72 <!-- Google Tag Manager (noscript) -->73 <noscript>74 </noscript>75 <!-- End Google Tag Manager (noscript) -->76 <div id="js-svg-icons" style="display: none;">77 <!-- inject:svg -->78 <!-- endinject -->79 </div>80 <div class="header">81 <div class="container">82 <a>83 <img class="logo" src="rick.jpg">84 </a>85 <div class="lang-selector">86 <div class="lang-selected">87 <span class="flag flag-en-us">88 </span>89 </div>90 <div class="lang-popup">91 <a>92 <span class="flag flag-cs-cz">93 </span>94 Česká republika95 </a>96 <a>97 <span class="flag flag-de-de">98 </span>99 Deutschland100 </a>101 <a>102 <span class="flag flag-en-us">103 </span>104 United States105 </a>106 <a>107 <span class="flag flag-es-es">108 </span>109 España110 </a>111 <a>112 <span class="flag flag-fr-fr">113 </span>114 France115 </a>116 <a>117 <span class="flag flag-it-it">118 </span>119 Italia120 </a>121 <a>122 <span class="flag flag-nl-nl">123 </span>124 Nederland125 </a>126 <a>127 <span class="flag flag-pt-br">128 </span>129 Brasil130 </a>131 <a>132 <span class="flag flag-tr-tr">133 </span>134 Türkiye135 </a>136 <a>137 <span class="flag flag-zh-cn">138 </span>139 中国140 </a>141 </div>142 </div>143 </div>144 </div>145 <div class="subheader">146 <div class="container">147 <h1 class="page-title">148 Best Budget Hotels in Venice149 </h1>150 </div>151 </div>152 <div class="place-list" style="height: auto !important;">153 <div class="container" id="additional-info" style="height: auto !important;">154 <ul class="masonry items" style="height: auto !important;">155 <li class="raise">156 <div class="inner-list hotel">157 <a alt="Hotel Lisbona image">158 <img src="rick.jpg">159 </a>160 <div class="star-rating">161 </div>162 <h3>163 <a alt="Hotel Lisbona">164 Hotel Lisbona165 </a>166 </h3>167 <p class="place-description">168 Hotel Lisbona is located 100 metres from Saint Mark's Square, and the closest water-bus station is Vallaresso.169 </p>170 <div class="hotel-controls">171 <a class="button-round">172 Book now173 </a>174 <div class="hotel-price">175 </div>176 <div class="booking-attribution">177 <div class="booking-rating">178 <div>179 8.4180 </div>181 <div>182 <div class="rating-info">183 Very good184 </div>185 <div>186 100% verified reviews187 </div>188 </div>189 </div>190 <div class="booking-logo">191 </div>192 </div>193 </div>194 </div>195 </li>196 <li class="raise">197 <div class="inner-list hotel">198 <a alt="Hotel Marco Polo image">199 <img src="rick.jpg">200 </a>201 <div class="star-rating">202 </div>203 <h3>204 <a alt="Hotel Marco Polo">205 Hotel Marco Polo206 </a>207 </h3>208 <p class="place-description">209 The Marco Polo is a modern hotel only 3 km from Venice Airport. It offers free parking, free Wi-Fi and air-conditioned rooms.210 </p>211 <div class="hotel-controls">212 <a class="button-round">213 Book now214 </a>215 <div class="hotel-price">216 </div>217 <div class="booking-attribution">218 <div class="booking-rating">219 <div>220 8221 </div>222 <div>223 <div class="rating-info">224 Very good225 </div>226 <div>227 100% verified reviews228 </div>229 </div>230 </div>231 <div class="booking-logo">232 </div>233 </div>234 </div>235 </div>236 </li>237 <li class="raise">238 <div class="inner-list hotel">239 <a alt="Hotel Altieri image">240 <img src="rick.jpg">241 </a>242 <div class="star-rating">243 </div>244 <h3>245 <a alt="Hotel Altieri">246 Hotel Altieri247 </a>248 </h3>249 <p class="place-description">250 Hotel Altieri offers a free car park and free Wi-Fi access. Public bus number 19 will take you to Venice in about 20 minutes.251 </p>252 <div class="hotel-controls">253 <a class="button-round">254 Book now255 </a>256 <div class="hotel-price">257 </div>258 <div class="booking-attribution">259 <div class="booking-rating">260 <div>261 8.1262 </div>263 <div>264 <div class="rating-info">265 Very good266 </div>267 <div>268 100% verified reviews269 </div>270 </div>271 </div>272 <div class="booking-logo">273 </div>274 </div>275 </div>276 </div>277 </li>278 <li class="raise">279 <div class="inner-list hotel">280 <a alt="Base Hotel to Stay image">281 <img src="rick.jpg">282 </a>283 <div class="star-rating">284 </div>285 <h3>286 <a alt="Base Hotel to Stay">287 Base Hotel to Stay288 </a>289 </h3>290 <p class="place-description">291 Located a 2-minute drive from the A4 motorway exit in Noventa Di Piave, Base Hotel To Stay offers modern air-conditioned accommodation with…292 </p>293 <div class="hotel-controls">294 <a class="button-round">295 Book now296 </a>297 <div class="hotel-price">298 </div>299 <div class="booking-attribution">300 <div class="booking-rating">301 <div>302 8.6303 </div>304 <div>305 <div class="rating-info">306 Very good307 </div>308 <div>309 100% verified reviews310 </div>311 </div>312 </div>313 <div class="booking-logo">314 </div>315 </div>316 </div>317 </div>318 </li>319 </ul>320 </div>321 <div class="map map-list" id="map">322 <div class="container" data-src="" id="js-map-iframe">323 </div>324 </div>325 </div>326 <div class="try-app-container">327 <div class="container">328 <div class="try-app-header">329 <h2>330 Sygic Travel - A Travel Guide in Your Pocket331 </h2>332 <span>333 Download for free and plan your trips with ease334 </span>335 </div>336 <div class="try-app-content">337 <div class="try-app-phone">338 </div>339 <div class="try-app-info">340 <div class="badges-container">341 <div class="google-badge">342 <a target="_blank">343 <img alt="Get it on Google Play" src="rick.jpg">344 </a>345 </div>346 <div class="ios-badge">347 <a style="display:inline-block;overflow:hidden;background:url(https://linkmaker.itunes.apple.com/images/badges/en-us/badge_appstore-lrg.svg) no-repeat;width:165px;height:40px;" target="_blank">348 </a>349 </div>350 </div>351 <div>352 Or just search for "Sygic Travel" in App Store or Google Play.353 </div>354 </div>355 </div>356 </div>357 </div>358 <div class="related container">359 <h2>360 More interesting places361 </h2>362 <div class="masonry">363 <span>364 <a>365 Best Countryside Hotels in Venice366 </a>367 </span>368 <span>369 <a>370 What to See in Europe371 </a>372 </span>373 <span>374 <a>375 What to See in Italy376 </a>377 </span>378 <span>379 <a>380 Best Hotels with Free Wifi in Mestre381 </a>382 </span>383 <span>384 <a>385 Best Hotels with Free Wifi in Treviso386 </a>387 </span>388 <span>389 <a>390 What to See in Padua391 </a>392 </span>393 <span>394 <a>395 What to See in Vicenza396 </a>397 </span>398 <span>399 <a>400 What to See in Ferrara401 </a>402 </span>403 <span>404 <a>405 What to See in Ravenna406 </a>407 </span>408 <span>409 <a>410 What to See in Udine411 </a>412 </span>413 <span>414 <a>415 What to See in Venezia416 </a>417 </span>418 <span>419 <a>420 What to See in Burano421 </a>422 </span>423 <span>424 <a>425 What to See in Giudecca426 </a>427 </span>428 <span>429 <a>430 Best Hotels with Free Wifi in Lido di Venezia431 </a>432 </span>433 <span>434 <a>435 Best Budget Hotels in San Marco436 </a>437 </span>438 </div>439 </div>440 <div class="footer">441 <div class="container">442 <ul class="footer-menu">443 <li>444 <a alt="support">445 Support446 </a>447 </li>448 <li>449 <a alt="terms">450 Terms451 </a>452 </li>453 <li>454 <a alt="privacy">455 Privacy Policy456 </a>457 </li>458 <!-- <li><a alt="career">Career</a></li> -->459 <li>460 <a alt="Orbitian Media" target="_blank">461 STOCK 360° TRAVEL VIDEOS462 </a>463 </li>464 </ul>465 <ul class="share">466 <li>467 <a class="pinterest" target="_blank">468 </a>469 </li>470 <li>471 <a class="facebook" target="_blank">472 </a>473 </li>474 <li>475 <a class="twitter" target="_blank">476 </a>477 </li>478 <li>479 <a class="pinterest" target="_blank">480 </a>481 </li>482 </ul>483 <div class="rights">484 © 2023 TRIPOMATIC S.R.O. ALL RIGHTS RESERVED485 </div>486 </div>487 </div>488 <div class="mobile-banner" id="js-mobile-banner">489 <div class="mobile-banner-info">490 <b>491 Sygic Travel Maps492 </b>493 <span>494 The world's first map app tailored for travelers495 </span>496 </div>497 <div class="mobile-banner-actions">498 <a class="mobile-banner-button" onclick="hideMobileBanner()" target="_blank">499 Use the app500 </a>501 <a class="mobile-banner-link" onclick="hideMobileBanner()">502 Not now503 </a>504 </div>505 </div>506 <ins class="adsbygoogle adsbygoogle-noablate" data-adsbygoogle-status="done" style="display: none !important;">507 <div aria-label="Advertisement" id="aswift_3_host" style="border: none; height: 0px; width: 0px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block;" tabindex="0" title="Advertisement">508 </div>509 </ins>510 </body>511</html>512