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.7k
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">2<html lang="en" xml:lang="en" xmlns="">3 <head>4 <style>5 /* Common styling information included across all pages6------------------------------------------------------------------------------*/7 8/* CSS reset */9body, div, span, applet, object, iframe,10h1, h2, h3, h4, h5, h6, p, blockquote, pre,11a, abbr, acronym, address, big, cite, code,12del, dfn, em, font, img, ins, kbd, q, s, samp,13small, strike, strong, sub, sup, tt, var,14dl, dt, dd, ol, ul, li,15fieldset, form, label, legend,16table, caption, tbody, tfoot, thead, tr, th, td {17 margin: 0;18 padding: 0;19 border: 0;20 outline: 0;21 font-weight: inherit;22 font-style: inherit;23 font-size: 100%;24 font-family: inherit;25 vertical-align: baseline;26}27table, caption, tbody, tfoot, thead, tr, th, td {28 vertical-align: center;29}30 31/* remember to define focus styles! */32:focus {33 outline: 0;34}35body {36 color: black;37}38ol, ul {39 list-style: none;40}41/* tables still need 'cellspacing="0"' in the markup */42table {43 border-collapse: separate;44 border-spacing: 0;45}46caption, th, td {47 font-weight: normal;48}49blockquote:before, blockquote:after,50q:before, q:after {51 content: "";52}53blockquote, q {54 quotes: "" "";55}56.clear {clear:both;}57.bold {font-weight:bold;}58.light-text {font-weight:normal;}59 60 61/* Container62------------------------------------------------ */63 64 65body {66 margin: 0;67 padding:0;68 font-family: Arial, Helvetica, Verdana, sans-serif;69 font-size:12px;70}71 72p {margin:0 0 12px 0;line-height:1.4em;}73 74#all75{76 margin: 0 auto 0 auto;77 width: 900px;78 padding:0 0 0 0px;79 height:auto;80}81 82#main83{84 float:left;85 height:auto;86 width: 900px;87 position: relative;88 text-align: left;89 margin: 0;90 padding:0 0 0 40px;91}92 93 94/* Header95------------------------------------------------ */96#header {97 width:810px;98 padding:20px 0 32px 40px;99 background:none;100}101#masthead {102 float:left;103 width:364px;104 margin:0px 0 0 0px;105 padding:0;106}107#header-right {108 float:right;109 width:243px;110 margin:0px 0 0 0px;111 padding:0;112 text-align:right;113 font-weight:bold;114 font-size:1.2em;115}116 117/* Navigation & Lists118------------------------------------------------ */119#navigation {120 background:none;121 margin:0;122 padding:0;123 font-size:1.2em;124}125#navigation ul {126 margin:0;127 padding:0;128}129#navigation li {130 margin:0;131 padding:3px 0;132 border:none;133}134 135#navigation a:link, #navigation a:visited {136 color:#58595B;137 text-decoration:none;138 width:162px;139 padding:0 10px 0 0;140}141 142#navigation a:hover, #navigation a:active {143 color:#0099cc;144 text-decoration:none;145 width:162px;146 padding:0 10px 0 0;147}148 149#navigation li.active {background:url(../images/5.gif) 0px 8px no-repeat;}150#navigation li.active a {color:#0099cc;font-weight:bold;background:#fff; padding:0 10px 0 0;}151 152#navigation-two ul li:last-child.active {background:none;}153 154 155/* Link Styles - Generic Site-wide156-------------------------------------------------*/157 158a:link {color: #0099cc;}159a:visited {color: #0099cc;}160a:hover {color: #006D8F;}161a:active {color: #006D8F;}162a img {margin:0;padding:0;border:none;}163 164#header-right a:link, #header-right a:visited {color:#019DDA;text-decoration:none;}165#header-right a:hover, #header-right a:active {color:#019DDA;}166 167div#header-right div#header-product-links a:link,div#header-right div#header-product-links a:visited{font-size:1.45em;letter-spacing:-1px;}168div#header-right div#header-product-links a.ufh {color:#ff4037;}169div#header-right div#header-product-links a.hp {color:#c7e45e;}170div#header-right div#header-product-links a.ss {color:#57b7df;}171 172div#header-right div#header-product-links a:hover,div#header-right div#header-product-links a:active {color:#fff;}173 174 175/* Footer176------------------------------------------------ */177#footer {178 width:100%;179 font-size:1.1em;180 color:#000;181 padding:5px 0 0 0;182 margin:20px 0 50px 0;183 text-align:center;184}185 186#footer ul li {187 display:inline;188 list-style-type:none;189 padding:0;190 height:10px;191 border-right:1px solid #a6a6a6;192}193#footer ul {194 padding:0px;195 margin:0;196}197#footer ul li:last-child {border-right:none;}198 199 200#footer a:link, #footer a:visited {color:#a6a6a6;text-decoration:underline;padding:0 5px 0px 3px;}201#footer a:hover, #footer a:active {color:#a6a6a6;}202 203 204/* Layout205------------------------------------------------ */206 207.first-float-rigid208{209 float: left; 210 width: 185px;211 padding: 0;212 margin: 0;213}214 215.second-float-rigid {216 float: left;217 width: 712px;218 margin: 0 0 0 0px;219 padding:0;220}221 222 223#lhscontainer {224 position: relative;225 padding:17px 0 0 0;226 margin:0px 0 0 0;227 text-align: left;228}229 230#rhscontainer {231 position: relative;232 margin:0px 0 0 0;233 padding: 0 0 0 0px;234 text-align: left;235}236 237 238 239/* PANELS240------------------------------------------------ */241ul.pagination {margin:10px 0 10px 0;padding:0 0 0 0;}242ul.pagination a {}243li.pagination {244 display:inline;245 padding:5px;246}247 248 249/* ARTICLES250------------------------------------------------ */251 252div.text-box-top {height:8px;background:url(../images/6.gif) no-repeat;width:648px;}253div.text-box-bottom {height:8px;background:url(../images/7.gif) no-repeat;width:648px;}254div.text-box-content {height:auto;background:url(../images/8.gif) repeat-y;width:616px;padding:16px;}255 256div.text-box-content p.full-width {width:100%;}257div.text-box-content p.half-width {width:308px;}258 259div.content-holder-home {width:700px;background:url(../images/9.jpg) no-repeat bottom right;padding:0;}260div.content-holder-services {width:700px;background:url no-repeat bottom right;padding:0;}261div.content-holder-clients {width:700px;background:url(../images/13.jpg) no-repeat bottom right;padding:0;}262div.content-holder-contact {width:700px;background:url(../images/14.jpg) no-repeat bottom right;padding:0;min-height:300px;}263div.content-holder-studies {width:700px;background:url no-repeat bottom right;padding:0;min-height:300px;}264div.content-holder-training {width:700px;background:url(../images/16.jpg) no-repeat bottom right;padding:0;min-height:300px;}265div.content-holder-recruitment {width:700px;background:url(../images/17.jpg) no-repeat bottom right;padding:0;min-height:300px;}266div.content-holder-brochure {width:700px;background:url(../images/18.jpg) no-repeat bottom right;padding:0;min-height:300px;}267div.content-holder-publications {width:700px;background:url(../images/20.jpg) no-repeat bottom right;padding:0;min-height:300px;}268div.content-holder-news {width:616px;padding:0;min-height:300px;}269 270span.highlight {color:#70BF5E;font-weight:bold;}271 272 273div.text-box-content ul {list-style-image:url(../images/10.jpg);list-style-position:inside;margin:0 0 1em 0;}274div.text-box-content ul li {padding:3px 0;}275 276table#table-publications {width:400px;margin-top:-25px;}277table#table-publications th {font-weight:bold;padding:0 0 10px 0;border-bottom:2px solid #e1e1e1;background:#efefef;padding:4px 0 4px 8px;}278table#table-publications td {padding:4px 0;text-align:left;padding:4px 0 4px 8px;}279 280 281span.posted {font-weight:bold;color:#0099cc;}282div.newslist-listing {padding:15px 8px;background:#D9F0F9;margin:5px 0;}283 284div.news-article {background:#D9F0F9;padding:15px 10px;}285div.news-article table {font-size:1.2em;}286div.news-article table td {width:300px;font-weight:bold;padding:0 0 10px 0;}287div.news-article table th {padding:0 0 5px 0;font-weight:bold;}288div.news-article-image {float:right;padding:0 0 15px 15px;}289 290span.conservation-concern {font-weight:bold;text-transform:uppercase;font-size:1.2em;}291span.red {color:red;}292span.amber {color:#f90;}293span.green {color:#396;}294 295div#footer-news {margin:20px 0 0 40px;}296div#footer-news span.posted {font-size:1.1em;}297div.footer-news-listing {float:left;width:190px;margin:0 10px 0 0;font-size:0.9em;height:130px;}298div.footer-news-content {background:#D9F0F9;padding:5px;height:115px;}299 300div.news-title-image {float:right;width:56px;height:80px;}301 302div.search {margin:0 0 20px 0;}303div.search input {margin:0 0 0 5px;}304div.search label {color:#0099cc;}305div.search span.search-subtext {font-size:0.9em;color:#0099cc;}306div.search-result {border-bottom:1px solid #eee;margin:0 0 20px 0;}307p.published {font-style:italic;color:#555;margin:0;padding:0;}308 309/* FORMS310----------------------------------------*/311.form-row {312 clear:both;313 height:40px;314}315.form-row-checkboxes {316 clear:both;317 padding:10px 0 10px 0;318}319#contact-form .form-row-checkboxes label{width:auto;padding-left:10px;}320#contact-form {321 font-size:1.2em;322 color:#000;323 padding-left:10px;324}325#contact-form label {326 float:left;327 width:120px;328 font-size:0.9em;329 margin-top:8px;330}331#contact-form input, #contact-form select {332 float:left;333 margin-top:4px;334}335#contact-form textarea {336 float:left;337 margin-top:4px;338}339#contact-form .zemSubmit {340 float:left;341}342fieldset {343 border:none;344}345ul.zemError {346 font-size:0.9em;347 margin-left:40px;348}349#contact-form .zemCheckbox input {350 margin:0px;351 border:0;352 padding:0;353}354 355.signup .zemText {width:100px;}356.signup .zemSubmit {margin-right:5px;}357 358.form-row-checkbox {clear:both;}359.form-row-checkbox label{width:200px;padding-left:10px;margin-top:0;}360.form-row-checkbox .zemCheckbox {margin-top:20px;}361 362 363 364/* Headers and Paragraphs:365---------------------------------------------------------------- */366h1 {color:#70BF5E;margin:0;padding:0;font-size:1.4em;font-weight:bold;margin:0 0 15px 0;}367h1.news-title {color:#0099cc;margin:0;padding:0;font-size:2.2em;font-weight:bold;margin:0px 0 25px 0;padding:5px 0 0 0;border-bottom:2px solid #0099cc;}368h2 {color:#0099cc;margin:0;padding:0;font-size:1.4em;font-weight:bold;margin:0 0 15px 0;}369h2.newslist-heading {color:#0099cc;margin:0;padding:0;font-size:1em;font-weight:bold;margin:0;}370h3 {color:#000;margin:0;padding:0;font-size:1.2em;font-weight:bold;}371h4 {color:#000;margin:0;padding:0;font-size:1.4em;}372h5 {color:#000;margin:0;padding:0;font-size:1.2em;}373h6 {color:#000;margin:0;padding:0;font-size:1em;}374 375 376 377/* Miscellaneous Conveniences378---------------------------------------------------------------- */379 380form label381{cursor: pointer;}382 383.bold {font-weight:bold;}384 385input, select, td386{font-size: 90%;}387 388html[xmlns] pre { font-size: 1.3em;}389 390.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }391 392img{border: 0;margin:0;padding:0;}393 394 395li {margin:0;padding:0;}396 397 398#error-default {399 width:500px;400 margin:10px 0 50px 0;401}402#error-default h2 {403 color:#304c9f;404}405 406hr {width:100%;height:2px;background:url(../images/6.jpg) repeat-x;margin:0 0 18px 0;padding:0;border:none;}407 408/* Form Styles409---------------------------------------------------------------- */410 411 412label413{414 float:left;415 width:auto;416 margin: 0px;417 418}419select, input, textarea420 421{422 float:left;423 margin:0px 0px 0px 0px;424}425 426 427 428.zemError li429{430 padding-left: 0px;431 list-style: none;432 margin-bottom: 3px;433 margin-left: 0px;434 margin-top: 3px;435 padding-bottom: 5px;436 color: #FF0000;437}438 439strong {font-weight:bold;}440 441/* image alignment*/442 443.alignleft{444float:left;445margin-right:10px;446} 447 448.alignright{449float:right;450margin-left:10px;451} 452.aligncenter{453 display: block;454 margin-left: auto;455 margin-right: auto456}457 458 459/* Container460------------------------------------------------ */461 462 463body {464 margin: 0;465 padding:0;466 font-family: Arial, Helvetica, Verdana, sans-serif;467 font-size:12px;468}469 470p {margin:0 0 12px 0;line-height:1.4em;}471 472#all473{474 margin: 0 auto 0 auto;475 width: 900px;476 padding:0 0 0 0px;477 height:auto;478}479 480#main481{482 float:left;483 height:auto;484 width: 900px;485 position: relative;486 text-align: left;487 margin: 0;488 padding:0 0 0 40px;489}490 491 492/* Header493------------------------------------------------ */494#header {495 width:810px;496 padding:20px 0 32px 40px;497 background:none;498}499#masthead {500 float:left;501 width:364px;502 margin:0px 0 0 0px;503 padding:0;504}505#header-right {506 float:right;507 width:243px;508 margin:0px 0 0 0px;509 padding:0;510 text-align:right;511 font-weight:bold;512 font-size:1.2em;513}514 515/* Navigation & Lists516------------------------------------------------ */517#navigation {518 background:none;519 margin:0;520 padding:0;521 font-size:1.2em;522}523#navigation ul {524 margin:0;525 padding:0;526}527#navigation li {528 margin:0;529 padding:3px 0;530 border:none;531}532 533#navigation a:link, #navigation a:visited {534 color:#58595B;535 text-decoration:none;536 width:162px;537 padding:0 10px 0 0;538}539 540#navigation a:hover, #navigation a:active {541 color:#0099cc;542 text-decoration:none;543 width:162px;544 padding:0 10px 0 0;545}546 547#navigation li.active {background:url(../images/5.gif) 0px 8px no-repeat;}548#navigation li.active a {color:#0099cc;font-weight:bold;background:#fff; padding:0 10px 0 0;}549 550#navigation-two ul li:last-child.active {background:none;}551 552 553/* Link Styles - Generic Site-wide554-------------------------------------------------*/555 556a:link {color: #0099cc;}557a:visited {color: #0099cc;}558a:hover {color: #006D8F;}559a:active {color: #006D8F;}560a img {margin:0;padding:0;border:none;}561 562#header-right a:link, #header-right a:visited {color:#019DDA;text-decoration:none;}563#header-right a:hover, #header-right a:active {color:#019DDA;}564 565div#header-right div#header-product-links a:link,div#header-right div#header-product-links a:visited{font-size:1.45em;letter-spacing:-1px;}566div#header-right div#header-product-links a.ufh {color:#ff4037;}567div#header-right div#header-product-links a.hp {color:#c7e45e;}568div#header-right div#header-product-links a.ss {color:#57b7df;}569 570div#header-right div#header-product-links a:hover,div#header-right div#header-product-links a:active {color:#fff;}571 572 573/* Footer574------------------------------------------------ */575#footer {576 width:100%;577 font-size:1.1em;578 color:#000;579 padding:5px 0 0 0;580 margin:20px 0 50px 0;581 text-align:center;582}583 584#footer ul li {585 display:inline;586 list-style-type:none;587 padding:0;588 height:10px;589 border-right:1px solid #a6a6a6;590}591#footer ul {592 padding:0px;593 margin:0;594}595#footer ul li:last-child {border-right:none;}596 597 598#footer a:link, #footer a:visited {color:#a6a6a6;text-decoration:underline;padding:0 5px 0px 3px;}599#footer a:hover, #footer a:active {color:#a6a6a6;}600 601 602/* Layout603------------------------------------------------ */604 605.first-float-rigid606{607 float: left; 608 width: 185px;609 padding: 0;610 margin: 0;611}612 613.second-float-rigid {614 float: left;615 width: 712px;616 margin: 0 0 0 0px;617 padding:0;618}619 620 621#lhscontainer {622 position: relative;623 padding:17px 0 0 0;624 margin:0px 0 0 0;625 text-align: left;626}627 628#rhscontainer {629 position: relative;630 margin:0px 0 0 0;631 padding: 0 0 0 0px;632 text-align: left;633}634 635 636 637/* PANELS638------------------------------------------------ */639ul.pagination {margin:10px 0 10px 0;padding:0 0 0 0;}640ul.pagination a {}641li.pagination {642 display:inline;643 padding:5px;644}645 646 647/* ARTICLES648------------------------------------------------ */649 650div.text-box-top {height:8px;background:url(../images/6.gif) no-repeat;width:648px;}651div.text-box-bottom {height:8px;background:url(../images/7.gif) no-repeat;width:648px;}652div.text-box-content {height:auto;background:url(../images/8.gif) repeat-y;width:616px;padding:16px;}653 654div.text-box-content p.full-width {width:100%;}655div.text-box-content p.half-width {width:308px;}656 657div.content-holder-home {width:700px;background:url(../images/9.jpg) no-repeat bottom right;padding:0;}658div.content-holder-services {width:700px;background:url no-repeat bottom right;padding:0;}659div.content-holder-clients {width:700px;background:url(../images/13.jpg) no-repeat bottom right;padding:0;}660div.content-holder-contact {width:700px;background:url(../images/14.jpg) no-repeat bottom right;padding:0;min-height:300px;}661div.content-holder-studies {width:700px;background:url no-repeat bottom right;padding:0;min-height:300px;}662div.content-holder-training {width:700px;background:url(../images/16.jpg) no-repeat bottom right;padding:0;min-height:300px;}663div.content-holder-recruitment {width:700px;background:url(../images/17.jpg) no-repeat bottom right;padding:0;min-height:300px;}664div.content-holder-brochure {width:700px;background:url(../images/18.jpg) no-repeat bottom right;padding:0;min-height:300px;}665div.content-holder-publications {width:700px;background:url(../images/20.jpg) no-repeat bottom right;padding:0;min-height:300px;}666div.content-holder-news {width:616px;padding:0;min-height:300px;}667 668span.highlight {color:#70BF5E;font-weight:bold;}669 670 671div.text-box-content ul {list-style-image:url(../images/10.jpg);list-style-position:inside;margin:0 0 1em 0;}672div.text-box-content ul li {padding:3px 0;}673 674table#table-publications {width:400px;margin-top:-25px;}675table#table-publications th {font-weight:bold;padding:0 0 10px 0;border-bottom:2px solid #e1e1e1;background:#efefef;padding:4px 0 4px 8px;}676table#table-publications td {padding:4px 0;text-align:left;padding:4px 0 4px 8px;}677 678 679span.posted {font-weight:bold;color:#0099cc;}680div.newslist-listing {padding:15px 8px;background:#D9F0F9;margin:5px 0;}681 682div.news-article {background:#D9F0F9;padding:15px 10px;}683div.news-article table {font-size:1.2em;}684div.news-article table td {width:300px;font-weight:bold;padding:0 0 10px 0;}685div.news-article table th {padding:0 0 5px 0;font-weight:bold;}686div.news-article-image {float:right;padding:0 0 15px 15px;}687 688span.conservation-concern {font-weight:bold;text-transform:uppercase;font-size:1.2em;}689span.red {color:red;}690span.amber {color:#f90;}691span.green {color:#396;}692 693div#footer-news {margin:20px 0 0 40px;}694div#footer-news span.posted {font-size:1.1em;}695div.footer-news-listing {float:left;width:190px;margin:0 10px 0 0;font-size:0.9em;height:130px;}696div.footer-news-content {background:#D9F0F9;padding:5px;height:115px;}697 698div.news-title-image {float:right;width:56px;height:80px;}699 700div.search {margin:0 0 20px 0;}701div.search input {margin:0 0 0 5px;}702div.search label {color:#0099cc;}703div.search span.search-subtext {font-size:0.9em;color:#0099cc;}704div.search-result {border-bottom:1px solid #eee;margin:0 0 20px 0;}705p.published {font-style:italic;color:#555;margin:0;padding:0;}706 707/* FORMS708----------------------------------------*/709.form-row {710 clear:both;711 height:40px;712}713.form-row-checkboxes {714 clear:both;715 padding:10px 0 10px 0;716}717#contact-form .form-row-checkboxes label{width:auto;padding-left:10px;}718#contact-form {719 font-size:1.2em;720 color:#000;721 padding-left:10px;722}723#contact-form label {724 float:left;725 width:120px;726 font-size:0.9em;727 margin-top:8px;728}729#contact-form input, #contact-form select {730 float:left;731 margin-top:4px;732}733#contact-form textarea {734 float:left;735 margin-top:4px;736}737#contact-form .zemSubmit {738 float:left;739}740fieldset {741 border:none;742}743ul.zemError {744 font-size:0.9em;745 margin-left:40px;746}747#contact-form .zemCheckbox input {748 margin:0px;749 border:0;750 padding:0;751}752 753.signup .zemText {width:100px;}754.signup .zemSubmit {margin-right:5px;}755 756.form-row-checkbox {clear:both;}757.form-row-checkbox label{width:200px;padding-left:10px;margin-top:0;}758.form-row-checkbox .zemCheckbox {margin-top:20px;}759 760 761 762/* Headers and Paragraphs:763---------------------------------------------------------------- */764h1 {color:#70BF5E;margin:0;padding:0;font-size:1.4em;font-weight:bold;margin:0 0 15px 0;}765h1.news-title {color:#0099cc;margin:0;padding:0;font-size:2.2em;font-weight:bold;margin:0px 0 25px 0;padding:5px 0 0 0;border-bottom:2px solid #0099cc;}766h2 {color:#0099cc;margin:0;padding:0;font-size:1.4em;font-weight:bold;margin:0 0 15px 0;}767h2.newslist-heading {color:#0099cc;margin:0;padding:0;font-size:1em;font-weight:bold;margin:0;}768h3 {color:#000;margin:0;padding:0;font-size:1.2em;font-weight:bold;}769h4 {color:#000;margin:0;padding:0;font-size:1.4em;}770h5 {color:#000;margin:0;padding:0;font-size:1.2em;}771h6 {color:#000;margin:0;padding:0;font-size:1em;}772 773 774 775/* Miscellaneous Conveniences776---------------------------------------------------------------- */777 778form label779{cursor: pointer;}780 781.bold {font-weight:bold;}782 783input, select, td784{font-size: 90%;}785 786html[xmlns] pre { font-size: 1.3em;}787 788.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }789 790img{border: 0;margin:0;padding:0;}791 792 793li {margin:0;padding:0;}794 795 796#error-default {797 width:500px;798 margin:10px 0 50px 0;799}800#error-default h2 {801 color:#304c9f;802}803 804hr {width:100%;height:2px;background:url(../images/6.jpg) repeat-x;margin:0 0 18px 0;padding:0;border:none;}805 806/* Form Styles807---------------------------------------------------------------- */808 809 810label811{812 float:left;813 width:auto;814 margin: 0px;815 816}817select, input, textarea818 819{820 float:left;821 margin:0px 0px 0px 0px;822}823 824 825 826.zemError li827{828 padding-left: 0px;829 list-style: none;830 margin-bottom: 3px;831 margin-left: 0px;832 margin-top: 3px;833 padding-bottom: 5px;834 color: #FF0000;835}836 837strong {font-weight:bold;}838 839/* image alignment*/840 841.alignleft{842float:left;843margin-right:10px;844} 845 846.alignright{847float:right;848margin-left:10px;849} 850.aligncenter{851 display: block;852 margin-left: auto;853 margin-right: auto854}855 </style>856 <meta content="text/html; charset=utf-8" http-equiv="Content-Type">857 <meta content="en" name="language">858 <meta content="Kudos Web Solutions" name="author">859 <meta content="index,follow" name="robots">860 <meta content="This is the site slogan" name="description">861 <meta content="ENTER, DEFAULT, KEYWORDS" name="keywords">862 <title>863 Penny Anderson Associates Ltd | Services | Peatland Survey864 </title>865 <!--[if IE]>866 867<![endif]-->868 <!--[if IE 6]>869 870<![endif]-->871 <meta content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9" http-equiv="origin-trial">872 </head>873 <body>874 <div id="all">875 <div id="no-css-nav" style="display:none;">876 <ul>877 <li>878 <a title="View Accessibility Page">879 Accessibility Page880 </a>881 </li>882 <li>883 <a>884 Skip to Navigation885 </a>886 </li>887 <li>888 <a>889 Skip to Content890 </a>891 </li>892 </ul>893 </div>894 <div id="header">895 <div id="masthead">896 <a title="Return to Penny Anderson Home">897 <img alt="Penny Anderson Associates Ltd" height="126" src="rick.jpg" width="364">898 </a>899 </div>900 <div id="header-right">901 <img alt="Talk to Penny Anderson - 01298 27086" height="92" src="rick.jpg" width="243">902 <br>903 <a>904 [EMAIL REDACTED]905 </a>906 </div>907 <div class="clear">908 </div>909 </div>910 <div id="main">911 <div class="first-float-rigid">912 <div id="lhscontainer">913 <div id="navigation">914 <ul>915 <li>916 <a accesskey="1" title="Penny Anderson Home Page">917 home918 </a>919 </li>920 <li>921 <a accesskey="2" title=" About Penny Anderson">922 about923 </a>924 </li>925 <li class="active">926 <a accesskey="3" title=" Penny Anderson Services">927 services928 </a>929 </li>930 <li>931 <a accesskey="4" title=" Penny Anderson Clients">932 clients933 </a>934 </li>935 </ul>936 <br>937 <br>938 <div id="navigation-two">939 <ul>940 <li>941 <a accesskey="1" title="Penny Anderson Case Studies">942 case studies943 </a>944 </li>945 <li>946 <a accesskey="2" title=" Penny Anderson Training Courses">947 training courses948 </a>949 </li>950 <li>951 <a accesskey="3" title=" Penny Anderson Recruitment">952 recruitment953 </a>954 </li>955 <li>956 <a accesskey="4" title=" Brochure Download">957 brochure download958 </a>959 </li>960 </ul>961 <br>962 <div class="twitter-timeline twitter-timeline-rendered" style="display: flex; width: 30px; max-width: 100%; margin-top: 0px; margin-bottom: 0px;">963 </div>964 <a class="twitter-timeline" data-chrome="nofooter" data-twitter-extracted-i1699122834240571555="true" data-widget-id="702072145074065409" height="300" width="30">965 </a>966 </div>967 </div>968 </div>969 </div>970 <div class="second-float-rigid">971 <div id="rhscontainer">972 <div class="content-holder-services">973 <div class="text-box-top">974 </div>975 <div class="text-box-content">976 <h1>977 Peatland Survey and Evaluation978 </h1>979 <p>980 Penny Anderson Associates Ltd. (981 <span class="caps">982 PAA983 </span>984 ) has a long established reputation for the survey, evaluation and restoration of moorland, heathland and wetland habitats. In recent years, in response to a number of challenging peatland projects,985 <span class="caps">986 PAA987 </span>988 has developed a further specialism in peatland survey and evaluation. Making use of existing peat survey techniques, modern and bespoke surveying technology and equipment, and the use of989 <span class="caps">990 GIS991 </span>992 , remote sensing and differential global positioning systems,993 <span class="caps">994 PAA995 </span>996 has developed a set of robust and efficient methodologies to provide a cost effective, reliable and insightful survey and evaluation service for these important ecosystems.997 </p>998 <p>999 <img alt="Peat depth survey" class="alignright" height="232" src="rick.jpg" width="250">1000 <span class="caps">1001 PAA1002 </span>1003 offer a range of peatland survey and evaluation capabilities, including:1004 </p>1005 <ul>1006 <li>1007 Peat depth surveys;1008 </li>1009 <li>1010 Peat core sampling;1011 </li>1012 <li>1013 Surface elevation analysis using topographic survey and remotely sensed digital terrain models;1014 </li>1015 <li>1016 Peat sample analyses (including pH, nutrient loading, carbon content, bulk storage, humification, pollen analysis and structural analysis);1017 </li>1018 </ul>1019 <p>1020 </p>1021 <p>1022 <span class="caps">1023 PAA1024 </span>1025 has undertaken survey and evaluation on a range of different peatland locations and habitats, including:1026 </p>1027 <ul>1028 <li>1029 Killhope Moor, North Pennines (upland degraded and intact blanket bog);1030 </li>1031 <li>1032 Windy Hill, Londonderry, Northern Ireland (proposed windfarm on upland peat);1033 </li>1034 <li>1035 Glasson Moss, Cumbria (Lowland raised bog, part of South Solway Mosses National Nature Reserve);1036 </li>1037 <li>1038 Martin Mere, Southport, Lancashire (lowland peat – current and relic wetlands sediment);1039 </li>1040 </ul>1041 <p>1042 <img alt="peat core" class="alignleft" height="239" src="rick.jpg" width="250">1043 <strong>1044 Peat Depth Surveying1045 </strong>1046 <br>1047 <span class="caps">1048 PAA1049 </span>1050 has developed and perfected a technique for rapid and detailed survey of peat depth. The site to be surveyed is assessed using a Geographic Information System (1051 <span class="caps">1052 GIS1053 </span>1054 ) in terms of area, topography, land use and level of peat degradation using a combination of aerial photography and terrain data.1055 <span class="caps">1056 GIS1057 </span>1058 software to create, for example, models of peat depth, peat volume or erosion/deposition budgets.1059 </p>1060 <p>1061 <strong>1062 Peat Core Sampling1063 </strong>1064 <br>1065 <span class="caps">1066 PAA1067 </span>1068 uses a Russian style D-shaped corer to extract complete cores for further analyses of peat characteristics.1069 </p>1070 <p>1071 <strong>1072 Natural England Standards For Peatland Survey1073 </strong>1074 <br>1075 <span class="caps">1076 PAA1077 </span>1078 , in partnership with Natural England and the North Pennines1079 <span class="caps">1080 AONB1081 </span>1082 Peatland Programme, has developed a standard methodology for the survey and assessment of English peatlands.1083 </p>1084 <p>1085 For more details on our services relating to1086 <br>1087 peatland survey, please1088 <a title="">1089 contact us1090 </a>1091 </p>1092 <div class="clear">1093 </div>1094 <h2 id="Comment">1095 </h2>1096 </div>1097 <div class="text-box-bottom">1098 </div>1099 </div>1100 </div>1101 </div>1102 </div>1103 <div id="footer-news">1104 <div class="footer-news-listing">1105 <span class="posted">1106 4 March 20221107 </span>1108 <div class="footer-news-content">1109 <p>1110 Clifton Integrated Constructed Wetlands design awarded Certificate of Excellence at the 167th annual Institution of Civil Engineering, Yorkshire and Humber Awards1111 </p>1112 <a rel="bookmark">1113 more »1114 </a>1115 </div>1116 </div>1117 <div class="footer-news-listing">1118 <span class="posted">1119 10 March 20201120 </span>1121 <div class="footer-news-content">1122 <p>1123 <span class="caps">1124 PAA1125 </span>1126 is supporting the South West Peak Landscape Partnership’s Glorious Grasslands project, aimed at surveying and enhancing species-rich wildflower grasslands in the South West Peak District1127 </p>1128 <a rel="bookmark">1129 more »1130 </a>1131 </div>1132 </div>1133 <div class="footer-news-listing">1134 <span class="posted">1135 28 February 20201136 </span>1137 <div class="footer-news-content">1138 <p>1139 <span class="caps">1140 PAA1141 </span>1142 has helped with the design of a new heritage trail leaflet for the village of Longnor in the Stafforshire Moorlands1143 </p>1144 <a rel="bookmark">1145 more »1146 </a>1147 </div>1148 </div>1149 <div class="footer-news-listing">1150 <span class="posted">1151 17 February 20201152 </span>1153 <div class="footer-news-content">1154 <p>1155 <span class="caps">1156 PAA1157 </span>1158 is sponsoring the 21st Annual River Restoration Conference, to be held 21st/22nd April in Harrogate.1159 </p>1160 <a rel="bookmark">1161 more »1162 </a>1163 </div>1164 </div>1165 </div>1166 <div class="clear">1167 </div>1168 </div>1169 <!--all-->1170 <div id="footer">1171 <ul>1172 <li>1173 <a accesskey="1" title="Penny Anderson Home Page">1174 Home1175 </a>1176 </li>1177 <li>1178 <a accesskey="2" title=" About Penny Anderson">1179 About Us1180 </a>1181 </li>1182 <li>1183 <a accesskey="3" title=" Penny Anderson Privacy Policy">1184 Privacy1185 </a>1186 </li>1187 <li class="active">1188 <a accesskey="4" title=" Penny Anderson Services">1189 Services1190 </a>1191 </li>1192 </ul>1193 </div>1194 <!-- Insert Google Analytics Code Here -->1195 <!-- Start of StatCounter Code for Default Guide -->1196 <noscript>1197 <div class="statcounter">1198 <a target="_blank" title="web analytics">1199 <img alt="web analytics" class="statcounter" src="rick.jpg">1200 </a>