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 prefix="og: http://ogp.me/ns#" xmlns:fb="">3 <head>4 <style>5 /*6 * SimpleModal Basic Modal Dialog7 * http://simplemodal.com8 *9 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com10 *11 * Licensed under the MIT license:12 * http://www.opensource.org/licenses/mit-license.php13 */14 15#basic-modal-content {display:none;}16 17/* Overlay */18#simplemodal-overlay {background-color:#000;}19 20/* Container */21#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}22#simplemodal-container .simplemodal-data {padding:8px;}23#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}24#simplemodal-container a {color:#ddd;}25#simplemodal-container a.modalCloseImg {background:url('https://ssl-static.libsyn.com/p/assets/platform/simplemodal/img/basic/x.png') no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}26#simplemodal-container h3 {color:#84b8d9;}27 </style>28 <meta content="Az520Inasey3TAyqLyojQa8MnmCALSEU29yQFW8dePZ7xQTvSt73pHazLFTK5f7SyLUJSo2uKLesEtEa9aUYcgMAAACPeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZyIsImV4cGlyeSI6MTcyNTQwNzk5OSwiaXNTdWJkb21haW4iOnRydWUsImlzVGhpcmRQYXJ0eSI6dHJ1ZX0=" http-equiv="origin-trial">29 <title>30 We Got This with Mark and Hal: #78 - Clean Slate III with Wil Wheaton31 </title>32 <meta content="text/html; charset=utf-8" http-equiv="content-type">33 <meta content="yes" name="apple-mobile-web-app-capable">34 <meta content="initial-scale = 1.0, user-scalable = no" name="viewport">35 <meta content="app-id=971949329" name="apple-itunes-app">36 <meta content="Among the 250+ topics we've received over the last one and a half years, there are always some that don't warrant a full episode. When that happens, Mark and Hal&nbsp;clean the slate with a multi-topic extravaganza. Helping them&nbsp;out this time is actor/nerd icon , who waxes poetic on everything from theme park ruffians to the popcorn eating style he shares with Hal. Going to Dragon Con? So is Hal! . " name="description">37 <meta content="We Got This with Mark and Hal: #78 - Clean Slate III with Wil Wheaton" itemprop="name">38 <meta content="Among the 250+ topics we've received over the last one and a half years, there are always some that don't warrant a full episode. When that happens, Mark and Hal&nbsp;clean the slate with a multi-topic extravaganza. Helping them&nbsp;out this time is actor/nerd icon , who waxes poetic on everything from theme park ruffians to the popcorn eating style he shares with Hal. Going to Dragon Con? So is Hal! . " itemprop="description">39 <meta content="" itemprop="image">40 <meta content="" property="og:url">41 <meta content="We Got This with Mark and Hal: #78 - Clean Slate III with Wil Wheaton" property="og:title">42 <meta content="Among the 250+ topics we've received over the last one and a half years, there are always some that don't warrant a full episode. When that happens, Mark and Hal&nbsp;clean the slate with a multi-topic extravaganza. Helping them&nbsp;out this time is actor/nerd icon , who waxes poetic on everything from theme park ruffians to the popcorn eating style he shares with Hal. Going to Dragon Con? So is Hal! . " property="og:description">43 <meta content="" property="og:image">44 <meta content="250" property="og:image:width">45 <meta content="250" property="og:image:height">46 <meta content="@wegotthistweets" name="twitter:site">47 <meta content="player" name="twitter:card">48 <meta content="" name="twitter:image">49 <meta content="" name="twitter:player">50 <meta content="640" name="twitter:player:width">51 <meta content="480" name="twitter:player:height">52 <meta content="" name="twitter:player:stream">53 <meta content="audio/mpeg" name="twitter:player:stream:content_type">54 <meta content="We Got This with Mark and Hal: #78 - Clean Slate III with Wil Wheaton" name="twitter:title">55 <meta content="Among the 250+ topics we've received over the last one and a half years, there are always some that don't warrant a full episode. When that happens, Mark and Hal&nbsp;clean the slate with a multi-topic extravaganza. Helping them&nbsp;out this time is actor/nerd icon , who waxes poetic on everything from theme park ruffians to the popcorn eating style he shares with Hal. Going to Dragon Con? So is Hal! . " name="twitter:description">56 <!--57-->58 <!--[if IE 6]>59 60 <![endif]-->61 <style type="text/css">62 body {63 margin: 0px;64 font-size: 12px;65 font-family: Verdana, Geneva, sans-serif;66 background-color: #000000;67 color: #000000;68 background-image: url('//asset-server.libsyn.com/show/k-4af4f6dfbff96e93/assets/background_mp1.png');69 }70 71 img.item-web-image {72 max-width: 300px;73 float: right;74 margin-left: 8px;75 margin-bottom: 8px;76 }77 78 a, a:active, a:link, a:visited {79 color: #000000;80 text-decoration: none;81 }82 83 a:hover {84 text-decoration: underline;85 }86 87 p {88 margin-top: 0em;89 margin-bottom: 1em;90 }91 92 button, input[type="submit"] {93 background-color: #B50D01;94 border: 1px solid #f0f0f0;95 color: #ffffff;96 }97 98 .libsyn-podcast-page, #premium-banner-inner, #status-message-inner {99 max-width: 768px;100 min-width: 320px;101 margin-left: auto;102 margin-right: auto;103 }104 105 .libsyn-podcast-page {106 background-color: #ffffff;107 margin-bottom: 40px;108 -moz-border-bottom-left-radius: 15px;109 -webkit-border-bottom-left-radius: 15px;110 -khtml-border-bottom-left-radius: 15px;111 border-bottom-left-radius: 15px;112 -moz-border-bottom-right-radius: 15px;113 -webkit-border-bottom-right-radius: 15px;114 -khtml-border-bottom-right-radius: 15px;115 border-bottom-right-radius: 15px;116 }117 118 #premium-banner-wrapper {119 background-color: #B50D01;120 height: 40px;121 position:fixed;122 top: 0;123 z-index: 100;124 line-height: 40px;125 width: 100%;126 font-size: 14px;127 }128 129 #status-message-wrapper {130 background-color: #FFFFFF;131 height: 40px;132 top: 0;133 position:fixed;134 z-index: 100;135 line-height: 40px;136 width: 100%;137 font-size: 14px;138 }139 140 #premium-banner-wrapper.has-premium {141 position: absolute;142 background-color: #06BB00;143 }144 145 #premium-banner-inner a{146 color: #ffffff;147 font-weight: bold;148 }149 150 #premium-banner-inner a:hover{151 color: #ffffff;152 text-decoration: underline;153 }154 155 #premium-banner-wrapper .icon {156 margin-left: 20px;157 margin-right: 5px;158 position: relative;159 top: 3px;160 height: 16px;161 width: 16px;162 display: inline-block;163 text-indent: -99999px;164 overflow: hidden;165 background-repeat: no-repeat;166 background-image: url('https://ssl-static.libsyn.com/p/assets/platform/pcp-sprite-ffffff.png');167 background-position: 0 0;168 }169 170 #premium-banner-wrapper.has-premium .icon{171 background-position: -16px 0;172 }173 174 175 .libsyn-archives {176 margin-left: auto;177 margin-right: auto;178 }179 180 #categories_text ul {181 padding-left: 5px;182 list-style-type:none;183 }184 185 #categories_text li {186 margin: 5px auto;187 }188 189 .libsyn-show-header {190 background-color: #000000;191 height: 289px;192 font-weight: bold;193 color: #333;194 position: relative;195 }196 197 .libsyn-show-title,198 .libsyn-show-title:active,199 .libsyn-show-title:visited,200 .libsyn-show-title:link {201 display: block;202 position: absolute;203 left: 20px;204 top: 100px;205 font-size: 2.5em;206 color: #ffffff;207 }208 209 .libsyn-show-title:hover {210 text-decoration: none;211 }212 213 .libsyn-item-list {214 padding-left: 15px;215 padding-right: 15px;216 }217 218 .libsyn-social-button {219 background-image: url('https://ssl-static.libsyn.com/p/assets/platform/icon_argyle.png');220 overflow: hidden;221 color: transparent;222 display: block;223 height:35px;224 width:40px;225 float:left;226 cursor: pointer;227 }228 229 230 .libsyn-social-button span {231 display: none;232 }233 234 .libsyn-social-info {235 background-position: -475px center;236 }237 238 .libsyn-social-twitter {239 background-position: -2px center;240 }241 242 .libsyn-social-facebook {243 background-position: -60px center;244 }245 246 .libsyn-social-phone {247 background-position:-116px center;248 }249 250 .libsyn-social-email {251 background-position: -182px center;252 }253 254 .libsyn-social-itunes {255 background-position:-248px center;256 }257 258 .libsyn-social-rss {259 background-position:-306px center;260 }261 262 .libsyn-social-android {263 background-position: -343px center;264 }265 266 .libsyn-social-ios {267 background-position: -376px center;268 width: 96px;269 }270 271 .libsyn-social-premium {272 background-position: -655px center;273 width: 55px;274 275 position:relative;276 top:-1px;277 }278 279 .libsyn-social-premium.logged-in {280 background-position: -795px center;281 width: 68px;282 }283 284 #libsyn-social-spacer {285 width: 100%;286 height: 18px;287 }288 289 .libsyn-social {290 width: 500px;291 margin-left: 20px;292 display: block;293 }294 295 .libsyn-search {296 z-index: 15;297 float: right;298 width: 200px;299 margin-right: 20px;300 margin-bottom: 8px;301 margin-top: 20px;302 text-align: right;303 }304 305 .libsyn-search-field {306 width: 150px;;307 padding: 4px;308 padding-left: 13px;309 font-size: 1.1em;310 -moz-border-radius: 15px;311 -webkit-border-radius: 15px;312 -khtml-border-radius: 15px;313 border-radius: 15px;314 border: 1px #333 solid;315 opacity: .25;316 }317 318 .libsyn-search-field:focus {319 opacity: .85;320 outline: none;321 }322 323 .libsyn-item {324 padding-top: 20px;325 padding-bottom: 20px;326 border-bottom: 1px #ccc solid;327 }328 329 .libsyn-item-title a {330 display: block;331 font-size: 1.6em;332 font-weight: bold;333 height: 1.6em;334 width: 100%;335 white-space: nowrap;336 overflow: hidden;337 text-overflow: ellipsis;338 color: #000000;339 }340 341 .libsyn-item-title a,342 .libsyn-item-title a:visited,343 .libsyn-item-title a:link,344 .libsyn-item-title a:active {345 color: #000000;346 }347 348 .libsyn-item-title a:hover {349 text-decoration: none;350 }351 352 .libsyn-item-content li {353 list-style-type: none;354 line-height: 18px;355 }356 357 .libsyn-item-content a:hover {358 text-decoration: underline;359 }360 361 362 .libsyn-premium {363 display: block;364 float: left;365 background-image: url(https://ssl-static.libsyn.com/p/assets/platform/18px_lock.png);366 width: 12px;367 height: 18px;368 margin-right: 5px;369 }370 371 ul.libsyn-item-premium li{372 text-decoration:line-through;373 }374 375 .libsyn-item-content .libsyn-item-premium {376 list-style-image: url(https://ssl-static.libsyn.com/p/assets/platform/18px_lock.png);377 }378 379 .libsyn-item-release-date {380 font-size: .9em;381 color: #555555;382 padding-bottom: 7px;383 }384 385 .libsyn-comment-count,386 .libsyn-comment-count:active,387 .libsyn-comment-count:visited,388 .libsyn-comment-count:link {389 background-image: url('//assets.libsyn.com/static/wtfpod/25px_comment_bubble_argyle.png');390 background-position: 0px -22px;391 display: block;392 float: right;393 height: 21px;394 width: 25px;395 padding-top: 1px;396 text-decoration: none;397 text-align: center;398 color: #fff !important;399 font-size: 0.9em !important;400 font-weight: normal !important;401 }402 403 .libsyn-comment-count:hover {404 text-decoration: none;405 }406 407 .libsyn-item-body {408 line-height: 1.5em;409 color: #000000;410 }411 412 .libsyn-item-social {413 margin-bottom: 10px;414 }415 416 .libsyn-item-player {417 margin-bottom: 10px;418 }419 420 .libsyn-episode-player .libsyn-player {421 border: 1px #aaa solid;422 background-color: #efefef;\423 /**424 -webkit-border-radius: 10px;425 -moz-border-radius: 10px;426 border-radius: 10px;427 **/428 }429 430 .libsyn-item-content a {431 font-weight: bold;432 }433 434 .libsyn-extra-content{435 text-transform:capitalize;436 }437 438 .libsyn-comments {439 margin-top: 20px;440 }441 442 .libsyn-comment-header {443 font-size: 1.5em;444 margin-bottom: 10px;445 }446 447 .libsyn-comments ul {448 padding: 0px;449 margin: 0px;450 }451 452 .libsyn-comment {453 list-style-type: none;454 margin-left: 0px;455 margin-bottom: 20px;456 padding: 20px;457 background-color: #eee;458 }459 460 .libsyn-comment-poster-name {461 font-weight: bold;462 }463 464 .libsyn-comment-creation-date {465 float: right;466 }467 468 .libsyn-comment-form {469 width: 70%;470 margin-top: 50px;471 margin-left: auto;472 margin-right: auto;473 }474 475 .libsyn-comment-form-fields {476 padding: 0px;477 margin: 0px;478 }479 480 .libsyn-comment-form-fields li {481 list-style-type: none;482 margin-left: 0px;483 }484 485 .libsyn-comment-form-fields label {486 display: block;487 margin-top: 10px;488 }489 490 #recaptcha {491 margin-top: 10px;492 }493 494 .libsyn-comment-form-fields label.error {495 margin-top: 0px;496 color: red;497 }498 499 .libsyn-comment-form-fields input,500 .libsyn-comment-form-fields textarea {501 border: 1px #aaa solid;502 padding: 7px;503 font-size: 1.4em;504 width: 100%;505 }506 507 .libsyn-comment-form-fields input:focus,508 .libsyn-comment-form-fields textarea:focus {509 border: 1px #000 solid;510 outline: none;511 }512 513 #submit {514 margin-top: 15px;515 width: auto;516 padding-left: 20px;517 padding-right: 20px;518 cursor: pointer;519 }520 521 .libsyn-alert {522 font-size: 1.1em;523 font-weight: bold;524 padding: 10px;525 margin-bottom: 25px;526 border:1px #CCDF00 solid;527 background-color:#F8FFA7;528 }529 530 .libsyn-copyright {531 font-size: .85em;532 font-style: italic;533 }534 535 .pager {536 text-align: center;537 margin-top: 20px;538 }539 540 .pager .page {541 padding-left: 7px;542 padding-right: 7px;543 }544 545 .pager .currentPage {546 font-weight: bold;547 font-size: 1.4em;548 }549 550 .pager .previousPage {551 padding-right: 15px;552 }553 554 .pager .nextPage {555 padding-left: 15px;556 }557 558 .pager .anchorPage {559 padding-left: 10px;560 padding-right: 10px;561 }562 563 .pager a:hover {564 text-decoration: underline;565 }566 567 .padding {568 padding: 20px;569 }570 571 .center {572 text-align: center;573 margin-left: auto;574 margin-right: auto;575 }576 577 .clear {578 clear: both;579 }580 581 .space {582 min-height: 20px;583 height: 20px;584 }585 586 a, a:link, a:hover, a:visited {587 color: #000000;588 text-decoration:none;589 }590 591 .libsyn-navbar {592 background-color: #dcdcdc;593 padding: 2px 5px;594 }595 596 .libsyn-navbutton {597 color: #000000;598 font-size: 12px;599 text-decoration: none;600 vertical-align: middle;601 display: inline-block;602 margin: 5px;603 }604 605 .libsyn-navbutton, a.libsyn-navbutton:active, a.libsyn-navbutton:link, a.libsyn-navbutton:visited {606 text-decoration: none;607 color: #000000;608 }609 610 a.libsyn-navbutton:hover, div.libsyn-navbutton:hover {611 color: #000000;612 cursor: pointer;613 text-decoration: underline;614 }615 616 .libsyn-navbutton:active {617 color: #1874CD;618 }619 620 .libsyn-filterbar {621 background-color: #f0f0f0;622 color: #000000;623 padding: 7px 10px;624 font-weight: bold;625 border-bottom: 1px #999999 solid;626 border-top: 1px #999999 solid;627 }628 629 .libsyn-producer-message {630 background-color: #666666;631 color: #ffffff;632 font-size:14pt;633 padding: 7px 10px;634 border-bottom: 1px solid #999999;635 border-top: 1px solid #999999;636 }637 638 .libsyn-message-button {639 margin-left: auto;640 margin-right: auto;641 padding: 10px;642 cursor: pointer;643 display: block;644 font-weight: bold;645 }646 647 /* fix player fullscreen */648 .jp-playlist{display:none}649 .libsyn-fullscreen{z-index:[PHONE REDACTED]}650 651 652 /* info modal */653 #info_text{654 display:none;655 }656 657 /* archives modal */658 #archives_text{659 display:none;660 }661 662 /* categories modal */663 #categories_text{664 display:none;665 }666 667 #simplemodal-container {width:600px; color:#ffffff; background-color:#333333; border:4px solid #444444; padding:12px;}668 669 #simplemodal-container h2 {margin-top:0px}670 671 #simplemodal-container a {672 color: #ffffff;673 }674 675 676 #mobile_menu_drop {677 height: 30px;678 width: 30px;679 background-image: url('http://static.libsyn.com/p/assets/platform/pcp-resp-menu-white.png');680 display:none;681 position: absolute;682 top: 10px;683 left: 10px;684 }685 686 @media only screen and (max-width: 700px) {687 #mobile_menu_drop {688 display: inline-block;689 }690 691 .libsyn-social {692 z-index: 999;693 position: absolute;694 top: 50px;695 width: 100% !important;696 display: none;697 margin-left: 0 !important;698 background-color:rgba(0, 0, 0, 0.8);699 padding-top: 10px;700 }701 702 703 .libsyn-social .libsyn-social-button {704 display: block;705 float: none;706 background-image: none;707 z-index: 100;708 width: 100%;709 }710 711 .libsyn-social .libsyn-social-button span.libsyn-social-title {712 display:block;713 color: white;714 margin: 5px;715 font-size: 1.7em;716 }717 718 #simplemodal-container {width:80%; }719 }720 </style>721 <style type="text/css">722 </style>723 <!-- Google Analytics -->724 <!-- End Google Analytics -->725 <meta content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9" http-equiv="origin-trial">726 </head>727 <body>728 <div class="libsyn-podcast-page">729 <div class="libsyn-show-header" style="height: 289px;">730 <div class="libsyn-search">731 <form action="" method="get">732 <input class="libsyn-search-field" name="search" placeholder="Search" type="text">733 </form>734 </div>735 <div id="libsyn-social-spacer">736 </div>737 <div id="mobile_menu_drop">738 </div>739 <div class="libsyn-social">740 <div class="libsyn-social-button libsyn-social-info" onclick="showInfoModal()">741 <span class="libsyn-social-title">742 Info743 </span>744 </div>745 <div id="info_text">746 <h2>747 We Got This with Mark and Hal748 </h2>749 Every Wednesday Mark Gagliardi and Hal Lublin (Drunk History, The Thrilling Adventure Hour, Welcome to Night Vale) take the dumb issues in life that people care too much about and settle the argument once and for all.750 </div>751 <a class="libsyn-social-button libsyn-social-facebook" rel="noopener noreferrer" target="_blank" title="Facebook">752 <span class="libsyn-social-title">753 Facebook754 </span>755 </a>756 <a class="libsyn-social-button libsyn-social-twitter" rel="noopener noreferrer" target="_blank" title="Twitter">757 <span class="libsyn-social-title">758 Twitter759 </span>760 </a>761 <a class="libsyn-social-button libsyn-social-email" rel="noopener noreferrer" target="_blank" title="Email">762 <span class="libsyn-social-title">763 Email764 </span>765 </a>766 <a class="libsyn-social-button libsyn-social-rss" rel="noopener noreferrer" target="_blank" title="RSS Feed">767 <span class="libsyn-social-title">768 RSS Feed769 </span>770 </a>771 <a class="libsyn-social-button libsyn-social-itunes" rel="noopener noreferrer" target="_blank" title="Subscribe in Apple Podcasts">772 <span class="libsyn-social-title">773 Subscribe in Apple Podcasts774 </span>775 </a>776 </div>777 <!-- CLOSE <div class="libsyn-social"> -->778 <div class="clear">779 </div>780 <a class="libsyn-show-title" style="top: 127px;">781 We Got This with Mark and Hal782 </a>783 </div>784 <!-- CLOSE <div class="libsyn-show-header"> -->785 <div class="libsyn-archives" id="archives_text">786 <div style="border-bottom: 1px solid #aaa; width:40%;">787 <strong>788 <a>789 2020790 </a>791 </strong>792 <br>793 <span style="margin-left: 10px;">794 <a>795 May796 </a>797 <br>798 </span>799 <span style="margin-left: 10px;">800 <a>801 April802 </a>803 <br>804 </span>805 <span style="margin-left: 10px;">806 <a>807 March808 </a>809 <br>810 </span>811 <span style="margin-left: 10px;">812 <a>813 February814 </a>815 <br>816 </span>817 <span style="margin-left: 10px;">818 <a>819 January820 </a>821 <br>822 </span>823 <br>824 </div>825 <!-- CLOSE <div style="border-bottom: 1px solid #aaa; width:40%;"> -->826 <br>827 <div style="border-bottom: 1px solid #aaa; width:40%;">828 <strong>829 <a>830 2019831 </a>832 </strong>833 <br>834 <span style="margin-left: 10px;">835 <a>836 December837 </a>838 <br>839 </span>840 <span style="margin-left: 10px;">841 <a>842 November843 </a>844 <br>845 </span>846 <span style="margin-left: 10px;">847 <a>848 October849 </a>850 <br>851 </span>852 <span style="margin-left: 10px;">853 <a>854 September855 </a>856 <br>857 </span>858 <span style="margin-left: 10px;">859 <a>860 August861 </a>862 <br>863 </span>864 <span style="margin-left: 10px;">865 <a>866 July867 </a>868 <br>869 </span>870 <span style="margin-left: 10px;">871 <a>872 June873 </a>874 <br>875 </span>876 <span style="margin-left: 10px;">877 <a>878 May879 </a>880 <br>881 </span>882 <span style="margin-left: 10px;">883 <a>884 April885 </a>886 <br>887 </span>888 <span style="margin-left: 10px;">889 <a>890 March891 </a>892 <br>893 </span>894 <span style="margin-left: 10px;">895 <a>896 February897 </a>898 <br>899 </span>900 <span style="margin-left: 10px;">901 <a>902 January903 </a>904 <br>905 </span>906 <br>907 </div>908 <!-- CLOSE <div style="border-bottom: 1px solid #aaa; width:40%;"> -->909 <br>910 <div style="border-bottom: 1px solid #aaa; width:40%;">911 <strong>912 <a>913 2018914 </a>915 </strong>916 <br>917 <span style="margin-left: 10px;">918 <a>919 December920 </a>921 <br>922 </span>923 <span style="margin-left: 10px;">924 <a>925 November926 </a>927 <br>928 </span>929 <span style="margin-left: 10px;">930 <a>931 October932 </a>933 <br>934 </span>935 <span style="margin-left: 10px;">936 <a>937 September938 </a>939 <br>940 </span>941 <span style="margin-left: 10px;">942 <a>943 August944 </a>945 <br>946 </span>947 <span style="margin-left: 10px;">948 <a>949 July950 </a>951 <br>952 </span>953 <span style="margin-left: 10px;">954 <a>955 June956 </a>957 <br>958 </span>959 <span style="margin-left: 10px;">960 <a>961 May962 </a>963 <br>964 </span>965 <span style="margin-left: 10px;">966 <a>967 April968 </a>969 <br>970 </span>971 <span style="margin-left: 10px;">972 <a>973 March974 </a>975 <br>976 </span>977 <span style="margin-left: 10px;">978 <a>979 February980 </a>981 <br>982 </span>983 <span style="margin-left: 10px;">984 <a>985 January986 </a>987 <br>988 </span>989 <br>990 </div>991 <!-- CLOSE <div style="border-bottom: 1px solid #aaa; width:40%;"> -->992 <br>993 <div style="border-bottom: 1px solid #aaa; width:40%;">994 <strong>995 <a>996 2017997 </a>998 </strong>999 <br>1000 <span style="margin-left: 10px;">1001 <a>1002 December1003 </a>1004 <br>1005 </span>1006 <span style="margin-left: 10px;">1007 <a>1008 November1009 </a>1010 <br>1011 </span>1012 <span style="margin-left: 10px;">1013 <a>1014 October1015 </a>1016 <br>1017 </span>1018 <span style="margin-left: 10px;">1019 <a>1020 September1021 </a>1022 <br>1023 </span>1024 <span style="margin-left: 10px;">1025 <a>1026 August1027 </a>1028 <br>1029 </span>1030 <span style="margin-left: 10px;">1031 <a>1032 July1033 </a>1034 <br>1035 </span>1036 <span style="margin-left: 10px;">1037 <a>1038 June1039 </a>1040 <br>1041 </span>1042 <span style="margin-left: 10px;">1043 <a>1044 May1045 </a>1046 <br>1047 </span>1048 <span style="margin-left: 10px;">1049 <a>1050 April1051 </a>1052 <br>1053 </span>1054 <span style="margin-left: 10px;">1055 <a>1056 March1057 </a>1058 <br>1059 </span>1060 <span style="margin-left: 10px;">1061 <a>1062 February1063 </a>1064 <br>1065 </span>1066 <span style="margin-left: 10px;">1067 <a>1068 January1069 </a>1070 <br>1071 </span>1072 <br>1073 </div>1074 <!-- CLOSE <div style="border-bottom: 1px solid #aaa; width:40%;"> -->1075 <br>1076 <div style="border-bottom: 1px solid #aaa; width:40%;">1077 <strong>1078 <a>1079 20161080 </a>1081 </strong>1082 <br>1083 <span style="margin-left: 10px;">1084 <a>1085 December1086 </a>1087 <br>1088 </span>1089 <span style="margin-left: 10px;">1090 <a>1091 November1092 </a>1093 <br>1094 </span>1095 <span style="margin-left: 10px;">1096 <a>1097 October1098 </a>1099 <br>1100 </span>1101 <span style="margin-left: 10px;">1102 <a>1103 September1104 </a>1105 <br>1106 </span>1107 <span style="margin-left: 10px;">1108 <a>1109 August1110 </a>1111 <br>1112 </span>1113 <span style="margin-left: 10px;">1114 <a>1115 July1116 </a>1117 <br>1118 </span>1119 <span style="margin-left: 10px;">1120 <a>1121 June1122 </a>1123 <br>1124 </span>1125 <span style="margin-left: 10px;">1126 <a>1127 May1128 </a>1129 <br>1130 </span>1131 <span style="margin-left: 10px;">1132 <a>1133 April1134 </a>1135 <br>1136 </span>1137 <span style="margin-left: 10px;">1138 <a>1139 March1140 </a>1141 <br>1142 </span>1143 <span style="margin-left: 10px;">1144 <a>1145 February1146 </a>1147 <br>1148 </span>1149 <span style="margin-left: 10px;">1150 <a>1151 January1152 </a>1153 <br>1154 </span>1155 <br>1156 </div>1157 <!-- CLOSE <div style="border-bottom: 1px solid #aaa; width:40%;"> -->1158 <br>1159 <div style="border-bottom: 1px solid #aaa; width:40%;">1160 <strong>1161 <a>1162 20151163 </a>1164 </strong>1165 <br>1166 <span style="margin-left: 10px;">1167 <a>1168 December1169 </a>1170 <br>1171 </span>1172 <span style="margin-left: 10px;">1173 <a>1174 November1175 </a>1176 <br>1177 </span>1178 <span style="margin-left: 10px;">1179 <a>1180 October1181 </a>1182 <br>1183 </span>1184 <span style="margin-left: 10px;">1185 <a>1186 September1187 </a>1188 <br>1189 </span>1190 <span style="margin-left: 10px;">1191 <a>1192 August1193 </a>1194 <br>1195 </span>1196 <span style="margin-left: 10px;">1197 <a>1198 July1199 </a>1200 <br>