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 flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths" style>3 <!--<![endif]-->4 <head>5 <style>6 /*! normalize.css v1.1.3 | MIT License | git.io/normalize */7 8/* ==========================================================================9 HTML5 display definitions10 ========================================================================== */11 12/**13 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.14 */15 16article,17aside,18details,19figcaption,20figure,21footer,22header,23hgroup,24main,25nav,26section,27summary {28 display: block;29}30 31/**32 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.33 */34 35audio,36canvas,37video {38 display: inline-block;39 *display: inline;40 *zoom: 1;41}42 43/**44 * Prevent modern browsers from displaying `audio` without controls.45 * Remove excess height in iOS 5 devices.46 */47 48audio:not([controls]) {49 display: none;50 height: 0;51}52 53/**54 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.55 * Known issue: no IE 6 support.56 */57 58[hidden] {59 display: none;60}61 62/* ==========================================================================63 Base64 ========================================================================== */65 66/**67 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using68 * `em` units.69 * 2. Prevent iOS text size adjust after orientation change, without disabling70 * user zoom.71 */72 73html {74 font-size: 100%; /* 1 */75 -ms-text-size-adjust: 100%; /* 2 */76 -webkit-text-size-adjust: 100%; /* 2 */77}78 79/**80 * Address `font-family` inconsistency between `textarea` and other form81 * elements.82 */83 84html,85button,86input,87select,88textarea {89 font-family: sans-serif;90}91 92/**93 * Address margins handled incorrectly in IE 6/7.94 */95 96body {97 margin: 0;98}99 100/* ==========================================================================101 Links102 ========================================================================== */103 104/**105 * Address `outline` inconsistency between Chrome and other browsers.106 */107 108a:focus {109 outline: thin dotted;110}111 112/**113 * Improve readability when focused and also mouse hovered in all browsers.114 */115 116a:active,117a:hover {118 outline: 0;119}120 121/* ==========================================================================122 Typography123 ========================================================================== */124 125/**126 * Address font sizes and margins set differently in IE 6/7.127 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,128 * and Chrome.129 */130 131h1 {132 font-size: 2em;133 margin: 0.67em 0;134}135 136h2 {137 font-size: 1.5em;138 margin: 0.83em 0;139}140 141h3 {142 font-size: 1.17em;143 margin: 1em 0;144}145 146h4 {147 font-size: 1em;148 margin: 1.33em 0;149}150 151h5 {152 font-size: 0.83em;153 margin: 1.67em 0;154}155 156h6 {157 font-size: 0.67em;158 margin: 2.33em 0;159}160 161/**162 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.163 */164 165abbr[title] {166 border-bottom: 1px dotted;167}168 169/**170 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.171 */172 173b,174strong {175 font-weight: bold;176}177 178blockquote {179 margin: 1em 40px;180}181 182/**183 * Address styling not present in Safari 5 and Chrome.184 */185 186dfn {187 font-style: italic;188}189 190/**191 * Address differences between Firefox and other browsers.192 * Known issue: no IE 6/7 normalization.193 */194 195hr {196 -moz-box-sizing: content-box;197 box-sizing: content-box;198 height: 0;199}200 201/**202 * Address styling not present in IE 6/7/8/9.203 */204 205mark {206 background: #ff0;207 color: #000;208}209 210/**211 * Address margins set differently in IE 6/7.212 */213 214p,215pre {216 margin: .5em 0 .5em 0;217}218 219/**220 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.221 */222 223code,224kbd,225pre,226samp {227 font-family: monospace, serif;228 _font-family: 'courier new', monospace;229 font-size: 1em;230}231 232/**233 * Improve readability of pre-formatted text in all browsers.234 */235 236pre {237 white-space: pre;238 white-space: pre-wrap;239 word-wrap: break-word;240}241 242/**243 * Address CSS quotes not supported in IE 6/7.244 */245 246q {247 quotes: none;248}249 250/**251 * Address `quotes` property not supported in Safari 4.252 */253 254q:before,255q:after {256 content: '';257 content: none;258}259 260/**261 * Address inconsistent and variable font size in all browsers.262 */263 264small {265 font-size: 80%;266}267 268/**269 * Prevent `sub` and `sup` affecting `line-height` in all browsers.270 */271 272sub,273sup {274 font-size: 75%;275 line-height: 0;276 position: relative;277 vertical-align: baseline;278}279 280sup {281 top: -0.5em;282}283 284sub {285 bottom: -0.25em;286}287 288/* ==========================================================================289 Lists290 ========================================================================== */291 292/**293 * Address margins set differently in IE 6/7.294 */295 296dl,297menu,298ol,299ul {300 margin: 1em 0;301}302 303dd {304 margin: 0 0 0 40px;305}306 307/**308 * Address paddings set differently in IE 6/7.309 */310 311menu,312ol,313ul {314 padding: 0 0 0 40px;315}316 317/**318 * Correct list images handled incorrectly in IE 7.319 */320 321nav ul,322nav ol {323 list-style: none;324 list-style-image: none;325}326 327/* ==========================================================================328 Embedded content329 ========================================================================== */330 331/**332 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.333 * 2. Improve image quality when scaled in IE 7.334 */335 336img {337 border: 0; /* 1 */338 -ms-interpolation-mode: bicubic; /* 2 */339}340 341/**342 * Correct overflow displayed oddly in IE 9.343 */344 345svg:not(:root) {346 overflow: hidden;347}348 349/* ==========================================================================350 Figures351 ========================================================================== */352 353/**354 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.355 */356 357figure {358 margin: 0;359}360 361/* ==========================================================================362 Forms363 ========================================================================== */364 365/**366 * Correct margin displayed oddly in IE 6/7.367 */368 369form {370 margin: 0;371}372 373/**374 * Define consistent border, margin, and padding.375 */376 377fieldset {378 border: 1px solid #c0c0c0;379 margin: 0 2px;380 padding: 0.35em 0.625em 0.75em;381}382 383/**384 * 1. Correct color not being inherited in IE 6/7/8/9.385 * 2. Correct text not wrapping in Firefox 3.386 * 3. Correct alignment displayed oddly in IE 6/7.387 */388 389legend {390 border: 0; /* 1 */391 padding: 0;392 white-space: normal; /* 2 */393 *margin-left: -7px; /* 3 */394}395 396/**397 * 1. Correct font size not being inherited in all browsers.398 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,399 * and Chrome.400 * 3. Improve appearance and consistency in all browsers.401 */402 403button,404input,405select,406textarea {407 font-size: 100%; /* 1 */408 margin: 0; /* 2 */409 vertical-align: baseline; /* 3 */410 *vertical-align: middle; /* 3 */411}412 413/**414 * Address Firefox 3+ setting `line-height` on `input` using `!important` in415 * the UA stylesheet.416 */417 418button,419input {420 line-height: normal;421}422 423/**424 * Address inconsistent `text-transform` inheritance for `button` and `select`.425 * All other form control elements do not inherit `text-transform` values.426 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.427 * Correct `select` style inheritance in Firefox 4+ and Opera.428 */429 430button,431select {432 text-transform: none;433}434 435/**436 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`437 * and `video` controls.438 * 2. Correct inability to style clickable `input` types in iOS.439 * 3. Improve usability and consistency of cursor style between image-type440 * `input` and others.441 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.442 * Known issue: inner spacing remains in IE 6.443 */444 445button,446html input[type="button"], /* 1 */447input[type="reset"],448input[type="submit"] {449 -webkit-appearance: button; /* 2 */450 cursor: pointer; /* 3 */451 *overflow: visible; /* 4 */452}453 454/**455 * Re-set default cursor for disabled elements.456 */457 458button[disabled],459html input[disabled] {460 cursor: default;461}462 463/**464 * 1. Address box sizing set to content-box in IE 8/9.465 * 2. Remove excess padding in IE 8/9.466 * 3. Remove excess padding in IE 7.467 * Known issue: excess padding remains in IE 6.468 */469 470input[type="checkbox"],471input[type="radio"] {472 box-sizing: border-box; /* 1 */473 padding: 0; /* 2 */474 *height: 13px; /* 3 */475 *width: 13px; /* 3 */476}477 478/**479 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.480 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome481 * (include `-moz` to future-proof).482 */483 484input[type="search"] {485 -webkit-appearance: textfield; /* 1 */486 -moz-box-sizing: content-box;487 -webkit-box-sizing: content-box; /* 2 */488 box-sizing: content-box;489}490 491/**492 * Remove inner padding and search cancel button in Safari 5 and Chrome493 * on OS X.494 */495 496input[type="search"]::-webkit-search-cancel-button,497input[type="search"]::-webkit-search-decoration {498 -webkit-appearance: none;499}500 501/**502 * Remove inner padding and border in Firefox 3+.503 */504 505button::-moz-focus-inner,506input::-moz-focus-inner {507 border: 0;508 padding: 0;509}510 511/**512 * 1. Remove default vertical scrollbar in IE 6/7/8/9.513 * 2. Improve readability and alignment in all browsers.514 */515 516textarea {517 overflow: auto; /* 1 */518 vertical-align: top; /* 2 */519}520 521/* ==========================================================================522 Tables523 ========================================================================== */524 525/**526 * Remove most spacing between table cells.527 */528 529table {530 border-collapse: collapse;531 border-spacing: 0;532}533 534 535 536/*!537 * Bootstrap v3.3.5 (http://getbootstrap.com)538 * Copyright 2011-2015 Twitter, Inc.539 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)540 */541/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */542html {543 font-family: sans-serif;544 -webkit-text-size-adjust: 100%;545 -ms-text-size-adjust: 100%;546}547body {548 margin: 0;549}550article,551aside,552details,553figcaption,554figure,555footer,556header,557hgroup,558main,559menu,560nav,561section,562summary {563 display: block;564}565audio,566canvas,567progress,568video {569 display: inline-block;570 vertical-align: baseline;571}572audio:not([controls]) {573 display: none;574 height: 0;575}576[hidden],577template {578 display: none;579}580a {581 background-color: transparent;582}583a:active,584a:hover {585 outline: 0;586}587abbr[title] {588 border-bottom: 1px dotted;589}590b,591strong {592 font-weight: bold;593}594dfn {595 font-style: italic;596}597h1 {598 margin: .67em 0;599 font-size: 2em;600}601mark {602 color: #000;603 background: #ff0;604}605small {606 font-size: 80%;607}608sub,609sup {610 position: relative;611 font-size: 75%;612 line-height: 0;613 vertical-align: baseline;614}615sup {616 top: -.5em;617}618sub {619 bottom: -.25em;620}621img {622 border: 0;623}624svg:not(:root) {625 overflow: hidden;626}627figure {628 margin: 1em 40px;629}630hr {631 height: 0;632 -webkit-box-sizing: content-box;633 -moz-box-sizing: content-box;634 box-sizing: content-box;635}636pre {637 overflow: auto;638}639code,640kbd,641pre,642samp {643 font-family: monospace, monospace;644 font-size: 1em;645}646button,647input,648optgroup,649select,650textarea {651 margin: 0;652 font: inherit;653 color: inherit;654}655button {656 overflow: visible;657}658button,659select {660 text-transform: none;661}662button,663html input[type="button"],664input[type="reset"],665input[type="submit"] {666 -webkit-appearance: button;667 cursor: pointer;668}669button[disabled],670html input[disabled] {671 cursor: default;672}673button::-moz-focus-inner,674input::-moz-focus-inner {675 padding: 0;676 border: 0;677}678input {679 line-height: normal;680}681input[type="checkbox"],682input[type="radio"] {683 -webkit-box-sizing: border-box;684 -moz-box-sizing: border-box;685 box-sizing: border-box;686 padding: 0;687}688input[type="number"]::-webkit-inner-spin-button,689input[type="number"]::-webkit-outer-spin-button {690 height: auto;691}692input[type="search"] {693 -webkit-box-sizing: content-box;694 -moz-box-sizing: content-box;695 box-sizing: content-box;696 -webkit-appearance: textfield;697}698input[type="search"]::-webkit-search-cancel-button,699input[type="search"]::-webkit-search-decoration {700 -webkit-appearance: none;701}702fieldset {703 padding: .35em .625em .75em;704 margin: 0 2px;705 border: 1px solid #c0c0c0;706}707legend {708 padding: 0;709 border: 0;710}711textarea {712 overflow: auto;713}714optgroup {715 font-weight: bold;716}717table {718 border-spacing: 0;719 border-collapse: collapse;720}721/*722td,723th {724 padding: 0;725}726*/727/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */728@media print {729 *,730 *:before,731 *:after {732 color: #000 !important;733 text-shadow: none !important;734 background: transparent !important;735 -webkit-box-shadow: none !important;736 box-shadow: none !important;737 }738 a,739 a:visited {740 text-decoration: underline;741 }742 a[href]:after {743 content: " (" attr(href) ")";744 }745 abbr[title]:after {746 content: " (" attr(title) ")";747 }748 a[href^="#"]:after,749 a[href^="javascript:"]:after {750 content: "";751 }752 pre,753 blockquote {754 border: 1px solid #999;755 756 page-break-inside: avoid;757 }758 thead {759 display: table-header-group;760 }761 tr,762 img {763 page-break-inside: avoid;764 }765 img {766 max-width: 100% !important;767 }768 p,769 h2,770 h3 {771 orphans: 3;772 widows: 3;773 }774 h2,775 h3 {776 page-break-after: avoid;777 }778 .navbar {779 display: none;780 }781 .btn > .caret,782 .dropup > .btn > .caret {783 border-top-color: #000 !important;784 }785 .label {786 border: 1px solid #000;787 }788 .table {789 border-collapse: collapse !important;790 }791 .table td,792 .table th {793 background-color: #fff !important;794 }795 .table-bordered th,796 .table-bordered td {797 border: 1px solid #ddd !important;798 }799}800@font-face {801 font-family: 'Glyphicons Halflings';802 803 src: url('../fonts/glyphicons-halflings-regular.eot');804 src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');805}806.glyphicon {807 position: relative;808 top: 1px;809 display: inline-block;810 font-family: 'Glyphicons Halflings';811 font-style: normal;812 font-weight: normal;813 line-height: 1;814 815 -webkit-font-smoothing: antialiased;816 -moz-osx-font-smoothing: grayscale;817}818.glyphicon-asterisk:before {819 content: "\2a";820}821.glyphicon-plus:before {822 content: "\2b";823}824.glyphicon-euro:before,825.glyphicon-eur:before {826 content: "\20ac";827}828.glyphicon-minus:before {829 content: "\2212";830}831.glyphicon-cloud:before {832 content: "\2601";833}834.glyphicon-envelope:before {835 content: "\2709";836}837.glyphicon-pencil:before {838 content: "\270f";839}840.glyphicon-glass:before {841 content: "\e001";842}843.glyphicon-music:before {844 content: "\e002";845}846.glyphicon-search:before {847 content: "\e003";848}849.glyphicon-heart:before {850 content: "\e005";851}852.glyphicon-star:before {853 content: "\e006";854}855.glyphicon-star-empty:before {856 content: "\e007";857}858.glyphicon-user:before {859 content: "\e008";860}861.glyphicon-film:before {862 content: "\e009";863}864.glyphicon-th-large:before {865 content: "\e010";866}867.glyphicon-th:before {868 content: "\e011";869}870.glyphicon-th-list:before {871 content: "\e012";872}873.glyphicon-ok:before {874 content: "\e013";875}876.glyphicon-remove:before {877 content: "\e014";878}879.glyphicon-zoom-in:before {880 content: "\e015";881}882.glyphicon-zoom-out:before {883 content: "\e016";884}885.glyphicon-off:before {886 content: "\e017";887}888.glyphicon-signal:before {889 content: "\e018";890}891.glyphicon-cog:before {892 content: "\e019";893}894.glyphicon-trash:before {895 content: "\e020";896}897.glyphicon-home:before {898 content: "\e021";899}900.glyphicon-file:before {901 content: "\e022";902}903.glyphicon-time:before {904 content: "\e023";905}906.glyphicon-road:before {907 content: "\e024";908}909.glyphicon-download-alt:before {910 content: "\e025";911}912.glyphicon-download:before {913 content: "\e026";914}915.glyphicon-upload:before {916 content: "\e027";917}918.glyphicon-inbox:before {919 content: "\e028";920}921.glyphicon-play-circle:before {922 content: "\e029";923}924.glyphicon-repeat:before {925 content: "\e030";926}927.glyphicon-refresh:before {928 content: "\e031";929}930.glyphicon-list-alt:before {931 content: "\e032";932}933.glyphicon-lock:before {934 content: "\e033";935}936.glyphicon-flag:before {937 content: "\e034";938}939.glyphicon-headphones:before {940 content: "\e035";941}942.glyphicon-volume-off:before {943 content: "\e036";944}945.glyphicon-volume-down:before {946 content: "\e037";947}948.glyphicon-volume-up:before {949 content: "\e038";950}951.glyphicon-qrcode:before {952 content: "\e039";953}954.glyphicon-barcode:before {955 content: "\e040";956}957.glyphicon-tag:before {958 content: "\e041";959}960.glyphicon-tags:before {961 content: "\e042";962}963.glyphicon-book:before {964 content: "\e043";965}966.glyphicon-bookmark:before {967 content: "\e044";968}969.glyphicon-print:before {970 content: "\e045";971}972.glyphicon-camera:before {973 content: "\e046";974}975.glyphicon-font:before {976 content: "\e047";977}978.glyphicon-bold:before {979 content: "\e048";980}981.glyphicon-italic:before {982 content: "\e049";983}984.glyphicon-text-height:before {985 content: "\e050";986}987.glyphicon-text-width:before {988 content: "\e051";989}990.glyphicon-align-left:before {991 content: "\e052";992}993.glyphicon-align-center:before {994 content: "\e053";995}996.glyphicon-align-right:before {997 content: "\e054";998}999.glyphicon-align-justify:before {1000 content: "\e055";1001}1002.glyphicon-list:before {1003 content: "\e056";1004}1005.glyphicon-indent-left:before {1006 content: "\e057";1007}1008.glyphicon-indent-right:before {1009 content: "\e058";1010}1011.glyphicon-facetime-video:before {1012 content: "\e059";1013}1014.glyphicon-picture:before {1015 content: "\e060";1016}1017.glyphicon-map-marker:before {1018 content: "\e062";1019}1020.glyphicon-adjust:before {1021 content: "\e063";1022}1023.glyphicon-tint:before {1024 content: "\e064";1025}1026.glyphicon-edit:before {1027 content: "\e065";1028}1029.glyphicon-share:before {1030 content: "\e066";1031}1032.glyphicon-check:before {1033 content: "\e067";1034}1035.glyphicon-move:before {1036 content: "\e068";1037}1038.glyphicon-step-backward:before {1039 content: "\e069";1040}1041.glyphicon-fast-backward:before {1042 content: "\e070";1043}1044.glyphicon-backward:before {1045 content: "\e071";1046}1047.glyphicon-play:before {1048 content: "\e072";1049}1050.glyphicon-pause:before {1051 content: "\e073";1052}1053.glyphicon-stop:before {1054 content: "\e074";1055}1056.glyphicon-forward:before {1057 content: "\e075";1058}1059.glyphicon-fast-forward:before {1060 content: "\e076";1061}1062.glyphicon-step-forward:before {1063 content: "\e077";1064}1065.glyphicon-eject:before {1066 content: "\e078";1067}1068.glyphicon-chevron-left:before {1069 content: "\e079";1070}1071.glyphicon-chevron-right:before {1072 content: "\e080";1073}1074.glyphicon-plus-sign:before {1075 content: "\e081";1076}1077.glyphicon-minus-sign:before {1078 content: "\e082";1079}1080.glyphicon-remove-sign:before {1081 content: "\e083";1082}1083.glyphicon-ok-sign:before {1084 content: "\e084";1085}1086.glyphicon-question-sign:before {1087 content: "\e085";1088}1089.glyphicon-info-sign:before {1090 content: "\e086";1091}1092.glyphicon-screenshot:before {1093 content: "\e087";1094}1095.glyphicon-remove-circle:before {1096 content: "\e088";1097}1098.glyphicon-ok-circle:before {1099 content: "\e089";1100}1101.glyphicon-ban-circle:before {1102 content: "\e090";1103}1104.glyphicon-arrow-left:before {1105 content: "\e091";1106}1107.glyphicon-arrow-right:before {1108 content: "\e092";1109}1110.glyphicon-arrow-up:before {1111 content: "\e093";1112}1113.glyphicon-arrow-down:before {1114 content: "\e094";1115}1116.glyphicon-share-alt:before {1117 content: "\e095";1118}1119.glyphicon-resize-full:before {1120 content: "\e096";1121}1122.glyphicon-resize-small:before {1123 content: "\e097";1124}1125.glyphicon-exclamation-sign:before {1126 content: "\e101";1127}1128.glyphicon-gift:before {1129 content: "\e102";1130}1131.glyphicon-leaf:before {1132 content: "\e103";1133}1134.glyphicon-fire:before {1135 content: "\e104";1136}1137.glyphicon-eye-open:before {1138 content: "\e105";1139}1140.glyphicon-eye-close:before {1141 content: "\e106";1142}1143.glyphicon-warning-sign:before {1144 content: "\e107";1145}1146.glyphicon-plane:before {1147 content: "\e108";1148}1149.glyphicon-calendar:before {1150 content: "\e109";1151}1152.glyphicon-random:before {1153 content: "\e110";1154}1155.glyphicon-comment:before {1156 content: "\e111";1157}1158.glyphicon-magnet:before {1159 content: "\e112";1160}1161.glyphicon-chevron-up:before {1162 content: "\e113";1163}1164.glyphicon-chevron-down:before {1165 content: "\e114";1166}1167.glyphicon-retweet:before {1168 content: "\e115";1169}1170.glyphicon-shopping-cart:before {1171 content: "\e116";1172}1173.glyphicon-folder-close:before {1174 content: "\e117";1175}1176.glyphicon-folder-open:before {1177 content: "\e118";1178}1179.glyphicon-resize-vertical:before {1180 content: "\e119";1181}1182.glyphicon-resize-horizontal:before {1183 content: "\e120";1184}1185.glyphicon-hdd:before {1186 content: "\e121";1187}1188.glyphicon-bullhorn:before {1189 content: "\e122";1190}1191.glyphicon-bell:before {1192 content: "\e123";1193}1194.glyphicon-certificate:before {1195 content: "\e124";1196}1197.glyphicon-thumbs-up:before {1198 content: "\e125";1199}1200.glyphicon-thumbs-down:before {