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 class="js svg wf-camingodosweb-n4-active wf-camingodosweb-n7-active wf-camingodosweb-n3-active wf-active">3 <!--<![endif]-->4 <head>5 <style>6 /*---------------------------------------7 RESET8---------------------------------------*/9 10html, body, div, span, applet, object, iframe,11h1, h2, h3, h4, h5, h6, p, blockquote, pre,12a, abbr, acronym, address, big, cite, code,13del, dfn, em, img, ins, kbd, q, s, samp,14small, strike, strong, sub, sup, tt, var,15b, u, i, center,16dl, dt, dd, ol, ul, li,17fieldset, form, label, legend,18table, caption, tbody, tfoot, thead, tr, th, td,19article, aside, canvas, details, embed,20figure, figcaption, footer, header, hgroup,21menu, nav, output, ruby, section, summary,22time, mark, audio, video {23 margin: 0;24 padding: 0;25 border: 0;26 font-size: 100%;27 font: inherit;28 vertical-align: baseline;29}30/* HTML5 display-role reset for older browsers */31article, aside, details, figcaption, figure,32footer, header, hgroup, menu, nav, section {33 display: block;34}35ol, ul {36 list-style: none;37}38blockquote, q {39 quotes: none;40}41blockquote:before, blockquote:after,42q:before, q:after {43 content: '';44 content: none;45}46table {47 border-collapse: collapse;48 border-spacing: 0;49 50}51 52/*---------------------------------------53 HELPERS54---------------------------------------*/55 56.break {57 height: 0;58 font-size: 0;59 display: block;60 clear: both;61}62 63.clearfix:before,64.clearfix:after {65 content: " "; /* 1 */66 display: table; /* 2 */67}68 69.clearfix:after {70 clear: both;71}72 73/*74 * For IE 6/7 only75 * Include this rule to trigger hasLayout and contain floats.76 */77 78.clearfix {79 *zoom: 1;80}81 82.hide-text {83 text-indent: 100%;84 white-space: nowrap;85 overflow: hidden;86}87 88.fl {89 float: left;90}91 92.fr {93 float: right;94}95 96.text-align-c {97 text-align: center;98}99 100.text-align-l {101 text-align: left;102}103 104/*---------------------------------------105 GLOBAL106---------------------------------------*/107 108* {109 -moz-box-sizing: border-box;110 -webkit-box-sizing: border-box;111 box-sizing: border-box;112}113 114body {115 margin: 0;116 font: 100%/1.5;117 color: rgb(0,0,0);118 font-family: "camingodos-web",Helvetica,Arial,sans-serif;119 background: rgb(21,21,21);120}121 122h1 {123 font-size: 1.75em;124 font-weight: 700;125 margin: 0 0 0.5em 0;126}127 128h2 {129 font-size: 1.25em;130 font-weight: 700;131 margin: 0 0 0.5em 0;132}133 134h3 {135 font-size: 1.125em;136 font-weight: 700;137 line-height: 1.4em;138 margin: 0 0 0.5em 0;139}140 141p {142 color: rgb(102,102,102);143 font-weight: 300;144 margin: 0 0 1em 0;145}146 147a {148 text-decoration: none;149}150 151a:hover {152 text-decoration: underline;153}154 155img {156 max-width: 100%;157 height: auto;158 display: block;159}160 161@media \0screen {162 img {163 width: auto; /* for ie 8 */164 }165}166 167hr {168 border: 0;169 margin: 0;170 padding: 0;171 height: 1px;172 clear: both;173 width: 100%;174 background-color: rgb(46,46,46);175 display: block;176}177 178b {179 font-weight: 700;180}181 182/*---------------------------------------183 CLASSES184---------------------------------------*/185 186.large-header {187 font-size: 1.75em;188 font-weight: 700;189}190 191.lead {192 font-size: 1em;193 font-weight: 700;194 line-height: 1.25em;195 margin: 0 0 0.75em 0;196}197 198.white-bg {199 background: rgb(255,255,255);200}201 202.light-grey-bg {203 background: rgb(246,246,246);204}205 206.rounded {207 border-radius: 5px;208}209 210.rounded-shadow {211 border-radius: 5px;212 box-shadow: 0 0 5px rgba(0,0,0,0.3);213 background: rgb(255,255,255);214}215 216.button {217 border: 1px solid rgb(35,87,183);218 background: #1ab3e6; /* Old browsers */219 background: -moz-linear-gradient(top, #1ab3e6 0%, #0099cc 100%); /* FF3.6+ */220 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ab3e6), color-stop(100%,#0099cc)); /* Chrome,Safari4+ */221 background: -webkit-linear-gradient(top, #1ab3e6 0%,#0099cc 100%); /* Chrome10+,Safari5.1+ */222 background: -o-linear-gradient(top, #1ab3e6 0%,#0099cc 100%); /* Opera 11.10+ */223 background: -ms-linear-gradient(top, #1ab3e6 0%,#0099cc 100%); /* IE10+ */224 background: linear-gradient(to bottom, #1ab3e6 0%,#0099cc 100%); /* W3C */225 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab3e6', endColorstr='#0099cc',GradientType=0 ); /* IE6-9 */226 font-size: 1.125em;227 font-weight: bold;228 padding: 0.5em 0.75em;229 color: rgb(255,255,255);230 border-radius: 5px;231 display: inline-block;232 margin: 0;233 cursor: pointer;234 }235 236 .action-link {237 font-weight: 700;238 color: rgb(51,153,204);239 }240 241/*----- Hide Show ( used sparingly ) -----*/242 243.hide-mobile {244 display: none;245}246 247 248/*----- Sprites -----*/249 250 .sprite {251 background-position: 0 0;252 background-repeat: no-repeat;253 display: inline-block;254 }255 256 .svg .sprite {257 background-image: url(../sitepix/structural/sprite.svg);258 }259 .no-svg .sprite {260 background-image: url(../sitepix/structural/sprite.png);261 }262 263 .logo {264 width: 56px;265 height: 63px;266 background-position: 0 0;267 float: left;268 margin: 10px;269 }270 271 .logofooter {272 width: 230px;273 height: 63px;274 background-position: -200px -200px;275 float: left;276 margin: 10px;277 }278 279.footerlogoholder {280 float:left;281 width:100%;282 margin: 0 0 22px;283}284 285.hamburger-icon {286 width: 44px;287 height: 40px;288 background-position: -744px 7px;289 background-color: rgb(103,103,103);290 border-radius: 5px;291 float: right;292 margin: 1.25em 10px 0 0;293}294 295.hamburger-icon.active {296 background-color: rgb(51,153,204);297}298 299.prev, .next {300 width: 48px;301 height: 48px;302}303 304.prev {305 background-position: -300px 0;306}307 308.next {309 background-position: -360px 0;310}311 312.people-bluetooth-icon {313 width: 57px;314 height: 72px;315 background-position: -450px 0;316}317 318.surveillance-icon {319 width: 74px;320 height: 72px;321 background-position: -520px 0;322}323 324.other-services-icon {325 width: 64px;326 height: 72px;327 background-position: -600px 0;328}329 330.twitter-icon {331 width: 19px;332 height: 15px;333 background-position: -670px 0;334}335 336.linkedin-icon {337 width: 17px;338 height: 17px;339 background-position: -700px 0;340}341 342.travel-icon {343 width: 74px;344 height: 72px;345 background-position: -612px -100px;346}347 348.together-icon {349 width: 52px;350 height: 72px;351 background-position: -520px -100px;352}353 354.bluetooth-icon {355 width: 45px;356 height: 72px;357 background-position: -450px -100px;358}359 360.weatherproof-icon {361 width: 85px;362 height: 72px;363 background-position: -700px -100px;364}365 366.raising-icon {367 width: 44px;368 height: 72px;369 background-position: -380px -100px;370}371 372.icons-50px-50px {373 width: 50px;374 height: 50px;375}376 377.turning-counts-icon {378 background-position: 0 -100px;379}380 381.time-survey-icon {382 background-position: -50px -100px;383}384 385.screenline-survey-icon {386 background-position: -100px -100px;387}388 389.movement-survey-icon {390 background-position: 0 -150px;391}392 393.length-survey-icon {394 background-position: -50px -150px;395}396 397.compliance-survey-icon {398 background-position: -100px -150px;399}400 401.accumulation-survey-icon {402 background-position: 0 -200px;403}404 405.delay-survey-icon {406 background-position: -50px -200px;407}408 409.atc-survey-icon {410 background-position: -100px -200px;411}412 413.destination-survey-icon {414 background-position: 0 -250px;415}416 417.interview-survey-icon {418 background-position: -50px -250px;419}420 421.count-survey-icon {422 background-position: -100px -250px;423}424 425/*---------------------------------------426 STRUCTURE427---------------------------------------*/428 429/*---- Containers -----*/430 431.outer-wrapper {432 width: 100%;433}434 435.inner-wrapper {436 max-width: 75em; /*1200px*/437 margin: 0 auto;438}439 440.wrapper-padding {441 padding: 2em 0.9375em 0 0.9375em;442}443 444.centered-content {445 width: 100%;446 margin: 1.5em auto 2em auto;447}448 449 450/*---- navigations ----*/451 452.nav-list {453 margin: 0 0 20px;454 padding: 0;455 list-style-type: none;456 text-align: left;457}458 459.nav-list > li {460 display: inline-block;461}462 463.main-nav {464 clear: both;465 display: none;466}467 468.main-nav > li {469 display: block;470}471 472.main-nav > li > a {473 font-size: 1.25em;474 font-weight: 400;475 color: rgb(255,255,255);476 padding: 0.5em 1em;477 display: block;478 background-color: rgb(51,153,204);479 margin-bottom: 1px;480}481 482.main-nav > li > a:hover {483 background-color: rgb(103,103,103);484 color: rgb(255,255,255);485 text-decoration: none;486}487 488.legal-nav {489 /*margin-top: 1em;*/490}491 492.legal-nav > li {493 margin: 0.25em 0;494}495 496.legal-nav > li > a {497 font-size: 90%;498 font-weight: 300;499 color: rgb(255,255,255);500 border-right: 1px solid rgb(255,255,255);501 padding: 0 0.7em 0 0.5em;502}503 504.legal-nav > li:last-child > a {505 border-right: 0;506}507 508.social-nav > li > a {509 border-radius: 4px;510 border: 1px solid rgb(41,41,41);511 color: rgb(255,255,255);512 font-size: 90%;513 padding: 0.5em 1.5em;514 display: inline-block;515}516 517.social-nav > li > a > span {518 margin-right: 0.875em;519}520 521/*----- Forms -----*/522 523.form-input, textarea {524 border: 1px solid rgb(0,0,0);525 background-color: rgb(255,255,255);526 margin: 0;527 padding: 0.5em 0.75em;528 font-size: 1em;529 color: rgb(0,0,0);530 width: 100%;531}532 533select {534 -webkit-appearance: none;535 -moz-appearance: none;536 border: 0;537 background: transparent;538 font-size: 100%;539 width: 115%;540 padding: 0.5em 0.75em;541}542 543.select-style {544 border: 1px solid rgb(0,0,0);545 background: url(../sitepix/structural/sprite.svg) no-repeat right -203px, rgb(255,255,255);546 overflow: hidden;547}548 549textarea {550 height: 100px;551}552 553/*---- Sliders ----*/554 555.slider-wrap {556 max-width: 75em; /*1200px*/557 /*height: 26.8125em; 429px*/558 position: relative;559}560 561.slide {562 float: left;563 display: block;564 height: 18.75em; /*300px*/565}566 567/*For single versions of the slides on the other pages*/568 569.slide-still {570 display: block;571 height: 18.75em; /*300px*/572 margin: 0 0 1.5em 0;573}574 575.caption {576 max-width: 31.25em;577 text-align: left;578}579 580.caption > ul {581 font-weight: 700;582 list-style-type: disc;583 margin: 0 0 1em 1.25em;584}585 586.caption > ul > li {587 line-height: 1.5em;588}589 590.caption-left {591 margin: 3%;592}593 594.caption-right {595 margin: 3%;596}597 598.caption-white h2, .caption-white p, .caption-white ul {599 color: rgb(255,255,255);600}601 602.caption-black h2, .caption-black p, .caption-black ul {603 color: rgb(0,0,0);604}605 606.first-slide {607 background: url(../sitepix/swapper/1.jpg) no-repeat center 0;608}609 610.second-slide {611 background: url(../sitepix/swapper/2.jpg) no-repeat center 0;612}613 614.third-slide {615 background: url(../sitepix/swapper/3.jpg) no-repeat center 0;616}617 618.forth-slide {619 background: url(../sitepix/swapper/4.jpg) no-repeat center 0;620}621 622.slider-wrap .prev, .slider-wrap .next {623 position: absolute;624 bottom: 3%;625 z-index: 1;626}627 628.slider-wrap .prev {629 left: 2%;630}631 632.slider-wrap .next {633 right: 2%;634}635 636.logo-slider-wrap {637 margin: 0 0 1.5em 0;638 position: relative;639 padding: 2.5em 3em;640}641 642.logo-slider-wrap li {643 float: left;644}645 646 647.logo-slider-wrap .prev, .logo-slider-wrap .next {648 position: absolute;649 top: 40%;650}651 652.logo-slider-wrap .prev {653 left: 0.75em;654 background-position: -300px -50px;655}656 657.logo-slider-wrap .next {658 right: 0.75em;659 background-position: -360px -50px;660}661 662.logo-slider {663 width: 90%;664 margin: 0 auto;665 position: relative;666 overflow: hidden;667}668 669.logo-slider ul {670 display: block;671}672 673.logo-slider li {674 margin: 0 2em;675}676 677.logo-slider .caroufredsel_wrapper {678 width: 100%;679}680 681/*---- Columns ----*/682 683.grid-row {684 margin: 0;685 position: relative;686}687 688.grid-three {689 margin: 0 0 2em 0;690}691 692.grid-three figure, .grid-three figure img {693 width: 100%;694}695 696.grid-three figure {697 margin: 0 0 0.75em 0;698}699 700#testimonial-wrap {701 max-width: 1200px;702 position: relative;703}704 705#testimonial-wrap ul {706 width: 100%;707}708 709#testimonial-wrap li {710 width: 100%;711 padding: 0 1em 2em 1em;712}713 714#testimonial-wrap li blockquote {715 padding: 2em;716}717 718.testimonial-name {719 font-size: 1.25em;720 margin: 0 0 0.25em 0;721}722 723.testimonial-job-title {724 font-size: 1.125em;725 font-weight: 700;726 color: rgb(51,153,204);727}728 729/*---- action boxes ----*/730 731.action-box {732 text-align: center;733 padding: 2em;734}735 736/*---- Contact Specific ----*/737 738.contact-form fieldset {739 margin: 0 0 0.5em 0;740}741 742.address-header {743 font-size: 1.125em;744 font-weight: 700;745 margin: 0;746 display: inline-block;747}748 749.twitter-feed {750 display: none;751}752 753 754/*---- Footer Specific ----*/755 756.footer h3 {757 color: rgb(255,255,255);758 font-weight: 400;759}760 761.email-sign-up {762 margin: 3em 0 2em 0;763}764 765.footer fieldset {766 margin: 0 0 0.5em 0;767}768 769.footer .form-input {770 background-color: transparent;771 border: 1px solid rgb(255,255,255);772}773 774.footer hr {775 margin: 2em 0 2.25em 0;776}777 778.footer-address, .footer-contact-details {779 font-size: 90%;780 font-weight: bold;781}782 783.footer-address {784 color: rgb(153,153,153);785}786 787.footer-contact-details, .footer-contact-details a {788 color: rgb(255,255,255);789}790 791.footer-copyright small {792 font-size: 80%;793}794 795.footer-copyright, .footer-copyright a {796 color: rgb(204,204,204);797}798 799 800 801 802 803 804 805/*---------------------------------------806 Above 600px807---------------------------------------*/808 809/*---------------------------------------810 CLASSES811---------------------------------------*/812 813/*----- Hide Show ( used sparingly ) -----*/814 815.hide-mobile {816 display: inline-block;817}818 819/*----- Sprites -----*/820 821.logo {822 width: 257px;823 /*margin-left: 1.5625em;*/824 }825 826 .hamburger-icon {827 display: none;828}829 830/*---------------------------------------831 STRUCTURE832---------------------------------------*/833 834/*---- Containers -----*/835 836.wrapper-padding {837 padding: 2em 1.5625em 0 1.5625em;838}839 840 841.centered-content {842 width: 80%;843}844 845/*---- navigations ----*/846 847.main-nav {848 display: block !important;849 margin: 0 0 0.75em 0;850}851 852.main-nav > li {853 display: inline-block;854}855 856.main-nav > li > a {857 background: transparent;858 border-radius: 5px;859 color: rgb(51,51,51);860 font-weight: 400;861 padding: 0.375em 0.95em;862 font-size: 1.125em;863}864 865.legal-nav {866 /*clear: both;*/867 float:left;868}869 870.social-nav {871 float: right;872 /*margin: 5.3em 0 0 0;*/873}874 875.social-nav > li {876 display: block;877 margin: 0 0 0.5em 0;878}879 880/*---- Sliders ----*/881 882.slide {883 height: 26.8125em; /*429px*/884}885 886/*For single versions of the slides on the other pages*/887 888.slide-still {889 height: 26.8125em; /*429px*/890}891 892.caption-left {893 margin: 6% 6% 0 10%;894}895 896.caption-right {897 margin: 6% 6% 0 54%;898}899 900/*---- Columns ----*/901 902.grid-row {903 margin: 0;904}905 906.grid-three {907 margin: 0 auto 2em auto;908 max-width: 80%;909 clear: both;910}911 912.grid-three figure {913 float: left;914 width: 40%;915 margin-right: 1.5em;916 margin-bottom: 2em;917}918 919.content-overflow {920 overflow: hidden;921}922 923/*----- other sevices specific ------*/924 925.grid-three.other-services {926 width: 50%;927 float: left;928 clear: none;929 text-align: left;930}931 932.grid-three.other-services:nth-child(odd) {933 clear: left;934}935 936 937/*---- Testimonials Specific ----*/938 939#testimonial-wrap li {940 width: 50%;941}942 943/*---- Contact Specific ----*/944 945.contact-details {946 width: 50%;947 float: left;948 clear: none;949}950 951.addresses-wrap {952 padding-left: 20%;953}954 955 956 957/*---- Footer Specific ----*/958 959.email-sign-up {960 margin: 3em 0 2em 0;961 float: left;962 width: 50%;963}964 965.footer-address-wrap li {966 display: inline-block;967 margin: 0 2em 0 0;968}969 970/*---------------------------------------971 Above 960px972---------------------------------------*/973 974@media screen and (min-width: 60em) {975 976 /*---------------------------------------977 STRUCTURE978 ---------------------------------------*/979 980 /*---- Navigations ----*/981 982 .social-nav > li {983 display: inline;984 }985 986 .main-nav > li > a {987 font-size: 1.25em;988 }989 990 /*---- Columns ----*/991 992 .grid-row {993 margin: 0 -1.375em;994 clear: both;995 }996 997 .grid-three {998 margin: 0 0 3em 0;999 width: 33.[PHONE REDACTED]%;1000 float: left;1001 padding: 0 1.375em;1002 clear: none;1003 }1004 1005 .grid-three figure {1006 float: none;1007 width: 100%;1008 margin: 0 0 1em 0;1009 }1010 1011 1012 1013 /*----- other sevices specific ------*/1014 1015 .grid-three.other-services {1016 margin: 0 0 3em 0;1017 width: 33.[PHONE REDACTED]%;1018 float: left;1019 padding: 0 1.375em;1020 clear: none;1021 }1022 1023 .grid-three.other-services:nth-child(odd) {1024 clear: none;1025 }1026 1027 .grid-three.other-services:nth-child(3n+1) {1028 clear: left;1029 }1030 1031 .grid-three.other-services .sprite {1032 float: left;1033 margin: 0 1em 1em 0;1034 }1035 1036 /*---- Testimonials ----*/1037 1038 #testimonial-wrap li {1039 width: 33%;1040 }1041 1042 /*---- Contact Specific ----*/1043 1044 .twitter-feed {1045 display: block;1046 }1047 1048 /*---- Footer Specific ----*/1049 1050 .email-sign-up {1051 width: 65%;1052 }1053 1054 .email-sign-up fieldset {1055 float: left;1056 width: 33%;1057 margin-right: 1em;1058 }1059 1060 .email-sign-up fieldset:last-child {1061 width: 20%;1062 margin: -3px 0 0 0;1063 }1064}1065 1066 1067/*---------------------------------------1068 Above 1200px1069---------------------------------------*/1070 1071@media screen and (min-width: 75em) {1072 .wrapper-padding {1073 padding: 2em 0 0 0;1074 }1075}1076 </style>1077 <title>1078 Worldwide Coverage - MHC Traffic Ltd - professional traffic data collection service1079 </title>1080 <meta charset="utf-8">1081 <meta content="IE=9" http-equiv="X-UA-Compatible">1082 <meta content="width=device-width, initial-scale=1.0" name="viewport">1083 <meta content name="description">1084 <meta content="telephone=no" name="format-detection">1085 <!-- disable auto telephone linking in iOS -->1086 <style type="text/css">1087 .tk-camingodos-web{font-family:"camingodos-web",sans-serif;}1088 </style>1089 <style type="text/css">1090 @font-face{font-family:camingodos-web;src:url(https://use.typekit.net/af/f8b7e3/00000000000000000000ea14/27/l?subset_id=2&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/f8b7e3/00000000000000000000ea14/27/d?subset_id=2&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/f8b7e3/00000000000000000000ea14/27/a?subset_id=2&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:camingodos-web;src:url(https://use.typekit.net/af/bc2f8c/00000000000000000000ea18/27/l?subset_id=2&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/bc2f8c/00000000000000000000ea18/27/d?subset_id=2&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/bc2f8c/00000000000000000000ea18/27/a?subset_id=2&fvd=n7&v=3) format("opentype");font-weight:700;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:camingodos-web;src:url(https://use.typekit.net/af/5fc41b/00000000000000000000ea12/27/l?subset_id=2&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/5fc41b/00000000000000000000ea12/27/d?subset_id=2&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/5fc41b/00000000000000000000ea12/27/a?subset_id=2&fvd=n3&v=3) format("opentype");font-weight:300;font-style:normal;font-stretch:normal;font-display:auto;}1091 </style>1092 <!--[if (lt IE 9)&(!IEMobile)]>1093 1094 <![endif]-->1095 </head>1096 <body>1097 <!--[if lt IE 7]>1098 <p class="chromeframe">You are using an outdated browser. <a >Upgrade your browser today</a> or <a >install Google Chrome Frame</a> to better experience this site.</p>1099 <![endif]-->1100 <div class="outer-wrapper white-bg clearfix">1101 <div class="inner-wrapper clearfix">1102 <header>1103 <div class="sprite hamburger-icon">1104 </div>1105 <a class="sprite logo hide-text">1106 MHC Traffic Ltd1107 </a>1108 <nav role="navigation">1109 <ul class="nav-list main-nav">1110 <li>1111 <a>1112 Home1113 </a>1114 </li>1115 <li>1116 <a>1117 Worldwide Coverage1118 </a>1119 </li>1120 <li>1121 <a>1122 Bluetooth Tracking1123 </a>1124 </li>1125 <li>1126 <a>1127 Video Surveillance1128 </a>1129 </li>1130 </ul>1131 </nav>1132 </header>1133 </div>1134 <!-- End of inner-wrapper -->1135 </div>1136 <!-- End of outer-wrapper -->1137 <div class="outer-wrapper light-grey-bg clearfix">1138 <div class="inner-wrapper clearfix wrapper-padding text-align-c">1139 <section class="centered-content">1140 <header>1141 <h1 class="large-header">1142 Worldwide Coverage1143 </h1>1144 </header>1145 <p class="lead">1146 The technological advances that we have made in our camera equipment over the last 18 months, have allowed MHC Traffic Ltd to expand into many and varied markets that were previously unavailable to us.1147 </p>1148 </section>1149 <figure>1150 <img alt="Worldwide Coverage" src="rick.jpg">1151 </figure>1152 </div>1153 <!-- End of inner-wrapper -->1154 </div>1155 <!-- End of outer-wrapper -->1156 <div class="outer-wrapper light-grey-bg clearfix">1157 <div class="inner-wrapper clearfix wrapper-padding">1158 <ul class="grid-row">1159 <li class="grid-three">1160 <div class="rounded-shadow action-box">1161 <h3>1162 Our Experience1163 </h3>1164 <p>1165 In recent years we have been entrused to undertake the traffic surveys relating to such prestigious projects accross the globe as Abu Dhabi Plan 2030, and Singapore General Hospital, the latter involving in the region of 200 cameras to complete, over the course of a 2 week period.1166 </p>1167 </div>1168 </li>1169 <li class="grid-three">1170 <div class="rounded-shadow action-box">1171 <h3>1172 Our Coverage1173 </h3>1174 <p>1175 We also regularly undertake surveys throughout mainland Europe. The fact that our range of camera equipment is so compact, and has been certified for carriage on both freight and commercial flights, opens up the viability of any survey, anywhere.1176 </p>1177 </div>1178 </li>1179 <li class="grid-three">1180 <div class="rounded-shadow action-box">1181 <h3>1182 Get in Touch1183 </h3>1184 <p>1185 Please feel free to get in touch to discuss any requirements you have, and we can discuss your requirements based on the geographical location, and our experience in that area.1186 </p>1187 </div>1188 </li>1189 </ul>1190 </div>1191 <!-- End of inner-wrapper -->1192 </div>1193 <!-- End of outer-wrapper -->1194 <div class="outer-wrapper clearfix">1195 <div class="inner-wrapper clearfix wrapper-padding">1196 <footer class="footer">1197 <div class="footerlogoholder">1198 <a class="sprite logofooter hide-text">1199 MHC Traffic Ltd1200 </a>