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 Transitional//EN" "">2<html dir="ltr" lang="en" xmlns="">3 <head>4 <style>5 /*======================================================================*\6|| #################################################################### ||7|| # vBulletin 4.2.58|| # ---------------------------------------------------------------- # ||9|| # All code in this file is ©2000-2019 vBulletin Solutions Inc. # ||10|| # This file may not be redistributed in whole or significant part. # ||11|| # ---------------- VBULLETIN IS NOT FREE SOFTWARE ---------------- # ||12|| # www.vbulletin.com | www.vbulletin.com/license.html # ||13|| #################################################################### ||14\*======================================================================*/15 16body {17 background: #EEEEEE;18}19body, li, td, div {20 font: 11px verdana, arial, sans-serif;21}22ul {23 list-style-type: none;24}25li {26 font-size: 10pt;27}28i {29 color: silver;30}31p.largefont {32 text-align: left;33 font-size: 10pt;34 font-weight: bold;35}36div.pagebody {37 background: white;38 padding:16px;39 border: 1px solid silver;40}41div.pda {42 float: right;43 background: #F9F9F9;44 border-left: 1px solid silver;45 border-right: 1px solid silver;46 border-bottom: 1px solid silver;47 padding: 4px;48}49div.post {50 border: 1px solid silver;51 padding: 1px;52 margin-bottom: 16px;53 clear:both;54}55div.posttop {56 padding: 4px;57 background: #EEEEEE;58}59div.username {60 font-weight: bold;61 width: auto;62 float: left;63}64div.date {65 width: auto;66 text-align: right;67}68div.posttext {69 padding: 4px;70 background: #F9F9F9;71}72div.highlight {73 padding: 4px;74 background: #FFFFCC;75}76span.small {77 font-size: 10px;78}79#content {80 margin-bottom: 8px;81 border: 1px solid silver;82 padding: 4px;83 padding-left: 24px;84 clear:both;85}86#navbar {87 background: #F9F9F9;88 border: 1px solid silver;89 padding: 4px;90}91#pagenumbers {92 text-align: center;93 margin-bottom: 4px;94}95#copyright {96 text-align: center;97}98hr {99 visibility: hidden;100 display: none;101}102div.floatcontainer {103 display: block;104 float: left;105 margin-bottom: 5px;106 width: 100%;107}108/*************************************************/109/* ADS ARCHIVE */110#ad_archive_above_content1 {111 float: left;112 width: 48%;113 padding:5px 0px;114}115#ad_archive_above_content2 {116 float: left;117 width: 48%;118 padding:5px 0px;119}120#ad_archive_below_content {121 width:100%;122 padding:5px 0px;123}124/*======================================================================*\125|| ####################################################################126|| # Downloaded: 09:15, Wed Oct 16th 2019 : $Revision: 92140 $127|| # $Date: 2016-12-30 20:26:15 -0800 (Fri, 30 Dec 2016) $128|| ####################################################################129\*======================================================================*/130 </style>131 <meta content="text/html; charset=utf-8" http-equiv="Content-Type">132 <meta content="http://forums.offshoreelectrics.com/showthread.php?35318-gsbuikman-scammed-me-then-closes-threads, post, real, happy" name="keywords">133 <meta content="Please see my post HERE, thank you." name="description">134 <title>135 Not real happy [Archive] - Offshore Electrics Forums136 </title>137 </head>138 <body>139 <div class="pagebody">140 <div id="navbar">141 <a>142 Offshore Electrics Forums143 </a>144 >145 <a>146 Swap Shop147 </a>148 >149 <a>150 Items for Sale151 </a>152 >153 <a>154 Seller feedback155 </a>156 > Not real happy157 </div>158 <hr>159 <div class="pda">160 <a rel="nofollow">161 PDA162 </a>163 </div>164 <p class="largefont">165 View Full Version :166 <a>167 Not real happy168 </a>169 </p>170 <hr>171 <div class="floatcontainer">172 </div>173 <br>174 <div class="post">175 <div class="posttop">176 <div class="username">177 xlandguy178 </div>179 <div class="date">180 06-14-2012, 12:49 PM181 </div>182 </div>183 <div class="posttext">184 Please see my post HERE (http://forums.offshoreelectrics.com/showthread.php?35318-Gsbuikman-scammed-me-then-closes-threads), thank you.185 </div>186 </div>187 <hr>188 <div class="post">189 <div class="posttop">190 <div class="username">191 Rumdog192 </div>193 <div class="date">194 06-14-2012, 04:23 PM195 </div>196 </div>197 <div class="posttext">198 again...?199 </div>200 </div>201 <hr>202 <div class="post">203 <div class="posttop">204 <div class="username">205 SFC K206 </div>207 <div class="date">208 06-14-2012, 04:28 PM209 </div>210 </div>211 <div class="posttext">212 Did he finally get in touch with you to make you change this? I read it earlier this morning and looked at the pictures again and the way you described the boat and pictures something was up.213 </div>214 </div>215 <hr>216 <div class="post">217 <div class="posttop">218 <div class="username">219 xlandguy220 </div>221 <div class="date">222 06-14-2012, 05:35 PM223 </div>224 </div>225 <div class="posttext">226 Yes, well at first it seemed as though I couldnt get any response. Turns out he was busy doing something, grandma sick.227 </div>228 </div>229 <hr>230 <div class="post">231 <div class="posttop">232 <div class="username">233 wht73234 </div>235 <div class="date">236 06-15-2012, 04:21 PM237 </div>238 </div>239 <div class="posttext">240 I had similar problem with another member and suggested the same thing. I was rewarded with no reply to suggestion of small partial refund 2x.241 <br>242 <br>243 I feel ya brother.244 </div>245 </div>246 <hr>247 <div class="post">248 <div class="posttop">249 <div class="username">250 ron1950251 </div>252 <div class="date">253 06-17-2012, 12:44 AM254 </div>255 </div>256 <div class="posttext">257 wow miust have really missed something here258 </div>259 </div>260 <hr>261 <div class="post">262 <div class="posttop">263 <div class="username">264 xlandguy265 </div>266 <div class="date">267 06-26-2012, 08:25 PM268 </div>269 </div>270 <div class="posttext">271 wow miust have really missed something here272 <br>273 <br>274 Well you can catch it all right HERE (http://forums.offshoreelectrics.com/showthread.php?35318-Gsbuikman-scammed-me-then-closes-threads).275 </div>276 </div>277 <hr>278 <div id="copyright">279 Powered by vBulletin® Version 4.2.5 Copyright © 2023 vBulletin Solutions Inc. All rights reserved.280 </div>281 </div>282 </body>283</html>284