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 lang="en">3 <head>4 <meta charset="utf-8">5 <meta content="IE=edge" http-equiv="X-UA-Compatible">6 <title>7 TAXES 18-04, Rhode Island State Income Tax Withholding8 </title>9 <meta content name="description">10 <meta content="width=device-width, initial-scale=1" name="viewport">11 <!--[if lt IE 9]> 12 13 <![endif]-->14 <style>15 .systemmessage,.tablefootnote{font-style:italic}.authoritbutton,.authoritmenuoption,.authorittelephone,.bold,.headingmidtopic,.headingmidtopic1,.headingmidtopic2,.headingmidtopic3,.tablefieldname,.tabletitle,.tabletitle1,a:link,a:visited{font-weight:700}img,svg{max-width:100%}body{background-color:#fff;font-family:Arial,Helvetica,sans-serif;color:#333;font-size:16px;margin:0;line-height:1.5em}.authoritbutton,.authoritdata{font-family:monospace}a:link,a:visited{color:#1b7390;text-decoration:none}a:focus,a:hover{text-decoration:underline}ul{list-style:disc}.tabletitle{margin-top:20px}.tablefootnote{font-size:.8em}.listbullet2{margin-left:40px}.bodytext1{margin-left:20px}.bodytext2{margin-left:40px}.bodytext3{margin-left:60px}.headingmidtopic1{margin-left:20px}.headingmidtopic2{margin-left:40px}.headingmidtopic3{margin-left:60px}table{line-height:1;width:100%;border-collapse:collapse}td,th{border:1px solid #e1e1e1;padding:3px 5px;text-align:left}table.tableintopic{width:auto;margin-bottom:20px}table.tableintopic+li{margin-top:30px}.tableheading1{margin:10px;text-align:center}.tableheadingreleasenotes{font-weight:700;text-align:center}header,main{max-width:950px;margin:0 auto;display:block;padding:0 10px}p{margin:8px 0}.listnumberalpha{list-style-type:lower-alpha}.bold,.headingmidtopic,.headingmidtopic1,.headingmidtopic2,.headingmidtopic3{font-style:normal}.authoritemail,.authoritmenuoption,.bulletindate,h2{font-style:italic}.bulletintablefieldname{text-align:right;font-size:10px;margin:0}.bulletintablefield{margin:0}p.authoritnote,p.authoritnote1,p.authoritnote2,p.authoritnote3{border-top:1px solid #888;border-bottom:1px solid #888;padding:10px 15px;background-color:#F7F7F7;margin:20px auto}.authoritsystemmessage,.authoritvalue{font-family:monospace;font-style:italic}.headingmidtopic,.headingmidtopic1,.headingmidtopic2,.headingmidtopic3{font-size:15px}h1,h2,h3{font-weight:400}#bulletinHeader{list-style:none;overflow:hidden;padding:0;width:100%;line-height:1.2em}#bulletinHeader li:first-child{float:left;margin:0 10px 0 0;padding:2px 0}#bulletinHeader li{padding:5px 0;margin:0;font-size:24px;color:#5E5E5E}svg{width:70px;height:48px}h1{font-size:24px;margin:50px 0 0;line-height:1.2em}.bulletindate{margin:5px 0 20px}h2{font-size:20px;color:#6c6c6c;margin:50px 0 30px}h3{font-size:15px}.subscriberField{margin:5px 0 30px}img{height:auto;width:inherit}16.caution-block {padding: 20px;margin: 0 0 20px 0;background-size: 40px 40px;background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);color: #4c4c4c;background-color: #cccccc;}.caution-block h1 {margin: 0 0 10px 0;}.caution-block a:link, .caution-block a:visited {color: #25505e;text-decoration: none;}.caution-block a:hover{text-decoration:underline;}17 </style>18 </head>19 <body>20 <div class="caution-block" role="complementary">21 <h1>22 You have reached NFC’s publication archives23 </h1>24 This area has been archived for research purposes and is no longer actively maintained.25 <a>26 HR Client Services27 </a>28 page.29 </div>30 <header>31 <ul id="bulletinHeader">32 <li>33 </li>34 <li>35 National Finance Center36 </li>37 <li>38 System and Processing Bulletin39 </li>40 </ul>41 </header>42 <main>43 <h1 class="heading1" id="t66091">44 TAXES 18-04, Rhode Island State Income Tax Withholding45 </h1>46 <p class="bulletindate">47 Published: January 12, 201848 <br>49 Effective: Pay Period 01, 201850 </p>51 <h2 class="bulletinheader">52 Summary53 </h2>54 <p class="bodytext">55 The income tax withholdings for the State of Rhode Island will include the following changes:56 </p>57 <ul class="listbullet1">58 <li class="listbullet1">59 The annualized wage threshold where the annual exemption amount is $0.00 will increase from $217,350 to $221,800.60 </li>61 <li class="listbullet1">62 The wage table has been updated.63 </li>64 </ul>65 <p class="bodytext">66 No action on the part of the employee or the personnel office is necessary.67 </p>68 <h2 class="bulletinheader">69 Tax Formula70 </h2>71 <table border="0" cellpadding="2" cellspacing="0" class="tableintopic" style="border-collapse:collapse" width="576">72 <tbody>73 <tr align="left" valign="top">74 <td width="228">75 <p class="tablefieldname">76 State Abbreviation:77 </p>78 </td>79 <td width="348">80 <p class="tablefield">81 RI82 </p>83 </td>84 </tr>85 <tr align="left" valign="top">86 <td width="228">87 <p class="tablefieldname">88 State Tax Withholding State Code:89 </p>90 </td>91 <td width="348">92 <p class="tablefield">93 4494 </p>95 </td>96 </tr>97 <tr align="left" valign="top">98 <td width="228">99 <p class="tablefieldname">100 Acceptable Exemption Form:101 </p>102 </td>103 <td width="348">104 <p class="tablefield">105 RI W-4 or W-4106 </p>107 </td>108 </tr>109 <tr align="left" valign="top">110 <td width="228">111 <p class="tablefieldname">112 Basis for Withholding:113 </p>114 </td>115 <td width="348">116 <p class="tablefield">117 State Exemptions118 </p>119 </td>120 </tr>121 </tbody>122 </table>123 <h3 class="headingmidtopic">124 Withholding Formula (Effective Pay Period 01, 2018)125 </h3>126 <ol class="listnumber">127 <li class="listnumber">128 Subtract the nontaxable biweekly Thrift Savings Plan contributions from the gross biweekly wages.129 </li>130 <li class="listnumber">131 Subtract the nontaxable biweekly Federal Health Benefits Plan payment(s) (includes dental and vision insurance program and Flexible Spending Account - health care and dependent care deductions) from the amount computed in step 1.132 </li>133 <li class="listnumber">134 Add the taxable biweekly fringe benefits (e.g., taxable life insurance) to the amount computed in step 2 to obtain the adjusted gross biweekly wages.135 </li>136 <li class="listnumber">137 Multiply the adjusted gross biweekly wages by the number of pay dates in the tax year to obtain the gross annual wages.138 </li>139 </ol>140 <h2 class="bulletinheader">141 Resources142 </h2>143 <p class="bodytext">144 To view the updated tax formula, go to the145 <span class="authoritmenuoption">146 <a class="" target="_self" title="View HR/Payroll Client page">147 HR and Payroll Clients148 </a>149 </span>150 page from the151 <span class="authoritmenuoption">152 MyNFC153 </span>154 drop-down menu on the National Finance Center (NFC) homepage. Select the155 <span class="authoritmenuoption">156 Publications157 </span>158 tab and select159 <span class="authoritmenuoption">160 <a class="" target="_self" title>161 U.S. Income Tax Formulas162 </a>163 </span>164 from the165 <span class="authoritmenuoption">166 Publications167 </span>168 menu to launch the tax map. Select the desired State from the map provided for the formula.169 </p>170 <p class="bodytext">171 <a class="" target="_self" title="View tax formula">172 Previous Tax Bulletin173 </a>174 </p>175 <h2 class="bulletinheader">176 Inquiries177 </h2>178 <p class="bodytext">179 For questions about NFC processing, authorized Servicing Personnel Office representatives should contact the NFC Contact Center at180 <span class="authorittelephone">181 1-855-NFC-4GOV (1-[PHONE REDACTED])182 </span>183 or via the customer service portal.184 </p>185 </main>186 <!-- Google Analytics -->187 <!-- End Javascript for Google -->188 </body>189</html>190