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 PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">2<html class="wf-proximanova-i4-active wf-proximanova-n4-active wf-proximanova-i6-active wf-ptsans-i7-active wf-ptsans-n7-active wf-proximanova-n6-active wf-ptsans-i4-active wf-proximanova-n7-active wf-ptsans-n4-active wf-proximanova-i7-active wf-active">3 <head>4 <style>5 /*!6 * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome7 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)8 */9/* FONT PATH10 * -------------------------- */11@font-face {12 font-family: 'FontAwesome';13 src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');14 src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');15 font-weight: normal;16 font-style: normal;17}18.fa {19 display: inline-block;20 font-family: FontAwesome;21 font-style: normal;22 font-weight: normal;23 line-height: 1;24 -webkit-font-smoothing: antialiased;25 -moz-osx-font-smoothing: grayscale;26}27/* makes the font 33% larger relative to the icon container */28.fa-lg {29 font-size: 1.3333333333333333em;30 line-height: 0.75em;31 vertical-align: -15%;32}33.fa-2x {34 font-size: 2em;35}36.fa-3x {37 font-size: 3em;38}39.fa-4x {40 font-size: 4em;41}42.fa-5x {43 font-size: 5em;44}45.fa-fw {46 width: 1.2857142857142858em;47 text-align: center;48}49.fa-ul {50 padding-left: 0;51 margin-left: 2.142857142857143em;52 list-style-type: none;53}54.fa-ul > li {55 position: relative;56}57.fa-li {58 position: absolute;59 left: -2.142857142857143em;60 width: 2.142857142857143em;61 top: 0.14285714285714285em;62 text-align: center;63}64.fa-li.fa-lg {65 left: -1.8571428571428572em;66}67.fa-border {68 padding: .2em .25em .15em;69 border: solid 0.08em #eeeeee;70 border-radius: .1em;71}72.pull-right {73 float: right;74}75.pull-left {76 float: left;77}78.fa.pull-left {79 margin-right: .3em;80}81.fa.pull-right {82 margin-left: .3em;83}84.fa-spin {85 -webkit-animation: spin 2s infinite linear;86 -moz-animation: spin 2s infinite linear;87 -o-animation: spin 2s infinite linear;88 animation: spin 2s infinite linear;89}90@-moz-keyframes spin {91 0% {92 -moz-transform: rotate(0deg);93 }94 100% {95 -moz-transform: rotate(359deg);96 }97}98@-webkit-keyframes spin {99 0% {100 -webkit-transform: rotate(0deg);101 }102 100% {103 -webkit-transform: rotate(359deg);104 }105}106@-o-keyframes spin {107 0% {108 -o-transform: rotate(0deg);109 }110 100% {111 -o-transform: rotate(359deg);112 }113}114@-ms-keyframes spin {115 0% {116 -ms-transform: rotate(0deg);117 }118 100% {119 -ms-transform: rotate(359deg);120 }121}122@keyframes spin {123 0% {124 transform: rotate(0deg);125 }126 100% {127 transform: rotate(359deg);128 }129}130.fa-rotate-90 {131 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);132 -webkit-transform: rotate(90deg);133 -moz-transform: rotate(90deg);134 -ms-transform: rotate(90deg);135 -o-transform: rotate(90deg);136 transform: rotate(90deg);137}138.fa-rotate-180 {139 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);140 -webkit-transform: rotate(180deg);141 -moz-transform: rotate(180deg);142 -ms-transform: rotate(180deg);143 -o-transform: rotate(180deg);144 transform: rotate(180deg);145}146.fa-rotate-270 {147 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);148 -webkit-transform: rotate(270deg);149 -moz-transform: rotate(270deg);150 -ms-transform: rotate(270deg);151 -o-transform: rotate(270deg);152 transform: rotate(270deg);153}154.fa-flip-horizontal {155 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);156 -webkit-transform: scale(-1, 1);157 -moz-transform: scale(-1, 1);158 -ms-transform: scale(-1, 1);159 -o-transform: scale(-1, 1);160 transform: scale(-1, 1);161}162.fa-flip-vertical {163 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);164 -webkit-transform: scale(1, -1);165 -moz-transform: scale(1, -1);166 -ms-transform: scale(1, -1);167 -o-transform: scale(1, -1);168 transform: scale(1, -1);169}170.fa-stack {171 position: relative;172 display: inline-block;173 width: 2em;174 height: 2em;175 line-height: 2em;176 vertical-align: middle;177}178.fa-stack-1x,179.fa-stack-2x {180 position: absolute;181 left: 0;182 width: 100%;183 text-align: center;184}185.fa-stack-1x {186 line-height: inherit;187}188.fa-stack-2x {189 font-size: 2em;190}191.fa-inverse {192 color: #ffffff;193}194/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen195 readers do not read off random characters that represent icons */196.fa-glass:before {197 content: "\f000";198}199.fa-music:before {200 content: "\f001";201}202.fa-search:before {203 content: "\f002";204}205.fa-envelope-o:before {206 content: "\f003";207}208.fa-heart:before {209 content: "\f004";210}211.fa-star:before {212 content: "\f005";213}214.fa-star-o:before {215 content: "\f006";216}217.fa-user:before {218 content: "\f007";219}220.fa-film:before {221 content: "\f008";222}223.fa-th-large:before {224 content: "\f009";225}226.fa-th:before {227 content: "\f00a";228}229.fa-th-list:before {230 content: "\f00b";231}232.fa-check:before {233 content: "\f00c";234}235.fa-times:before {236 content: "\f00d";237}238.fa-search-plus:before {239 content: "\f00e";240}241.fa-search-minus:before {242 content: "\f010";243}244.fa-power-off:before {245 content: "\f011";246}247.fa-signal:before {248 content: "\f012";249}250.fa-gear:before,251.fa-cog:before {252 content: "\f013";253}254.fa-trash-o:before {255 content: "\f014";256}257.fa-home:before {258 content: "\f015";259}260.fa-file-o:before {261 content: "\f016";262}263.fa-clock-o:before {264 content: "\f017";265}266.fa-road:before {267 content: "\f018";268}269.fa-download:before {270 content: "\f019";271}272.fa-arrow-circle-o-down:before {273 content: "\f01a";274}275.fa-arrow-circle-o-up:before {276 content: "\f01b";277}278.fa-inbox:before {279 content: "\f01c";280}281.fa-play-circle-o:before {282 content: "\f01d";283}284.fa-rotate-right:before,285.fa-repeat:before {286 content: "\f01e";287}288.fa-refresh:before {289 content: "\f021";290}291.fa-list-alt:before {292 content: "\f022";293}294.fa-lock:before {295 content: "\f023";296}297.fa-flag:before {298 content: "\f024";299}300.fa-headphones:before {301 content: "\f025";302}303.fa-volume-off:before {304 content: "\f026";305}306.fa-volume-down:before {307 content: "\f027";308}309.fa-volume-up:before {310 content: "\f028";311}312.fa-qrcode:before {313 content: "\f029";314}315.fa-barcode:before {316 content: "\f02a";317}318.fa-tag:before {319 content: "\f02b";320}321.fa-tags:before {322 content: "\f02c";323}324.fa-book:before {325 content: "\f02d";326}327.fa-bookmark:before {328 content: "\f02e";329}330.fa-print:before {331 content: "\f02f";332}333.fa-camera:before {334 content: "\f030";335}336.fa-font:before {337 content: "\f031";338}339.fa-bold:before {340 content: "\f032";341}342.fa-italic:before {343 content: "\f033";344}345.fa-text-height:before {346 content: "\f034";347}348.fa-text-width:before {349 content: "\f035";350}351.fa-align-left:before {352 content: "\f036";353}354.fa-align-center:before {355 content: "\f037";356}357.fa-align-right:before {358 content: "\f038";359}360.fa-align-justify:before {361 content: "\f039";362}363.fa-list:before {364 content: "\f03a";365}366.fa-dedent:before,367.fa-outdent:before {368 content: "\f03b";369}370.fa-indent:before {371 content: "\f03c";372}373.fa-video-camera:before {374 content: "\f03d";375}376.fa-picture-o:before {377 content: "\f03e";378}379.fa-pencil:before {380 content: "\f040";381}382.fa-map-marker:before {383 content: "\f041";384}385.fa-adjust:before {386 content: "\f042";387}388.fa-tint:before {389 content: "\f043";390}391.fa-edit:before,392.fa-pencil-square-o:before {393 content: "\f044";394}395.fa-share-square-o:before {396 content: "\f045";397}398.fa-check-square-o:before {399 content: "\f046";400}401.fa-arrows:before {402 content: "\f047";403}404.fa-step-backward:before {405 content: "\f048";406}407.fa-fast-backward:before {408 content: "\f049";409}410.fa-backward:before {411 content: "\f04a";412}413.fa-play:before {414 content: "\f04b";415}416.fa-pause:before {417 content: "\f04c";418}419.fa-stop:before {420 content: "\f04d";421}422.fa-forward:before {423 content: "\f04e";424}425.fa-fast-forward:before {426 content: "\f050";427}428.fa-step-forward:before {429 content: "\f051";430}431.fa-eject:before {432 content: "\f052";433}434.fa-chevron-left:before {435 content: "\f053";436}437.fa-chevron-right:before {438 content: "\f054";439}440.fa-plus-circle:before {441 content: "\f055";442}443.fa-minus-circle:before {444 content: "\f056";445}446.fa-times-circle:before {447 content: "\f057";448}449.fa-check-circle:before {450 content: "\f058";451}452.fa-question-circle:before {453 content: "\f059";454}455.fa-info-circle:before {456 content: "\f05a";457}458.fa-crosshairs:before {459 content: "\f05b";460}461.fa-times-circle-o:before {462 content: "\f05c";463}464.fa-check-circle-o:before {465 content: "\f05d";466}467.fa-ban:before {468 content: "\f05e";469}470.fa-arrow-left:before {471 content: "\f060";472}473.fa-arrow-right:before {474 content: "\f061";475}476.fa-arrow-up:before {477 content: "\f062";478}479.fa-arrow-down:before {480 content: "\f063";481}482.fa-mail-forward:before,483.fa-share:before {484 content: "\f064";485}486.fa-expand:before {487 content: "\f065";488}489.fa-compress:before {490 content: "\f066";491}492.fa-plus:before {493 content: "\f067";494}495.fa-minus:before {496 content: "\f068";497}498.fa-asterisk:before {499 content: "\f069";500}501.fa-exclamation-circle:before {502 content: "\f06a";503}504.fa-gift:before {505 content: "\f06b";506}507.fa-leaf:before {508 content: "\f06c";509}510.fa-fire:before {511 content: "\f06d";512}513.fa-eye:before {514 content: "\f06e";515}516.fa-eye-slash:before {517 content: "\f070";518}519.fa-warning:before,520.fa-exclamation-triangle:before {521 content: "\f071";522}523.fa-plane:before {524 content: "\f072";525}526.fa-calendar:before {527 content: "\f073";528}529.fa-random:before {530 content: "\f074";531}532.fa-comment:before {533 content: "\f075";534}535.fa-magnet:before {536 content: "\f076";537}538.fa-chevron-up:before {539 content: "\f077";540}541.fa-chevron-down:before {542 content: "\f078";543}544.fa-retweet:before {545 content: "\f079";546}547.fa-shopping-cart:before {548 content: "\f07a";549}550.fa-folder:before {551 content: "\f07b";552}553.fa-folder-open:before {554 content: "\f07c";555}556.fa-arrows-v:before {557 content: "\f07d";558}559.fa-arrows-h:before {560 content: "\f07e";561}562.fa-bar-chart-o:before {563 content: "\f080";564}565.fa-twitter-square:before {566 content: "\f081";567}568.fa-facebook-square:before {569 content: "\f082";570}571.fa-camera-retro:before {572 content: "\f083";573}574.fa-key:before {575 content: "\f084";576}577.fa-gears:before,578.fa-cogs:before {579 content: "\f085";580}581.fa-comments:before {582 content: "\f086";583}584.fa-thumbs-o-up:before {585 content: "\f087";586}587.fa-thumbs-o-down:before {588 content: "\f088";589}590.fa-star-half:before {591 content: "\f089";592}593.fa-heart-o:before {594 content: "\f08a";595}596.fa-sign-out:before {597 content: "\f08b";598}599.fa-linkedin-square:before {600 content: "\f08c";601}602.fa-thumb-tack:before {603 content: "\f08d";604}605.fa-external-link:before {606 content: "\f08e";607}608.fa-sign-in:before {609 content: "\f090";610}611.fa-trophy:before {612 content: "\f091";613}614.fa-github-square:before {615 content: "\f092";616}617.fa-upload:before {618 content: "\f093";619}620.fa-lemon-o:before {621 content: "\f094";622}623.fa-phone:before {624 content: "\f095";625}626.fa-square-o:before {627 content: "\f096";628}629.fa-bookmark-o:before {630 content: "\f097";631}632.fa-phone-square:before {633 content: "\f098";634}635.fa-twitter:before {636 content: "\f099";637}638.fa-facebook:before {639 content: "\f09a";640}641.fa-github:before {642 content: "\f09b";643}644.fa-unlock:before {645 content: "\f09c";646}647.fa-credit-card:before {648 content: "\f09d";649}650.fa-rss:before {651 content: "\f09e";652}653.fa-hdd-o:before {654 content: "\f0a0";655}656.fa-bullhorn:before {657 content: "\f0a1";658}659.fa-bell:before {660 content: "\f0f3";661}662.fa-certificate:before {663 content: "\f0a3";664}665.fa-hand-o-right:before {666 content: "\f0a4";667}668.fa-hand-o-left:before {669 content: "\f0a5";670}671.fa-hand-o-up:before {672 content: "\f0a6";673}674.fa-hand-o-down:before {675 content: "\f0a7";676}677.fa-arrow-circle-left:before {678 content: "\f0a8";679}680.fa-arrow-circle-right:before {681 content: "\f0a9";682}683.fa-arrow-circle-up:before {684 content: "\f0aa";685}686.fa-arrow-circle-down:before {687 content: "\f0ab";688}689.fa-globe:before {690 content: "\f0ac";691}692.fa-wrench:before {693 content: "\f0ad";694}695.fa-tasks:before {696 content: "\f0ae";697}698.fa-filter:before {699 content: "\f0b0";700}701.fa-briefcase:before {702 content: "\f0b1";703}704.fa-arrows-alt:before {705 content: "\f0b2";706}707.fa-group:before,708.fa-users:before {709 content: "\f0c0";710}711.fa-chain:before,712.fa-link:before {713 content: "\f0c1";714}715.fa-cloud:before {716 content: "\f0c2";717}718.fa-flask:before {719 content: "\f0c3";720}721.fa-cut:before,722.fa-scissors:before {723 content: "\f0c4";724}725.fa-copy:before,726.fa-files-o:before {727 content: "\f0c5";728}729.fa-paperclip:before {730 content: "\f0c6";731}732.fa-save:before,733.fa-floppy-o:before {734 content: "\f0c7";735}736.fa-square:before {737 content: "\f0c8";738}739.fa-bars:before {740 content: "\f0c9";741}742.fa-list-ul:before {743 content: "\f0ca";744}745.fa-list-ol:before {746 content: "\f0cb";747}748.fa-strikethrough:before {749 content: "\f0cc";750}751.fa-underline:before {752 content: "\f0cd";753}754.fa-table:before {755 content: "\f0ce";756}757.fa-magic:before {758 content: "\f0d0";759}760.fa-truck:before {761 content: "\f0d1";762}763.fa-pinterest:before {764 content: "\f0d2";765}766.fa-pinterest-square:before {767 content: "\f0d3";768}769.fa-google-plus-square:before {770 content: "\f0d4";771}772.fa-google-plus:before {773 content: "\f0d5";774}775.fa-money:before {776 content: "\f0d6";777}778.fa-caret-down:before {779 content: "\f0d7";780}781.fa-caret-up:before {782 content: "\f0d8";783}784.fa-caret-left:before {785 content: "\f0d9";786}787.fa-caret-right:before {788 content: "\f0da";789}790.fa-columns:before {791 content: "\f0db";792}793.fa-unsorted:before,794.fa-sort:before {795 content: "\f0dc";796}797.fa-sort-down:before,798.fa-sort-asc:before {799 content: "\f0dd";800}801.fa-sort-up:before,802.fa-sort-desc:before {803 content: "\f0de";804}805.fa-envelope:before {806 content: "\f0e0";807}808.fa-linkedin:before {809 content: "\f0e1";810}811.fa-rotate-left:before,812.fa-undo:before {813 content: "\f0e2";814}815.fa-legal:before,816.fa-gavel:before {817 content: "\f0e3";818}819.fa-dashboard:before,820.fa-tachometer:before {821 content: "\f0e4";822}823.fa-comment-o:before {824 content: "\f0e5";825}826.fa-comments-o:before {827 content: "\f0e6";828}829.fa-flash:before,830.fa-bolt:before {831 content: "\f0e7";832}833.fa-sitemap:before {834 content: "\f0e8";835}836.fa-umbrella:before {837 content: "\f0e9";838}839.fa-paste:before,840.fa-clipboard:before {841 content: "\f0ea";842}843.fa-lightbulb-o:before {844 content: "\f0eb";845}846.fa-exchange:before {847 content: "\f0ec";848}849.fa-cloud-download:before {850 content: "\f0ed";851}852.fa-cloud-upload:before {853 content: "\f0ee";854}855.fa-user-md:before {856 content: "\f0f0";857}858.fa-stethoscope:before {859 content: "\f0f1";860}861.fa-suitcase:before {862 content: "\f0f2";863}864.fa-bell-o:before {865 content: "\f0a2";866}867.fa-coffee:before {868 content: "\f0f4";869}870.fa-cutlery:before {871 content: "\f0f5";872}873.fa-file-text-o:before {874 content: "\f0f6";875}876.fa-building-o:before {877 content: "\f0f7";878}879.fa-hospital-o:before {880 content: "\f0f8";881}882.fa-ambulance:before {883 content: "\f0f9";884}885.fa-medkit:before {886 content: "\f0fa";887}888.fa-fighter-jet:before {889 content: "\f0fb";890}891.fa-beer:before {892 content: "\f0fc";893}894.fa-h-square:before {895 content: "\f0fd";896}897.fa-plus-square:before {898 content: "\f0fe";899}900.fa-angle-double-left:before {901 content: "\f100";902}903.fa-angle-double-right:before {904 content: "\f101";905}906.fa-angle-double-up:before {907 content: "\f102";908}909.fa-angle-double-down:before {910 content: "\f103";911}912.fa-angle-left:before {913 content: "\f104";914}915.fa-angle-right:before {916 content: "\f105";917}918.fa-angle-up:before {919 content: "\f106";920}921.fa-angle-down:before {922 content: "\f107";923}924.fa-desktop:before {925 content: "\f108";926}927.fa-laptop:before {928 content: "\f109";929}930.fa-tablet:before {931 content: "\f10a";932}933.fa-mobile-phone:before,934.fa-mobile:before {935 content: "\f10b";936}937.fa-circle-o:before {938 content: "\f10c";939}940.fa-quote-left:before {941 content: "\f10d";942}943.fa-quote-right:before {944 content: "\f10e";945}946.fa-spinner:before {947 content: "\f110";948}949.fa-circle:before {950 content: "\f111";951}952.fa-mail-reply:before,953.fa-reply:before {954 content: "\f112";955}956.fa-github-alt:before {957 content: "\f113";958}959.fa-folder-o:before {960 content: "\f114";961}962.fa-folder-open-o:before {963 content: "\f115";964}965.fa-smile-o:before {966 content: "\f118";967}968.fa-frown-o:before {969 content: "\f119";970}971.fa-meh-o:before {972 content: "\f11a";973}974.fa-gamepad:before {975 content: "\f11b";976}977.fa-keyboard-o:before {978 content: "\f11c";979}980.fa-flag-o:before {981 content: "\f11d";982}983.fa-flag-checkered:before {984 content: "\f11e";985}986.fa-terminal:before {987 content: "\f120";988}989.fa-code:before {990 content: "\f121";991}992.fa-reply-all:before {993 content: "\f122";994}995.fa-mail-reply-all:before {996 content: "\f122";997}998.fa-star-half-empty:before,999.fa-star-half-full:before,1000.fa-star-half-o:before {1001 content: "\f123";1002}1003.fa-location-arrow:before {1004 content: "\f124";1005}1006.fa-crop:before {1007 content: "\f125";1008}1009.fa-code-fork:before {1010 content: "\f126";1011}1012.fa-unlink:before,1013.fa-chain-broken:before {1014 content: "\f127";1015}1016.fa-question:before {1017 content: "\f128";1018}1019.fa-info:before {1020 content: "\f129";1021}1022.fa-exclamation:before {1023 content: "\f12a";1024}1025.fa-superscript:before {1026 content: "\f12b";1027}1028.fa-subscript:before {1029 content: "\f12c";1030}1031.fa-eraser:before {1032 content: "\f12d";1033}1034.fa-puzzle-piece:before {1035 content: "\f12e";1036}1037.fa-microphone:before {1038 content: "\f130";1039}1040.fa-microphone-slash:before {1041 content: "\f131";1042}1043.fa-shield:before {1044 content: "\f132";1045}1046.fa-calendar-o:before {1047 content: "\f133";1048}1049.fa-fire-extinguisher:before {1050 content: "\f134";1051}1052.fa-rocket:before {1053 content: "\f135";1054}1055.fa-maxcdn:before {1056 content: "\f136";1057}1058.fa-chevron-circle-left:before {1059 content: "\f137";1060}1061.fa-chevron-circle-right:before {1062 content: "\f138";1063}1064.fa-chevron-circle-up:before {1065 content: "\f139";1066}1067.fa-chevron-circle-down:before {1068 content: "\f13a";1069}1070.fa-html5:before {1071 content: "\f13b";1072}1073.fa-css3:before {1074 content: "\f13c";1075}1076.fa-anchor:before {1077 content: "\f13d";1078}1079.fa-unlock-alt:before {1080 content: "\f13e";1081}1082.fa-bullseye:before {1083 content: "\f140";1084}1085.fa-ellipsis-h:before {1086 content: "\f141";1087}1088.fa-ellipsis-v:before {1089 content: "\f142";1090}1091.fa-rss-square:before {1092 content: "\f143";1093}1094.fa-play-circle:before {1095 content: "\f144";1096}1097.fa-ticket:before {1098 content: "\f145";1099}1100.fa-minus-square:before {1101 content: "\f146";1102}1103.fa-minus-square-o:before {1104 content: "\f147";1105}1106.fa-level-up:before {1107 content: "\f148";1108}1109.fa-level-down:before {1110 content: "\f149";1111}1112.fa-check-square:before {1113 content: "\f14a";1114}1115.fa-pencil-square:before {1116 content: "\f14b";1117}1118.fa-external-link-square:before {1119 content: "\f14c";1120}1121.fa-share-square:before {1122 content: "\f14d";1123}1124.fa-compass:before {1125 content: "\f14e";1126}1127.fa-toggle-down:before,1128.fa-caret-square-o-down:before {1129 content: "\f150";1130}1131.fa-toggle-up:before,1132.fa-caret-square-o-up:before {1133 content: "\f151";1134}1135.fa-toggle-right:before,1136.fa-caret-square-o-right:before {1137 content: "\f152";1138}1139.fa-euro:before,1140.fa-eur:before {1141 content: "\f153";1142}1143.fa-gbp:before {1144 content: "\f154";1145}1146.fa-dollar:before,1147.fa-usd:before {1148 content: "\f155";1149}1150.fa-rupee:before,1151.fa-inr:before {1152 content: "\f156";1153}1154.fa-cny:before,1155.fa-rmb:before,1156.fa-yen:before,1157.fa-jpy:before {1158 content: "\f157";1159}1160.fa-ruble:before,1161.fa-rouble:before,1162.fa-rub:before {1163 content: "\f158";1164}1165.fa-won:before,1166.fa-krw:before {1167 content: "\f159";1168}1169.fa-bitcoin:before,1170.fa-btc:before {1171 content: "\f15a";1172}1173.fa-file:before {1174 content: "\f15b";1175}1176.fa-file-text:before {1177 content: "\f15c";1178}1179.fa-sort-alpha-asc:before {1180 content: "\f15d";1181}1182.fa-sort-alpha-desc:before {1183 content: "\f15e";1184}1185.fa-sort-amount-asc:before {1186 content: "\f160";1187}1188.fa-sort-amount-desc:before {1189 content: "\f161";1190}1191.fa-sort-numeric-asc:before {1192 content: "\f162";1193}1194.fa-sort-numeric-desc:before {1195 content: "\f163";1196}1197.fa-thumbs-up:before {1198 content: "\f164";1199}1200.fa-thumbs-down:before {