CoolFace
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
22likes1.8kdownloads
root1799.html
1799.html2448 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="en">3 <!--<![endif]-->4 <head>5  <style>6   /**7 * Reset8 */9abbr,10address,11article,12aside,13audio,14b,15blockquote,16body,17body div,18caption,19cite,20code,21dd,22del,23dfn,24dl,25dt,26em,27fieldset,28figure,29footer,30form,31h1,32h2,33h3,34h4,35h5,36h6,37header,38hgroup,39html,40i,41iframe,42img,43ins,44kbd,45label,46legend,47li,48mark,49menu,50nav,51object,52ol,53p,54pre,55q,56samp,57section,58small,59span,60strong,61sub,62sup,63table,64tbody,65td,66tfoot,67th,68thead,69time,70tr,71ul,72var,73video {74  background: transparent;75  border: 0;76  font-size: 100%;77  margin: 0;78  outline: 0;79  padding: 0;80  vertical-align: baseline;81}82article,83aside,84figure,85footer,86header,87hgroup,88nav,89section {90  display: block;91}92/**93 * Basic Page Styles94 */95html {96  background: #fff;97  font-size: 62.5%;98  height: 100%;99  min-height: 100%;100  min-width: 1080px;101  -ms-text-size-adjust: 100%;102  -webkit-overflow-scrolling: touch;103  -webkit-tap-highlight-color: #f3f5f6;104  -webkit-text-size-adjust: 100%;105  width: 100%;106}107body {108  background-color: transparent;109  color: #444;110  font-family: "Ubuntu", Helvetica, Arial, sans-serif;111  font-size: 16px;112  font-size: 1.6rem;113  height: 100%;114  line-height: 1.5em;115  margin: 0;116  min-height: 100%;117  min-width: 1080px;118  padding: 0;119  width: 100%;120}121.container {122  margin: 0 auto;123  width: 280px;124}125.wrapper .container {126  padding: 4rem 0 2rem;127}128.clearfix,129.container {130  *zoom: 1;131}132.clearfix:after,133.container:after,134.clearfix:before,135.container:before {136  content: '';137  display: table;138}139.clearfix:after,140.container:after {141  clear: both;142}143/**144 * Color145 */146a {147  color: #21759b;148  text-decoration: none;149}150a:active,151a:hover {152  outline: 0;153}154a:focus {155  color: #000;156  outline: none;157}158a:hover {159  color: #d54e21;160}161a:visited {162  /* color: #000203; */163  color: #6cc8e1;164}165a:visited:hover {166  color: #d54e21;167}168::selection {169  background-color: #d6dbe1;170  color: #2d353e;171  text-shadow: none;172}173::-moz-selection {174  background-color: #d6dbe1;175  color: #2d353e;176  text-shadow: none;177}178/**179 * Elements180 */181/* hr */182hr {183  border: 0;184  border-top: 1px solid #c7ced6;185  border-bottom: 1px solid #fff;186  display: block;187  height: 1px;188  margin: 1em 0;189  padding: 0;190}191/* img */192img {193  border-width: 0;194  display: block;195  height: auto;196  max-width: 100%;197  vertical-align: middle;198  -ms-interpolation-mode: bicubic;199}200svg:not(:root) {201  overflow: hidden;202}203/* figure */204figure {205  margin-bottom: 1.5em;206}207figure img {208  margin: 0.375em;209}210figure figcaption {211  color: #808080;212  display: block;213  font-size: 14px;214  font-size: 1.4rem;215  font-weight: normal;216}217/**218  * Typography219  */220/* h1 - h6 */221h1,222h2,223h3,224h4,225h5,226h6 {227  color: inherit;228  font-family: "Rockitt", Cambria, Georgia, Times, "Times New Roman", serif;229  font-weight: bold;230  letter-spacing: 0.5px;231  margin: 0;232  text-rendering: optimizelegibility;233}234h1 small,235h2 small {236  color: #bfbfbf;237  font-weight: normal;238}239h1 {240  font-size: 32px;241  font-size: 3.2rem;242  line-height: 1.2;243  margin-bottom: 0.75em;244}245h2 {246  font-size: 24px;247  font-size: 2.4rem;248  line-height: 1.2;249  margin-bottom: 0.75em;250}251h3 {252  font-size: 21px;253  font-size: 2.1rem;254  line-height: 1.3;255  margin-bottom: 1em;256}257h4 {258  font-size: 18px;259  font-size: 1.8rem;260  line-height: 1.25;261  margin-bottom: 01.5em;262}263h5 {264  font-size: 16px;265  font-size: 1.6rem;266  margin-bottom: 1.5em;267}268h6 {269  font-size: 14px;270  font-size: 1.4rem;271  font-weight: normal;272  margin-bottom: 1.5em;273  text-transform: uppercase;274}275/* abbr */276abbr[title] {277  border-bottom: 1px dotted #c7ced6;278}279/* address, dl, ol, p, ul */280address,281dl,282ol,283p,284ul {285  font-size: 15px;286  font-size: 1.5rem;287  line-height: 1.5em;288  margin-bottom: 1.5em;289}290.intro {291  font-family: "Rockitt", Cambria, Georgia, Times, "Times New Roman", serif;292  font-size: 20px;293  font-size: 2rem;294}295dd,296dl {297  margin-bottom: 1.5em;298}299dt {300  font-weight: bold;301}302.dl-horizontal dt {303  clear: left;304  float: left;305  text-align: right;306  width: 20.25%;307}308.dl-horizontal dd {309  margin-left: 22.78%;310}311ol,312ul {313  margin: 0 0 1.5em 0;314  padding-left: 24px;315}316li ol,317li ul {318  font-size: 16px;319  font-size: 1.6rem;320  margin: 0;321}322.unstyled {323  margin-left: -24px;324}325/* b, strong */326b,327strong {328  font-weight: bold;329}330/* blockquote, q */331blockquote {332  border-left: 2px solid #c7ced6;333  font-family: "Rockitt", Cambria, Georgia, Times, "Times New Roman", serif;334  font-style: normal;335  margin: 0 0 1.5em;336  padding-left: 24px;337}338q {339  quotes: none;340}341blockquote:after,342blockquote:before,343q:after,344q:before {345  content: '';346  content: none;347}348cite {349  font-style: none;350}351/* code, kbd, pre, samp */352code,353kbd,354pre,355samp {356  font-family: "Ubuntu Mono", Monaco, "Courier New", monospace;357  font-size: 14px;358  font-size: 1.4rem;359  line-height: 1.5rem;360}361pre {362  white-space: pre;363  white-space: pre-wrap;364  word-wrap: break-word;365}366/* dfn */367dfn {368  font-style: italic;369}370/* ins */371ins {372  background-color: #f3f5f6;373  color: #000;374  text-decoration: none;375}376/* mark */377mark {378  background-color: #f3f5f6;379  color: #000;380  font-style: italic;381  font-weight: bold;382}383/* small */384small {385  font-size: 14px;386  font-size: 1.4rem;387}388/* sub, sup */389sub,390sup {391  font-size: 12px;392  font-size: 1.2rem;393  line-height: 0;394  position: relative;395  vertical-align: baselineheight;396}397sub {398  top: -0.5em;399}400sup {401  bottom: -0.25em;402}403/**404 * Basic Page Layout405 */406header,407section.wrapper,408footer {409  min-width: 100%;410  position: relative;411  text-align: center;412  width: 100%;413}414.container {415  margin: 0 auto;416  text-align: left;417  width: 960px;418}419/**420 * Alignment & Floating421 */422/* Alignment */423.align-center {424  text-align: center;425}426img.align-center {427  margin-bottom: 1rem;428  margin-left: auto;429  margin-right: auto;430}431.align-justify {432  text-align: justify;433}434.align-left {435  text-align: left;436}437img.align-left {438  display: inline;439  float: left;440  margin: 0 20px 10px 0;441}442.align-right {443  text-align: right;444}445img.align-right {446  display: inline;447  float: right;448  margin: 0 0 10px 20px;449}450/* Floating */451.pull-left {452  display: inline;453  float: left;454}455.pull-right {456  display: inline;457  float: right;458}459/**460 * 16 Column Grid461 * (960 - (32*15)) / 16 = 30462 */463.grid {464  width: 100%;465  *zoom: 1;466}467.grid:after,468.grid:before {469  content: "";470  display: table;471  line-height: 0;472}473.grid:after {474  clear: both;475}476.grid [class*="span"] {477  display: block;478  float: left;479  margin-left: 3.3333333333333335%;480  *margin-left: 3.28125%;481}482.grid [class*="span"]:first-child {483  margin-left: 0;484}485.grid .span16 {486  margin-bottom: 20px;487  width: 100%;488  *width: 99.94791666666667%;489}490.grid .span15 {491  margin-bottom: 20px;492  width: 93.54166666666667%;493  *width: 93.48958333333334%;494}495.grid .span14 {496  margin-bottom: 20px;497  width: 87.08333333333334%;498  *width: 87.03125000000001%;499}500.grid .span13 {501  margin-bottom: 20px;502  width: 80.625%;503  *width: 80.57291666666667%;504}505.grid .span12 {506  margin-bottom: 20px;507  width: 74.16666666666667%;508  *width: 74.11458333333334%;509}510.grid .span11 {511  margin-bottom: 20px;512  width: 67.70833333333334%;513  *width: 67.65625000000001%;514}515.grid .span10 {516  margin-bottom: 20px;517  width: 61.25%;518  *width: 61.197916666666664%;519}520.grid .span9 {521  margin-bottom: 20px;522  width: 54.79166666666667%;523  *width: 54.739583333333336%;524}525.grid .span8 {526  margin-bottom: 20px;527  width: 48.333333333333336%;528  *width: 48.28125%;529}530.grid .span7 {531  margin-bottom: 20px;532  width: 41.875%;533  *width: 41.822916666666664%;534}535.grid .span6 {536  margin-bottom: 20px;537  width: 35.41666666666667%;538  *width: 35.364583333333336%;539}540.grid .span5 {541  margin-bottom: 20px;542  width: 28.958333333333336%;543  *width: 28.906250000000004%;544}545.grid .span4 {546  margin-bottom: 20px;547  width: 22.5%;548  *width: 22.447916666666668%;549}550.grid .span3 {551  margin-bottom: 20px;552  width: 16.041666666666668%;553  *width: 15.989583333333334%;554}555.grid .span2 {556  margin-bottom: 20px;557  width: 9.583333333333334%;558  *width: 9.53125%;559}560.grid .span1 {561  margin-bottom: 20px;562  width: 3.125%;563  *width: 3.0729166666666665%;564}565.grid .offset16 {566  margin-left: 106.66666666666667%;567  *margin-left: 106.56250000000001%;568}569.grid .offset16:first-child {570  margin-left: 103.33333333333333%;571  *margin-left: 103.22916666666667%;572}573.grid .offset15 {574  margin-left: 100.20833333333334%;575  *margin-left: 100.10416666666669%;576}577.grid .offset15:first-child {578  margin-left: 96.875%;579  *margin-left: 96.77083333333334%;580}581.grid .offset14 {582  margin-left: 93.75000000000001%;583  *margin-left: 93.64583333333336%;584}585.grid .offset14:first-child {586  margin-left: 90.41666666666667%;587  *margin-left: 90.31250000000001%;588}589.grid .offset13 {590  margin-left: 87.29166666666667%;591  *margin-left: 87.18750000000001%;592}593.grid .offset13:first-child {594  margin-left: 83.95833333333333%;595  *margin-left: 83.85416666666667%;596}597.grid .offset12 {598  margin-left: 80.83333333333334%;599  *margin-left: 80.72916666666669%;600}601.grid .offset12:first-child {602  margin-left: 77.5%;603  *margin-left: 77.39583333333334%;604}605.grid .offset11 {606  margin-left: 74.37500000000001%;607  *margin-left: 74.27083333333336%;608}609.grid .offset11:first-child {610  margin-left: 71.04166666666667%;611  *margin-left: 70.93750000000001%;612}613.grid .offset10 {614  margin-left: 67.91666666666667%;615  *margin-left: 67.8125%;616}617.grid .offset10:first-child {618  margin-left: 64.58333333333333%;619  *margin-left: 64.47916666666667%;620}621.grid .offset9 {622  margin-left: 61.458333333333336%;623  *margin-left: 61.354166666666664%;624}625.grid .offset9:first-child {626  margin-left: 58.12500000000001%;627  *margin-left: 58.020833333333336%;628}629.grid .offset8 {630  margin-left: 55%;631  *margin-left: 54.89583333333333%;632}633.grid .offset8:first-child {634  margin-left: 51.66666666666667%;635  *margin-left: 51.5625%;636}637.grid .offset7 {638  margin-left: 48.541666666666664%;639  *margin-left: 48.43749999999999%;640}641.grid .offset7:first-child {642  margin-left: 45.208333333333336%;643  *margin-left: 45.104166666666664%;644}645.grid .offset6 {646  margin-left: 42.083333333333336%;647  *margin-left: 41.979166666666664%;648}649.grid .offset6:first-child {650  margin-left: 38.75000000000001%;651  *margin-left: 38.645833333333336%;652}653.grid .offset5 {654  margin-left: 35.625%;655  *margin-left: 35.520833333333336%;656}657.grid .offset5:first-child {658  margin-left: 32.29166666666667%;659  *margin-left: 32.1875%;660}661.grid .offset4 {662  margin-left: 29.166666666666668%;663  *margin-left: 29.062500000000004%;664}665.grid .offset4:first-child {666  margin-left: 25.833333333333332%;667  *margin-left: 25.729166666666668%;668}669.grid .offset3 {670  margin-left: 22.708333333333336%;671  *margin-left: 22.604166666666668%;672}673.grid .offset3:first-child {674  margin-left: 19.375%;675  *margin-left: 19.270833333333336%;676}677.grid .offset2 {678  margin-left: 16.25%;679  *margin-left: 16.145833333333336%;680}681.grid .offset2:first-child {682  margin-left: 12.916666666666668%;683  *margin-left: 12.8125%;684}685.grid .offset1 {686  margin-left: 9.791666666666668%;687  *margin-left: 9.6875%;688}689.grid .offset1:first-child {690  margin-left: 6.458333333333334%;691  *margin-left: 6.354166666666667%;692}693 694 695 696/**697 * Basic Page Styles698 */699body {700  background: #fff;701  font-family: "Proxima Nova", sans-serif;702}703/**704 * Typography705 */706a {707  color: #6cc8e1;708}709h1,710h2,711h3,712h4,713h5,714h6,715#comment-greeting {716  font-family: "Proxima Nova", sans-serif;717  margin-bottom: 20px;718  text-transform: uppercase;719}720h1,721.h1 {722  font: lighter 36px/46px "Proxima Nova", sans-serif;723  text-transform: uppercase;724}725.h1 {726  margin-bottom: 1rem;727}728h2 {729  font-size: 2.4rem;730  font-weight: normal;731}732.widget h2 {733  margin-bottom: 1rem;734}735.widget h2.results {736  color: #fff;737}738h2.news {739  background: url(../img/news.png) left center no-repeat;740  height: 42px;741  line-height: 42px;742  margin-bottom: 4rem;743  padding-left: 71px;744}745h3 {746  color: #666;747  font-size: 2.0rem;748}749.widget h3 {750  margin-bottom: 1rem;751}752h3.comment {753  background: url(../img/comment.png) left center no-repeat;754  height: 36px;755  line-height: 36px;756  margin-bottom: 2rem;757  padding-left: 52px;758}759h3.comments {760  color: #c4c4c4;761}762h3.comments span {763  color: #6acadd;764}765h4 {766  color: #54a2a8;767  font-size: 18px;768  font-weight: normal;769  text-transform: none;770}771.result h4 {772  margin-bottom: 10px;773}774h5 {775  color: #959595;776  font-size: 14px;777}778h6 {779  color: #b9b9b9;780  font-size: 14px;781  text-transform: none;782}783pre {784  background: #fff;785  font-family: monospace;786  line-height: 24px;787  margin-bottom: 20px;788  padding: 20px;789}790.widget.white pre {791  background: #f2f2f2;792}793p,794ul {795  font-size: 16px;796  line-height: 24px;797}798ul.bulleted {799  list-style: none;800  margin-left: 0;801  padding-left: 0;802}803ul.bulleted li {804  padding-left: 43px;805  text-indent: -22px;806}807ul.bulleted li:before {808  color: #6acadd;809  content: "?";810  padding-right: 16px;811}812ol.numbered {813  counter-reset: item;814  list-style: none;815  margin-left: 0;816  padding-left: 0;817}818ol.numbered li {819  display: block;820  padding-left: 43px;821  text-indent: -14px;822}823ol.numbered li:before {824  content: counter(item) ". ";825  counter-increment: item;826  color: #6acadd;827  display: inline-block;828  padding-right: 0;829  text-align: center;830  width: 14px;831}832/**833 * Tables834 */835table {836  margin-bottom: 20px;837}838td,839th {840  padding: 5px;841  text-align: center;842}843thead th {844  background: #c2c2c2;845  color: #fff;846  font-weight: bold;847}848tbody th {849  background: #6acadd;850  color: #fff;851  font-weight: bold;852}853tbody td {854  background: #fff;855  color: #333;856}857/**858 * Forms859 */860.full-input {861  margin-bottom: 20px;862  /* padding-right: 100px; */863}864.full-input label {865  background: #fff;866  border-radius: 3px 0 0 3px;867  -moz-border-radius: 3px 0 0 3px;868  -webkit-border-radius: 3px 0 0 3px;869  color: #3b3b3b;870  display: inline;871  float: left;872  font-size: 16px;873  font-weight: bold;874  margin: 0;875  padding: 5px 10px;876  text-transform: uppercase;877  /* width: 60px; */878  width: 70px;879}880.full-input input {881  background: #fff;882  border: none;883  border-radius: 0 3px 3px 0;884  -moz-border-radius: 0 3px 3px 0;885  -webkit-border-radius: 0 3px 3px 0;886  /* display: block; */887  display: inline;888  height: 24px;889  line-height: 24px;890  margin: 0;891  padding: 5px 10px;892  /* width: 100%; */893  width: 179px;894}895#comments-form .full-input input {896  width: 417px;897}898.full-textarea {899  margin-bottom: 20px;900  padding-right: 20px;901}902.full-textarea label {903  background: #fff;904  border-radius: 3px 3px 0 0;905  -moz-border-radius: 3px 3px 0 0;906  -webkit-border-radius: 3px 3px 0 0;907  color: #3b3b3b;908  display: block;909  font-size: 16px;910  font-weight: bold;911  margin: 0;912  padding: 5px 10px 0;913  text-transform: uppercase;914  width: 100%;915}916.full-textarea textarea {917  background: #fff;918  border: none;919  border-radius: 0 0 3px 3px;920  -moz-border-radius: 0 0 3px 3px;921  -webkit-border-radius: 0 0 3px 3px;922  display: block;923  margin: 0;924  padding: 5px 10px 10px;925  width: 100%;926}927/**928 * Resuable Classes929 */930.button {931  background: #6ac9dd;932  border: none;933  border-radius: 3px;934  -moz-border-radius: 3px;935  -ms-border-radius: 3px;936  -o-border-radius: 3px;937  -webkit-border-radius: 3px;938  color: #fff;939  display: inline-block;940  font: bold 20px/65px "Proxima Nova", sans-serif;941  height: 63px;942  padding: 0 20px;943  text-align: center;944  text-transform: uppercase;945}946.button:visited {947  color: #fff;948}949.button:hover {950  color: #fff;951}952.button:active {953  background: #fff;954  color: #6ac9dd;955}956.button.dark {957  background: #55a2b1;958}959.button.secondary {960  background: #c2c2c2;961}962.button.small {963  height: 40px;964  line-height: 40px;965  padding: 0;966  width: 130px;967}968.button.long {969  display: inline-block;970  width: 290px;971}972.button-group {973  margin-bottom: 20px;974}975.button-group .button {976  margin-right: 20px;977}978.date,979.meta {980  color: #b9b9b9;981  font-weight: bold;982}983.filters {984  height: 45px;985  list-style: none;986  margin-left: -20px;987  margin-bottom: 0;988  padding: 0;989}990.filters li {991  display: inline;992  float: left;993  margin-left: 20px;994  width: 166px;995}996.filters li a {997  background: #fff;998  box-shadow: 5px 5px 0 #55a2b1;999  color: #54a2a8;1000  display: block;1001  height: 40px;1002  line-height: 40px;1003  margin: 0 5px 5px 0;1004  padding: 0 10px;1005}1006.filters li a span {1007  color: #b9b9b9;1008  float: right;1009  font-weight: bold;1010}1011.filters li a.active,1012.filters li a:hover {1013  background: #55a2b1;1014  box-shadow: none;1015  color: #fff;1016  margin: 5px 0 0 5px;1017}1018.filters li a.active span,1019.filters li a:hover span {1020  color: #fff;1021}1022.note {1023  background: #6acadd;1024  color: #fff;1025  margin-bottom: 20px;1026  padding: 20px;1027}1028.note h5 {1029  color: #fff;1030  margin-bottom: 15px;1031}1032.note.secondary {1033  background: #c2c2c2;1034}1035.note :last-child {1036  margin-bottom: 0;1037}1038.no-margin {1039  margin-bottom: 0 !important;1040  margin-top: 20px !important;1041}1042.small-margin {1043  margin-bottom: 0 !important;1044}1045.normal-margin {1046  margin-bottom: 20px !important;1047}1048.large-margin {1049  margin-bottom: 40px;1050}1051.plugins,1052.widgets {1053  list-style: none;1054  margin: 0 0 2rem;1055  padding: 0;1056}1057.plugins > li,1058.widgets > li {1059  background: #fff;1060  box-shadow: 1rem 1rem 0 rgba(0, 0, 0, 0.2);1061  margin: 0 1rem 3rem 0;1062  padding: 2rem;1063}1064.plugins > li h4,1065.widgets > li h4 {1066  color: #54a2a8;1067  margin-bottom: 5px;1068}1069.plugins > li p,1070.widgets > li p {1071  color: #333;1072  font-size: 12px;1073  line-height: 16px;1074  margin-bottom: 5px;1075}1076.plugins > li ul,1077.widgets > li ul {1078  list-style: none;1079  margin: 0;1080  padding: 0;1081}1082.plugins > li .author,1083.widgets > li .author {1084  color: #b9b9b9;1085  font-weight: bold;1086}1087.pagination {1088  text-align: center;1089}1090.pagination .current,1091.pagination .page {1092  background: #fff;1093  box-shadow: 5px 5px 0 #b9b9b9;1094  color: #b9b9b9;1095  display: inline-block;1096  font-weight: bold;1097  margin: 0 8px;1098  height: 40px;1099  line-height: 42px;1100  text-align: center;1101  width: 37px;1102}1103.pagination .current {1104  box-shadow: 5px 5px 0 #6ac9dd;1105  color: #6ac9dd;1106}1107.post {1108  box-shadow: 0 5px 5px -6px rgba(0, 0, 0, 0.3);1109  margin-bottom: 4rem !important;1110}1111.post .read-more {1112  font-size: 16px;1113  font-weight: bold;1114}1115.entry {1116  padding: 30px !important;1117}1118.entry p {1119  font-size: 16px !important;1120  line-height: 24px !important;1121}1122.post-heading {1123  margin-bottom: 60px;1124}1125.post-heading h1 {1126  line-height: 100%;1127  margin-bottom: 5px;1128}1129.post-heading.question {1130  background: url(../img/question.png) 0 0 no-repeat;1131  padding-left: 60px;1132}1133.post-heading.question h1 {1134  line-height: 40px;1135}1136.social-links {1137  color: #1990a6;1138  display: block;1139  font-size: 16px;1140  font-weight: bold;1141  height: 32px;1142  line-height: 32px;1143  margin: 4px 0;1144  text-align: center;1145}1146.social-links span {1147  position:relative;;1148  top:-11px;;1149}1150.social-links .addthis_toolbox {1151  display:inline-block !important;1152  height:32px !important;1153  width:144px;1154}1155.social-links a {1156 1157  color: transparent;1158  display: inline-block;1159  height: 32px;1160  margin-left: 10px;1161  text-indent: -9999px;1162  text-transform: uppercase;1163  width: 32px;1164}1165 1166.steps {1167  list-style: none;1168  margin: 0 0 20px;1169  padding: 0;1170}1171.steps li {1172  margin-bottom: 50px;1173  padding-left: 96px;1174}1175.steps li .number {1176  background: #6cc8e1;1177  border-radius: 36px;1178  -moz-border-radius: 36px;1179  -webkit-border-radius: 36px;1180  color: #fff;1181  display: inline;1182  float: left;1183  font-size: 55px;1184  font-weight: 100;1185  height: 72px;1186  line-height: 72px;1187  margin-left: -96px;1188  text-align: center;1189  width: 72px;1190}1191.steps li h2 {1192  font-size: 45px;1193  font-weight: 100;1194  line-height: 72px;1195}1196.steps li p {1197  font-size: 16px;1198  line-height: 24px;1199}1200.questions {

Showing the first 1,200 of 2448 lines. Download the file for the rest.