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.
222.8k
1<!DOCTYPE html>2<html lang="en">3 <head>4 <style>5 /* Grid System CSS ============================================================= */6 7/* Getting the new tags to behave */8article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }9mark, rp, rt, ruby, summary, time { display: inline }10 11html {background:#FFF url(../images/bg.jpg) repeat center top;}12 13<!--body {background:url(../images/body.jpg) no-repeat center top;height:1600px}-->14body { height:1600px}15.body1 {background:url(../images/body.jpg) no-repeat center top;height:1600px}16.body2 {background:url(../images/body-2.jpg) no-repeat center top;height:1600px}17.body3 {background:url(../images/body-3.jpg) no-repeat center top;height:1600px}18.body4 {background:url(../images/body-4.jpg) no-repeat center top;height:1600px}19.body5 {background:url(../images/body-5.jpg) no-repeat center top;height:1600px}20 21/* Page Elements ============================================================= */22 23/* NEWSLETTER */24#newsletter .field {position: relative;}25#newsletter button {background: #F3F3F3 url(../images/subscribe-newsletter.png) no-repeat center center; border: 1px solid #CCC; cursor: pointer; height: 24px; position: absolute; right: 0; width: 22px;}26#newsletter button:hover {background: #F3F3F3 url(../images/subscribe-newsletter-hover.png) no-repeat center center; border: 1px solid #CCC; cursor: pointer; height: 24px; position: absolute; right: 0; width: 22px;}27#newsletter input {border: 1px solid #CCC; font-family: arial, sans-serif; float: left; height: 14px; padding: 4px 0 4px 4px; width: 180px;}28.newsletter_legals { font-family: arial, sans-serif; font-size: 8px; color:#888 }29.newsletter_text { font-family: arial, sans-serif; font-size: 11px; color:#333 }30.msgnewsletter { font-family: arial, sans-serif; font-size: 8px; }31.green { color:#093; font-size:12px; }32.red { color:#DD0005; font-size:12px; }33 34/* Pagination */35.pagination {36font:12px Arial, Helvetica, sans-serif;37margin:40px 0;38text-align:center39}40 41.pagination a {42background:#f2f3f3;43border:1px solid #888888;44color:#333333;45margin:2px;46padding:.2em .4em;47text-decoration:none48}49 50.pagination a:hover {51background:#333333;52border:1px solid #333333;53color:#f2f3f354}55 56.pagination span.inactive {57background:#fff;58border:1px solid #f0f0ff;59color:#f0f0ff;60margin:2px;61padding:.2em .4em62}63 64.pagination span.active {65background:#999;66border:1px solid #999;67color:#f2f3f3;68font-weight:700;69margin:2px;70padding:.2em .4em71}72 73 74#container{width:980px;margin:0 auto;background:#FFF url('../images/container_bg.jpg') repeat-y center;overflow:auto;border:1px solid #CCC;-moz-border-radius:0px 0px 15px 15px;-webkit-border-radius:0px 0px 15px 15px;}75#wrapper{width:940px;margin:0 auto;padding-top:20px}76#header{margin:0 auto;background:transparent url('../images/head.jpg') no-repeat center;width:980px;height:120px}77#header p.tag {position:relative;float:right;top:60px;right:20px;font-weight:bold;color:#CCC}78 79.total {color:#FFF; font-weight:bold;}80 81.menu{margin:0 auto;background:transparent url('../images/menu_bg.jpg') no-repeat center;width:980px;height:40px;}82.menu ul {height:44px; margin-left:25px;}83.menu ul li{display:inline;color:#FFF;line-height:44px;}84.menu ul li a{color:#FFF;font-weight:bold;text-transform:uppercase; margin-left:20px; margin-top:30px;}85.menu p.slogan {color:#FFF;line-height:44px;text-align:center;font-weight:bold;}86 87 88/* Home > defilement d'images */89 90#slider {height:260px;background:#DDD;width:336px;overflow:hidden;position:relative}91#slider img {margin-bottom:20px}92.slideshow {height:220px;width:336px;margin:0 auto;background:#000;overflow:hidden}93.slideshow img {border:0;background-color:transparent;}94 95.see_more { font-size:14px; font-weight:600; text-align:left; }96.caption { font-size:14px; font-weight:bold }97#apDiv1 {98 position:absolute;99 left:90px;100 bottom:-13px;101 width:336px;102 height:40px;103 color:#000;104 /*background-color:#FFF;*/105 opacity : 0.8; 106 filter : alpha(opacity=8);107 z-index:0;108}109 110 111/* IMAGE */112img {border:0 none;}113img.pic1 {border:2px double #eaeaea; margin-bottom:20px }114img.pic1:hover {border:2px double #b6b6b6; margin-bottom:20px }115img.pic1:visited {border:2px double #000; margin-bottom:20px }116 117 118/* TITLE SNIPPET */119#apDiv2 {120 position:relative;121 left:2px;122 top:22px;123 width:200px;124 height:20px;125 color:#000;126 /*background-color:#000;*/127 background-image:url(../images/bg.jpg);128 opacity : 0.6; 129 filter : alpha(opacity=6);130 z-index:0;131 text-align:center;132}133 134.img_title a { font-size:12px; font-weight:bold; text-decoration:none; color:#fff; }135.img_title a:hover { font-size:12px; font-weight:bold; text-decoration:none; color:#fff; }136.img_title a:visited { font-size:12px; font-weight:bold; text-decoration:none; color:#fff; }137/*.img_title a:hover { font-size:12px; text-decoration:underline; color:#000; }138.img_title a:visited { font-size:12px; text-decoration:none; color:#639; }*/139 140 141/* Snipet index*/142#apDiv_index {143 position:relative;144 left:2px;145 top:22px;146 width:220px;147 height:20px;148 color:#000;149 /*background-color:#000;*/150 background-image:url(../images/bg.jpg);151 opacity : 0.6; 152 filter : alpha(opacity=6);153 z-index:0;154 text-align:center;155}156 157/* VUE FINALE */158 159.latlon { font-size:10px; font-weight:bold; text-decoration:line-; color:#666666; }160.fullscreen { font-size:11px; text-decoration:line-; color:#666666; }161 162/* Snipet index*/163#apDiv_vue {164 position:relative;165 left:2px;166 top:22px;167 width:200px;168 height:20px;169 color:#000;170 /*background-color:#000;*/171 background-image:url(../images/bg.jpg);172 opacity : 0.6; 173 filter : alpha(opacity=6);174 z-index:0;175 text-align:center;176}177.vue_sous_title { font-size:12px; font-weight:bold; text-decoration:line-; color:#666666; }178 179 180#slider_nav{clear:both;height:40px;background:#EEE;width:336px}181#slider_nav p {line-height:105px;float:left;position:relative;left:10px}182#slider_nav .left{font-weight:bold}183#slider_nav .right{font-weight:bold}184 185#footer_links {width:940px;padding:20px;background:#ecece7;overflow:auto;margin:0 auto;border:1px solid #CCC;-moz-border-radius:0px 0px 15px 15px;-webkit-border-radius:0px 0px 15px 15px;}186#footer_links p, #footer_links ul {margin:0}187footer{width:980px;margin:0 auto;height:40px;color:#999;}188footer p {margin-left:10px;text-align:center;margin-bottom:5px;}189 190#content_left {width:200px;float:left;padding:0px;padding-right:20px}191#content_left h1,#content_left h2 {font-size:20px}192#content_right{width:700px;margin-left:20px;float:right;min-height:800px}193 194/* Layout classes ============================================================= */195 196.divide{clear:both;height:90px;}197.col_divide{clear:both;height:10px;}198.clr{clear:both}199 200.right_one{width:220px;float:left;margin-left:0px}201.right_two{width:220px;float:left;margin-left:20px}202.right_three{width:220px;float:left;margin-left:20px}203 204/*Five Columns*/205 206.five_col_a{width:172px;float:left}207.five_col_b{width:172px;float:left;margin-left:20px}208.five_col_c{width:172px;float:left;margin-left:20px}209.five_col_d{width:172px;float:left;margin-left:20px}210.five_col_e{width:172px;float:left;margin-left:20px}211 212/* Search */213#map-searchbar-r { position:relative; top:-26px; left:0px; width:150px; font-size:12px; line-height: 12px; line-height: 12px; font-family:Arial, Helvetica, sans-serif; border: 0px solid #818181; z-index:9999; }214 215.map-searchbar-r-input { background-image:url(icon_search_large.png); background-repeat:no-repeat; background-position:right bottom; border: 1px solid #818181; height:20px; width:150px; padding:2px 2px 2px 7px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }216 217 218 219 220html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td221{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}222body{line-height:1}223ol,ul{list-style:none}224blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}225 226 227/*228960px Grid Framework system.229Typography 230*/231 232body {font-size:100%;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#777}233p {font-size: 12px;font-weight: 300;line-height:20px;margin-bottom:1.5em;color:#666}234h1 {color:#2A2A2A;margin-bottom:10px;letter-spacing:-1px}235h2, h3, h4 {color:#2A2A2A;margin-bottom:5px;letter-spacing:-1px}236h1 {font-size:2em;}237h2 {font-size:1.5em;}238h3 {font-size:1.2em;}239h4 {font-size:1em;}240a {color:#666; text-decoration:underline;}241a { -webkit-transition: color .4s ease-out; }242a:hover{color:#000;text-decoration:underline}243ul li{margin-bottom:20px;}244ul, ol{margin-bottom:20px;}245ul li {font-size:12px;margin-bottom:20px}246strong {font-weight:bold;}247em {font-style:italic;}248img{margin-bottom:0px}249 </style>250 <title>251 Crop circle - Strange Google Earth maps ∴252 </title>253 <meta content="text/html;charset=utf-8" http-equiv="content-type">254 <meta content="A crop circle (neologism) is a pattern made in a field of grain (usually wheat) bending ears in order to represent various geometric shapes. These forms can range from a simple circle of a few meters in diameter at the compositions of several hundred meters involving many sections.255 256The first known crop circles date from the late 1970s, and their creation was claimed later by two Englishmen, Doug Bower and Dave Chorley. They thereby affirmed their intention to make a joke, inspired by a hoax carried out in Australia in 1966.257 258Although some scientists and zetetician say that the origin of crop circles appeared in the English countryside is now known, various paranormal enthusiasts continue to cite many, many alternative explanations for the appearance of crop circles, as natural phenomena, events UFO or manifestations of energy." name="description">259 <!--[if lt IE 7]><![endif]-->260 <!--[if lt IE 7]><![endif]-->261 <meta content="As0hBNJ8h++fNYlkq8cTye2qDLyom8NddByiVytXGGD0YVE+2CEuTCpqXMDxdhOMILKoaiaYifwEvCRlJ/9GcQ8AAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">262 <meta content="AgRYsXo24ypxC89CJanC+JgEmraCCBebKl8ZmG7Tj5oJNx0cmH0NtNRZs3NB5ubhpbX/bIt7l2zJOSyO64NGmwMAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">263 <meta content="As0hBNJ8h++fNYlkq8cTye2qDLyom8NddByiVytXGGD0YVE+2CEuTCpqXMDxdhOMILKoaiaYifwEvCRlJ/9GcQ8AAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">264 <meta content="AgRYsXo24ypxC89CJanC+JgEmraCCBebKl8ZmG7Tj5oJNx0cmH0NtNRZs3NB5ubhpbX/bIt7l2zJOSyO64NGmwMAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">265 </head>266 <body class="body1">267 <header id="header">268 <p class="tag">269 Discover the270 <span class="total">271 2922272 </span>273 strangest places on Earth with Google Earth and Google Maps274 </p>275 </header>276 <nav class="menu">277 <ul>278 <li>279 <a>280 Home281 </a>282 </li>283 <li>284 <a>285 Submit a strange map286 </a>287 </li>288 </ul>289 </nav>290 <div id="container">291 <div id="wrapper">292 <section id="content_left">293 <h1>294 Crop circle295 </h1>296 <p>297 A crop circle (neologism) is a pattern made in a field of grain (usually wheat) bending ears in order to represent various geometric shapes. These forms can range from a simple circle of a few meters in diameter at the compositions of several hundred meters involving many sections.298 <br>299 <br>300 The first known crop circles date from the late 1970s, and their creation was claimed later by two Englishmen, Doug Bower and Dave Chorley. They thereby affirmed their intention to make a joke, inspired by a hoax carried out in Australia in 1966.301 <br>302 <br>303 Although some scientists and zetetician say that the origin of crop circles appeared in the English countryside is now known, various paranormal enthusiasts continue to cite many, many alternative explanations for the appearance of crop circles, as natural phenomena, events UFO or manifestations of energy.304 </p>305 <br>306 <br>307 <h1>308 Newsletter309 </h1>310 <p>311 Receive the latest strange Google Earth images every weeks.312 </p>313 <form action="/" id="newsletter" method="post" name="poster" onsubmit="NewsMaFonctionAjax(this.email.value);return false">314 <div class="field">315 <label class="hidden" for="header_search_input_nl">316 </label>317 <input id="header_search_input_nl" name="email" type="text" value>318 <button id="header_search_submit" name="btnG" type="submit">319 </button>320 <!--<input type="submit" value="Subscribe !" />-->321 </div>322 </form>323 <div id="msgnewsletter">324 </div>325 <span class="newsletter_legals">326 Your mail will be used exclusively by Rodsbot.com and will not be forwarded to third parties.327 </span>328 <br>329 <br>330 <div align="center">331 <ins class="adsbygoogle" data-ad-client="ca-pub-3091073464800366" data-ad-slot="[PHONE REDACTED]" data-adsbygoogle-status="done" style="display: inline-block; width: 160px; height: 0px;">332 <div aria-label="Advertisement" id="aswift_0_host" style="border: none; height: 0px; width: 160px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block; overflow: hidden; opacity: 0;" tabindex="0" title="Advertisement">333 </div>334 </ins>335 </div>336 </section>337 <section id="content_right">338 <div class="col_divide">339 </div>340 <div class="right_one">341 <div id="apDiv2">342 <span class="img_title">343 <a target="_blank">344 Crop circle345 </a>346 </span>347 </div>348 <a target="_blank">349 <img alt="Crop circle (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">350 </a>351 </div>352 <div class="right_one">353 <div id="apDiv2">354 <span class="img_title">355 <a target="_blank">356 Crop357 </a>358 </span>359 </div>360 <a target="_blank">361 <img alt="Crop (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">362 </a>363 </div>364 <div class="right_one">365 <div id="apDiv2">366 <span class="img_title">367 <a target="_blank">368 Crop circle369 </a>370 </span>371 </div>372 <a target="_blank">373 <img alt="Crop circle (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">374 </a>375 </div>376 <div class="right_one">377 <div id="apDiv2">378 <span class="img_title">379 <a target="_blank">380 Crop381 </a>382 </span>383 </div>384 <a target="_blank">385 <img alt="Crop (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">386 </a>387 </div>388 <div class="right_one">389 <div id="apDiv2">390 <span class="img_title">391 <a target="_blank">392 Crop circle393 </a>394 </span>395 </div>396 <a target="_blank">397 <img alt="Crop circle (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">398 </a>399 </div>400 <div class="right_one">401 <div id="apDiv2">402 <span class="img_title">403 <a target="_blank">404 Octopus405 </a>406 </span>407 </div>408 <a target="_blank">409 <img alt="Octopus (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">410 </a>411 </div>412 <div class="right_one">413 <div id="apDiv2">414 <span class="img_title">415 <a target="_blank">416 Crop circle417 </a>418 </span>419 </div>420 <a target="_blank">421 <img alt="Crop circle (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">422 </a>423 </div>424 <div class="right_one">425 <div id="apDiv2">426 <span class="img_title">427 <a target="_blank">428 Crop circle429 </a>430 </span>431 </div>432 <a target="_blank">433 <img alt="Crop circle (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">434 </a>435 </div>436 <div class="right_one">437 <div id="apDiv2">438 <span class="img_title">439 <a target="_blank">440 Crop circle441 </a>442 </span>443 </div>444 <a target="_blank">445 <img alt="Crop circle (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">446 </a>447 </div>448 <div class="right_one">449 <div id="apDiv2">450 <span class="img_title">451 <a target="_blank">452 Crop circle453 </a>454 </span>455 </div>456 <a target="_blank">457 <img alt="Crop circle (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">458 </a>459 </div>460 <div class="right_one">461 <div id="apDiv2">462 <span class="img_title">463 <a target="_blank">464 Crop circle465 </a>466 </span>467 </div>468 <a target="_blank">469 <img alt="Crop circle (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">470 </a>471 </div>472 <div class="right_one">473 <div id="apDiv2">474 <span class="img_title">475 <a target="_blank">476 Crop circle remain477 </a>478 </span>479 </div>480 <a target="_blank">481 <img alt="Crop circle remain (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">482 </a>483 </div>484 <div class="right_one">485 <div id="apDiv2">486 <span class="img_title">487 <a target="_blank">488 Crop circle489 </a>490 </span>491 </div>492 <a target="_blank">493 <img alt="Crop circle (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">494 </a>495 </div>496 <div class="right_one">497 <div id="apDiv2">498 <span class="img_title">499 <a target="_blank">500 Crop circle501 </a>502 </span>503 </div>504 <a target="_blank">505 <img alt="Crop circle (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">506 </a>507 </div>508 <div class="right_one">509 <div id="apDiv2">510 <span class="img_title">511 <a target="_blank">512 Crop circle513 </a>514 </span>515 </div>516 <a target="_blank">517 <img alt="Crop circle (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">518 </a>519 </div>520 <div class="right_one">521 <div id="apDiv2">522 <span class="img_title">523 <a target="_blank">524 Crop circle525 </a>526 </span>527 </div>528 <a target="_blank">529 <img alt="Crop circle (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">530 </a>531 </div>532 <div class="right_one">533 <div id="apDiv2">534 <span class="img_title">535 <a target="_blank">536 Crop circle537 </a>538 </span>539 </div>540 <a target="_blank">541 <img alt="Crop circle (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">542 </a>543 </div>544 <div class="right_one">545 <div id="apDiv2">546 <span class="img_title">547 <a target="_blank">548 Crop circle549 </a>550 </span>551 </div>552 <a target="_blank">553 <img alt="Crop circle (Crop circle)" class="pic1" height="135" src="rick.jpg" width="200">554 </a>555 </div>556 <div class="divide">557 <div class="pagination">558 <span class="inactive">559 ◄560 </span>561 <span class="active">562 1563 </span>564 <a>565 2566 </a>567 <a>568 3569 </a>570 <a>571 4572 </a>573 <a>574 5575 </a>576 <a>577 ►578 </a>579 </div>580 </div>581 </section>582 </div>583 </div>584 <br>585 <div class="divide">586 <div align="center">587 <ins class="adsbygoogle" data-ad-client="ca-pub-3091073464800366" data-ad-slot="[PHONE REDACTED]" data-adsbygoogle-status="done" style="display: inline-block; width: 728px; height: 0px;">588 <div aria-label="Advertisement" id="aswift_1_host" style="border: none; height: 0px; width: 728px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block; overflow: hidden; opacity: 0;" tabindex="0" title="Advertisement">589 </div>590 </ins>591 </div>592 </div>593 <br>594 <section class="menu">595 <p class="slogan">596 Rodsbot.com - Strange Google Earth sights597 </p>598 </section>599 <section id="footer_links">600 <div class="five_col_a">601 <h4>602 Tools603 </h4>604 <ul>605 <br>606 <li>607 <a rel="nofollow" target="_blank">608 Download Google Earth609 </a>610 </li>611 <li>612 <a rel="nofollow" target="_blank">613 How to use Google Earth ?614 </a>615 </li>616 </ul>617 </div>618 <div class="five_col_b">619 <h4>620 Site we like621 </h4>622 <ul>623 <br>624 <li>625 <a target="_blank">626 Street view627 </a>628 </li>629 <li>630 <a target="_blank">631 Google Maps632 </a>633 </li>634 <li>635 <a target="_blank">636 Jeux637 </a>638 </li>639 <li>640 <a target="_blank">641 Flash games642 </a>643 </li>644 </ul>645 </div>646 <div class="five_col_c">647 <!--648 <h4>Legals</h4>649 650 <ul>651 <li><a href='/'>Legals</a></li>652 <li><a href='/'>CGU</a></li> 653 </ul>654 -->655 </div>656 <div class="five_col_d">657 <h4>658 659 </h4>660 <p>661 662 </p>663 </div>664 <div class="five_col_e">665 <!-- -->666 <h4>667 Contact668 </h4>669 <br>670 <ul>671 <li>672 <a>673 A question ?674 </a>675 </li>676 <li>677 <a>678 Submit a strange map679 </a>680 !681 </li>682 <li>683 <a rel="nofollow" target="_blank">684 Our improvements685 </a>686 </li>687 </ul>688 </div>689 <!--End fivecolumns-->690 </section>691 <footer>692 <p>693 <br>694 @ Rodsbot.com - Whole imagery is from Google Earth and satellite imagery providers. Rodsbot is not affiliated with Google.695 <a target="_blank">696 Legals697 </a>698 .699 <br>700 <br>701 </p>702 </footer>703 <!--End HTML-->704 <ins class="adsbygoogle adsbygoogle-noablate" data-adsbygoogle-status="done" style="display: none !important;">705 <div aria-label="Advertisement" id="aswift_2_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">706 </div>707 </ins>708 </body>709</html>710 