Team Ai
Datasetpublic

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.

sourceHugging Faceodc-byupdated 3y agoView on Hugging Face
22likes2.8kdownloads
16401.html710 linesDownload Raw Back to root
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 &there4;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     &nbsp;659    </h4>660    <p>661     &nbsp;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