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 xmlns="">3 <head>4 <style>5 @charset "UTF-8";6 7/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */8 9/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */10 11/*******************************************************************************12 13 LAYOUT INFORMATION: describes box model, positioning, z-order14 15 *******************************************************************************/16 17/* The outermost container of the Menu Bar, an auto width box with no margin or padding */18ul.MenuBarHorizontal19{20 margin: 0 0 0 0;21 padding: 0;22 list-style-type: none;23 font-size: 10pt;24 cursor: default;25 width: auto;26}27/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */28ul.MenuBarActive29{30 z-index: 1000;31}32/* Menu item containers, position children relative to this container and are a fixed width */33ul.MenuBarHorizontal li34{35 margin: 0;36 padding: 0px;37 list-style-type: none;38 font-size: 100%;39 position: relative;40 text-align: left;41 cursor: pointer;42 /*width: 100px;*/43 float: left;44}45/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */46ul.MenuBarHorizontal ul47{48 margin: 0;49 padding: 0px;50 list-style-type: none;51 font-size: 100%;52 z-index: 1020;53 cursor: default;54 width: 12.0em;55 position: absolute;56 left: -1000em;57}58/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */59ul.MenuBarHorizontal ul.MenuBarSubmenuVisible60{61 left: auto;62}63/* Menu item containers are same fixed width as parent */64ul.MenuBarHorizontal ul li65{66 width: 12.2em;67 border-bottom: 1px solid #eee;68 padding: 0px;69}70 71/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */72ul.MenuBarHorizontal ul ul73{74 position: absolute;75 margin: 15% 0 0 75%;76 padding: 0px;77}78/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */79ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible80{81 left: auto;82 top: 0;83}84 85/*******************************************************************************86 87 DESIGN INFORMATION: describes color scheme, borders, fonts88 89 *******************************************************************************/90 91/* Submenu containers have borders on all sides */92ul.MenuBarHorizontal ul93{94 border: 1px solid #eee;95}96/* Menu items are a light gray block with padding and no text decoration */97ul.MenuBarHorizontal a98{99 display: block;100 cursor: pointer;101 background-color: #D81E05;102 padding: 1em 1.25em;103 color: #fff;104 text-decoration: none;105}106/* Menu items that have mouse over or focus have a blue background and white text */107ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus108{109 background-color: #D81E05;110 color: #ff00ff;111}112/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */113ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible114{115 background-color: #999;116 color: #fff;117}118 119/*******************************************************************************120 121 SUBMENU INDICATION: styles if there is a submenu under a given menu item122 123 *******************************************************************************/124 125/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */126ul.MenuBarHorizontal a.MenuBarItemSubmenu127{128 background-image: url(SpryMenuBarDown.gif);129 background-repeat: no-repeat;130 background-position: 95% 60%;131}132/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */133ul.MenuBarHorizontal ul a.MenuBarItemSubmenu134{135 background-image: url(SpryMenuBarRight.gif);136 background-repeat: no-repeat;137 background-position: 95% 50%;138}139/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */140ul.MenuBarHorizontal a.MenuBarItemSubmenuHover141{142 background-image: url(SpryMenuBarDownHover.gif);143 background-repeat: no-repeat;144 background-position: 95% 60%;145}146/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */147ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover148{149 background-image: url(SpryMenuBarRightHover.gif);150 background-repeat: no-repeat;151 background-position: 95% 50%;152}153 154/*******************************************************************************155 156 BROWSER HACKS: the hacks below should not be changed unless you are an expert157 158 *******************************************************************************/159 160/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */161ul.MenuBarHorizontal iframe162{163 position: absolute;164 z-index: 1010;165 filter:alpha(opacity:0.1);166}167/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */168@media screen, projection169{170 ul.MenuBarHorizontal li.MenuBarItemIE171 {172 display: inline;173 f\loat: left;174 background: #FFF;175 }176}177 178 179 180@charset "utf-8";181body {182 scrollbar-3d-light-color:#65788F; 183 scrollbar-arrow-color:#b3bcc8;184 scrollbar-base-color:#ffffff;185 scrollbar-dark-shadow-color:#b3bcc8;186 scrollbar-face-color:#ffffff;187 scrollbar-highlight-color:#b3bcc8;188 scrollbar-shadow-color:#c0c0c0;189 font: 100% Verdana, Arial, Helvetica, sans-serif;190 background: #fff;191 margin: 20px 0 0 10px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */192 padding: 0;193 text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */194 color: #000000;195 background-image: url(../images/bg_grey_1.jpg);196 background-position: top;197 background-repeat: no-repeat;198}199 200 201A.link1 {202 color: #ccc;203}204 205A.link2 {206 color: #666;207}208 209A.link3 {210 color: #000;211}212 213A.link5 {214 color: #C00;215 text-decoration: none;216}217 218 219 220A.link_crumb {221 color: #999;222}223 224H2 {225 font-size: 16pt;226 color:#333;227 font-family: Arial, Helvetica, sans-serif;228 font-weight: normal;229}230 231.twoColFixLtHdr #container { 232 width: 1000px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */233 margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */234 border: 1px solid #eee;235 text-align: left; /* this overrides the text-align: center on the body element. */236 237} 238.twoColFixLtHdr #header { 239 background: #fff; 240 padding: 0 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */241 text-align: right;242 height:0px;243} 244.twoColFixLtHdr #header h1 {245 margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */246 padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */247 font-size: 2pt;248}249 250 251 252 253.twoColFixLtHdr #sidebar1 {254 float: left; /* since this element is floated, a width must be given */255 margin: 16px 0px 14px 20px;256 }257 258.twoColFixLtHdr #mainMenu {259 margin: 17px 0 0px 240px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */260 padding: 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */261 background: #D81E05;262 width: 738px;263 border: solid 1px #fff;264 height: 43px;265} 266 267.twoColFixLtHdr #mainContent { 268 margin: 10px 0 0 240px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */269 padding: 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */270} 271 272.twoColFixLtHdr #mainContent_sub { 273 margin: 0px 0 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */274 padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */275 }276 277.twoColFixLtHdr #mainContent_sub #sub_images { 278 margin: 0px 50px 0px 0px;/* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */279 padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */280 width: 130px;281 float: right;282 z-index:1000;283 text-align: center;284}285 286.twoColFixLtHdr #mainContent_sub #product_images { 287 margin: 6px 0px 0px 0px;/* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */288 padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */289 width: 220px;290 float: right;291 z-index:2000;292 text-align: center;293}294 295.twoColFixLtHdr #mainContent_sub #product_main_images { 296 margin: 50px 20px 0px 0px;/* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */297 padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */298 float: right;299 z-index:3000;300 text-align: center;301}302 303.twoColFixLtHdr #mainContent_sub #product_main_images_2 { 304 margin: 20px 20px 0px 0px;/* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */305 padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */306 float: right;307 z-index:3000;308 text-align: center;309}310 311 312.twoColFixLtHdr #mainContent_sub #mainContent_text { 313 margin: 5px 0 30px 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */314 padding: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */315 width: 690px;316 background: #fff;317 border: solid 1px #dddddd;318 }319 320 321.twoColFixLtHdr #mainContent_text li{ 322 font-size: 10pt;323 }324 325 326 327.twoColFixLtHdr #mainContent_sub h1{ 328 font-size: 12pt;329 font-family: arial;330 color: #D81E05;331}332 333.twoColFixLtHdr #mainContent_sub h2{ 334 font-size: 12pt;335 font-family: arial;336 color: #666;337}338 339.twoColFixLtHdr #mainContent_sub p{ 340 font-size: 10pt;341 font-family: arial;342 color: #666;343}344 345.twoColFixLtHdr #mainContent_crumb { 346 margin: 0 20px 0 20px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */347 padding: 4px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */348background-color: #fff;349 font-size: 8pt;350 color: #999;351 border: solid 1px #dddddd;352 }353 354 355 356.twoColFixLtHdr #footer { 357 padding: 20px 30px 20px 30px; /* this padding matches the left alignment of the elements in the divs that appear above it. */358 background:#888;359 text-align: left;360 font-size: 8pt;361 color: #ccc;362} 363.twoColFixLtHdr #footer p {364 margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */365 padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */366}367.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */368 float: right;369 margin-left: 8px;370}371.fltlft { /* this class can be used to float an element left in your page */372 float: left;373 margin-right: 8px;374}375.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */376 clear:both;377 height:0;378 font-size: 1px;379 line-height: 0px;380}381 382TD.printleft {383 font-family: Tahoma, Arial, Helvetica, sans-serif;384 font-size: 8pt;385 font-weight: bold;386 color: black;387 padding-top: 10px;388 border-top: solid 1px #c0c0c0;389 text-transform: uppercase;390 }391 392TD.printright {393 font-family: Tahoma, Arial, Helvetica, sans-serif;394 font-size: 10pt;395 color: black;396 padding: 10px;397 background-color: #f1f1f1;398 border-top: solid 1px #c0c0c0;399 border-right: solid 1px #c0c0c0;400 }401 402TD.head1 {403 background-color: Gray;404 font-family: Verdana, Arial, Helvetica, sans-serif;405 font-size: 8pt;406 color: white;407 font-weight: bold;408 padding: 1px;409 margin: 1px;410 }411 412TD.head2 {413 font-family: Verdana, Arial, Helvetica, sans-serif;414 font-size: 10pt;415 font-weight: bold;416 }417 418TD.head2b {419 font-family: Verdana, Arial, Helvetica, sans-serif;420 font-size: 10pt;421 font-weight: bold;422 background-color: #eee;423 padding-left: 5px;424 }425 426TD.head2c {427 font-family: Verdana, Arial, Helvetica, sans-serif;428 font-size: 10pt;429 font-weight: bold;430 background-color: #ddd;431 color: #000000;432 padding-left: 5px;433 }434 435TD.text1 {436 font-family: Arial, Helvetica, sans-serif;437 font-size: 10pt;438 }439 440TD.text1b {441 font-family: Arial, Helvetica, sans-serif;442 font-size: 8pt;443 background-color: #e1e1e1;444 padding: 5px;445 }446 447TD.text1c {448 font-family: Arial, Helvetica, sans-serif;449 font-size: 8pt;450 background-color: #d1d1d1;451 padding: 5px;452 }453 454TABLE.otherprods {455 margin-top: 30px;456 }457 458 459LI.art {460 list-style-type: square;461 font-family: Arial, Helvetica, sans-serif;462 font-size: 10pt;463 color: gray;464 font-weight: normal;465 padding-left: 10px;466 margin-right: 20em;467 margin-top: 1em;468 }469 470.mysmall {471 font-size: 9pt;472 color: gray;473 }474 475 476TD.prodsubh {477 font-family: Verdana, Arial, Helvetica, sans-serif;478 font-size: 8pt;479 background-color: #ccc;480 color: #666;481 font-weight: bold;482 text-transform: uppercase;483 text-align: center;484 padding: 4px;485 }486 487TD.proddata {488 font-family: Verdana, Arial, Helvetica, sans-serif;489 font-size: 9pt;490 color: #666;491 text-align: center;492 border-bottom: solid 1px silver;493 padding: 2px;494 }495 496TR.rowEven {497 background-color: white;498 }499 500.rowHighlight {501 background-color: #f1f1f1;502 }503 </style>504 <meta content="text/html; charset=utf-8" http-equiv="Content-Type">505 <title>506 Chemical supplier located in Melbourne > KCB > Paint and Decorating > Speedfilla Light - RTU - GSB Chemicals507 </title>508 </head>509 <body class="twoColFixLtHdr">510 <div id="container">511 <div id="sidebar1">512 <a>513 <img alt="GSB Performance Chemicals" border="0" height="280" src="rick.jpg" title="GSB Performance Chemicals" width="200">514 </a>515 </div>516 <div id="mainMenu">517 <ul class="MenuBarHorizontal" id="MenuBar1">518 <li style="width: 70px;">519 <a>520 Home521 </a>522 </li>523 <li style="width: 100px;">524 <a class="MenuBarItemSubmenu">525 Company526 </a>527 <ul style="width: 200px;">528 <li style="width: 200px;">529 <a>530 About GSB531 </a>532 </li>533 <li style="width: 200px;">534 <a>535 Mission Statement536 </a>537 </li>538 <li style="width: 200px;">539 <a>540 Environmental Policy541 </a>542 </li>543 <li style="width: 200px;">544 <a>545 Disclaimer546 </a>547 </li>548 </ul>549 </li>550 <li style="width: 100px;">551 <a class="MenuBarItemSubmenu">552 Products553 </a>554 <ul>555 <li>556 <a class="MenuBarItemSubmenu">557 Print558 </a>559 <ul>560 <li style="width: 200px;">561 <a>562 Roller & Blanket Washes563 </a>564 </li>565 <li style="width: 200px;">566 <a>567 Fountain Solutions568 </a>569 </li>570 <li style="width: 200px;">571 <a>572 UV Washes573 </a>574 </li>575 <li style="width: 200px;">576 <a>577 Pressroom Specialties578 </a>579 </li>580 </ul>581 </li>582 <li>583 <a class="MenuBarItemSubmenu">584 Hardware585 </a>586 <ul>587 <li>588 <a class="MenuBarItemSubmenu">589 KCB590 </a>591 <ul>592 <li>593 <a class="MenuBarItemSubmenu">594 Paint & Decorating595 </a>596 <ul>597 <li style="width: 200px;">598 <a>599 Paint Stripper600 </a>601 </li>602 <li style="width: 200px;">603 <a>604 Linseed Oil Putty605 </a>606 </li>607 <li style="width: 200px;">608 <a>609 Premixed Linseed Oil610 </a>611 </li>612 <li style="width: 200px;">613 <a>614 Raw Linseed Oil615 </a>616 </li>617 </ul>618 </li>619 <li>620 <a class="MenuBarItemSubmenu">621 Solvents622 </a>623 <ul>624 <li style="width: 200px;">625 <a>626 Methylated Spirits627 </a>628 </li>629 <li style="width: 200px;">630 <a>631 Mineral Turpentine632 </a>633 </li>634 <li style="width: 200px;">635 <a>636 Kerosene637 </a>638 </li>639 <li style="width: 200px;">640 <a>641 Shellite642 </a>643 </li>644 </ul>645 </li>646 <li>647 <a class="MenuBarItemSubmenu">648 Adhesives649 </a>650 <ul>651 <li>652 <a>653 PVA Wood & Craft Glue654 </a>655 </li>656 <li>657 <a>658 Multi Bond Contact Adhesive659 </a>660 </li>661 </ul>662 </li>663 <li>664 <a class="MenuBarItemSubmenu">665 Cleaning666 </a>667 <ul>668 <li style="width: 200px;">669 <a>670 Phenyl671 </a>672 </li>673 <li style="width: 200px;">674 <a>675 Mould & Mildew Killer676 </a>677 </li>678 <li style="width: 200px;">679 <a>680 Caustic Soda681 </a>682 </li>683 <li style="width: 200px;">684 <a>685 Timber Restorer686 </a>687 </li>688 </ul>689 </li>690 <!--<li><a >Building</a> 691 <ul>692 <li style="width: 200px;"><a >Oxalic Acid</a></li>693 </ul>694 </li>-->695 </ul>696 </li>697 <li>698 <a class="MenuBarItemSubmenu">699 Maxi700 </a>701 <ul>702 <li>703 <a class="MenuBarItemSubmenu">704 Paint & Decorating705 </a>706 <ul>707 <li style="width: 200px;">708 <a>709 Paint Stripper710 </a>711 </li>712 <li style="width: 200px;">713 <a>714 Paint Remover Aerosol715 </a>716 </li>717 <li style="width: 200px;">718 <a>719 Citrus Paint Stripper720 </a>721 </li>722 <li style="width: 200px;">723 <a>724 Linseed Oil Putty725 </a>726 </li>727 </ul>728 </li>729 <li>730 <a class="MenuBarItemSubmenu">731 Adhesives732 </a>733 <ul>734 <li style="width: 200px;">735 <a>736 Mitre Fix - 2 Part Instant Fixing System737 </a>738 </li>739 </ul>740 </li>741 <li>742 <a class="MenuBarItemSubmenu">743 Cleaning744 </a>745 <ul>746 <li style="width: 200px;">747 <a>748 Acetone749 </a>750 </li>751 <li style="width: 200px;">752 <a>753 Prepsolve754 </a>755 </li>756 <li style="width: 200px;">757 <a>758 Timber Restorer759 </a>760 </li>761 <li style="width: 200px;">762 <a>763 Concrete & Paver Cleaner - Pressure Cleaner Wash764 </a>765 </li>766 </ul>767 </li>768 </ul>769 </li>770 <li>771 <a>772 House Brand773 </a>774 </li>775 </ul>776 </li>777 <li>778 <a>779 Paint780 </a>781 </li>782 <li>783 <a>784 Chemicals785 </a>786 </li>787 </ul>788 </li>789 <li style="width: 120px;">790 <a class="MenuBarItemSubmenu">791 SDS Data792 </a>793 <ul>794 <li>795 <a>796 Aquacoat coatings797 </a>798 </li>799 <li>800 <a>801 Consumables802 </a>803 </li>804 <li>805 <a>806 Founts807 </a>808 </li>809 <li>810 <a>811 Fillers812 </a>813 </li>814 </ul>815 </li>816 </ul>817 <!-- end #mainMenu -->818 </div>819 <div id="mainContent">820 <a>821 <img alt="GSB Chemicals" border="0" height="224" src="rick.jpg" width="740">822 </a>823 </div>824 <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->825 <br class="clearfloat">826 <div id="mainContent_crumb">827 YOU ARE HERE:828 <a class="link_crumb">829 GSB Performance Chemicals830 </a>831 <a class="link_crumb">832 > Products >833 </a>834 <a class="link_crumb">835 Hardware >836 </a>837 <a class="link_crumb">838 KCB >839 </a>840 <a class="link_crumb">841 Paint & Decorating >842 </a>843 <!-- end #mainContent -->844 </div>845 <div id="mainContent_sub">846 <div align="center" id="product_images">847 <img alt="See image" border="0" height="600" src="rick.jpg" vspace="0" width="220">848 </div>849 <div id="mainContent_text">850 <h1>851 Speedfilla Light - RTU852 </h1>853 <p>854 <strong>855 KCB Speedfilla Light856 </strong>857 is an ultra light, ready to use formula for filling cracks, nail heads and holes in a single application.858 </p>859 <table border="0" cellpadding="0" cellspacing="0" class="prod" width="100%">860 <tbody>861 <tr>862 <td class="prodsubh" valign="top" width="25%">863 Size864 </td>865 <td class="prodsubh" valign="top" width="25%">866 Item Number867 </td>868 <td class="prodsubh" valign="top" width="25%">869 Ctn. Qty.870 </td>871 <td class="prodsubh" valign="top" width="25%">872 APN Barcode873 </td>874 </tr>875 <tr onmouseout="this.className='rowEven';" onmouseover="this.className='rowHighlight';">876 <td class="proddata" valign="top" width="25%">877 100 GMS878 </td>879 <td class="proddata" valign="top" width="25%">880 SFL100881 </td>882 <td class="proddata" valign="top" width="25%">883 12 or 24884 </td>885 <td class="proddata" valign="top" width="25%">886 9315 215 030 027887 </td>888 </tr>889 <tr onmouseout="this.className='rowEven';" onmouseover="this.className='rowHighlight';">890 <td class="proddata" valign="top" width="25%">891 200 GMS892 </td>893 <td class="proddata" valign="top" width="25%">894 SFL200895 </td>896 <td class="proddata" valign="top" width="25%">897 12898 </td>899 <td class="proddata" valign="top" width="25%">900 9315 215 030 034901 </td>902 </tr>903 </tbody>904 </table>905 <p>906 If you are interested in ordering this product please complete907 <a class="link2">908 this form909 </a>910 or911 <a class="link2">912 contact us913 </a>914 for further information.915 </p>916 <table class="otherprods" width="64%">917 <tbody>918 <tr>919 <td valign="top" width="60%">920 <p>921 More paint & decorating products:922 </p>923 <ul>924 <li>925 <a class="link3">926 Paint Stripper927 </a>928 </li>929 <li>930 <a class="link3">931 Linseed Oil Putty932 </a>933 </li>934 <li>935 <a class="link3">936 Premixed Linseed Oil937 </a>938 </li>939 <li>940 <a class="link3">941 Raw Linseed Oil942 </a>943 </li>944 </ul>945 </td>946 <td valign="top" width="40%">947 <p>948 Other KCB categories:949 </p>950 <ul>951 <li>952 <a class="link3">953 Paint & Decorating954 </a>955 </li>956 <li>957 <a class="link3">958 Solvents959 </a>960 </li>961 <li>962 <a class="link3">963 Adhesives964 </a>965 </li>966 <li>967 <a class="link3">968 Cleaning969 </a>970 </li>971 </ul>972 </td>973 </tr>974 </tbody>975 </table>976 </div>977 </div>978 <br class="clearfloat">979 <div id="footer" style="text-align:left;">980 <table width="100%">981 <tbody>982 <tr>983 <td valign="top" width="25%">984 <a class="link1">985 Home986 </a>987 <br>988 <a class="link1">989 Company information990 </a>991 <br>992 <a class="link1">993 Our range of products994 </a>995 <br>996 <a class="link1">997 SDS998 </a>999 <br>1000 <a class="link1">1001 Articles1002 </a>1003 <br>1004 <a class="link1">1005 What's new1006 </a>1007 <br>1008 <a class="link1">1009 Disclaimer1010 </a>1011 <br>1012 <a class="link1">1013 Sitemap1014 </a>1015 <br>1016 <a class="link1">1017 Contact GSB today1018 </a>1019 <br>1020 </td>1021 <td valign="top" width="25%">1022 HEAD OFFICE1023 <br>1024 Melbourne1025 <br>1026 84 Camp Road1027 <br>1028 Broadmeadows VIC 30471029 <br>1030 t: [PHONE REDACTED]1031 <br>1032 f: [PHONE REDACTED]1033 <br>1034 e: [EMAIL REDACTED]1035 <br>1036 <!-- end #footer -->1037 </td>1038 <td valign="top" with="50%">1039 Copyright © 20101040 <br>1041 GSB Chemical Co. Pty. Ltd1042 <br>1043 ACN 004 355 1131044 <br>1045 ABN 13 004 355 1131046 <br>1047 <br>1048 <br>1049 </td>1050 </tr>1051 </tbody>1052 </table>1053 </div>1054 <!-- end #container -->1055 </div>1056 </body>1057</html>1058