pojokcodeid.nvim-lazy/my-snippets/B5-Snippets/snippets/snippets.json
asep komarudin 1ab37bd478 update
2023-01-15 00:19:37 +07:00

7885 lines
No EOL
302 KiB
JSON
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{
"breadcrumb": {
"prefix": "b5-breadcrumb",
"body": [
"<${1:nav} class=\"breadcrumb\" aria-label=\"breadcrumb\">",
" <ol>",
" <li class=\"${2|breadcrumb-item, breadcrumb-item active|}\"><a href=\"${3:Link}\">${4:Library}</a></li>",
" b5${0}",
" </ol>",
"</${1:nav}>"
],
"description": "breadcrumb"
},
"breadcrumb item": {
"prefix": "b5-breadcrumb-item",
"body": ["<li class=\"${1|breadcrumb-item, breadcrumb-item active|}\"><a href=\"${2:Link}\">${3:Library}</a></li>"],
"description": "breadcrumb"
}
,
"Button": {
"prefix": "b5-btn",
"body": [
"<a class=\"btn btn-${1|primary,secondary,success,danger,warning,info,light,dark|} btn-${2|sm,lg|} \" href=\"${3|#, |}\" role=\"button\">${4| ,Link|}</a>"
],
"description": "Create a basic button."
},
"Call to Action Button": {
"prefix": "b5-btn-cta",
"body": [
"<a class=\"btn btn-${1|primary,secondary,success,danger,warning,info,light,dark|} btn-${2|sm,lg|} \" href=\"${3|#, ,tel:123-456-7890,mailto:someone@yoursite.com,bunny.mp4|}\" ${4| ,disabled,dowload|} role=\"button\">${5|Link, ,call,mail|}</a>"
],
"description": "Create a CTA Button and drive your customer experience forward. \n Options: \n 1. Call\n 2. Email\n"
},
"BTN-Outline": {
"prefix": "b5-btn-o",
"body": [
"<a class=\"btn btn-outline-${2|primary,secondary,success,danger,warning,info,light,dark|}\" href=\"${3|#, |}\" role=\"button\">${4| ,Link|}</a>"
],
"description": "Link BTN"
},
"Close Button": {
"prefix": "b5-btn-close",
"body": [
"<button type=\"button\" class=\"close\" ${1| ,disabled|} aria-label=\"Close\">",
" <span aria-hidden=\"true\">&times;</span>",
"</button>"
],
"description": "Close Button"
},
"Button Group": {
"prefix": "b5-btn-gp",
"body": [
"<div class=\"btn-group ${2| ,btn-group-vertical,btn-group-sm,btn-group-lg,h1|} ${3|!spacing,!color,!font,!shadow|}\" role=\"group\" aria-label=\"${1:Basic example}\">",
" b5-btn${0}",
"</div>"
],
"description": "Button Group"
}
,
"Bootstrap 5 Card": {
"prefix": "b5-card",
"body": [
"<div class=\"card\" style=\"width:${1|18rem;, |}\">",
" <img src=\"${2|https://images.unsplash.com/photo-1561154464-82e9adf32764?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60, |}\" class=\"card-img-top\" alt=\"...\">",
" <div class=\"card-body\">",
" <h5 class=\"card-title\">${3|Card title, |}</h5>",
" <h6 class=\"card-subtitle ${4|mb-2 text-muted, |} \">${5|Card subtitle, |}</h6>",
" <p class=\"card-text\">${6|Some quick example text to build on the card title and make up the bulk of the card's content., |}</p>",
" b5${0}",
" </div>",
"</div>"
],
"description": "Bootstrap 5 Card"
}
,
"Bootstrap 5 carousel": {
"prefix": "b5-carousel",
"body": [
"<div id=\"${1:slider1}\" class=\"carousel slide\" data-ride=\"carousel\">",
" <ol class=\"carousel-indicators\">",
" <li data-target=\"#${1:slider1}\" data-slide-to=\"0\" class=\"active\"></li>",
" <li data-target=\"#${1:slider1}\" data-slide-to=\"1\"></li>",
" <li data-target=\"#${1:slider1}\" data-slide-to=\"2\"></li>",
" </ol>",
" <div class=\"carousel-inner\">",
" b5-carousel-item${0}",
" </div>",
" <a class=\"carousel-control-prev\" href=\"#${1:slider1}\" role=\"button\" data-slide=\"prev\">",
" <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>",
" <span class=\"sr-only\">Previous</span>",
" </a>",
" <a class=\"carousel-control-next\" href=\"#${1:slider1}\" role=\"button\" data-slide=\"next\">",
" <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>",
" <span class=\"sr-only\">Next</span>",
" </a>",
"</div>",
""
],
"description": "Bootstrap 5 carousel"
},
"Bootstrap 5 carousel item": {
"prefix": "b5-carousel-item",
"body": [
" <div class=\"${1|carousel-item,carousel-item active|}\">",
" <img src=\"${2|https://images.unsplash.com/photo-1518384491952-3f4731b5f9cd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60,https://images.unsplash.com/photo-1580821810660-5486b8e980a6?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60|}\" class=\"d-block w-100\" alt=\"${3:The developer is an asshole and didn't want to help you, I'm sorry about that.}\">",
" </div>"
],
"description": "Bootstrap 5 carousel item"
}
,
"Button Reveal": {
"prefix": "b5-btn-reveal",
"body": [
"<button class=\"btn btn-primary\" type=\"button\" data-toggle=\"collapse\" data-target=\"#${1|collapseExample, |}\" aria-expanded=\"false\" aria-controls=\"${1|collapseExample, |}\">",
" ${2|Button with data-target, |}",
"</button>",
"<div class=\"collapse\" id=\"${1|collapseExample, |}\">",
" <div class=\"card card-body\">",
" ${3|Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident., |}",
" </div>",
"</div>"
],
"description": "Button Reveal"
},
"Accordion Example": {
"prefix": "accordion-example",
"body": [
"<div class=\"accordion\" id=\"${1:accordionExample}\">",
" <div class=\"card\">",
" <div class=\"card-header\" id=\"headingOne\">",
" <h2 class=\"mb-0\">",
" <button class=\"btn btn-link btn-block text-left\" type=\"button\" data-toggle=\"collapse\" data-target=\"#${2:collapseOne}\" aria-expanded=\"true\" aria-controls=\"${2:collapseOne}\">",
" Collapsible Group Item #1",
" </button>",
" </h2>",
" </div>",
"",
" <div id=\"${2:collapseOne}\" class=\"collapse show\" aria-labelledby=\"headingOne\" data-parent=\"#${1:accordionExample}\">",
" <div class=\"card-body\">",
" Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.",
" </div>",
" </div>",
" </div>",
"</div>"
],
"description": "Accordion Example"
}
,
"figure": {
"prefix": "b5-figure",
"body": [
"<figure class=\"figure\">",
" <img src=\"${1:https://placehold.it/400x300}\" class=\"figure-img img-fluid rounded\" alt=\"...\">",
" <figcaption class=\"figure-caption\">${2:A caption for the above image.}</figcaption>",
"</figure>"
],
"description": "figure"
}
,
"Font awesome css link": {
"prefix": "!fa",
"body": "<link rel=\"stylesheet\" href=\"${1:https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css}\">$0",
"description": "Font awesome css link"
},
"500px": {
"prefix": "fa-500px",
"body": "<i class=\"fa fa-500px${1}\" aria-hidden=\"true\"></i>$0",
"description": "500px",
"scope": ""
},
"address-book": {
"prefix": "fa-address-book",
"body": "<i class=\"fa fa-address-book${1}\" aria-hidden=\"true\"></i>$0",
"description": "address-book",
"scope": ""
},
"address-book-o": {
"prefix": "fa-address-book-o",
"body": "<i class=\"fa fa-address-book-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "address-book-o",
"scope": ""
},
"address-card": {
"prefix": "fa-address-card",
"body": "<i class=\"fa fa-address-card${1}\" aria-hidden=\"true\"></i>$0",
"description": "address-card",
"scope": ""
},
"address-card-o": {
"prefix": "fa-address-card-o",
"body": "<i class=\"fa fa-address-card-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "address-card-o",
"scope": ""
},
"adjust": {
"prefix": "fa-adjust",
"body": "<i class=\"fa fa-adjust${1}\" aria-hidden=\"true\"></i>$0",
"description": "adjust",
"scope": ""
},
"adn": {
"prefix": "fa-adn",
"body": "<i class=\"fa fa-adn${1}\" aria-hidden=\"true\"></i>$0",
"description": "adn",
"scope": ""
},
"align-center": {
"prefix": "fa-align-center",
"body": "<i class=\"fa fa-align-center${1}\" aria-hidden=\"true\"></i>$0",
"description": "align-center",
"scope": ""
},
"align-justify": {
"prefix": "fa-align-justify",
"body": "<i class=\"fa fa-align-justify${1}\" aria-hidden=\"true\"></i>$0",
"description": "align-justify",
"scope": ""
},
"align-left": {
"prefix": "fa-align-left",
"body": "<i class=\"fa fa-align-left${1}\" aria-hidden=\"true\"></i>$0",
"description": "align-left",
"scope": ""
},
"align-right": {
"prefix": "fa-align-right",
"body": "<i class=\"fa fa-align-right${1}\" aria-hidden=\"true\"></i>$0",
"description": "align-right",
"scope": ""
},
"amazon": {
"prefix": "fa-amazon",
"body": "<i class=\"fa fa-amazon${1}\" aria-hidden=\"true\"></i>$0",
"description": "amazon",
"scope": ""
},
"ambulance": {
"prefix": "fa-ambulance",
"body": "<i class=\"fa fa-ambulance${1}\" aria-hidden=\"true\"></i>$0",
"description": "ambulance",
"scope": ""
},
"american-sign-language-interpreting": {
"prefix": "fa-american-sign-language-interpreting",
"body": "<i class=\"fa fa-american-sign-language-interpreting${1}\" aria-hidden=\"true\"></i>$0",
"description": "american-sign-language-interpreting",
"scope": ""
},
"anchor": {
"prefix": "fa-anchor",
"body": "<i class=\"fa fa-anchor${1}\" aria-hidden=\"true\"></i>$0",
"description": "anchor",
"scope": ""
},
"android": {
"prefix": "fa-android",
"body": "<i class=\"fa fa-android${1}\" aria-hidden=\"true\"></i>$0",
"description": "android",
"scope": ""
},
"angellist": {
"prefix": "fa-angellist",
"body": "<i class=\"fa fa-angellist${1}\" aria-hidden=\"true\"></i>$0",
"description": "angellist",
"scope": ""
},
"angle-double-down": {
"prefix": "fa-angle-double-down",
"body": "<i class=\"fa fa-angle-double-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "angle-double-down",
"scope": ""
},
"angle-double-left": {
"prefix": "fa-angle-double-left",
"body": "<i class=\"fa fa-angle-double-left${1}\" aria-hidden=\"true\"></i>$0",
"description": "angle-double-left",
"scope": ""
},
"angle-double-right": {
"prefix": "fa-angle-double-right",
"body": "<i class=\"fa fa-angle-double-right${1}\" aria-hidden=\"true\"></i>$0",
"description": "angle-double-right",
"scope": ""
},
"angle-double-up": {
"prefix": "fa-angle-double-up",
"body": "<i class=\"fa fa-angle-double-up${1}\" aria-hidden=\"true\"></i>$0",
"description": "angle-double-up",
"scope": ""
},
"angle-down": {
"prefix": "fa-angle-down",
"body": "<i class=\"fa fa-angle-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "angle-down",
"scope": ""
},
"angle-left": {
"prefix": "fa-angle-left",
"body": "<i class=\"fa fa-angle-left${1}\" aria-hidden=\"true\"></i>$0",
"description": "angle-left",
"scope": ""
},
"angle-right": {
"prefix": "fa-angle-right",
"body": "<i class=\"fa fa-angle-right${1}\" aria-hidden=\"true\"></i>$0",
"description": "angle-right",
"scope": ""
},
"angle-up": {
"prefix": "fa-angle-up",
"body": "<i class=\"fa fa-angle-up${1}\" aria-hidden=\"true\"></i>$0",
"description": "angle-up",
"scope": ""
},
"apple": {
"prefix": "fa-apple",
"body": "<i class=\"fa fa-apple${1}\" aria-hidden=\"true\"></i>$0",
"description": "apple",
"scope": ""
},
"archive": {
"prefix": "fa-archive",
"body": "<i class=\"fa fa-archive${1}\" aria-hidden=\"true\"></i>$0",
"description": "archive",
"scope": ""
},
"area-chart": {
"prefix": "fa-area-chart",
"body": "<i class=\"fa fa-area-chart${1}\" aria-hidden=\"true\"></i>$0",
"description": "area-chart",
"scope": ""
},
"arrow-circle-down": {
"prefix": "fa-arrow-circle-down",
"body": "<i class=\"fa fa-arrow-circle-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "arrow-circle-down",
"scope": ""
},
"arrow-circle-left": {
"prefix": "fa-arrow-circle-left",
"body": "<i class=\"fa fa-arrow-circle-left${1}\" aria-hidden=\"true\"></i>$0",
"description": "arrow-circle-left",
"scope": ""
},
"arrow-circle-o-down": {
"prefix": "fa-arrow-circle-o-down",
"body": "<i class=\"fa fa-arrow-circle-o-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "arrow-circle-o-down",
"scope": ""
},
"arrow-circle-o-left": {
"prefix": "fa-arrow-circle-o-left",
"body": "<i class=\"fa fa-arrow-circle-o-left${1}\" aria-hidden=\"true\"></i>$0",
"description": "arrow-circle-o-left",
"scope": ""
},
"arrow-circle-o-right": {
"prefix": "fa-arrow-circle-o-right",
"body": "<i class=\"fa fa-arrow-circle-o-right${1}\" aria-hidden=\"true\"></i>$0",
"description": "arrow-circle-o-right",
"scope": ""
},
"arrow-circle-o-up": {
"prefix": "fa-arrow-circle-o-up",
"body": "<i class=\"fa fa-arrow-circle-o-up${1}\" aria-hidden=\"true\"></i>$0",
"description": "arrow-circle-o-up",
"scope": ""
},
"arrow-circle-right": {
"prefix": "fa-arrow-circle-right",
"body": "<i class=\"fa fa-arrow-circle-right${1}\" aria-hidden=\"true\"></i>$0",
"description": "arrow-circle-right",
"scope": ""
},
"arrow-circle-up": {
"prefix": "fa-arrow-circle-up",
"body": "<i class=\"fa fa-arrow-circle-up${1}\" aria-hidden=\"true\"></i>$0",
"description": "arrow-circle-up",
"scope": ""
},
"arrow-down": {
"prefix": "fa-arrow-down",
"body": "<i class=\"fa fa-arrow-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "arrow-down",
"scope": ""
},
"arrow-left": {
"prefix": "fa-arrow-left",
"body": "<i class=\"fa fa-arrow-left${1}\" aria-hidden=\"true\"></i>$0",
"description": "arrow-left",
"scope": ""
},
"arrow-right": {
"prefix": "fa-arrow-right",
"body": "<i class=\"fa fa-arrow-right${1}\" aria-hidden=\"true\"></i>$0",
"description": "arrow-right",
"scope": ""
},
"arrows": {
"prefix": "fa-arrows",
"body": "<i class=\"fa fa-arrows${1}\" aria-hidden=\"true\"></i>$0",
"description": "arrows",
"scope": ""
},
"arrows-alt": {
"prefix": "fa-arrows-alt",
"body": "<i class=\"fa fa-arrows-alt${1}\" aria-hidden=\"true\"></i>$0",
"description": "arrows-alt",
"scope": ""
},
"arrows-h": {
"prefix": "fa-arrows-h",
"body": "<i class=\"fa fa-arrows-h${1}\" aria-hidden=\"true\"></i>$0",
"description": "arrows-h",
"scope": ""
},
"arrows-v": {
"prefix": "fa-arrows-v",
"body": "<i class=\"fa fa-arrows-v${1}\" aria-hidden=\"true\"></i>$0",
"description": "arrows-v",
"scope": ""
},
"arrow-up": {
"prefix": "fa-arrow-up",
"body": "<i class=\"fa fa-arrow-up${1}\" aria-hidden=\"true\"></i>$0",
"description": "arrow-up",
"scope": ""
},
"asl-interpreting": {
"prefix": "fa-asl-interpreting",
"body": "<i class=\"fa fa-asl-interpreting${1}\" aria-hidden=\"true\"></i>$0",
"description": "asl-interpreting",
"scope": ""
},
"assistive-listening-systems": {
"prefix": "fa-assistive-listening-systems",
"body": "<i class=\"fa fa-assistive-listening-systems${1}\" aria-hidden=\"true\"></i>$0",
"description": "assistive-listening-systems",
"scope": ""
},
"asterisk": {
"prefix": "fa-asterisk",
"body": "<i class=\"fa fa-asterisk${1}\" aria-hidden=\"true\"></i>$0",
"description": "asterisk",
"scope": ""
},
"at": {
"prefix": "fa-at",
"body": "<i class=\"fa fa-at${1}\" aria-hidden=\"true\"></i>$0",
"description": "at",
"scope": ""
},
"audio-description": {
"prefix": "fa-audio-description",
"body": "<i class=\"fa fa-audio-description${1}\" aria-hidden=\"true\"></i>$0",
"description": "audio-description",
"scope": ""
},
"automobile": {
"prefix": "fa-automobile",
"body": "<i class=\"fa fa-automobile${1}\" aria-hidden=\"true\"></i>$0",
"description": "automobile",
"scope": ""
},
"backward": {
"prefix": "fa-backward",
"body": "<i class=\"fa fa-backward${1}\" aria-hidden=\"true\"></i>$0",
"description": "backward",
"scope": ""
},
"balance-scale": {
"prefix": "fa-balance-scale",
"body": "<i class=\"fa fa-balance-scale${1}\" aria-hidden=\"true\"></i>$0",
"description": "balance-scale",
"scope": ""
},
"ban": {
"prefix": "fa-ban",
"body": "<i class=\"fa fa-ban${1}\" aria-hidden=\"true\"></i>$0",
"description": "ban",
"scope": ""
},
"bandcamp": {
"prefix": "fa-bandcamp",
"body": "<i class=\"fa fa-bandcamp${1}\" aria-hidden=\"true\"></i>$0",
"description": "bandcamp",
"scope": ""
},
"bank": {
"prefix": "fa-bank",
"body": "<i class=\"fa fa-bank${1}\" aria-hidden=\"true\"></i>$0",
"description": "bank",
"scope": ""
},
"bar-chart": {
"prefix": "fa-bar-chart",
"body": "<i class=\"fa fa-bar-chart${1}\" aria-hidden=\"true\"></i>$0",
"description": "bar-chart",
"scope": ""
},
"bar-chart-o": {
"prefix": "fa-bar-chart-o",
"body": "<i class=\"fa fa-bar-chart-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "bar-chart-o",
"scope": ""
},
"barcode": {
"prefix": "fa-barcode",
"body": "<i class=\"fa fa-barcode${1}\" aria-hidden=\"true\"></i>$0",
"description": "barcode",
"scope": ""
},
"bars": {
"prefix": "fa-bars",
"body": "<i class=\"fa fa-bars${1}\" aria-hidden=\"true\"></i>$0",
"description": "bars",
"scope": ""
},
"bath": {
"prefix": "fa-bath",
"body": "<i class=\"fa fa-bath${1}\" aria-hidden=\"true\"></i>$0",
"description": "bath",
"scope": ""
},
"bathtub": {
"prefix": "fa-bathtub",
"body": "<i class=\"fa fa-bathtub${1}\" aria-hidden=\"true\"></i>$0",
"description": "bathtub",
"scope": ""
},
"battery": {
"prefix": "fa-battery",
"body": "<i class=\"fa fa-battery${1}\" aria-hidden=\"true\"></i>$0",
"description": "battery",
"scope": ""
},
"battery-0": {
"prefix": "fa-battery-0",
"body": "<i class=\"fa fa-battery-0${1}\" aria-hidden=\"true\"></i>$0",
"description": "battery-0",
"scope": ""
},
"battery-1": {
"prefix": "fa-battery-1",
"body": "<i class=\"fa fa-battery-1${1}\" aria-hidden=\"true\"></i>$0",
"description": "battery-1",
"scope": ""
},
"battery-2": {
"prefix": "fa-battery-2",
"body": "<i class=\"fa fa-battery-2${1}\" aria-hidden=\"true\"></i>$0",
"description": "battery-2",
"scope": ""
},
"battery-3": {
"prefix": "fa-battery-3",
"body": "<i class=\"fa fa-battery-3${1}\" aria-hidden=\"true\"></i>$0",
"description": "battery-3",
"scope": ""
},
"battery-4": {
"prefix": "fa-battery-4",
"body": "<i class=\"fa fa-battery-4${1}\" aria-hidden=\"true\"></i>$0",
"description": "battery-4",
"scope": ""
},
"battery-empty": {
"prefix": "fa-battery-empty",
"body": "<i class=\"fa fa-battery-empty${1}\" aria-hidden=\"true\"></i>$0",
"description": "battery-empty",
"scope": ""
},
"battery-full": {
"prefix": "fa-battery-full",
"body": "<i class=\"fa fa-battery-full${1}\" aria-hidden=\"true\"></i>$0",
"description": "battery-full",
"scope": ""
},
"battery-half": {
"prefix": "fa-battery-half",
"body": "<i class=\"fa fa-battery-half${1}\" aria-hidden=\"true\"></i>$0",
"description": "battery-half",
"scope": ""
},
"battery-quarter": {
"prefix": "fa-battery-quarter",
"body": "<i class=\"fa fa-battery-quarter${1}\" aria-hidden=\"true\"></i>$0",
"description": "battery-quarter",
"scope": ""
},
"battery-three-quarters": {
"prefix": "fa-battery-three-quarters",
"body": "<i class=\"fa fa-battery-three-quarters${1}\" aria-hidden=\"true\"></i>$0",
"description": "battery-three-quarters",
"scope": ""
},
"bed": {
"prefix": "fa-bed",
"body": "<i class=\"fa fa-bed${1}\" aria-hidden=\"true\"></i>$0",
"description": "bed",
"scope": ""
},
"beer": {
"prefix": "fa-beer",
"body": "<i class=\"fa fa-beer${1}\" aria-hidden=\"true\"></i>$0",
"description": "beer",
"scope": ""
},
"behance": {
"prefix": "fa-behance",
"body": "<i class=\"fa fa-behance${1}\" aria-hidden=\"true\"></i>$0",
"description": "behance",
"scope": ""
},
"behance-square": {
"prefix": "fa-behance-square",
"body": "<i class=\"fa fa-behance-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "behance-square",
"scope": ""
},
"bell": {
"prefix": "fa-bell",
"body": "<i class=\"fa fa-bell${1}\" aria-hidden=\"true\"></i>$0",
"description": "bell",
"scope": ""
},
"bell-o": {
"prefix": "fa-bell-o",
"body": "<i class=\"fa fa-bell-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "bell-o",
"scope": ""
},
"bell-slash": {
"prefix": "fa-bell-slash",
"body": "<i class=\"fa fa-bell-slash${1}\" aria-hidden=\"true\"></i>$0",
"description": "bell-slash",
"scope": ""
},
"bell-slash-o": {
"prefix": "fa-bell-slash-o",
"body": "<i class=\"fa fa-bell-slash-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "bell-slash-o",
"scope": ""
},
"bicycle": {
"prefix": "fa-bicycle",
"body": "<i class=\"fa fa-bicycle${1}\" aria-hidden=\"true\"></i>$0",
"description": "bicycle",
"scope": ""
},
"binoculars": {
"prefix": "fa-binoculars",
"body": "<i class=\"fa fa-binoculars${1}\" aria-hidden=\"true\"></i>$0",
"description": "binoculars",
"scope": ""
},
"birthday-cake": {
"prefix": "fa-birthday-cake",
"body": "<i class=\"fa fa-birthday-cake${1}\" aria-hidden=\"true\"></i>$0",
"description": "birthday-cake",
"scope": ""
},
"bitbucket": {
"prefix": "fa-bitbucket",
"body": "<i class=\"fa fa-bitbucket${1}\" aria-hidden=\"true\"></i>$0",
"description": "bitbucket",
"scope": ""
},
"bitbucket-square": {
"prefix": "fa-bitbucket-square",
"body": "<i class=\"fa fa-bitbucket-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "bitbucket-square",
"scope": ""
},
"bitcoin": {
"prefix": "fa-bitcoin",
"body": "<i class=\"fa fa-bitcoin${1}\" aria-hidden=\"true\"></i>$0",
"description": "bitcoin",
"scope": ""
},
"black-tie": {
"prefix": "fa-black-tie",
"body": "<i class=\"fa fa-black-tie${1}\" aria-hidden=\"true\"></i>$0",
"description": "black-tie",
"scope": ""
},
"blind": {
"prefix": "fa-blind",
"body": "<i class=\"fa fa-blind${1}\" aria-hidden=\"true\"></i>$0",
"description": "blind",
"scope": ""
},
"bluetooth": {
"prefix": "fa-bluetooth",
"body": "<i class=\"fa fa-bluetooth${1}\" aria-hidden=\"true\"></i>$0",
"description": "bluetooth",
"scope": ""
},
"bluetooth-b": {
"prefix": "fa-bluetooth-b",
"body": "<i class=\"fa fa-bluetooth-b${1}\" aria-hidden=\"true\"></i>$0",
"description": "bluetooth-b",
"scope": ""
},
"bold": {
"prefix": "fa-bold",
"body": "<i class=\"fa fa-bold${1}\" aria-hidden=\"true\"></i>$0",
"description": "bold",
"scope": ""
},
"bolt": {
"prefix": "fa-bolt",
"body": "<i class=\"fa fa-bolt${1}\" aria-hidden=\"true\"></i>$0",
"description": "bolt",
"scope": ""
},
"bomb": {
"prefix": "fa-bomb",
"body": "<i class=\"fa fa-bomb${1}\" aria-hidden=\"true\"></i>$0",
"description": "bomb",
"scope": ""
},
"book": {
"prefix": "fa-book",
"body": "<i class=\"fa fa-book${1}\" aria-hidden=\"true\"></i>$0",
"description": "book",
"scope": ""
},
"bookmark": {
"prefix": "fa-bookmark",
"body": "<i class=\"fa fa-bookmark${1}\" aria-hidden=\"true\"></i>$0",
"description": "bookmark",
"scope": ""
},
"bookmark-o": {
"prefix": "fa-bookmark-o",
"body": "<i class=\"fa fa-bookmark-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "bookmark-o",
"scope": ""
},
"braille": {
"prefix": "fa-braille",
"body": "<i class=\"fa fa-braille${1}\" aria-hidden=\"true\"></i>$0",
"description": "braille",
"scope": ""
},
"briefcase": {
"prefix": "fa-briefcase",
"body": "<i class=\"fa fa-briefcase${1}\" aria-hidden=\"true\"></i>$0",
"description": "briefcase",
"scope": ""
},
"btc": {
"prefix": "fa-btc",
"body": "<i class=\"fa fa-btc${1}\" aria-hidden=\"true\"></i>$0",
"description": "btc",
"scope": ""
},
"bug": {
"prefix": "fa-bug",
"body": "<i class=\"fa fa-bug${1}\" aria-hidden=\"true\"></i>$0",
"description": "bug",
"scope": ""
},
"building": {
"prefix": "fa-building",
"body": "<i class=\"fa fa-building${1}\" aria-hidden=\"true\"></i>$0",
"description": "building",
"scope": ""
},
"building-o": {
"prefix": "fa-building-o",
"body": "<i class=\"fa fa-building-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "building-o",
"scope": ""
},
"bullhorn": {
"prefix": "fa-bullhorn",
"body": "<i class=\"fa fa-bullhorn${1}\" aria-hidden=\"true\"></i>$0",
"description": "bullhorn",
"scope": ""
},
"bullseye": {
"prefix": "fa-bullseye",
"body": "<i class=\"fa fa-bullseye${1}\" aria-hidden=\"true\"></i>$0",
"description": "bullseye",
"scope": ""
},
"bus": {
"prefix": "fa-bus",
"body": "<i class=\"fa fa-bus${1}\" aria-hidden=\"true\"></i>$0",
"description": "bus",
"scope": ""
},
"buysellads": {
"prefix": "fa-buysellads",
"body": "<i class=\"fa fa-buysellads${1}\" aria-hidden=\"true\"></i>$0",
"description": "buysellads",
"scope": ""
},
"cab": {
"prefix": "fa-cab",
"body": "<i class=\"fa fa-cab${1}\" aria-hidden=\"true\"></i>$0",
"description": "cab",
"scope": ""
},
"calculator": {
"prefix": "fa-calculator",
"body": "<i class=\"fa fa-calculator${1}\" aria-hidden=\"true\"></i>$0",
"description": "calculator",
"scope": ""
},
"calendar": {
"prefix": "fa-calendar",
"body": "<i class=\"fa fa-calendar${1}\" aria-hidden=\"true\"></i>$0",
"description": "calendar",
"scope": ""
},
"calendar-check-o": {
"prefix": "fa-calendar-check-o",
"body": "<i class=\"fa fa-calendar-check-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "calendar-check-o",
"scope": ""
},
"calendar-minus-o": {
"prefix": "fa-calendar-minus-o",
"body": "<i class=\"fa fa-calendar-minus-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "calendar-minus-o",
"scope": ""
},
"calendar-o": {
"prefix": "fa-calendar-o",
"body": "<i class=\"fa fa-calendar-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "calendar-o",
"scope": ""
},
"calendar-plus-o": {
"prefix": "fa-calendar-plus-o",
"body": "<i class=\"fa fa-calendar-plus-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "calendar-plus-o",
"scope": ""
},
"calendar-times-o": {
"prefix": "fa-calendar-times-o",
"body": "<i class=\"fa fa-calendar-times-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "calendar-times-o",
"scope": ""
},
"camera": {
"prefix": "fa-camera",
"body": "<i class=\"fa fa-camera${1}\" aria-hidden=\"true\"></i>$0",
"description": "camera",
"scope": ""
},
"camera-retro": {
"prefix": "fa-camera-retro",
"body": "<i class=\"fa fa-camera-retro${1}\" aria-hidden=\"true\"></i>$0",
"description": "camera-retro",
"scope": ""
},
"car": {
"prefix": "fa-car",
"body": "<i class=\"fa fa-car${1}\" aria-hidden=\"true\"></i>$0",
"description": "car",
"scope": ""
},
"caret-down": {
"prefix": "fa-caret-down",
"body": "<i class=\"fa fa-caret-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "caret-down",
"scope": ""
},
"caret-left": {
"prefix": "fa-caret-left",
"body": "<i class=\"fa fa-caret-left${1}\" aria-hidden=\"true\"></i>$0",
"description": "caret-left",
"scope": ""
},
"caret-right": {
"prefix": "fa-caret-right",
"body": "<i class=\"fa fa-caret-right${1}\" aria-hidden=\"true\"></i>$0",
"description": "caret-right",
"scope": ""
},
"caret-square-o-down": {
"prefix": "fa-caret-square-o-down",
"body": "<i class=\"fa fa-caret-square-o-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "caret-square-o-down",
"scope": ""
},
"caret-square-o-left": {
"prefix": "fa-caret-square-o-left",
"body": "<i class=\"fa fa-caret-square-o-left${1}\" aria-hidden=\"true\"></i>$0",
"description": "caret-square-o-left",
"scope": ""
},
"caret-square-o-right": {
"prefix": "fa-caret-square-o-right",
"body": "<i class=\"fa fa-caret-square-o-right${1}\" aria-hidden=\"true\"></i>$0",
"description": "caret-square-o-right",
"scope": ""
},
"caret-square-o-up": {
"prefix": "fa-caret-square-o-up",
"body": "<i class=\"fa fa-caret-square-o-up${1}\" aria-hidden=\"true\"></i>$0",
"description": "caret-square-o-up",
"scope": ""
},
"caret-up": {
"prefix": "fa-caret-up",
"body": "<i class=\"fa fa-caret-up${1}\" aria-hidden=\"true\"></i>$0",
"description": "caret-up",
"scope": ""
},
"cart-arrow-down": {
"prefix": "fa-cart-arrow-down",
"body": "<i class=\"fa fa-cart-arrow-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "cart-arrow-down",
"scope": ""
},
"cart-plus": {
"prefix": "fa-cart-plus",
"body": "<i class=\"fa fa-cart-plus${1}\" aria-hidden=\"true\"></i>$0",
"description": "cart-plus",
"scope": ""
},
"cc": {
"prefix": "fa-cc",
"body": "<i class=\"fa fa-cc${1}\" aria-hidden=\"true\"></i>$0",
"description": "cc",
"scope": ""
},
"cc-amex": {
"prefix": "fa-cc-amex",
"body": "<i class=\"fa fa-cc-amex${1}\" aria-hidden=\"true\"></i>$0",
"description": "cc-amex",
"scope": ""
},
"cc-diners-club": {
"prefix": "fa-cc-diners-club",
"body": "<i class=\"fa fa-cc-diners-club${1}\" aria-hidden=\"true\"></i>$0",
"description": "cc-diners-club",
"scope": ""
},
"cc-discover": {
"prefix": "fa-cc-discover",
"body": "<i class=\"fa fa-cc-discover${1}\" aria-hidden=\"true\"></i>$0",
"description": "cc-discover",
"scope": ""
},
"cc-jcb": {
"prefix": "fa-cc-jcb",
"body": "<i class=\"fa fa-cc-jcb${1}\" aria-hidden=\"true\"></i>$0",
"description": "cc-jcb",
"scope": ""
},
"cc-mastercard": {
"prefix": "fa-cc-mastercard",
"body": "<i class=\"fa fa-cc-mastercard${1}\" aria-hidden=\"true\"></i>$0",
"description": "cc-mastercard",
"scope": ""
},
"cc-paypal": {
"prefix": "fa-cc-paypal",
"body": "<i class=\"fa fa-cc-paypal${1}\" aria-hidden=\"true\"></i>$0",
"description": "cc-paypal",
"scope": ""
},
"cc-stripe": {
"prefix": "fa-cc-stripe",
"body": "<i class=\"fa fa-cc-stripe${1}\" aria-hidden=\"true\"></i>$0",
"description": "cc-stripe",
"scope": ""
},
"cc-visa": {
"prefix": "fa-cc-visa",
"body": "<i class=\"fa fa-cc-visa${1}\" aria-hidden=\"true\"></i>$0",
"description": "cc-visa",
"scope": ""
},
"certificate": {
"prefix": "fa-certificate",
"body": "<i class=\"fa fa-certificate${1}\" aria-hidden=\"true\"></i>$0",
"description": "certificate",
"scope": ""
},
"chain": {
"prefix": "fa-chain",
"body": "<i class=\"fa fa-chain${1}\" aria-hidden=\"true\"></i>$0",
"description": "chain",
"scope": ""
},
"chain-broken": {
"prefix": "fa-chain-broken",
"body": "<i class=\"fa fa-chain-broken${1}\" aria-hidden=\"true\"></i>$0",
"description": "chain-broken",
"scope": ""
},
"check": {
"prefix": "fa-check",
"body": "<i class=\"fa fa-check${1}\" aria-hidden=\"true\"></i>$0",
"description": "check",
"scope": ""
},
"check-circle": {
"prefix": "fa-check-circle",
"body": "<i class=\"fa fa-check-circle${1}\" aria-hidden=\"true\"></i>$0",
"description": "check-circle",
"scope": ""
},
"check-circle-o": {
"prefix": "fa-check-circle-o",
"body": "<i class=\"fa fa-check-circle-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "check-circle-o",
"scope": ""
},
"check-square": {
"prefix": "fa-check-square",
"body": "<i class=\"fa fa-check-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "check-square",
"scope": ""
},
"check-square-o": {
"prefix": "fa-check-square-o",
"body": "<i class=\"fa fa-check-square-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "check-square-o",
"scope": ""
},
"chevron-circle-down": {
"prefix": "fa-chevron-circle-down",
"body": "<i class=\"fa fa-chevron-circle-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "chevron-circle-down",
"scope": ""
},
"chevron-circle-left": {
"prefix": "fa-chevron-circle-left",
"body": "<i class=\"fa fa-chevron-circle-left${1}\" aria-hidden=\"true\"></i>$0",
"description": "chevron-circle-left",
"scope": ""
},
"chevron-circle-right": {
"prefix": "fa-chevron-circle-right",
"body": "<i class=\"fa fa-chevron-circle-right${1}\" aria-hidden=\"true\"></i>$0",
"description": "chevron-circle-right",
"scope": ""
},
"chevron-circle-up": {
"prefix": "fa-chevron-circle-up",
"body": "<i class=\"fa fa-chevron-circle-up${1}\" aria-hidden=\"true\"></i>$0",
"description": "chevron-circle-up",
"scope": ""
},
"chevron-down": {
"prefix": "fa-chevron-down",
"body": "<i class=\"fa fa-chevron-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "chevron-down",
"scope": ""
},
"chevron-left": {
"prefix": "fa-chevron-left",
"body": "<i class=\"fa fa-chevron-left${1}\" aria-hidden=\"true\"></i>$0",
"description": "chevron-left",
"scope": ""
},
"chevron-right": {
"prefix": "fa-chevron-right",
"body": "<i class=\"fa fa-chevron-right${1}\" aria-hidden=\"true\"></i>$0",
"description": "chevron-right",
"scope": ""
},
"chevron-up": {
"prefix": "fa-chevron-up",
"body": "<i class=\"fa fa-chevron-up${1}\" aria-hidden=\"true\"></i>$0",
"description": "chevron-up",
"scope": ""
},
"child": {
"prefix": "fa-child",
"body": "<i class=\"fa fa-child${1}\" aria-hidden=\"true\"></i>$0",
"description": "child",
"scope": ""
},
"chrome": {
"prefix": "fa-chrome",
"body": "<i class=\"fa fa-chrome${1}\" aria-hidden=\"true\"></i>$0",
"description": "chrome",
"scope": ""
},
"circle": {
"prefix": "fa-circle",
"body": "<i class=\"fa fa-circle${1}\" aria-hidden=\"true\"></i>$0",
"description": "circle",
"scope": ""
},
"circle-o": {
"prefix": "fa-circle-o",
"body": "<i class=\"fa fa-circle-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "circle-o",
"scope": ""
},
"circle-o-notch": {
"prefix": "fa-circle-o-notch",
"body": "<i class=\"fa fa-circle-o-notch${1}\" aria-hidden=\"true\"></i>$0",
"description": "circle-o-notch",
"scope": ""
},
"circle-thin": {
"prefix": "fa-circle-thin",
"body": "<i class=\"fa fa-circle-thin${1}\" aria-hidden=\"true\"></i>$0",
"description": "circle-thin",
"scope": ""
},
"clipboard": {
"prefix": "fa-clipboard",
"body": "<i class=\"fa fa-clipboard${1}\" aria-hidden=\"true\"></i>$0",
"description": "clipboard",
"scope": ""
},
"clock-o": {
"prefix": "fa-clock-o",
"body": "<i class=\"fa fa-clock-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "clock-o",
"scope": ""
},
"clone": {
"prefix": "fa-clone",
"body": "<i class=\"fa fa-clone${1}\" aria-hidden=\"true\"></i>$0",
"description": "clone",
"scope": ""
},
"close": {
"prefix": "fa-close",
"body": "<i class=\"fa fa-close${1}\" aria-hidden=\"true\"></i>$0",
"description": "close",
"scope": ""
},
"cloud": {
"prefix": "fa-cloud",
"body": "<i class=\"fa fa-cloud${1}\" aria-hidden=\"true\"></i>$0",
"description": "cloud",
"scope": ""
},
"cloud-download": {
"prefix": "fa-cloud-download",
"body": "<i class=\"fa fa-cloud-download${1}\" aria-hidden=\"true\"></i>$0",
"description": "cloud-download",
"scope": ""
},
"cloud-upload": {
"prefix": "fa-cloud-upload",
"body": "<i class=\"fa fa-cloud-upload${1}\" aria-hidden=\"true\"></i>$0",
"description": "cloud-upload",
"scope": ""
},
"cny": {
"prefix": "fa-cny",
"body": "<i class=\"fa fa-cny${1}\" aria-hidden=\"true\"></i>$0",
"description": "cny",
"scope": ""
},
"code": {
"prefix": "fa-code",
"body": "<i class=\"fa fa-code${1}\" aria-hidden=\"true\"></i>$0",
"description": "code",
"scope": ""
},
"code-fork": {
"prefix": "fa-code-fork",
"body": "<i class=\"fa fa-code-fork${1}\" aria-hidden=\"true\"></i>$0",
"description": "code-fork",
"scope": ""
},
"codepen": {
"prefix": "fa-codepen",
"body": "<i class=\"fa fa-codepen${1}\" aria-hidden=\"true\"></i>$0",
"description": "codepen",
"scope": ""
},
"codiepie": {
"prefix": "fa-codiepie",
"body": "<i class=\"fa fa-codiepie${1}\" aria-hidden=\"true\"></i>$0",
"description": "codiepie",
"scope": ""
},
"coffee": {
"prefix": "fa-coffee",
"body": "<i class=\"fa fa-coffee${1}\" aria-hidden=\"true\"></i>$0",
"description": "coffee",
"scope": ""
},
"cog": {
"prefix": "fa-cog",
"body": "<i class=\"fa fa-cog${1}\" aria-hidden=\"true\"></i>$0",
"description": "cog",
"scope": ""
},
"cogs": {
"prefix": "fa-cogs",
"body": "<i class=\"fa fa-cogs${1}\" aria-hidden=\"true\"></i>$0",
"description": "cogs",
"scope": ""
},
"columns": {
"prefix": "fa-columns",
"body": "<i class=\"fa fa-columns${1}\" aria-hidden=\"true\"></i>$0",
"description": "columns",
"scope": ""
},
"comment": {
"prefix": "fa-comment",
"body": "<i class=\"fa fa-comment${1}\" aria-hidden=\"true\"></i>$0",
"description": "comment",
"scope": ""
},
"commenting": {
"prefix": "fa-commenting",
"body": "<i class=\"fa fa-commenting${1}\" aria-hidden=\"true\"></i>$0",
"description": "commenting",
"scope": ""
},
"commenting-o": {
"prefix": "fa-commenting-o",
"body": "<i class=\"fa fa-commenting-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "commenting-o",
"scope": ""
},
"comment-o": {
"prefix": "fa-comment-o",
"body": "<i class=\"fa fa-comment-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "comment-o",
"scope": ""
},
"comments": {
"prefix": "fa-comments",
"body": "<i class=\"fa fa-comments${1}\" aria-hidden=\"true\"></i>$0",
"description": "comments",
"scope": ""
},
"comments-o": {
"prefix": "fa-comments-o",
"body": "<i class=\"fa fa-comments-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "comments-o",
"scope": ""
},
"compass": {
"prefix": "fa-compass",
"body": "<i class=\"fa fa-compass${1}\" aria-hidden=\"true\"></i>$0",
"description": "compass",
"scope": ""
},
"compress": {
"prefix": "fa-compress",
"body": "<i class=\"fa fa-compress${1}\" aria-hidden=\"true\"></i>$0",
"description": "compress",
"scope": ""
},
"connectdevelop": {
"prefix": "fa-connectdevelop",
"body": "<i class=\"fa fa-connectdevelop${1}\" aria-hidden=\"true\"></i>$0",
"description": "connectdevelop",
"scope": ""
},
"contao": {
"prefix": "fa-contao",
"body": "<i class=\"fa fa-contao${1}\" aria-hidden=\"true\"></i>$0",
"description": "contao",
"scope": ""
},
"copy": {
"prefix": "fa-copy",
"body": "<i class=\"fa fa-copy${1}\" aria-hidden=\"true\"></i>$0",
"description": "copy",
"scope": ""
},
"copyright": {
"prefix": "fa-copyright",
"body": "<i class=\"fa fa-copyright${1}\" aria-hidden=\"true\"></i>$0",
"description": "copyright",
"scope": ""
},
"creative-commons": {
"prefix": "fa-creative-commons",
"body": "<i class=\"fa fa-creative-commons${1}\" aria-hidden=\"true\"></i>$0",
"description": "creative-commons",
"scope": ""
},
"credit-card": {
"prefix": "fa-credit-card",
"body": "<i class=\"fa fa-credit-card${1}\" aria-hidden=\"true\"></i>$0",
"description": "credit-card",
"scope": ""
},
"credit-card-alt": {
"prefix": "fa-credit-card-alt",
"body": "<i class=\"fa fa-credit-card-alt${1}\" aria-hidden=\"true\"></i>$0",
"description": "credit-card-alt",
"scope": ""
},
"crop": {
"prefix": "fa-crop",
"body": "<i class=\"fa fa-crop${1}\" aria-hidden=\"true\"></i>$0",
"description": "crop",
"scope": ""
},
"crosshairs": {
"prefix": "fa-crosshairs",
"body": "<i class=\"fa fa-crosshairs${1}\" aria-hidden=\"true\"></i>$0",
"description": "crosshairs",
"scope": ""
},
"css3": {
"prefix": "fa-css3",
"body": "<i class=\"fa fa-css3${1}\" aria-hidden=\"true\"></i>$0",
"description": "css3",
"scope": ""
},
"cube": {
"prefix": "fa-cube",
"body": "<i class=\"fa fa-cube${1}\" aria-hidden=\"true\"></i>$0",
"description": "cube",
"scope": ""
},
"cubes": {
"prefix": "fa-cubes",
"body": "<i class=\"fa fa-cubes${1}\" aria-hidden=\"true\"></i>$0",
"description": "cubes",
"scope": ""
},
"cut": {
"prefix": "fa-cut",
"body": "<i class=\"fa fa-cut${1}\" aria-hidden=\"true\"></i>$0",
"description": "cut",
"scope": ""
},
"cutlery": {
"prefix": "fa-cutlery",
"body": "<i class=\"fa fa-cutlery${1}\" aria-hidden=\"true\"></i>$0",
"description": "cutlery",
"scope": ""
},
"dashboard": {
"prefix": "fa-dashboard",
"body": "<i class=\"fa fa-dashboard${1}\" aria-hidden=\"true\"></i>$0",
"description": "dashboard",
"scope": ""
},
"dashcube": {
"prefix": "fa-dashcube",
"body": "<i class=\"fa fa-dashcube${1}\" aria-hidden=\"true\"></i>$0",
"description": "dashcube",
"scope": ""
},
"database": {
"prefix": "fa-database",
"body": "<i class=\"fa fa-database${1}\" aria-hidden=\"true\"></i>$0",
"description": "database",
"scope": ""
},
"deaf": {
"prefix": "fa-deaf",
"body": "<i class=\"fa fa-deaf${1}\" aria-hidden=\"true\"></i>$0",
"description": "deaf",
"scope": ""
},
"deafness": {
"prefix": "fa-deafness",
"body": "<i class=\"fa fa-deafness${1}\" aria-hidden=\"true\"></i>$0",
"description": "deafness",
"scope": ""
},
"dedent": {
"prefix": "fa-dedent",
"body": "<i class=\"fa fa-dedent${1}\" aria-hidden=\"true\"></i>$0",
"description": "dedent",
"scope": ""
},
"delicious": {
"prefix": "fa-delicious",
"body": "<i class=\"fa fa-delicious${1}\" aria-hidden=\"true\"></i>$0",
"description": "delicious",
"scope": ""
},
"desktop": {
"prefix": "fa-desktop",
"body": "<i class=\"fa fa-desktop${1}\" aria-hidden=\"true\"></i>$0",
"description": "desktop",
"scope": ""
},
"deviantart": {
"prefix": "fa-deviantart",
"body": "<i class=\"fa fa-deviantart${1}\" aria-hidden=\"true\"></i>$0",
"description": "deviantart",
"scope": ""
},
"diamond": {
"prefix": "fa-diamond",
"body": "<i class=\"fa fa-diamond${1}\" aria-hidden=\"true\"></i>$0",
"description": "diamond",
"scope": ""
},
"digg": {
"prefix": "fa-digg",
"body": "<i class=\"fa fa-digg${1}\" aria-hidden=\"true\"></i>$0",
"description": "digg",
"scope": ""
},
"dollar": {
"prefix": "fa-dollar",
"body": "<i class=\"fa fa-dollar${1}\" aria-hidden=\"true\"></i>$0",
"description": "dollar",
"scope": ""
},
"dot-circle-o": {
"prefix": "fa-dot-circle-o",
"body": "<i class=\"fa fa-dot-circle-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "dot-circle-o",
"scope": ""
},
"download": {
"prefix": "fa-download",
"body": "<i class=\"fa fa-download${1}\" aria-hidden=\"true\"></i>$0",
"description": "download",
"scope": ""
},
"dribbble": {
"prefix": "fa-dribbble",
"body": "<i class=\"fa fa-dribbble${1}\" aria-hidden=\"true\"></i>$0",
"description": "dribbble",
"scope": ""
},
"drivers-license": {
"prefix": "fa-drivers-license",
"body": "<i class=\"fa fa-drivers-license${1}\" aria-hidden=\"true\"></i>$0",
"description": "drivers-license",
"scope": ""
},
"drivers-license-o": {
"prefix": "fa-drivers-license-o",
"body": "<i class=\"fa fa-drivers-license-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "drivers-license-o",
"scope": ""
},
"dropbox": {
"prefix": "fa-dropbox",
"body": "<i class=\"fa fa-dropbox${1}\" aria-hidden=\"true\"></i>$0",
"description": "dropbox",
"scope": ""
},
"drupal": {
"prefix": "fa-drupal",
"body": "<i class=\"fa fa-drupal${1}\" aria-hidden=\"true\"></i>$0",
"description": "drupal",
"scope": ""
},
"edge": {
"prefix": "fa-edge",
"body": "<i class=\"fa fa-edge${1}\" aria-hidden=\"true\"></i>$0",
"description": "edge",
"scope": ""
},
"edit": {
"prefix": "fa-edit",
"body": "<i class=\"fa fa-edit${1}\" aria-hidden=\"true\"></i>$0",
"description": "edit",
"scope": ""
},
"eercast": {
"prefix": "fa-eercast",
"body": "<i class=\"fa fa-eercast${1}\" aria-hidden=\"true\"></i>$0",
"description": "eercast",
"scope": ""
},
"eject": {
"prefix": "fa-eject",
"body": "<i class=\"fa fa-eject${1}\" aria-hidden=\"true\"></i>$0",
"description": "eject",
"scope": ""
},
"ellipsis-h": {
"prefix": "fa-ellipsis-h",
"body": "<i class=\"fa fa-ellipsis-h${1}\" aria-hidden=\"true\"></i>$0",
"description": "ellipsis-h",
"scope": ""
},
"ellipsis-v": {
"prefix": "fa-ellipsis-v",
"body": "<i class=\"fa fa-ellipsis-v${1}\" aria-hidden=\"true\"></i>$0",
"description": "ellipsis-v",
"scope": ""
},
"empire": {
"prefix": "fa-empire",
"body": "<i class=\"fa fa-empire${1}\" aria-hidden=\"true\"></i>$0",
"description": "empire",
"scope": ""
},
"envelope": {
"prefix": "fa-envelope",
"body": "<i class=\"fa fa-envelope${1}\" aria-hidden=\"true\"></i>$0",
"description": "envelope",
"scope": ""
},
"envelope-o": {
"prefix": "fa-envelope-o",
"body": "<i class=\"fa fa-envelope-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "envelope-o",
"scope": ""
},
"envelope-open": {
"prefix": "fa-envelope-open",
"body": "<i class=\"fa fa-envelope-open${1}\" aria-hidden=\"true\"></i>$0",
"description": "envelope-open",
"scope": ""
},
"envelope-open-o": {
"prefix": "fa-envelope-open-o",
"body": "<i class=\"fa fa-envelope-open-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "envelope-open-o",
"scope": ""
},
"envelope-square": {
"prefix": "fa-envelope-square",
"body": "<i class=\"fa fa-envelope-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "envelope-square",
"scope": ""
},
"envira": {
"prefix": "fa-envira",
"body": "<i class=\"fa fa-envira${1}\" aria-hidden=\"true\"></i>$0",
"description": "envira",
"scope": ""
},
"eraser": {
"prefix": "fa-eraser",
"body": "<i class=\"fa fa-eraser${1}\" aria-hidden=\"true\"></i>$0",
"description": "eraser",
"scope": ""
},
"etsy": {
"prefix": "fa-etsy",
"body": "<i class=\"fa fa-etsy${1}\" aria-hidden=\"true\"></i>$0",
"description": "etsy",
"scope": ""
},
"eur": {
"prefix": "fa-eur",
"body": "<i class=\"fa fa-eur${1}\" aria-hidden=\"true\"></i>$0",
"description": "eur",
"scope": ""
},
"euro": {
"prefix": "fa-euro",
"body": "<i class=\"fa fa-euro${1}\" aria-hidden=\"true\"></i>$0",
"description": "euro",
"scope": ""
},
"exchange": {
"prefix": "fa-exchange",
"body": "<i class=\"fa fa-exchange${1}\" aria-hidden=\"true\"></i>$0",
"description": "exchange",
"scope": ""
},
"exclamation": {
"prefix": "fa-exclamation",
"body": "<i class=\"fa fa-exclamation${1}\" aria-hidden=\"true\"></i>$0",
"description": "exclamation",
"scope": ""
},
"exclamation-circle": {
"prefix": "fa-exclamation-circle",
"body": "<i class=\"fa fa-exclamation-circle${1}\" aria-hidden=\"true\"></i>$0",
"description": "exclamation-circle",
"scope": ""
},
"exclamation-triangle": {
"prefix": "fa-exclamation-triangle",
"body": "<i class=\"fa fa-exclamation-triangle${1}\" aria-hidden=\"true\"></i>$0",
"description": "exclamation-triangle",
"scope": ""
},
"expand": {
"prefix": "fa-expand",
"body": "<i class=\"fa fa-expand${1}\" aria-hidden=\"true\"></i>$0",
"description": "expand",
"scope": ""
},
"expeditedssl": {
"prefix": "fa-expeditedssl",
"body": "<i class=\"fa fa-expeditedssl${1}\" aria-hidden=\"true\"></i>$0",
"description": "expeditedssl",
"scope": ""
},
"external-link": {
"prefix": "fa-external-link",
"body": "<i class=\"fa fa-external-link${1}\" aria-hidden=\"true\"></i>$0",
"description": "external-link",
"scope": ""
},
"external-link-square": {
"prefix": "fa-external-link-square",
"body": "<i class=\"fa fa-external-link-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "external-link-square",
"scope": ""
},
"eye": {
"prefix": "fa-eye",
"body": "<i class=\"fa fa-eye${1}\" aria-hidden=\"true\"></i>$0",
"description": "eye",
"scope": ""
},
"eyedropper": {
"prefix": "fa-eyedropper",
"body": "<i class=\"fa fa-eyedropper${1}\" aria-hidden=\"true\"></i>$0",
"description": "eyedropper",
"scope": ""
},
"eye-slash": {
"prefix": "fa-eye-slash",
"body": "<i class=\"fa fa-eye-slash${1}\" aria-hidden=\"true\"></i>$0",
"description": "eye-slash",
"scope": ""
},
"fa": {
"prefix": "fa-fa",
"body": "<i class=\"fa fa-fa${1}\" aria-hidden=\"true\"></i>$0",
"description": "fa",
"scope": ""
},
"facebook": {
"prefix": "fa-facebook",
"body": "<i class=\"fa fa-facebook${1}\" aria-hidden=\"true\"></i>$0",
"description": "facebook",
"scope": ""
},
"facebook-f": {
"prefix": "fa-facebook-f",
"body": "<i class=\"fa fa-facebook-f${1}\" aria-hidden=\"true\"></i>$0",
"description": "facebook-f",
"scope": ""
},
"facebook-official": {
"prefix": "fa-facebook-official",
"body": "<i class=\"fa fa-facebook-official${1}\" aria-hidden=\"true\"></i>$0",
"description": "facebook-official",
"scope": ""
},
"facebook-square": {
"prefix": "fa-facebook-square",
"body": "<i class=\"fa fa-facebook-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "facebook-square",
"scope": ""
},
"fast-backward": {
"prefix": "fa-fast-backward",
"body": "<i class=\"fa fa-fast-backward${1}\" aria-hidden=\"true\"></i>$0",
"description": "fast-backward",
"scope": ""
},
"fast-forward": {
"prefix": "fa-fast-forward",
"body": "<i class=\"fa fa-fast-forward${1}\" aria-hidden=\"true\"></i>$0",
"description": "fast-forward",
"scope": ""
},
"fax": {
"prefix": "fa-fax",
"body": "<i class=\"fa fa-fax${1}\" aria-hidden=\"true\"></i>$0",
"description": "fax",
"scope": ""
},
"feed": {
"prefix": "fa-feed",
"body": "<i class=\"fa fa-feed${1}\" aria-hidden=\"true\"></i>$0",
"description": "feed",
"scope": ""
},
"female": {
"prefix": "fa-female",
"body": "<i class=\"fa fa-female${1}\" aria-hidden=\"true\"></i>$0",
"description": "female",
"scope": ""
},
"fighter-jet": {
"prefix": "fa-fighter-jet",
"body": "<i class=\"fa fa-fighter-jet${1}\" aria-hidden=\"true\"></i>$0",
"description": "fighter-jet",
"scope": ""
},
"file": {
"prefix": "fa-file",
"body": "<i class=\"fa fa-file${1}\" aria-hidden=\"true\"></i>$0",
"description": "file",
"scope": ""
},
"file-archive-o": {
"prefix": "fa-file-archive-o",
"body": "<i class=\"fa fa-file-archive-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "file-archive-o",
"scope": ""
},
"file-audio-o": {
"prefix": "fa-file-audio-o",
"body": "<i class=\"fa fa-file-audio-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "file-audio-o",
"scope": ""
},
"file-code-o": {
"prefix": "fa-file-code-o",
"body": "<i class=\"fa fa-file-code-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "file-code-o",
"scope": ""
},
"file-excel-o": {
"prefix": "fa-file-excel-o",
"body": "<i class=\"fa fa-file-excel-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "file-excel-o",
"scope": ""
},
"file-image-o": {
"prefix": "fa-file-image-o",
"body": "<i class=\"fa fa-file-image-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "file-image-o",
"scope": ""
},
"file-movie-o": {
"prefix": "fa-file-movie-o",
"body": "<i class=\"fa fa-file-movie-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "file-movie-o",
"scope": ""
},
"file-o": {
"prefix": "fa-file-o",
"body": "<i class=\"fa fa-file-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "file-o",
"scope": ""
},
"file-pdf-o": {
"prefix": "fa-file-pdf-o",
"body": "<i class=\"fa fa-file-pdf-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "file-pdf-o",
"scope": ""
},
"file-photo-o": {
"prefix": "fa-file-photo-o",
"body": "<i class=\"fa fa-file-photo-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "file-photo-o",
"scope": ""
},
"file-picture-o": {
"prefix": "fa-file-picture-o",
"body": "<i class=\"fa fa-file-picture-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "file-picture-o",
"scope": ""
},
"file-powerpoint-o": {
"prefix": "fa-file-powerpoint-o",
"body": "<i class=\"fa fa-file-powerpoint-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "file-powerpoint-o",
"scope": ""
},
"files-o": {
"prefix": "fa-files-o",
"body": "<i class=\"fa fa-files-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "files-o",
"scope": ""
},
"file-sound-o": {
"prefix": "fa-file-sound-o",
"body": "<i class=\"fa fa-file-sound-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "file-sound-o",
"scope": ""
},
"file-text": {
"prefix": "fa-file-text",
"body": "<i class=\"fa fa-file-text${1}\" aria-hidden=\"true\"></i>$0",
"description": "file-text",
"scope": ""
},
"file-text-o": {
"prefix": "fa-file-text-o",
"body": "<i class=\"fa fa-file-text-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "file-text-o",
"scope": ""
},
"file-video-o": {
"prefix": "fa-file-video-o",
"body": "<i class=\"fa fa-file-video-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "file-video-o",
"scope": ""
},
"file-word-o": {
"prefix": "fa-file-word-o",
"body": "<i class=\"fa fa-file-word-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "file-word-o",
"scope": ""
},
"file-zip-o": {
"prefix": "fa-file-zip-o",
"body": "<i class=\"fa fa-file-zip-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "file-zip-o",
"scope": ""
},
"film": {
"prefix": "fa-film",
"body": "<i class=\"fa fa-film${1}\" aria-hidden=\"true\"></i>$0",
"description": "film",
"scope": ""
},
"filter": {
"prefix": "fa-filter",
"body": "<i class=\"fa fa-filter${1}\" aria-hidden=\"true\"></i>$0",
"description": "filter",
"scope": ""
},
"fire": {
"prefix": "fa-fire",
"body": "<i class=\"fa fa-fire${1}\" aria-hidden=\"true\"></i>$0",
"description": "fire",
"scope": ""
},
"fire-extinguisher": {
"prefix": "fa-fire-extinguisher",
"body": "<i class=\"fa fa-fire-extinguisher${1}\" aria-hidden=\"true\"></i>$0",
"description": "fire-extinguisher",
"scope": ""
},
"firefox": {
"prefix": "fa-firefox",
"body": "<i class=\"fa fa-firefox${1}\" aria-hidden=\"true\"></i>$0",
"description": "firefox",
"scope": ""
},
"first-order": {
"prefix": "fa-first-order",
"body": "<i class=\"fa fa-first-order${1}\" aria-hidden=\"true\"></i>$0",
"description": "first-order",
"scope": ""
},
"flag": {
"prefix": "fa-flag",
"body": "<i class=\"fa fa-flag${1}\" aria-hidden=\"true\"></i>$0",
"description": "flag",
"scope": ""
},
"flag-checkered": {
"prefix": "fa-flag-checkered",
"body": "<i class=\"fa fa-flag-checkered${1}\" aria-hidden=\"true\"></i>$0",
"description": "flag-checkered",
"scope": ""
},
"flag-o": {
"prefix": "fa-flag-o",
"body": "<i class=\"fa fa-flag-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "flag-o",
"scope": ""
},
"flash": {
"prefix": "fa-flash",
"body": "<i class=\"fa fa-flash${1}\" aria-hidden=\"true\"></i>$0",
"description": "flash",
"scope": ""
},
"flask": {
"prefix": "fa-flask",
"body": "<i class=\"fa fa-flask${1}\" aria-hidden=\"true\"></i>$0",
"description": "flask",
"scope": ""
},
"flickr": {
"prefix": "fa-flickr",
"body": "<i class=\"fa fa-flickr${1}\" aria-hidden=\"true\"></i>$0",
"description": "flickr",
"scope": ""
},
"floppy-o": {
"prefix": "fa-floppy-o",
"body": "<i class=\"fa fa-floppy-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "floppy-o",
"scope": ""
},
"folder": {
"prefix": "fa-folder",
"body": "<i class=\"fa fa-folder${1}\" aria-hidden=\"true\"></i>$0",
"description": "folder",
"scope": ""
},
"folder-o": {
"prefix": "fa-folder-o",
"body": "<i class=\"fa fa-folder-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "folder-o",
"scope": ""
},
"folder-open": {
"prefix": "fa-folder-open",
"body": "<i class=\"fa fa-folder-open${1}\" aria-hidden=\"true\"></i>$0",
"description": "folder-open",
"scope": ""
},
"folder-open-o": {
"prefix": "fa-folder-open-o",
"body": "<i class=\"fa fa-folder-open-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "folder-open-o",
"scope": ""
},
"font": {
"prefix": "fa-font",
"body": "<i class=\"fa fa-font${1}\" aria-hidden=\"true\"></i>$0",
"description": "font",
"scope": ""
},
"font-awesome": {
"prefix": "fa-font-awesome",
"body": "<i class=\"fa fa-font-awesome${1}\" aria-hidden=\"true\"></i>$0",
"description": "font-awesome",
"scope": ""
},
"fonticons": {
"prefix": "fa-fonticons",
"body": "<i class=\"fa fa-fonticons${1}\" aria-hidden=\"true\"></i>$0",
"description": "fonticons",
"scope": ""
},
"fort-awesome": {
"prefix": "fa-fort-awesome",
"body": "<i class=\"fa fa-fort-awesome${1}\" aria-hidden=\"true\"></i>$0",
"description": "fort-awesome",
"scope": ""
},
"forumbee": {
"prefix": "fa-forumbee",
"body": "<i class=\"fa fa-forumbee${1}\" aria-hidden=\"true\"></i>$0",
"description": "forumbee",
"scope": ""
},
"forward": {
"prefix": "fa-forward",
"body": "<i class=\"fa fa-forward${1}\" aria-hidden=\"true\"></i>$0",
"description": "forward",
"scope": ""
},
"foursquare": {
"prefix": "fa-foursquare",
"body": "<i class=\"fa fa-foursquare${1}\" aria-hidden=\"true\"></i>$0",
"description": "foursquare",
"scope": ""
},
"free-code-camp": {
"prefix": "fa-free-code-camp",
"body": "<i class=\"fa fa-free-code-camp${1}\" aria-hidden=\"true\"></i>$0",
"description": "free-code-camp",
"scope": ""
},
"frown-o": {
"prefix": "fa-frown-o",
"body": "<i class=\"fa fa-frown-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "frown-o",
"scope": ""
},
"futbol-o": {
"prefix": "fa-futbol-o",
"body": "<i class=\"fa fa-futbol-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "futbol-o",
"scope": ""
},
"gamepad": {
"prefix": "fa-gamepad",
"body": "<i class=\"fa fa-gamepad${1}\" aria-hidden=\"true\"></i>$0",
"description": "gamepad",
"scope": ""
},
"gavel": {
"prefix": "fa-gavel",
"body": "<i class=\"fa fa-gavel${1}\" aria-hidden=\"true\"></i>$0",
"description": "gavel",
"scope": ""
},
"gbp": {
"prefix": "fa-gbp",
"body": "<i class=\"fa fa-gbp${1}\" aria-hidden=\"true\"></i>$0",
"description": "gbp",
"scope": ""
},
"ge": {
"prefix": "fa-ge",
"body": "<i class=\"fa fa-ge${1}\" aria-hidden=\"true\"></i>$0",
"description": "ge",
"scope": ""
},
"gear": {
"prefix": "fa-gear",
"body": "<i class=\"fa fa-gear${1}\" aria-hidden=\"true\"></i>$0",
"description": "gear",
"scope": ""
},
"gears": {
"prefix": "fa-gears",
"body": "<i class=\"fa fa-gears${1}\" aria-hidden=\"true\"></i>$0",
"description": "gears",
"scope": ""
},
"genderless": {
"prefix": "fa-genderless",
"body": "<i class=\"fa fa-genderless${1}\" aria-hidden=\"true\"></i>$0",
"description": "genderless",
"scope": ""
},
"get-pocket": {
"prefix": "fa-get-pocket",
"body": "<i class=\"fa fa-get-pocket${1}\" aria-hidden=\"true\"></i>$0",
"description": "get-pocket",
"scope": ""
},
"gg": {
"prefix": "fa-gg",
"body": "<i class=\"fa fa-gg${1}\" aria-hidden=\"true\"></i>$0",
"description": "gg",
"scope": ""
},
"gg-circle": {
"prefix": "fa-gg-circle",
"body": "<i class=\"fa fa-gg-circle${1}\" aria-hidden=\"true\"></i>$0",
"description": "gg-circle",
"scope": ""
},
"gift": {
"prefix": "fa-gift",
"body": "<i class=\"fa fa-gift${1}\" aria-hidden=\"true\"></i>$0",
"description": "gift",
"scope": ""
},
"git": {
"prefix": "fa-git",
"body": "<i class=\"fa fa-git${1}\" aria-hidden=\"true\"></i>$0",
"description": "git",
"scope": ""
},
"github": {
"prefix": "fa-github",
"body": "<i class=\"fa fa-github${1}\" aria-hidden=\"true\"></i>$0",
"description": "github",
"scope": ""
},
"github-alt": {
"prefix": "fa-github-alt",
"body": "<i class=\"fa fa-github-alt${1}\" aria-hidden=\"true\"></i>$0",
"description": "github-alt",
"scope": ""
},
"github-square": {
"prefix": "fa-github-square",
"body": "<i class=\"fa fa-github-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "github-square",
"scope": ""
},
"gitlab": {
"prefix": "fa-gitlab",
"body": "<i class=\"fa fa-gitlab${1}\" aria-hidden=\"true\"></i>$0",
"description": "gitlab",
"scope": ""
},
"git-square": {
"prefix": "fa-git-square",
"body": "<i class=\"fa fa-git-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "git-square",
"scope": ""
},
"gittip": {
"prefix": "fa-gittip",
"body": "<i class=\"fa fa-gittip${1}\" aria-hidden=\"true\"></i>$0",
"description": "gittip",
"scope": ""
},
"glass": {
"prefix": "fa-glass",
"body": "<i class=\"fa fa-glass${1}\" aria-hidden=\"true\"></i>$0",
"description": "glass",
"scope": ""
},
"glide": {
"prefix": "fa-glide",
"body": "<i class=\"fa fa-glide${1}\" aria-hidden=\"true\"></i>$0",
"description": "glide",
"scope": ""
},
"glide-g": {
"prefix": "fa-glide-g",
"body": "<i class=\"fa fa-glide-g${1}\" aria-hidden=\"true\"></i>$0",
"description": "glide-g",
"scope": ""
},
"globe": {
"prefix": "fa-globe",
"body": "<i class=\"fa fa-globe${1}\" aria-hidden=\"true\"></i>$0",
"description": "globe",
"scope": ""
},
"google": {
"prefix": "fa-google",
"body": "<i class=\"fa fa-google${1}\" aria-hidden=\"true\"></i>$0",
"description": "google",
"scope": ""
},
"google-plus": {
"prefix": "fa-google-plus",
"body": "<i class=\"fa fa-google-plus${1}\" aria-hidden=\"true\"></i>$0",
"description": "google-plus",
"scope": ""
},
"google-plus-circle": {
"prefix": "fa-google-plus-circle",
"body": "<i class=\"fa fa-google-plus-circle${1}\" aria-hidden=\"true\"></i>$0",
"description": "google-plus-circle",
"scope": ""
},
"google-plus-official": {
"prefix": "fa-google-plus-official",
"body": "<i class=\"fa fa-google-plus-official${1}\" aria-hidden=\"true\"></i>$0",
"description": "google-plus-official",
"scope": ""
},
"google-plus-square": {
"prefix": "fa-google-plus-square",
"body": "<i class=\"fa fa-google-plus-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "google-plus-square",
"scope": ""
},
"google-wallet": {
"prefix": "fa-google-wallet",
"body": "<i class=\"fa fa-google-wallet${1}\" aria-hidden=\"true\"></i>$0",
"description": "google-wallet",
"scope": ""
},
"graduation-cap": {
"prefix": "fa-graduation-cap",
"body": "<i class=\"fa fa-graduation-cap${1}\" aria-hidden=\"true\"></i>$0",
"description": "graduation-cap",
"scope": ""
},
"gratipay": {
"prefix": "fa-gratipay",
"body": "<i class=\"fa fa-gratipay${1}\" aria-hidden=\"true\"></i>$0",
"description": "gratipay",
"scope": ""
},
"grav": {
"prefix": "fa-grav",
"body": "<i class=\"fa fa-grav${1}\" aria-hidden=\"true\"></i>$0",
"description": "grav",
"scope": ""
},
"group": {
"prefix": "fa-group",
"body": "<i class=\"fa fa-group${1}\" aria-hidden=\"true\"></i>$0",
"description": "group",
"scope": ""
},
"hacker-news": {
"prefix": "fa-hacker-news",
"body": "<i class=\"fa fa-hacker-news${1}\" aria-hidden=\"true\"></i>$0",
"description": "hacker-news",
"scope": ""
},
"hand-grab-o": {
"prefix": "fa-hand-grab-o",
"body": "<i class=\"fa fa-hand-grab-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "hand-grab-o",
"scope": ""
},
"hand-lizard-o": {
"prefix": "fa-hand-lizard-o",
"body": "<i class=\"fa fa-hand-lizard-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "hand-lizard-o",
"scope": ""
},
"hand-o-down": {
"prefix": "fa-hand-o-down",
"body": "<i class=\"fa fa-hand-o-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "hand-o-down",
"scope": ""
},
"hand-o-left": {
"prefix": "fa-hand-o-left",
"body": "<i class=\"fa fa-hand-o-left${1}\" aria-hidden=\"true\"></i>$0",
"description": "hand-o-left",
"scope": ""
},
"hand-o-right": {
"prefix": "fa-hand-o-right",
"body": "<i class=\"fa fa-hand-o-right${1}\" aria-hidden=\"true\"></i>$0",
"description": "hand-o-right",
"scope": ""
},
"hand-o-up": {
"prefix": "fa-hand-o-up",
"body": "<i class=\"fa fa-hand-o-up${1}\" aria-hidden=\"true\"></i>$0",
"description": "hand-o-up",
"scope": ""
},
"hand-paper-o": {
"prefix": "fa-hand-paper-o",
"body": "<i class=\"fa fa-hand-paper-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "hand-paper-o",
"scope": ""
},
"hand-peace-o": {
"prefix": "fa-hand-peace-o",
"body": "<i class=\"fa fa-hand-peace-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "hand-peace-o",
"scope": ""
},
"hand-pointer-o": {
"prefix": "fa-hand-pointer-o",
"body": "<i class=\"fa fa-hand-pointer-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "hand-pointer-o",
"scope": ""
},
"hand-rock-o": {
"prefix": "fa-hand-rock-o",
"body": "<i class=\"fa fa-hand-rock-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "hand-rock-o",
"scope": ""
},
"hand-scissors-o": {
"prefix": "fa-hand-scissors-o",
"body": "<i class=\"fa fa-hand-scissors-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "hand-scissors-o",
"scope": ""
},
"handshake-o": {
"prefix": "fa-handshake-o",
"body": "<i class=\"fa fa-handshake-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "handshake-o",
"scope": ""
},
"hand-spock-o": {
"prefix": "fa-hand-spock-o",
"body": "<i class=\"fa fa-hand-spock-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "hand-spock-o",
"scope": ""
},
"hand-stop-o": {
"prefix": "fa-hand-stop-o",
"body": "<i class=\"fa fa-hand-stop-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "hand-stop-o",
"scope": ""
},
"hard-of-hearing": {
"prefix": "fa-hard-of-hearing",
"body": "<i class=\"fa fa-hard-of-hearing${1}\" aria-hidden=\"true\"></i>$0",
"description": "hard-of-hearing",
"scope": ""
},
"hashtag": {
"prefix": "fa-hashtag",
"body": "<i class=\"fa fa-hashtag${1}\" aria-hidden=\"true\"></i>$0",
"description": "hashtag",
"scope": ""
},
"hdd-o": {
"prefix": "fa-hdd-o",
"body": "<i class=\"fa fa-hdd-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "hdd-o",
"scope": ""
},
"header": {
"prefix": "fa-header",
"body": "<i class=\"fa fa-header${1}\" aria-hidden=\"true\"></i>$0",
"description": "header",
"scope": ""
},
"headphones": {
"prefix": "fa-headphones",
"body": "<i class=\"fa fa-headphones${1}\" aria-hidden=\"true\"></i>$0",
"description": "headphones",
"scope": ""
},
"heart": {
"prefix": "fa-heart",
"body": "<i class=\"fa fa-heart${1}\" aria-hidden=\"true\"></i>$0",
"description": "heart",
"scope": ""
},
"heartbeat": {
"prefix": "fa-heartbeat",
"body": "<i class=\"fa fa-heartbeat${1}\" aria-hidden=\"true\"></i>$0",
"description": "heartbeat",
"scope": ""
},
"heart-o": {
"prefix": "fa-heart-o",
"body": "<i class=\"fa fa-heart-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "heart-o",
"scope": ""
},
"history": {
"prefix": "fa-history",
"body": "<i class=\"fa fa-history${1}\" aria-hidden=\"true\"></i>$0",
"description": "history",
"scope": ""
},
"home": {
"prefix": "fa-home",
"body": "<i class=\"fa fa-home${1}\" aria-hidden=\"true\"></i>$0",
"description": "home",
"scope": ""
},
"hospital-o": {
"prefix": "fa-hospital-o",
"body": "<i class=\"fa fa-hospital-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "hospital-o",
"scope": ""
},
"hotel": {
"prefix": "fa-hotel",
"body": "<i class=\"fa fa-hotel${1}\" aria-hidden=\"true\"></i>$0",
"description": "hotel",
"scope": ""
},
"hourglass": {
"prefix": "fa-hourglass",
"body": "<i class=\"fa fa-hourglass${1}\" aria-hidden=\"true\"></i>$0",
"description": "hourglass",
"scope": ""
},
"hourglass-1": {
"prefix": "fa-hourglass-1",
"body": "<i class=\"fa fa-hourglass-1${1}\" aria-hidden=\"true\"></i>$0",
"description": "hourglass-1",
"scope": ""
},
"hourglass-2": {
"prefix": "fa-hourglass-2",
"body": "<i class=\"fa fa-hourglass-2${1}\" aria-hidden=\"true\"></i>$0",
"description": "hourglass-2",
"scope": ""
},
"hourglass-3": {
"prefix": "fa-hourglass-3",
"body": "<i class=\"fa fa-hourglass-3${1}\" aria-hidden=\"true\"></i>$0",
"description": "hourglass-3",
"scope": ""
},
"hourglass-end": {
"prefix": "fa-hourglass-end",
"body": "<i class=\"fa fa-hourglass-end${1}\" aria-hidden=\"true\"></i>$0",
"description": "hourglass-end",
"scope": ""
},
"hourglass-half": {
"prefix": "fa-hourglass-half",
"body": "<i class=\"fa fa-hourglass-half${1}\" aria-hidden=\"true\"></i>$0",
"description": "hourglass-half",
"scope": ""
},
"hourglass-o": {
"prefix": "fa-hourglass-o",
"body": "<i class=\"fa fa-hourglass-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "hourglass-o",
"scope": ""
},
"hourglass-start": {
"prefix": "fa-hourglass-start",
"body": "<i class=\"fa fa-hourglass-start${1}\" aria-hidden=\"true\"></i>$0",
"description": "hourglass-start",
"scope": ""
},
"houzz": {
"prefix": "fa-houzz",
"body": "<i class=\"fa fa-houzz${1}\" aria-hidden=\"true\"></i>$0",
"description": "houzz",
"scope": ""
},
"h-square": {
"prefix": "fa-h-square",
"body": "<i class=\"fa fa-h-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "h-square",
"scope": ""
},
"html5": {
"prefix": "fa-html5",
"body": "<i class=\"fa fa-html5${1}\" aria-hidden=\"true\"></i>$0",
"description": "html5",
"scope": ""
},
"i-cursor": {
"prefix": "fa-i-cursor",
"body": "<i class=\"fa fa-i-cursor${1}\" aria-hidden=\"true\"></i>$0",
"description": "i-cursor",
"scope": ""
},
"id-badge": {
"prefix": "fa-id-badge",
"body": "<i class=\"fa fa-id-badge${1}\" aria-hidden=\"true\"></i>$0",
"description": "id-badge",
"scope": ""
},
"id-card": {
"prefix": "fa-id-card",
"body": "<i class=\"fa fa-id-card${1}\" aria-hidden=\"true\"></i>$0",
"description": "id-card",
"scope": ""
},
"id-card-o": {
"prefix": "fa-id-card-o",
"body": "<i class=\"fa fa-id-card-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "id-card-o",
"scope": ""
},
"ils": {
"prefix": "fa-ils",
"body": "<i class=\"fa fa-ils${1}\" aria-hidden=\"true\"></i>$0",
"description": "ils",
"scope": ""
},
"image": {
"prefix": "fa-image",
"body": "<i class=\"fa fa-image${1}\" aria-hidden=\"true\"></i>$0",
"description": "image",
"scope": ""
},
"imdb": {
"prefix": "fa-imdb",
"body": "<i class=\"fa fa-imdb${1}\" aria-hidden=\"true\"></i>$0",
"description": "imdb",
"scope": ""
},
"inbox": {
"prefix": "fa-inbox",
"body": "<i class=\"fa fa-inbox${1}\" aria-hidden=\"true\"></i>$0",
"description": "inbox",
"scope": ""
},
"indent": {
"prefix": "fa-indent",
"body": "<i class=\"fa fa-indent${1}\" aria-hidden=\"true\"></i>$0",
"description": "indent",
"scope": ""
},
"industry": {
"prefix": "fa-industry",
"body": "<i class=\"fa fa-industry${1}\" aria-hidden=\"true\"></i>$0",
"description": "industry",
"scope": ""
},
"info": {
"prefix": "fa-info",
"body": "<i class=\"fa fa-info${1}\" aria-hidden=\"true\"></i>$0",
"description": "info",
"scope": ""
},
"info-circle": {
"prefix": "fa-info-circle",
"body": "<i class=\"fa fa-info-circle${1}\" aria-hidden=\"true\"></i>$0",
"description": "info-circle",
"scope": ""
},
"inr": {
"prefix": "fa-inr",
"body": "<i class=\"fa fa-inr${1}\" aria-hidden=\"true\"></i>$0",
"description": "inr",
"scope": ""
},
"instagram": {
"prefix": "fa-instagram",
"body": "<i class=\"fa fa-instagram${1}\" aria-hidden=\"true\"></i>$0",
"description": "instagram",
"scope": ""
},
"institution": {
"prefix": "fa-institution",
"body": "<i class=\"fa fa-institution${1}\" aria-hidden=\"true\"></i>$0",
"description": "institution",
"scope": ""
},
"internet-explorer": {
"prefix": "fa-internet-explorer",
"body": "<i class=\"fa fa-internet-explorer${1}\" aria-hidden=\"true\"></i>$0",
"description": "internet-explorer",
"scope": ""
},
"intersex": {
"prefix": "fa-intersex",
"body": "<i class=\"fa fa-intersex${1}\" aria-hidden=\"true\"></i>$0",
"description": "intersex",
"scope": ""
},
"ioxhost": {
"prefix": "fa-ioxhost",
"body": "<i class=\"fa fa-ioxhost${1}\" aria-hidden=\"true\"></i>$0",
"description": "ioxhost",
"scope": ""
},
"italic": {
"prefix": "fa-italic",
"body": "<i class=\"fa fa-italic${1}\" aria-hidden=\"true\"></i>$0",
"description": "italic",
"scope": ""
},
"joomla": {
"prefix": "fa-joomla",
"body": "<i class=\"fa fa-joomla${1}\" aria-hidden=\"true\"></i>$0",
"description": "joomla",
"scope": ""
},
"jpy": {
"prefix": "fa-jpy",
"body": "<i class=\"fa fa-jpy${1}\" aria-hidden=\"true\"></i>$0",
"description": "jpy",
"scope": ""
},
"jsfiddle": {
"prefix": "fa-jsfiddle",
"body": "<i class=\"fa fa-jsfiddle${1}\" aria-hidden=\"true\"></i>$0",
"description": "jsfiddle",
"scope": ""
},
"key": {
"prefix": "fa-key",
"body": "<i class=\"fa fa-key${1}\" aria-hidden=\"true\"></i>$0",
"description": "key",
"scope": ""
},
"keyboard-o": {
"prefix": "fa-keyboard-o",
"body": "<i class=\"fa fa-keyboard-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "keyboard-o",
"scope": ""
},
"krw": {
"prefix": "fa-krw",
"body": "<i class=\"fa fa-krw${1}\" aria-hidden=\"true\"></i>$0",
"description": "krw",
"scope": ""
},
"language": {
"prefix": "fa-language",
"body": "<i class=\"fa fa-language${1}\" aria-hidden=\"true\"></i>$0",
"description": "language",
"scope": ""
},
"laptop": {
"prefix": "fa-laptop",
"body": "<i class=\"fa fa-laptop${1}\" aria-hidden=\"true\"></i>$0",
"description": "laptop",
"scope": ""
},
"lastfm": {
"prefix": "fa-lastfm",
"body": "<i class=\"fa fa-lastfm${1}\" aria-hidden=\"true\"></i>$0",
"description": "lastfm",
"scope": ""
},
"lastfm-square": {
"prefix": "fa-lastfm-square",
"body": "<i class=\"fa fa-lastfm-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "lastfm-square",
"scope": ""
},
"leaf": {
"prefix": "fa-leaf",
"body": "<i class=\"fa fa-leaf${1}\" aria-hidden=\"true\"></i>$0",
"description": "leaf",
"scope": ""
},
"leanpub": {
"prefix": "fa-leanpub",
"body": "<i class=\"fa fa-leanpub${1}\" aria-hidden=\"true\"></i>$0",
"description": "leanpub",
"scope": ""
},
"legal": {
"prefix": "fa-legal",
"body": "<i class=\"fa fa-legal${1}\" aria-hidden=\"true\"></i>$0",
"description": "legal",
"scope": ""
},
"lemon-o": {
"prefix": "fa-lemon-o",
"body": "<i class=\"fa fa-lemon-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "lemon-o",
"scope": ""
},
"level-down": {
"prefix": "fa-level-down",
"body": "<i class=\"fa fa-level-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "level-down",
"scope": ""
},
"level-up": {
"prefix": "fa-level-up",
"body": "<i class=\"fa fa-level-up${1}\" aria-hidden=\"true\"></i>$0",
"description": "level-up",
"scope": ""
},
"life-bouy": {
"prefix": "fa-life-bouy",
"body": "<i class=\"fa fa-life-bouy${1}\" aria-hidden=\"true\"></i>$0",
"description": "life-bouy",
"scope": ""
},
"life-buoy": {
"prefix": "fa-life-buoy",
"body": "<i class=\"fa fa-life-buoy${1}\" aria-hidden=\"true\"></i>$0",
"description": "life-buoy",
"scope": ""
},
"life-ring": {
"prefix": "fa-life-ring",
"body": "<i class=\"fa fa-life-ring${1}\" aria-hidden=\"true\"></i>$0",
"description": "life-ring",
"scope": ""
},
"life-saver": {
"prefix": "fa-life-saver",
"body": "<i class=\"fa fa-life-saver${1}\" aria-hidden=\"true\"></i>$0",
"description": "life-saver",
"scope": ""
},
"lightbulb-o": {
"prefix": "fa-lightbulb-o",
"body": "<i class=\"fa fa-lightbulb-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "lightbulb-o",
"scope": ""
},
"line-chart": {
"prefix": "fa-line-chart",
"body": "<i class=\"fa fa-line-chart${1}\" aria-hidden=\"true\"></i>$0",
"description": "line-chart",
"scope": ""
},
"link": {
"prefix": "fa-link",
"body": "<i class=\"fa fa-link${1}\" aria-hidden=\"true\"></i>$0",
"description": "link",
"scope": ""
},
"linkedin": {
"prefix": "fa-linkedin",
"body": "<i class=\"fa fa-linkedin${1}\" aria-hidden=\"true\"></i>$0",
"description": "linkedin",
"scope": ""
},
"linkedin-square": {
"prefix": "fa-linkedin-square",
"body": "<i class=\"fa fa-linkedin-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "linkedin-square",
"scope": ""
},
"linode": {
"prefix": "fa-linode",
"body": "<i class=\"fa fa-linode${1}\" aria-hidden=\"true\"></i>$0",
"description": "linode",
"scope": ""
},
"linux": {
"prefix": "fa-linux",
"body": "<i class=\"fa fa-linux${1}\" aria-hidden=\"true\"></i>$0",
"description": "linux",
"scope": ""
},
"list": {
"prefix": "fa-list",
"body": "<i class=\"fa fa-list${1}\" aria-hidden=\"true\"></i>$0",
"description": "list",
"scope": ""
},
"list-alt": {
"prefix": "fa-list-alt",
"body": "<i class=\"fa fa-list-alt${1}\" aria-hidden=\"true\"></i>$0",
"description": "list-alt",
"scope": ""
},
"list-ol": {
"prefix": "fa-list-ol",
"body": "<i class=\"fa fa-list-ol${1}\" aria-hidden=\"true\"></i>$0",
"description": "list-ol",
"scope": ""
},
"list-ul": {
"prefix": "fa-list-ul",
"body": "<i class=\"fa fa-list-ul${1}\" aria-hidden=\"true\"></i>$0",
"description": "list-ul",
"scope": ""
},
"location-arrow": {
"prefix": "fa-location-arrow",
"body": "<i class=\"fa fa-location-arrow${1}\" aria-hidden=\"true\"></i>$0",
"description": "location-arrow",
"scope": ""
},
"lock": {
"prefix": "fa-lock",
"body": "<i class=\"fa fa-lock${1}\" aria-hidden=\"true\"></i>$0",
"description": "lock",
"scope": ""
},
"long-arrow-down": {
"prefix": "fa-long-arrow-down",
"body": "<i class=\"fa fa-long-arrow-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "long-arrow-down",
"scope": ""
},
"long-arrow-left": {
"prefix": "fa-long-arrow-left",
"body": "<i class=\"fa fa-long-arrow-left${1}\" aria-hidden=\"true\"></i>$0",
"description": "long-arrow-left",
"scope": ""
},
"long-arrow-right": {
"prefix": "fa-long-arrow-right",
"body": "<i class=\"fa fa-long-arrow-right${1}\" aria-hidden=\"true\"></i>$0",
"description": "long-arrow-right",
"scope": ""
},
"long-arrow-up": {
"prefix": "fa-long-arrow-up",
"body": "<i class=\"fa fa-long-arrow-up${1}\" aria-hidden=\"true\"></i>$0",
"description": "long-arrow-up",
"scope": ""
},
"low-vision": {
"prefix": "fa-low-vision",
"body": "<i class=\"fa fa-low-vision${1}\" aria-hidden=\"true\"></i>$0",
"description": "low-vision",
"scope": ""
},
"magic": {
"prefix": "fa-magic",
"body": "<i class=\"fa fa-magic${1}\" aria-hidden=\"true\"></i>$0",
"description": "magic",
"scope": ""
},
"magnet": {
"prefix": "fa-magnet",
"body": "<i class=\"fa fa-magnet${1}\" aria-hidden=\"true\"></i>$0",
"description": "magnet",
"scope": ""
},
"mail-forward": {
"prefix": "fa-mail-forward",
"body": "<i class=\"fa fa-mail-forward${1}\" aria-hidden=\"true\"></i>$0",
"description": "mail-forward",
"scope": ""
},
"mail-reply": {
"prefix": "fa-mail-reply",
"body": "<i class=\"fa fa-mail-reply${1}\" aria-hidden=\"true\"></i>$0",
"description": "mail-reply",
"scope": ""
},
"mail-reply-all": {
"prefix": "fa-mail-reply-all",
"body": "<i class=\"fa fa-mail-reply-all${1}\" aria-hidden=\"true\"></i>$0",
"description": "mail-reply-all",
"scope": ""
},
"male": {
"prefix": "fa-male",
"body": "<i class=\"fa fa-male${1}\" aria-hidden=\"true\"></i>$0",
"description": "male",
"scope": ""
},
"map": {
"prefix": "fa-map",
"body": "<i class=\"fa fa-map${1}\" aria-hidden=\"true\"></i>$0",
"description": "map",
"scope": ""
},
"map-marker": {
"prefix": "fa-map-marker",
"body": "<i class=\"fa fa-map-marker${1}\" aria-hidden=\"true\"></i>$0",
"description": "map-marker",
"scope": ""
},
"map-o": {
"prefix": "fa-map-o",
"body": "<i class=\"fa fa-map-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "map-o",
"scope": ""
},
"map-pin": {
"prefix": "fa-map-pin",
"body": "<i class=\"fa fa-map-pin${1}\" aria-hidden=\"true\"></i>$0",
"description": "map-pin",
"scope": ""
},
"map-signs": {
"prefix": "fa-map-signs",
"body": "<i class=\"fa fa-map-signs${1}\" aria-hidden=\"true\"></i>$0",
"description": "map-signs",
"scope": ""
},
"mars": {
"prefix": "fa-mars",
"body": "<i class=\"fa fa-mars${1}\" aria-hidden=\"true\"></i>$0",
"description": "mars",
"scope": ""
},
"mars-double": {
"prefix": "fa-mars-double",
"body": "<i class=\"fa fa-mars-double${1}\" aria-hidden=\"true\"></i>$0",
"description": "mars-double",
"scope": ""
},
"mars-stroke": {
"prefix": "fa-mars-stroke",
"body": "<i class=\"fa fa-mars-stroke${1}\" aria-hidden=\"true\"></i>$0",
"description": "mars-stroke",
"scope": ""
},
"mars-stroke-h": {
"prefix": "fa-mars-stroke-h",
"body": "<i class=\"fa fa-mars-stroke-h${1}\" aria-hidden=\"true\"></i>$0",
"description": "mars-stroke-h",
"scope": ""
},
"mars-stroke-v": {
"prefix": "fa-mars-stroke-v",
"body": "<i class=\"fa fa-mars-stroke-v${1}\" aria-hidden=\"true\"></i>$0",
"description": "mars-stroke-v",
"scope": ""
},
"maxcdn": {
"prefix": "fa-maxcdn",
"body": "<i class=\"fa fa-maxcdn${1}\" aria-hidden=\"true\"></i>$0",
"description": "maxcdn",
"scope": ""
},
"meanpath": {
"prefix": "fa-meanpath",
"body": "<i class=\"fa fa-meanpath${1}\" aria-hidden=\"true\"></i>$0",
"description": "meanpath",
"scope": ""
},
"medium": {
"prefix": "fa-medium",
"body": "<i class=\"fa fa-medium${1}\" aria-hidden=\"true\"></i>$0",
"description": "medium",
"scope": ""
},
"medkit": {
"prefix": "fa-medkit",
"body": "<i class=\"fa fa-medkit${1}\" aria-hidden=\"true\"></i>$0",
"description": "medkit",
"scope": ""
},
"meetup": {
"prefix": "fa-meetup",
"body": "<i class=\"fa fa-meetup${1}\" aria-hidden=\"true\"></i>$0",
"description": "meetup",
"scope": ""
},
"meh-o": {
"prefix": "fa-meh-o",
"body": "<i class=\"fa fa-meh-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "meh-o",
"scope": ""
},
"mercury": {
"prefix": "fa-mercury",
"body": "<i class=\"fa fa-mercury${1}\" aria-hidden=\"true\"></i>$0",
"description": "mercury",
"scope": ""
},
"microchip": {
"prefix": "fa-microchip",
"body": "<i class=\"fa fa-microchip${1}\" aria-hidden=\"true\"></i>$0",
"description": "microchip",
"scope": ""
},
"microphone": {
"prefix": "fa-microphone",
"body": "<i class=\"fa fa-microphone${1}\" aria-hidden=\"true\"></i>$0",
"description": "microphone",
"scope": ""
},
"microphone-slash": {
"prefix": "fa-microphone-slash",
"body": "<i class=\"fa fa-microphone-slash${1}\" aria-hidden=\"true\"></i>$0",
"description": "microphone-slash",
"scope": ""
},
"minus": {
"prefix": "fa-minus",
"body": "<i class=\"fa fa-minus${1}\" aria-hidden=\"true\"></i>$0",
"description": "minus",
"scope": ""
},
"minus-circle": {
"prefix": "fa-minus-circle",
"body": "<i class=\"fa fa-minus-circle${1}\" aria-hidden=\"true\"></i>$0",
"description": "minus-circle",
"scope": ""
},
"minus-square": {
"prefix": "fa-minus-square",
"body": "<i class=\"fa fa-minus-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "minus-square",
"scope": ""
},
"minus-square-o": {
"prefix": "fa-minus-square-o",
"body": "<i class=\"fa fa-minus-square-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "minus-square-o",
"scope": ""
},
"mixcloud": {
"prefix": "fa-mixcloud",
"body": "<i class=\"fa fa-mixcloud${1}\" aria-hidden=\"true\"></i>$0",
"description": "mixcloud",
"scope": ""
},
"mobile": {
"prefix": "fa-mobile",
"body": "<i class=\"fa fa-mobile${1}\" aria-hidden=\"true\"></i>$0",
"description": "mobile",
"scope": ""
},
"mobile-phone": {
"prefix": "fa-mobile-phone",
"body": "<i class=\"fa fa-mobile-phone${1}\" aria-hidden=\"true\"></i>$0",
"description": "mobile-phone",
"scope": ""
},
"modx": {
"prefix": "fa-modx",
"body": "<i class=\"fa fa-modx${1}\" aria-hidden=\"true\"></i>$0",
"description": "modx",
"scope": ""
},
"money": {
"prefix": "fa-money",
"body": "<i class=\"fa fa-money${1}\" aria-hidden=\"true\"></i>$0",
"description": "money",
"scope": ""
},
"moon-o": {
"prefix": "fa-moon-o",
"body": "<i class=\"fa fa-moon-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "moon-o",
"scope": ""
},
"mortar-board": {
"prefix": "fa-mortar-board",
"body": "<i class=\"fa fa-mortar-board${1}\" aria-hidden=\"true\"></i>$0",
"description": "mortar-board",
"scope": ""
},
"motorcycle": {
"prefix": "fa-motorcycle",
"body": "<i class=\"fa fa-motorcycle${1}\" aria-hidden=\"true\"></i>$0",
"description": "motorcycle",
"scope": ""
},
"mouse-pointer": {
"prefix": "fa-mouse-pointer",
"body": "<i class=\"fa fa-mouse-pointer${1}\" aria-hidden=\"true\"></i>$0",
"description": "mouse-pointer",
"scope": ""
},
"music": {
"prefix": "fa-music",
"body": "<i class=\"fa fa-music${1}\" aria-hidden=\"true\"></i>$0",
"description": "music",
"scope": ""
},
"navicon": {
"prefix": "fa-navicon",
"body": "<i class=\"fa fa-navicon${1}\" aria-hidden=\"true\"></i>$0",
"description": "navicon",
"scope": ""
},
"neuter": {
"prefix": "fa-neuter",
"body": "<i class=\"fa fa-neuter${1}\" aria-hidden=\"true\"></i>$0",
"description": "neuter",
"scope": ""
},
"newspaper-o": {
"prefix": "fa-newspaper-o",
"body": "<i class=\"fa fa-newspaper-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "newspaper-o",
"scope": ""
},
"object-group": {
"prefix": "fa-object-group",
"body": "<i class=\"fa fa-object-group${1}\" aria-hidden=\"true\"></i>$0",
"description": "object-group",
"scope": ""
},
"object-ungroup": {
"prefix": "fa-object-ungroup",
"body": "<i class=\"fa fa-object-ungroup${1}\" aria-hidden=\"true\"></i>$0",
"description": "object-ungroup",
"scope": ""
},
"odnoklassniki": {
"prefix": "fa-odnoklassniki",
"body": "<i class=\"fa fa-odnoklassniki${1}\" aria-hidden=\"true\"></i>$0",
"description": "odnoklassniki",
"scope": ""
},
"odnoklassniki-square": {
"prefix": "fa-odnoklassniki-square",
"body": "<i class=\"fa fa-odnoklassniki-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "odnoklassniki-square",
"scope": ""
},
"opencart": {
"prefix": "fa-opencart",
"body": "<i class=\"fa fa-opencart${1}\" aria-hidden=\"true\"></i>$0",
"description": "opencart",
"scope": ""
},
"openid": {
"prefix": "fa-openid",
"body": "<i class=\"fa fa-openid${1}\" aria-hidden=\"true\"></i>$0",
"description": "openid",
"scope": ""
},
"opera": {
"prefix": "fa-opera",
"body": "<i class=\"fa fa-opera${1}\" aria-hidden=\"true\"></i>$0",
"description": "opera",
"scope": ""
},
"optin-monster": {
"prefix": "fa-optin-monster",
"body": "<i class=\"fa fa-optin-monster${1}\" aria-hidden=\"true\"></i>$0",
"description": "optin-monster",
"scope": ""
},
"outdent": {
"prefix": "fa-outdent",
"body": "<i class=\"fa fa-outdent${1}\" aria-hidden=\"true\"></i>$0",
"description": "outdent",
"scope": ""
},
"pagelines": {
"prefix": "fa-pagelines",
"body": "<i class=\"fa fa-pagelines${1}\" aria-hidden=\"true\"></i>$0",
"description": "pagelines",
"scope": ""
},
"paint-brush": {
"prefix": "fa-paint-brush",
"body": "<i class=\"fa fa-paint-brush${1}\" aria-hidden=\"true\"></i>$0",
"description": "paint-brush",
"scope": ""
},
"paperclip": {
"prefix": "fa-paperclip",
"body": "<i class=\"fa fa-paperclip${1}\" aria-hidden=\"true\"></i>$0",
"description": "paperclip",
"scope": ""
},
"paper-plane": {
"prefix": "fa-paper-plane",
"body": "<i class=\"fa fa-paper-plane${1}\" aria-hidden=\"true\"></i>$0",
"description": "paper-plane",
"scope": ""
},
"paper-plane-o": {
"prefix": "fa-paper-plane-o",
"body": "<i class=\"fa fa-paper-plane-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "paper-plane-o",
"scope": ""
},
"paragraph": {
"prefix": "fa-paragraph",
"body": "<i class=\"fa fa-paragraph${1}\" aria-hidden=\"true\"></i>$0",
"description": "paragraph",
"scope": ""
},
"paste": {
"prefix": "fa-paste",
"body": "<i class=\"fa fa-paste${1}\" aria-hidden=\"true\"></i>$0",
"description": "paste",
"scope": ""
},
"pause": {
"prefix": "fa-pause",
"body": "<i class=\"fa fa-pause${1}\" aria-hidden=\"true\"></i>$0",
"description": "pause",
"scope": ""
},
"pause-circle": {
"prefix": "fa-pause-circle",
"body": "<i class=\"fa fa-pause-circle${1}\" aria-hidden=\"true\"></i>$0",
"description": "pause-circle",
"scope": ""
},
"pause-circle-o": {
"prefix": "fa-pause-circle-o",
"body": "<i class=\"fa fa-pause-circle-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "pause-circle-o",
"scope": ""
},
"paw": {
"prefix": "fa-paw",
"body": "<i class=\"fa fa-paw${1}\" aria-hidden=\"true\"></i>$0",
"description": "paw",
"scope": ""
},
"paypal": {
"prefix": "fa-paypal",
"body": "<i class=\"fa fa-paypal${1}\" aria-hidden=\"true\"></i>$0",
"description": "paypal",
"scope": ""
},
"pencil": {
"prefix": "fa-pencil",
"body": "<i class=\"fa fa-pencil${1}\" aria-hidden=\"true\"></i>$0",
"description": "pencil",
"scope": ""
},
"pencil-square": {
"prefix": "fa-pencil-square",
"body": "<i class=\"fa fa-pencil-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "pencil-square",
"scope": ""
},
"pencil-square-o": {
"prefix": "fa-pencil-square-o",
"body": "<i class=\"fa fa-pencil-square-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "pencil-square-o",
"scope": ""
},
"percent": {
"prefix": "fa-percent",
"body": "<i class=\"fa fa-percent${1}\" aria-hidden=\"true\"></i>$0",
"description": "percent",
"scope": ""
},
"phone": {
"prefix": "fa-phone",
"body": "<i class=\"fa fa-phone${1}\" aria-hidden=\"true\"></i>$0",
"description": "phone",
"scope": ""
},
"phone-square": {
"prefix": "fa-phone-square",
"body": "<i class=\"fa fa-phone-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "phone-square",
"scope": ""
},
"photo": {
"prefix": "fa-photo",
"body": "<i class=\"fa fa-photo${1}\" aria-hidden=\"true\"></i>$0",
"description": "photo",
"scope": ""
},
"picture-o": {
"prefix": "fa-picture-o",
"body": "<i class=\"fa fa-picture-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "picture-o",
"scope": ""
},
"pie-chart": {
"prefix": "fa-pie-chart",
"body": "<i class=\"fa fa-pie-chart${1}\" aria-hidden=\"true\"></i>$0",
"description": "pie-chart",
"scope": ""
},
"pied-piper": {
"prefix": "fa-pied-piper",
"body": "<i class=\"fa fa-pied-piper${1}\" aria-hidden=\"true\"></i>$0",
"description": "pied-piper",
"scope": ""
},
"pied-piper-alt": {
"prefix": "fa-pied-piper-alt",
"body": "<i class=\"fa fa-pied-piper-alt${1}\" aria-hidden=\"true\"></i>$0",
"description": "pied-piper-alt",
"scope": ""
},
"pied-piper-pp": {
"prefix": "fa-pied-piper-pp",
"body": "<i class=\"fa fa-pied-piper-pp${1}\" aria-hidden=\"true\"></i>$0",
"description": "pied-piper-pp",
"scope": ""
},
"pinterest": {
"prefix": "fa-pinterest",
"body": "<i class=\"fa fa-pinterest${1}\" aria-hidden=\"true\"></i>$0",
"description": "pinterest",
"scope": ""
},
"pinterest-p": {
"prefix": "fa-pinterest-p",
"body": "<i class=\"fa fa-pinterest-p${1}\" aria-hidden=\"true\"></i>$0",
"description": "pinterest-p",
"scope": ""
},
"pinterest-square": {
"prefix": "fa-pinterest-square",
"body": "<i class=\"fa fa-pinterest-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "pinterest-square",
"scope": ""
},
"plane": {
"prefix": "fa-plane",
"body": "<i class=\"fa fa-plane${1}\" aria-hidden=\"true\"></i>$0",
"description": "plane",
"scope": ""
},
"play": {
"prefix": "fa-play",
"body": "<i class=\"fa fa-play${1}\" aria-hidden=\"true\"></i>$0",
"description": "play",
"scope": ""
},
"play-circle": {
"prefix": "fa-play-circle",
"body": "<i class=\"fa fa-play-circle${1}\" aria-hidden=\"true\"></i>$0",
"description": "play-circle",
"scope": ""
},
"play-circle-o": {
"prefix": "fa-play-circle-o",
"body": "<i class=\"fa fa-play-circle-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "play-circle-o",
"scope": ""
},
"plug": {
"prefix": "fa-plug",
"body": "<i class=\"fa fa-plug${1}\" aria-hidden=\"true\"></i>$0",
"description": "plug",
"scope": ""
},
"plus": {
"prefix": "fa-plus",
"body": "<i class=\"fa fa-plus${1}\" aria-hidden=\"true\"></i>$0",
"description": "plus",
"scope": ""
},
"plus-circle": {
"prefix": "fa-plus-circle",
"body": "<i class=\"fa fa-plus-circle${1}\" aria-hidden=\"true\"></i>$0",
"description": "plus-circle",
"scope": ""
},
"plus-square": {
"prefix": "fa-plus-square",
"body": "<i class=\"fa fa-plus-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "plus-square",
"scope": ""
},
"plus-square-o": {
"prefix": "fa-plus-square-o",
"body": "<i class=\"fa fa-plus-square-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "plus-square-o",
"scope": ""
},
"podcast": {
"prefix": "fa-podcast",
"body": "<i class=\"fa fa-podcast${1}\" aria-hidden=\"true\"></i>$0",
"description": "podcast",
"scope": ""
},
"power-off": {
"prefix": "fa-power-off",
"body": "<i class=\"fa fa-power-off${1}\" aria-hidden=\"true\"></i>$0",
"description": "power-off",
"scope": ""
},
"print": {
"prefix": "fa-print",
"body": "<i class=\"fa fa-print${1}\" aria-hidden=\"true\"></i>$0",
"description": "print",
"scope": ""
},
"product-hunt": {
"prefix": "fa-product-hunt",
"body": "<i class=\"fa fa-product-hunt${1}\" aria-hidden=\"true\"></i>$0",
"description": "product-hunt",
"scope": ""
},
"puzzle-piece": {
"prefix": "fa-puzzle-piece",
"body": "<i class=\"fa fa-puzzle-piece${1}\" aria-hidden=\"true\"></i>$0",
"description": "puzzle-piece",
"scope": ""
},
"qq": {
"prefix": "fa-qq",
"body": "<i class=\"fa fa-qq${1}\" aria-hidden=\"true\"></i>$0",
"description": "qq",
"scope": ""
},
"qrcode": {
"prefix": "fa-qrcode",
"body": "<i class=\"fa fa-qrcode${1}\" aria-hidden=\"true\"></i>$0",
"description": "qrcode",
"scope": ""
},
"question": {
"prefix": "fa-question",
"body": "<i class=\"fa fa-question${1}\" aria-hidden=\"true\"></i>$0",
"description": "question",
"scope": ""
},
"question-circle": {
"prefix": "fa-question-circle",
"body": "<i class=\"fa fa-question-circle${1}\" aria-hidden=\"true\"></i>$0",
"description": "question-circle",
"scope": ""
},
"question-circle-o": {
"prefix": "fa-question-circle-o",
"body": "<i class=\"fa fa-question-circle-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "question-circle-o",
"scope": ""
},
"quora": {
"prefix": "fa-quora",
"body": "<i class=\"fa fa-quora${1}\" aria-hidden=\"true\"></i>$0",
"description": "quora",
"scope": ""
},
"quote-left": {
"prefix": "fa-quote-left",
"body": "<i class=\"fa fa-quote-left${1}\" aria-hidden=\"true\"></i>$0",
"description": "quote-left",
"scope": ""
},
"quote-right": {
"prefix": "fa-quote-right",
"body": "<i class=\"fa fa-quote-right${1}\" aria-hidden=\"true\"></i>$0",
"description": "quote-right",
"scope": ""
},
"ra": {
"prefix": "fa-ra",
"body": "<i class=\"fa fa-ra${1}\" aria-hidden=\"true\"></i>$0",
"description": "ra",
"scope": ""
},
"random": {
"prefix": "fa-random",
"body": "<i class=\"fa fa-random${1}\" aria-hidden=\"true\"></i>$0",
"description": "random",
"scope": ""
},
"ravelry": {
"prefix": "fa-ravelry",
"body": "<i class=\"fa fa-ravelry${1}\" aria-hidden=\"true\"></i>$0",
"description": "ravelry",
"scope": ""
},
"rebel": {
"prefix": "fa-rebel",
"body": "<i class=\"fa fa-rebel${1}\" aria-hidden=\"true\"></i>$0",
"description": "rebel",
"scope": ""
},
"recycle": {
"prefix": "fa-recycle",
"body": "<i class=\"fa fa-recycle${1}\" aria-hidden=\"true\"></i>$0",
"description": "recycle",
"scope": ""
},
"reddit": {
"prefix": "fa-reddit",
"body": "<i class=\"fa fa-reddit${1}\" aria-hidden=\"true\"></i>$0",
"description": "reddit",
"scope": ""
},
"reddit-alien": {
"prefix": "fa-reddit-alien",
"body": "<i class=\"fa fa-reddit-alien${1}\" aria-hidden=\"true\"></i>$0",
"description": "reddit-alien",
"scope": ""
},
"reddit-square": {
"prefix": "fa-reddit-square",
"body": "<i class=\"fa fa-reddit-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "reddit-square",
"scope": ""
},
"refresh": {
"prefix": "fa-refresh",
"body": "<i class=\"fa fa-refresh${1}\" aria-hidden=\"true\"></i>$0",
"description": "refresh",
"scope": ""
},
"registered": {
"prefix": "fa-registered",
"body": "<i class=\"fa fa-registered${1}\" aria-hidden=\"true\"></i>$0",
"description": "registered",
"scope": ""
},
"remove": {
"prefix": "fa-remove",
"body": "<i class=\"fa fa-remove${1}\" aria-hidden=\"true\"></i>$0",
"description": "remove",
"scope": ""
},
"renren": {
"prefix": "fa-renren",
"body": "<i class=\"fa fa-renren${1}\" aria-hidden=\"true\"></i>$0",
"description": "renren",
"scope": ""
},
"reorder": {
"prefix": "fa-reorder",
"body": "<i class=\"fa fa-reorder${1}\" aria-hidden=\"true\"></i>$0",
"description": "reorder",
"scope": ""
},
"repeat": {
"prefix": "fa-repeat",
"body": "<i class=\"fa fa-repeat${1}\" aria-hidden=\"true\"></i>$0",
"description": "repeat",
"scope": ""
},
"reply": {
"prefix": "fa-reply",
"body": "<i class=\"fa fa-reply${1}\" aria-hidden=\"true\"></i>$0",
"description": "reply",
"scope": ""
},
"reply-all": {
"prefix": "fa-reply-all",
"body": "<i class=\"fa fa-reply-all${1}\" aria-hidden=\"true\"></i>$0",
"description": "reply-all",
"scope": ""
},
"resistance": {
"prefix": "fa-resistance",
"body": "<i class=\"fa fa-resistance${1}\" aria-hidden=\"true\"></i>$0",
"description": "resistance",
"scope": ""
},
"retweet": {
"prefix": "fa-retweet",
"body": "<i class=\"fa fa-retweet${1}\" aria-hidden=\"true\"></i>$0",
"description": "retweet",
"scope": ""
},
"rmb": {
"prefix": "fa-rmb",
"body": "<i class=\"fa fa-rmb${1}\" aria-hidden=\"true\"></i>$0",
"description": "rmb",
"scope": ""
},
"road": {
"prefix": "fa-road",
"body": "<i class=\"fa fa-road${1}\" aria-hidden=\"true\"></i>$0",
"description": "road",
"scope": ""
},
"rocket": {
"prefix": "fa-rocket",
"body": "<i class=\"fa fa-rocket${1}\" aria-hidden=\"true\"></i>$0",
"description": "rocket",
"scope": ""
},
"rotate-left": {
"prefix": "fa-rotate-left",
"body": "<i class=\"fa fa-rotate-left${1}\" aria-hidden=\"true\"></i>$0",
"description": "rotate-left",
"scope": ""
},
"rotate-right": {
"prefix": "fa-rotate-right",
"body": "<i class=\"fa fa-rotate-right${1}\" aria-hidden=\"true\"></i>$0",
"description": "rotate-right",
"scope": ""
},
"rouble": {
"prefix": "fa-rouble",
"body": "<i class=\"fa fa-rouble${1}\" aria-hidden=\"true\"></i>$0",
"description": "rouble",
"scope": ""
},
"rss": {
"prefix": "fa-rss",
"body": "<i class=\"fa fa-rss${1}\" aria-hidden=\"true\"></i>$0",
"description": "rss",
"scope": ""
},
"rss-square": {
"prefix": "fa-rss-square",
"body": "<i class=\"fa fa-rss-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "rss-square",
"scope": ""
},
"rub": {
"prefix": "fa-rub",
"body": "<i class=\"fa fa-rub${1}\" aria-hidden=\"true\"></i>$0",
"description": "rub",
"scope": ""
},
"ruble": {
"prefix": "fa-ruble",
"body": "<i class=\"fa fa-ruble${1}\" aria-hidden=\"true\"></i>$0",
"description": "ruble",
"scope": ""
},
"rupee": {
"prefix": "fa-rupee",
"body": "<i class=\"fa fa-rupee${1}\" aria-hidden=\"true\"></i>$0",
"description": "rupee",
"scope": ""
},
"s15": {
"prefix": "fa-s15",
"body": "<i class=\"fa fa-s15${1}\" aria-hidden=\"true\"></i>$0",
"description": "s15",
"scope": ""
},
"safari": {
"prefix": "fa-safari",
"body": "<i class=\"fa fa-safari${1}\" aria-hidden=\"true\"></i>$0",
"description": "safari",
"scope": ""
},
"save": {
"prefix": "fa-save",
"body": "<i class=\"fa fa-save${1}\" aria-hidden=\"true\"></i>$0",
"description": "save",
"scope": ""
},
"scissors": {
"prefix": "fa-scissors",
"body": "<i class=\"fa fa-scissors${1}\" aria-hidden=\"true\"></i>$0",
"description": "scissors",
"scope": ""
},
"scribd": {
"prefix": "fa-scribd",
"body": "<i class=\"fa fa-scribd${1}\" aria-hidden=\"true\"></i>$0",
"description": "scribd",
"scope": ""
},
"search": {
"prefix": "fa-search",
"body": "<i class=\"fa fa-search${1}\" aria-hidden=\"true\"></i>$0",
"description": "search",
"scope": ""
},
"search-minus": {
"prefix": "fa-search-minus",
"body": "<i class=\"fa fa-search-minus${1}\" aria-hidden=\"true\"></i>$0",
"description": "search-minus",
"scope": ""
},
"search-plus": {
"prefix": "fa-search-plus",
"body": "<i class=\"fa fa-search-plus${1}\" aria-hidden=\"true\"></i>$0",
"description": "search-plus",
"scope": ""
},
"sellsy": {
"prefix": "fa-sellsy",
"body": "<i class=\"fa fa-sellsy${1}\" aria-hidden=\"true\"></i>$0",
"description": "sellsy",
"scope": ""
},
"send": {
"prefix": "fa-send",
"body": "<i class=\"fa fa-send${1}\" aria-hidden=\"true\"></i>$0",
"description": "send",
"scope": ""
},
"send-o": {
"prefix": "fa-send-o",
"body": "<i class=\"fa fa-send-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "send-o",
"scope": ""
},
"server": {
"prefix": "fa-server",
"body": "<i class=\"fa fa-server${1}\" aria-hidden=\"true\"></i>$0",
"description": "server",
"scope": ""
},
"share": {
"prefix": "fa-share",
"body": "<i class=\"fa fa-share${1}\" aria-hidden=\"true\"></i>$0",
"description": "share",
"scope": ""
},
"share-alt": {
"prefix": "fa-share-alt",
"body": "<i class=\"fa fa-share-alt${1}\" aria-hidden=\"true\"></i>$0",
"description": "share-alt",
"scope": ""
},
"share-alt-square": {
"prefix": "fa-share-alt-square",
"body": "<i class=\"fa fa-share-alt-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "share-alt-square",
"scope": ""
},
"share-square": {
"prefix": "fa-share-square",
"body": "<i class=\"fa fa-share-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "share-square",
"scope": ""
},
"share-square-o": {
"prefix": "fa-share-square-o",
"body": "<i class=\"fa fa-share-square-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "share-square-o",
"scope": ""
},
"shekel": {
"prefix": "fa-shekel",
"body": "<i class=\"fa fa-shekel${1}\" aria-hidden=\"true\"></i>$0",
"description": "shekel",
"scope": ""
},
"sheqel": {
"prefix": "fa-sheqel",
"body": "<i class=\"fa fa-sheqel${1}\" aria-hidden=\"true\"></i>$0",
"description": "sheqel",
"scope": ""
},
"shield": {
"prefix": "fa-shield",
"body": "<i class=\"fa fa-shield${1}\" aria-hidden=\"true\"></i>$0",
"description": "shield",
"scope": ""
},
"ship": {
"prefix": "fa-ship",
"body": "<i class=\"fa fa-ship${1}\" aria-hidden=\"true\"></i>$0",
"description": "ship",
"scope": ""
},
"shirtsinbulk": {
"prefix": "fa-shirtsinbulk",
"body": "<i class=\"fa fa-shirtsinbulk${1}\" aria-hidden=\"true\"></i>$0",
"description": "shirtsinbulk",
"scope": ""
},
"shopping-bag": {
"prefix": "fa-shopping-bag",
"body": "<i class=\"fa fa-shopping-bag${1}\" aria-hidden=\"true\"></i>$0",
"description": "shopping-bag",
"scope": ""
},
"shopping-basket": {
"prefix": "fa-shopping-basket",
"body": "<i class=\"fa fa-shopping-basket${1}\" aria-hidden=\"true\"></i>$0",
"description": "shopping-basket",
"scope": ""
},
"shopping-cart": {
"prefix": "fa-shopping-cart",
"body": "<i class=\"fa fa-shopping-cart${1}\" aria-hidden=\"true\"></i>$0",
"description": "shopping-cart",
"scope": ""
},
"shower": {
"prefix": "fa-shower",
"body": "<i class=\"fa fa-shower${1}\" aria-hidden=\"true\"></i>$0",
"description": "shower",
"scope": ""
},
"signal": {
"prefix": "fa-signal",
"body": "<i class=\"fa fa-signal${1}\" aria-hidden=\"true\"></i>$0",
"description": "signal",
"scope": ""
},
"sign-in": {
"prefix": "fa-sign-in",
"body": "<i class=\"fa fa-sign-in${1}\" aria-hidden=\"true\"></i>$0",
"description": "sign-in",
"scope": ""
},
"signing": {
"prefix": "fa-signing",
"body": "<i class=\"fa fa-signing${1}\" aria-hidden=\"true\"></i>$0",
"description": "signing",
"scope": ""
},
"sign-language": {
"prefix": "fa-sign-language",
"body": "<i class=\"fa fa-sign-language${1}\" aria-hidden=\"true\"></i>$0",
"description": "sign-language",
"scope": ""
},
"sign-out": {
"prefix": "fa-sign-out",
"body": "<i class=\"fa fa-sign-out${1}\" aria-hidden=\"true\"></i>$0",
"description": "sign-out",
"scope": ""
},
"simplybuilt": {
"prefix": "fa-simplybuilt",
"body": "<i class=\"fa fa-simplybuilt${1}\" aria-hidden=\"true\"></i>$0",
"description": "simplybuilt",
"scope": ""
},
"sitemap": {
"prefix": "fa-sitemap",
"body": "<i class=\"fa fa-sitemap${1}\" aria-hidden=\"true\"></i>$0",
"description": "sitemap",
"scope": ""
},
"skyatlas": {
"prefix": "fa-skyatlas",
"body": "<i class=\"fa fa-skyatlas${1}\" aria-hidden=\"true\"></i>$0",
"description": "skyatlas",
"scope": ""
},
"skype": {
"prefix": "fa-skype",
"body": "<i class=\"fa fa-skype${1}\" aria-hidden=\"true\"></i>$0",
"description": "skype",
"scope": ""
},
"slack": {
"prefix": "fa-slack",
"body": "<i class=\"fa fa-slack${1}\" aria-hidden=\"true\"></i>$0",
"description": "slack",
"scope": ""
},
"sliders": {
"prefix": "fa-sliders",
"body": "<i class=\"fa fa-sliders${1}\" aria-hidden=\"true\"></i>$0",
"description": "sliders",
"scope": ""
},
"slideshare": {
"prefix": "fa-slideshare",
"body": "<i class=\"fa fa-slideshare${1}\" aria-hidden=\"true\"></i>$0",
"description": "slideshare",
"scope": ""
},
"smile-o": {
"prefix": "fa-smile-o",
"body": "<i class=\"fa fa-smile-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "smile-o",
"scope": ""
},
"snapchat": {
"prefix": "fa-snapchat",
"body": "<i class=\"fa fa-snapchat${1}\" aria-hidden=\"true\"></i>$0",
"description": "snapchat",
"scope": ""
},
"snapchat-ghost": {
"prefix": "fa-snapchat-ghost",
"body": "<i class=\"fa fa-snapchat-ghost${1}\" aria-hidden=\"true\"></i>$0",
"description": "snapchat-ghost",
"scope": ""
},
"snapchat-square": {
"prefix": "fa-snapchat-square",
"body": "<i class=\"fa fa-snapchat-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "snapchat-square",
"scope": ""
},
"snowflake-o": {
"prefix": "fa-snowflake-o",
"body": "<i class=\"fa fa-snowflake-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "snowflake-o",
"scope": ""
},
"soccer-ball-o": {
"prefix": "fa-soccer-ball-o",
"body": "<i class=\"fa fa-soccer-ball-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "soccer-ball-o",
"scope": ""
},
"sort": {
"prefix": "fa-sort",
"body": "<i class=\"fa fa-sort${1}\" aria-hidden=\"true\"></i>$0",
"description": "sort",
"scope": ""
},
"sort-alpha-asc": {
"prefix": "fa-sort-alpha-asc",
"body": "<i class=\"fa fa-sort-alpha-asc${1}\" aria-hidden=\"true\"></i>$0",
"description": "sort-alpha-asc",
"scope": ""
},
"sort-alpha-desc": {
"prefix": "fa-sort-alpha-desc",
"body": "<i class=\"fa fa-sort-alpha-desc${1}\" aria-hidden=\"true\"></i>$0",
"description": "sort-alpha-desc",
"scope": ""
},
"sort-amount-asc": {
"prefix": "fa-sort-amount-asc",
"body": "<i class=\"fa fa-sort-amount-asc${1}\" aria-hidden=\"true\"></i>$0",
"description": "sort-amount-asc",
"scope": ""
},
"sort-amount-desc": {
"prefix": "fa-sort-amount-desc",
"body": "<i class=\"fa fa-sort-amount-desc${1}\" aria-hidden=\"true\"></i>$0",
"description": "sort-amount-desc",
"scope": ""
},
"sort-asc": {
"prefix": "fa-sort-asc",
"body": "<i class=\"fa fa-sort-asc${1}\" aria-hidden=\"true\"></i>$0",
"description": "sort-asc",
"scope": ""
},
"sort-desc": {
"prefix": "fa-sort-desc",
"body": "<i class=\"fa fa-sort-desc${1}\" aria-hidden=\"true\"></i>$0",
"description": "sort-desc",
"scope": ""
},
"sort-down": {
"prefix": "fa-sort-down",
"body": "<i class=\"fa fa-sort-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "sort-down",
"scope": ""
},
"sort-numeric-asc": {
"prefix": "fa-sort-numeric-asc",
"body": "<i class=\"fa fa-sort-numeric-asc${1}\" aria-hidden=\"true\"></i>$0",
"description": "sort-numeric-asc",
"scope": ""
},
"sort-numeric-desc": {
"prefix": "fa-sort-numeric-desc",
"body": "<i class=\"fa fa-sort-numeric-desc${1}\" aria-hidden=\"true\"></i>$0",
"description": "sort-numeric-desc",
"scope": ""
},
"sort-up": {
"prefix": "fa-sort-up",
"body": "<i class=\"fa fa-sort-up${1}\" aria-hidden=\"true\"></i>$0",
"description": "sort-up",
"scope": ""
},
"soundcloud": {
"prefix": "fa-soundcloud",
"body": "<i class=\"fa fa-soundcloud${1}\" aria-hidden=\"true\"></i>$0",
"description": "soundcloud",
"scope": ""
},
"space-shuttle": {
"prefix": "fa-space-shuttle",
"body": "<i class=\"fa fa-space-shuttle${1}\" aria-hidden=\"true\"></i>$0",
"description": "space-shuttle",
"scope": ""
},
"spinner": {
"prefix": "fa-spinner",
"body": "<i class=\"fa fa-spinner${1}\" aria-hidden=\"true\"></i>$0",
"description": "spinner",
"scope": ""
},
"spoon": {
"prefix": "fa-spoon",
"body": "<i class=\"fa fa-spoon${1}\" aria-hidden=\"true\"></i>$0",
"description": "spoon",
"scope": ""
},
"spotify": {
"prefix": "fa-spotify",
"body": "<i class=\"fa fa-spotify${1}\" aria-hidden=\"true\"></i>$0",
"description": "spotify",
"scope": ""
},
"square": {
"prefix": "fa-square",
"body": "<i class=\"fa fa-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "square",
"scope": ""
},
"square-o": {
"prefix": "fa-square-o",
"body": "<i class=\"fa fa-square-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "square-o",
"scope": ""
},
"stack-exchange": {
"prefix": "fa-stack-exchange",
"body": "<i class=\"fa fa-stack-exchange${1}\" aria-hidden=\"true\"></i>$0",
"description": "stack-exchange",
"scope": ""
},
"stack-overflow": {
"prefix": "fa-stack-overflow",
"body": "<i class=\"fa fa-stack-overflow${1}\" aria-hidden=\"true\"></i>$0",
"description": "stack-overflow",
"scope": ""
},
"star": {
"prefix": "fa-star",
"body": "<i class=\"fa fa-star${1}\" aria-hidden=\"true\"></i>$0",
"description": "star",
"scope": ""
},
"star-half": {
"prefix": "fa-star-half",
"body": "<i class=\"fa fa-star-half${1}\" aria-hidden=\"true\"></i>$0",
"description": "star-half",
"scope": ""
},
"star-half-empty": {
"prefix": "fa-star-half-empty",
"body": "<i class=\"fa fa-star-half-empty${1}\" aria-hidden=\"true\"></i>$0",
"description": "star-half-empty",
"scope": ""
},
"star-half-full": {
"prefix": "fa-star-half-full",
"body": "<i class=\"fa fa-star-half-full${1}\" aria-hidden=\"true\"></i>$0",
"description": "star-half-full",
"scope": ""
},
"star-half-o": {
"prefix": "fa-star-half-o",
"body": "<i class=\"fa fa-star-half-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "star-half-o",
"scope": ""
},
"star-o": {
"prefix": "fa-star-o",
"body": "<i class=\"fa fa-star-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "star-o",
"scope": ""
},
"steam": {
"prefix": "fa-steam",
"body": "<i class=\"fa fa-steam${1}\" aria-hidden=\"true\"></i>$0",
"description": "steam",
"scope": ""
},
"steam-square": {
"prefix": "fa-steam-square",
"body": "<i class=\"fa fa-steam-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "steam-square",
"scope": ""
},
"step-backward": {
"prefix": "fa-step-backward",
"body": "<i class=\"fa fa-step-backward${1}\" aria-hidden=\"true\"></i>$0",
"description": "step-backward",
"scope": ""
},
"step-forward": {
"prefix": "fa-step-forward",
"body": "<i class=\"fa fa-step-forward${1}\" aria-hidden=\"true\"></i>$0",
"description": "step-forward",
"scope": ""
},
"stethoscope": {
"prefix": "fa-stethoscope",
"body": "<i class=\"fa fa-stethoscope${1}\" aria-hidden=\"true\"></i>$0",
"description": "stethoscope",
"scope": ""
},
"sticky-note": {
"prefix": "fa-sticky-note",
"body": "<i class=\"fa fa-sticky-note${1}\" aria-hidden=\"true\"></i>$0",
"description": "sticky-note",
"scope": ""
},
"sticky-note-o": {
"prefix": "fa-sticky-note-o",
"body": "<i class=\"fa fa-sticky-note-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "sticky-note-o",
"scope": ""
},
"stop": {
"prefix": "fa-stop",
"body": "<i class=\"fa fa-stop${1}\" aria-hidden=\"true\"></i>$0",
"description": "stop",
"scope": ""
},
"stop-circle": {
"prefix": "fa-stop-circle",
"body": "<i class=\"fa fa-stop-circle${1}\" aria-hidden=\"true\"></i>$0",
"description": "stop-circle",
"scope": ""
},
"stop-circle-o": {
"prefix": "fa-stop-circle-o",
"body": "<i class=\"fa fa-stop-circle-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "stop-circle-o",
"scope": ""
},
"street-view": {
"prefix": "fa-street-view",
"body": "<i class=\"fa fa-street-view${1}\" aria-hidden=\"true\"></i>$0",
"description": "street-view",
"scope": ""
},
"strikethrough": {
"prefix": "fa-strikethrough",
"body": "<i class=\"fa fa-strikethrough${1}\" aria-hidden=\"true\"></i>$0",
"description": "strikethrough",
"scope": ""
},
"stumbleupon": {
"prefix": "fa-stumbleupon",
"body": "<i class=\"fa fa-stumbleupon${1}\" aria-hidden=\"true\"></i>$0",
"description": "stumbleupon",
"scope": ""
},
"stumbleupon-circle": {
"prefix": "fa-stumbleupon-circle",
"body": "<i class=\"fa fa-stumbleupon-circle${1}\" aria-hidden=\"true\"></i>$0",
"description": "stumbleupon-circle",
"scope": ""
},
"subscript": {
"prefix": "fa-subscript",
"body": "<i class=\"fa fa-subscript${1}\" aria-hidden=\"true\"></i>$0",
"description": "subscript",
"scope": ""
},
"subway": {
"prefix": "fa-subway",
"body": "<i class=\"fa fa-subway${1}\" aria-hidden=\"true\"></i>$0",
"description": "subway",
"scope": ""
},
"suitcase": {
"prefix": "fa-suitcase",
"body": "<i class=\"fa fa-suitcase${1}\" aria-hidden=\"true\"></i>$0",
"description": "suitcase",
"scope": ""
},
"sun-o": {
"prefix": "fa-sun-o",
"body": "<i class=\"fa fa-sun-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "sun-o",
"scope": ""
},
"superpowers": {
"prefix": "fa-superpowers",
"body": "<i class=\"fa fa-superpowers${1}\" aria-hidden=\"true\"></i>$0",
"description": "superpowers",
"scope": ""
},
"superscript": {
"prefix": "fa-superscript",
"body": "<i class=\"fa fa-superscript${1}\" aria-hidden=\"true\"></i>$0",
"description": "superscript",
"scope": ""
},
"support": {
"prefix": "fa-support",
"body": "<i class=\"fa fa-support${1}\" aria-hidden=\"true\"></i>$0",
"description": "support",
"scope": ""
},
"table": {
"prefix": "fa-table",
"body": "<i class=\"fa fa-table${1}\" aria-hidden=\"true\"></i>$0",
"description": "table",
"scope": ""
},
"tablet": {
"prefix": "fa-tablet",
"body": "<i class=\"fa fa-tablet${1}\" aria-hidden=\"true\"></i>$0",
"description": "tablet",
"scope": ""
},
"tachometer": {
"prefix": "fa-tachometer",
"body": "<i class=\"fa fa-tachometer${1}\" aria-hidden=\"true\"></i>$0",
"description": "tachometer",
"scope": ""
},
"tag": {
"prefix": "fa-tag",
"body": "<i class=\"fa fa-tag${1}\" aria-hidden=\"true\"></i>$0",
"description": "tag",
"scope": ""
},
"tags": {
"prefix": "fa-tags",
"body": "<i class=\"fa fa-tags${1}\" aria-hidden=\"true\"></i>$0",
"description": "tags",
"scope": ""
},
"tasks": {
"prefix": "fa-tasks",
"body": "<i class=\"fa fa-tasks${1}\" aria-hidden=\"true\"></i>$0",
"description": "tasks",
"scope": ""
},
"taxi": {
"prefix": "fa-taxi",
"body": "<i class=\"fa fa-taxi${1}\" aria-hidden=\"true\"></i>$0",
"description": "taxi",
"scope": ""
},
"telegram": {
"prefix": "fa-telegram",
"body": "<i class=\"fa fa-telegram${1}\" aria-hidden=\"true\"></i>$0",
"description": "telegram",
"scope": ""
},
"television": {
"prefix": "fa-television",
"body": "<i class=\"fa fa-television${1}\" aria-hidden=\"true\"></i>$0",
"description": "television",
"scope": ""
},
"tencent-weibo": {
"prefix": "fa-tencent-weibo",
"body": "<i class=\"fa fa-tencent-weibo${1}\" aria-hidden=\"true\"></i>$0",
"description": "tencent-weibo",
"scope": ""
},
"terminal": {
"prefix": "fa-terminal",
"body": "<i class=\"fa fa-terminal${1}\" aria-hidden=\"true\"></i>$0",
"description": "terminal",
"scope": ""
},
"text-height": {
"prefix": "fa-text-height",
"body": "<i class=\"fa fa-text-height${1}\" aria-hidden=\"true\"></i>$0",
"description": "text-height",
"scope": ""
},
"text-width": {
"prefix": "fa-text-width",
"body": "<i class=\"fa fa-text-width${1}\" aria-hidden=\"true\"></i>$0",
"description": "text-width",
"scope": ""
},
"th": {
"prefix": "fa-th",
"body": "<i class=\"fa fa-th${1}\" aria-hidden=\"true\"></i>$0",
"description": "th",
"scope": ""
},
"themeisle": {
"prefix": "fa-themeisle",
"body": "<i class=\"fa fa-themeisle${1}\" aria-hidden=\"true\"></i>$0",
"description": "themeisle",
"scope": ""
},
"thermometer": {
"prefix": "fa-thermometer",
"body": "<i class=\"fa fa-thermometer${1}\" aria-hidden=\"true\"></i>$0",
"description": "thermometer",
"scope": ""
},
"thermometer-0": {
"prefix": "fa-thermometer-0",
"body": "<i class=\"fa fa-thermometer-0${1}\" aria-hidden=\"true\"></i>$0",
"description": "thermometer-0",
"scope": ""
},
"thermometer-1": {
"prefix": "fa-thermometer-1",
"body": "<i class=\"fa fa-thermometer-1${1}\" aria-hidden=\"true\"></i>$0",
"description": "thermometer-1",
"scope": ""
},
"thermometer-2": {
"prefix": "fa-thermometer-2",
"body": "<i class=\"fa fa-thermometer-2${1}\" aria-hidden=\"true\"></i>$0",
"description": "thermometer-2",
"scope": ""
},
"thermometer-3": {
"prefix": "fa-thermometer-3",
"body": "<i class=\"fa fa-thermometer-3${1}\" aria-hidden=\"true\"></i>$0",
"description": "thermometer-3",
"scope": ""
},
"thermometer-4": {
"prefix": "fa-thermometer-4",
"body": "<i class=\"fa fa-thermometer-4${1}\" aria-hidden=\"true\"></i>$0",
"description": "thermometer-4",
"scope": ""
},
"thermometer-empty": {
"prefix": "fa-thermometer-empty",
"body": "<i class=\"fa fa-thermometer-empty${1}\" aria-hidden=\"true\"></i>$0",
"description": "thermometer-empty",
"scope": ""
},
"thermometer-full": {
"prefix": "fa-thermometer-full",
"body": "<i class=\"fa fa-thermometer-full${1}\" aria-hidden=\"true\"></i>$0",
"description": "thermometer-full",
"scope": ""
},
"thermometer-half": {
"prefix": "fa-thermometer-half",
"body": "<i class=\"fa fa-thermometer-half${1}\" aria-hidden=\"true\"></i>$0",
"description": "thermometer-half",
"scope": ""
},
"thermometer-quarter": {
"prefix": "fa-thermometer-quarter",
"body": "<i class=\"fa fa-thermometer-quarter${1}\" aria-hidden=\"true\"></i>$0",
"description": "thermometer-quarter",
"scope": ""
},
"thermometer-three-quarters": {
"prefix": "fa-thermometer-three-quarters",
"body": "<i class=\"fa fa-thermometer-three-quarters${1}\" aria-hidden=\"true\"></i>$0",
"description": "thermometer-three-quarters",
"scope": ""
},
"th-large": {
"prefix": "fa-th-large",
"body": "<i class=\"fa fa-th-large${1}\" aria-hidden=\"true\"></i>$0",
"description": "th-large",
"scope": ""
},
"th-list": {
"prefix": "fa-th-list",
"body": "<i class=\"fa fa-th-list${1}\" aria-hidden=\"true\"></i>$0",
"description": "th-list",
"scope": ""
},
"thumbs-down": {
"prefix": "fa-thumbs-down",
"body": "<i class=\"fa fa-thumbs-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "thumbs-down",
"scope": ""
},
"thumbs-o-down": {
"prefix": "fa-thumbs-o-down",
"body": "<i class=\"fa fa-thumbs-o-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "thumbs-o-down",
"scope": ""
},
"thumbs-o-up": {
"prefix": "fa-thumbs-o-up",
"body": "<i class=\"fa fa-thumbs-o-up${1}\" aria-hidden=\"true\"></i>$0",
"description": "thumbs-o-up",
"scope": ""
},
"thumbs-up": {
"prefix": "fa-thumbs-up",
"body": "<i class=\"fa fa-thumbs-up${1}\" aria-hidden=\"true\"></i>$0",
"description": "thumbs-up",
"scope": ""
},
"thumb-tack": {
"prefix": "fa-thumb-tack",
"body": "<i class=\"fa fa-thumb-tack${1}\" aria-hidden=\"true\"></i>$0",
"description": "thumb-tack",
"scope": ""
},
"ticket": {
"prefix": "fa-ticket",
"body": "<i class=\"fa fa-ticket${1}\" aria-hidden=\"true\"></i>$0",
"description": "ticket",
"scope": ""
},
"times": {
"prefix": "fa-times",
"body": "<i class=\"fa fa-times${1}\" aria-hidden=\"true\"></i>$0",
"description": "times",
"scope": ""
},
"times-circle": {
"prefix": "fa-times-circle",
"body": "<i class=\"fa fa-times-circle${1}\" aria-hidden=\"true\"></i>$0",
"description": "times-circle",
"scope": ""
},
"times-circle-o": {
"prefix": "fa-times-circle-o",
"body": "<i class=\"fa fa-times-circle-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "times-circle-o",
"scope": ""
},
"times-rectangle": {
"prefix": "fa-times-rectangle",
"body": "<i class=\"fa fa-times-rectangle${1}\" aria-hidden=\"true\"></i>$0",
"description": "times-rectangle",
"scope": ""
},
"times-rectangle-o": {
"prefix": "fa-times-rectangle-o",
"body": "<i class=\"fa fa-times-rectangle-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "times-rectangle-o",
"scope": ""
},
"tint": {
"prefix": "fa-tint",
"body": "<i class=\"fa fa-tint${1}\" aria-hidden=\"true\"></i>$0",
"description": "tint",
"scope": ""
},
"toggle-down": {
"prefix": "fa-toggle-down",
"body": "<i class=\"fa fa-toggle-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "toggle-down",
"scope": ""
},
"toggle-left": {
"prefix": "fa-toggle-left",
"body": "<i class=\"fa fa-toggle-left${1}\" aria-hidden=\"true\"></i>$0",
"description": "toggle-left",
"scope": ""
},
"toggle-off": {
"prefix": "fa-toggle-off",
"body": "<i class=\"fa fa-toggle-off${1}\" aria-hidden=\"true\"></i>$0",
"description": "toggle-off",
"scope": ""
},
"toggle-on": {
"prefix": "fa-toggle-on",
"body": "<i class=\"fa fa-toggle-on${1}\" aria-hidden=\"true\"></i>$0",
"description": "toggle-on",
"scope": ""
},
"toggle-right": {
"prefix": "fa-toggle-right",
"body": "<i class=\"fa fa-toggle-right${1}\" aria-hidden=\"true\"></i>$0",
"description": "toggle-right",
"scope": ""
},
"toggle-up": {
"prefix": "fa-toggle-up",
"body": "<i class=\"fa fa-toggle-up${1}\" aria-hidden=\"true\"></i>$0",
"description": "toggle-up",
"scope": ""
},
"trademark": {
"prefix": "fa-trademark",
"body": "<i class=\"fa fa-trademark${1}\" aria-hidden=\"true\"></i>$0",
"description": "trademark",
"scope": ""
},
"train": {
"prefix": "fa-train",
"body": "<i class=\"fa fa-train${1}\" aria-hidden=\"true\"></i>$0",
"description": "train",
"scope": ""
},
"transgender": {
"prefix": "fa-transgender",
"body": "<i class=\"fa fa-transgender${1}\" aria-hidden=\"true\"></i>$0",
"description": "transgender",
"scope": ""
},
"transgender-alt": {
"prefix": "fa-transgender-alt",
"body": "<i class=\"fa fa-transgender-alt${1}\" aria-hidden=\"true\"></i>$0",
"description": "transgender-alt",
"scope": ""
},
"trash": {
"prefix": "fa-trash",
"body": "<i class=\"fa fa-trash${1}\" aria-hidden=\"true\"></i>$0",
"description": "trash",
"scope": ""
},
"trash-o": {
"prefix": "fa-trash-o",
"body": "<i class=\"fa fa-trash-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "trash-o",
"scope": ""
},
"tree": {
"prefix": "fa-tree",
"body": "<i class=\"fa fa-tree${1}\" aria-hidden=\"true\"></i>$0",
"description": "tree",
"scope": ""
},
"trello": {
"prefix": "fa-trello",
"body": "<i class=\"fa fa-trello${1}\" aria-hidden=\"true\"></i>$0",
"description": "trello",
"scope": ""
},
"tripadvisor": {
"prefix": "fa-tripadvisor",
"body": "<i class=\"fa fa-tripadvisor${1}\" aria-hidden=\"true\"></i>$0",
"description": "tripadvisor",
"scope": ""
},
"trophy": {
"prefix": "fa-trophy",
"body": "<i class=\"fa fa-trophy${1}\" aria-hidden=\"true\"></i>$0",
"description": "trophy",
"scope": ""
},
"truck": {
"prefix": "fa-truck",
"body": "<i class=\"fa fa-truck${1}\" aria-hidden=\"true\"></i>$0",
"description": "truck",
"scope": ""
},
"try": {
"prefix": "fa-try",
"body": "<i class=\"fa fa-try${1}\" aria-hidden=\"true\"></i>$0",
"description": "try",
"scope": ""
},
"tty": {
"prefix": "fa-tty",
"body": "<i class=\"fa fa-tty${1}\" aria-hidden=\"true\"></i>$0",
"description": "tty",
"scope": ""
},
"tumblr": {
"prefix": "fa-tumblr",
"body": "<i class=\"fa fa-tumblr${1}\" aria-hidden=\"true\"></i>$0",
"description": "tumblr",
"scope": ""
},
"tumblr-square": {
"prefix": "fa-tumblr-square",
"body": "<i class=\"fa fa-tumblr-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "tumblr-square",
"scope": ""
},
"turkish-lira": {
"prefix": "fa-turkish-lira",
"body": "<i class=\"fa fa-turkish-lira${1}\" aria-hidden=\"true\"></i>$0",
"description": "turkish-lira",
"scope": ""
},
"tv": {
"prefix": "fa-tv",
"body": "<i class=\"fa fa-tv${1}\" aria-hidden=\"true\"></i>$0",
"description": "tv",
"scope": ""
},
"twitch": {
"prefix": "fa-twitch",
"body": "<i class=\"fa fa-twitch${1}\" aria-hidden=\"true\"></i>$0",
"description": "twitch",
"scope": ""
},
"twitter": {
"prefix": "fa-twitter",
"body": "<i class=\"fa fa-twitter${1}\" aria-hidden=\"true\"></i>$0",
"description": "twitter",
"scope": ""
},
"twitter-square": {
"prefix": "fa-twitter-square",
"body": "<i class=\"fa fa-twitter-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "twitter-square",
"scope": ""
},
"umbrella": {
"prefix": "fa-umbrella",
"body": "<i class=\"fa fa-umbrella${1}\" aria-hidden=\"true\"></i>$0",
"description": "umbrella",
"scope": ""
},
"underline": {
"prefix": "fa-underline",
"body": "<i class=\"fa fa-underline${1}\" aria-hidden=\"true\"></i>$0",
"description": "underline",
"scope": ""
},
"undo": {
"prefix": "fa-undo",
"body": "<i class=\"fa fa-undo${1}\" aria-hidden=\"true\"></i>$0",
"description": "undo",
"scope": ""
},
"universal-access": {
"prefix": "fa-universal-access",
"body": "<i class=\"fa fa-universal-access${1}\" aria-hidden=\"true\"></i>$0",
"description": "universal-access",
"scope": ""
},
"university": {
"prefix": "fa-university",
"body": "<i class=\"fa fa-university${1}\" aria-hidden=\"true\"></i>$0",
"description": "university",
"scope": ""
},
"unlink": {
"prefix": "fa-unlink",
"body": "<i class=\"fa fa-unlink${1}\" aria-hidden=\"true\"></i>$0",
"description": "unlink",
"scope": ""
},
"unlock": {
"prefix": "fa-unlock",
"body": "<i class=\"fa fa-unlock${1}\" aria-hidden=\"true\"></i>$0",
"description": "unlock",
"scope": ""
},
"unlock-alt": {
"prefix": "fa-unlock-alt",
"body": "<i class=\"fa fa-unlock-alt${1}\" aria-hidden=\"true\"></i>$0",
"description": "unlock-alt",
"scope": ""
},
"unsorted": {
"prefix": "fa-unsorted",
"body": "<i class=\"fa fa-unsorted${1}\" aria-hidden=\"true\"></i>$0",
"description": "unsorted",
"scope": ""
},
"upload": {
"prefix": "fa-upload",
"body": "<i class=\"fa fa-upload${1}\" aria-hidden=\"true\"></i>$0",
"description": "upload",
"scope": ""
},
"usb": {
"prefix": "fa-usb",
"body": "<i class=\"fa fa-usb${1}\" aria-hidden=\"true\"></i>$0",
"description": "usb",
"scope": ""
},
"usd": {
"prefix": "fa-usd",
"body": "<i class=\"fa fa-usd${1}\" aria-hidden=\"true\"></i>$0",
"description": "usd",
"scope": ""
},
"user": {
"prefix": "fa-user",
"body": "<i class=\"fa fa-user${1}\" aria-hidden=\"true\"></i>$0",
"description": "user",
"scope": ""
},
"user-circle": {
"prefix": "fa-user-circle",
"body": "<i class=\"fa fa-user-circle${1}\" aria-hidden=\"true\"></i>$0",
"description": "user-circle",
"scope": ""
},
"user-circle-o": {
"prefix": "fa-user-circle-o",
"body": "<i class=\"fa fa-user-circle-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "user-circle-o",
"scope": ""
},
"user-md": {
"prefix": "fa-user-md",
"body": "<i class=\"fa fa-user-md${1}\" aria-hidden=\"true\"></i>$0",
"description": "user-md",
"scope": ""
},
"user-o": {
"prefix": "fa-user-o",
"body": "<i class=\"fa fa-user-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "user-o",
"scope": ""
},
"user-plus": {
"prefix": "fa-user-plus",
"body": "<i class=\"fa fa-user-plus${1}\" aria-hidden=\"true\"></i>$0",
"description": "user-plus",
"scope": ""
},
"users": {
"prefix": "fa-users",
"body": "<i class=\"fa fa-users${1}\" aria-hidden=\"true\"></i>$0",
"description": "users",
"scope": ""
},
"user-secret": {
"prefix": "fa-user-secret",
"body": "<i class=\"fa fa-user-secret${1}\" aria-hidden=\"true\"></i>$0",
"description": "user-secret",
"scope": ""
},
"user-times": {
"prefix": "fa-user-times",
"body": "<i class=\"fa fa-user-times${1}\" aria-hidden=\"true\"></i>$0",
"description": "user-times",
"scope": ""
},
"vcard": {
"prefix": "fa-vcard",
"body": "<i class=\"fa fa-vcard${1}\" aria-hidden=\"true\"></i>$0",
"description": "vcard",
"scope": ""
},
"vcard-o": {
"prefix": "fa-vcard-o",
"body": "<i class=\"fa fa-vcard-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "vcard-o",
"scope": ""
},
"venus": {
"prefix": "fa-venus",
"body": "<i class=\"fa fa-venus${1}\" aria-hidden=\"true\"></i>$0",
"description": "venus",
"scope": ""
},
"venus-double": {
"prefix": "fa-venus-double",
"body": "<i class=\"fa fa-venus-double${1}\" aria-hidden=\"true\"></i>$0",
"description": "venus-double",
"scope": ""
},
"venus-mars": {
"prefix": "fa-venus-mars",
"body": "<i class=\"fa fa-venus-mars${1}\" aria-hidden=\"true\"></i>$0",
"description": "venus-mars",
"scope": ""
},
"viacoin": {
"prefix": "fa-viacoin",
"body": "<i class=\"fa fa-viacoin${1}\" aria-hidden=\"true\"></i>$0",
"description": "viacoin",
"scope": ""
},
"viadeo": {
"prefix": "fa-viadeo",
"body": "<i class=\"fa fa-viadeo${1}\" aria-hidden=\"true\"></i>$0",
"description": "viadeo",
"scope": ""
},
"viadeo-square": {
"prefix": "fa-viadeo-square",
"body": "<i class=\"fa fa-viadeo-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "viadeo-square",
"scope": ""
},
"video-camera": {
"prefix": "fa-video-camera",
"body": "<i class=\"fa fa-video-camera${1}\" aria-hidden=\"true\"></i>$0",
"description": "video-camera",
"scope": ""
},
"vimeo": {
"prefix": "fa-vimeo",
"body": "<i class=\"fa fa-vimeo${1}\" aria-hidden=\"true\"></i>$0",
"description": "vimeo",
"scope": ""
},
"vimeo-square": {
"prefix": "fa-vimeo-square",
"body": "<i class=\"fa fa-vimeo-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "vimeo-square",
"scope": ""
},
"vine": {
"prefix": "fa-vine",
"body": "<i class=\"fa fa-vine${1}\" aria-hidden=\"true\"></i>$0",
"description": "vine",
"scope": ""
},
"vk": {
"prefix": "fa-vk",
"body": "<i class=\"fa fa-vk${1}\" aria-hidden=\"true\"></i>$0",
"description": "vk",
"scope": ""
},
"volume-control-phone": {
"prefix": "fa-volume-control-phone",
"body": "<i class=\"fa fa-volume-control-phone${1}\" aria-hidden=\"true\"></i>$0",
"description": "volume-control-phone",
"scope": ""
},
"volume-down": {
"prefix": "fa-volume-down",
"body": "<i class=\"fa fa-volume-down${1}\" aria-hidden=\"true\"></i>$0",
"description": "volume-down",
"scope": ""
},
"volume-off": {
"prefix": "fa-volume-off",
"body": "<i class=\"fa fa-volume-off${1}\" aria-hidden=\"true\"></i>$0",
"description": "volume-off",
"scope": ""
},
"volume-up": {
"prefix": "fa-volume-up",
"body": "<i class=\"fa fa-volume-up${1}\" aria-hidden=\"true\"></i>$0",
"description": "volume-up",
"scope": ""
},
"warning": {
"prefix": "fa-warning",
"body": "<i class=\"fa fa-warning${1}\" aria-hidden=\"true\"></i>$0",
"description": "warning",
"scope": ""
},
"wechat": {
"prefix": "fa-wechat",
"body": "<i class=\"fa fa-wechat${1}\" aria-hidden=\"true\"></i>$0",
"description": "wechat",
"scope": ""
},
"weibo": {
"prefix": "fa-weibo",
"body": "<i class=\"fa fa-weibo${1}\" aria-hidden=\"true\"></i>$0",
"description": "weibo",
"scope": ""
},
"weixin": {
"prefix": "fa-weixin",
"body": "<i class=\"fa fa-weixin${1}\" aria-hidden=\"true\"></i>$0",
"description": "weixin",
"scope": ""
},
"whatsapp": {
"prefix": "fa-whatsapp",
"body": "<i class=\"fa fa-whatsapp${1}\" aria-hidden=\"true\"></i>$0",
"description": "whatsapp",
"scope": ""
},
"wheelchair": {
"prefix": "fa-wheelchair",
"body": "<i class=\"fa fa-wheelchair${1}\" aria-hidden=\"true\"></i>$0",
"description": "wheelchair",
"scope": ""
},
"wheelchair-alt": {
"prefix": "fa-wheelchair-alt",
"body": "<i class=\"fa fa-wheelchair-alt${1}\" aria-hidden=\"true\"></i>$0",
"description": "wheelchair-alt",
"scope": ""
},
"wifi": {
"prefix": "fa-wifi",
"body": "<i class=\"fa fa-wifi${1}\" aria-hidden=\"true\"></i>$0",
"description": "wifi",
"scope": ""
},
"wikipedia-w": {
"prefix": "fa-wikipedia-w",
"body": "<i class=\"fa fa-wikipedia-w${1}\" aria-hidden=\"true\"></i>$0",
"description": "wikipedia-w",
"scope": ""
},
"window-close": {
"prefix": "fa-window-close",
"body": "<i class=\"fa fa-window-close${1}\" aria-hidden=\"true\"></i>$0",
"description": "window-close",
"scope": ""
},
"window-close-o": {
"prefix": "fa-window-close-o",
"body": "<i class=\"fa fa-window-close-o${1}\" aria-hidden=\"true\"></i>$0",
"description": "window-close-o",
"scope": ""
},
"window-maximize": {
"prefix": "fa-window-maximize",
"body": "<i class=\"fa fa-window-maximize${1}\" aria-hidden=\"true\"></i>$0",
"description": "window-maximize",
"scope": ""
},
"window-minimize": {
"prefix": "fa-window-minimize",
"body": "<i class=\"fa fa-window-minimize${1}\" aria-hidden=\"true\"></i>$0",
"description": "window-minimize",
"scope": ""
},
"window-restore": {
"prefix": "fa-window-restore",
"body": "<i class=\"fa fa-window-restore${1}\" aria-hidden=\"true\"></i>$0",
"description": "window-restore",
"scope": ""
},
"windows": {
"prefix": "fa-windows",
"body": "<i class=\"fa fa-windows${1}\" aria-hidden=\"true\"></i>$0",
"description": "windows",
"scope": ""
},
"won": {
"prefix": "fa-won",
"body": "<i class=\"fa fa-won${1}\" aria-hidden=\"true\"></i>$0",
"description": "won",
"scope": ""
},
"wordpress": {
"prefix": "fa-wordpress",
"body": "<i class=\"fa fa-wordpress${1}\" aria-hidden=\"true\"></i>$0",
"description": "wordpress",
"scope": ""
},
"wpbeginner": {
"prefix": "fa-wpbeginner",
"body": "<i class=\"fa fa-wpbeginner${1}\" aria-hidden=\"true\"></i>$0",
"description": "wpbeginner",
"scope": ""
},
"wpexplorer": {
"prefix": "fa-wpexplorer",
"body": "<i class=\"fa fa-wpexplorer${1}\" aria-hidden=\"true\"></i>$0",
"description": "wpexplorer",
"scope": ""
},
"wpforms": {
"prefix": "fa-wpforms",
"body": "<i class=\"fa fa-wpforms${1}\" aria-hidden=\"true\"></i>$0",
"description": "wpforms",
"scope": ""
},
"wrench": {
"prefix": "fa-wrench",
"body": "<i class=\"fa fa-wrench${1}\" aria-hidden=\"true\"></i>$0",
"description": "wrench",
"scope": ""
},
"xing": {
"prefix": "fa-xing",
"body": "<i class=\"fa fa-xing${1}\" aria-hidden=\"true\"></i>$0",
"description": "xing",
"scope": ""
},
"xing-square": {
"prefix": "fa-xing-square",
"body": "<i class=\"fa fa-xing-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "xing-square",
"scope": ""
},
"yahoo": {
"prefix": "fa-yahoo",
"body": "<i class=\"fa fa-yahoo${1}\" aria-hidden=\"true\"></i>$0",
"description": "yahoo",
"scope": ""
},
"yc": {
"prefix": "fa-yc",
"body": "<i class=\"fa fa-yc${1}\" aria-hidden=\"true\"></i>$0",
"description": "yc",
"scope": ""
},
"y-combinator": {
"prefix": "fa-y-combinator",
"body": "<i class=\"fa fa-y-combinator${1}\" aria-hidden=\"true\"></i>$0",
"description": "y-combinator",
"scope": ""
},
"y-combinator-square": {
"prefix": "fa-y-combinator-square",
"body": "<i class=\"fa fa-y-combinator-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "y-combinator-square",
"scope": ""
},
"yc-square": {
"prefix": "fa-yc-square",
"body": "<i class=\"fa fa-yc-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "yc-square",
"scope": ""
},
"yelp": {
"prefix": "fa-yelp",
"body": "<i class=\"fa fa-yelp${1}\" aria-hidden=\"true\"></i>$0",
"description": "yelp",
"scope": ""
},
"yen": {
"prefix": "fa-yen",
"body": "<i class=\"fa fa-yen${1}\" aria-hidden=\"true\"></i>$0",
"description": "yen",
"scope": ""
},
"yoast": {
"prefix": "fa-yoast",
"body": "<i class=\"fa fa-yoast${1}\" aria-hidden=\"true\"></i>$0",
"description": "yoast",
"scope": ""
},
"youtube": {
"prefix": "fa-youtube",
"body": "<i class=\"fa fa-youtube${1}\" aria-hidden=\"true\"></i>$0",
"description": "youtube",
"scope": ""
},
"youtube-play": {
"prefix": "fa-youtube-play",
"body": "<i class=\"fa fa-youtube-play${1}\" aria-hidden=\"true\"></i>$0",
"description": "youtube-play",
"scope": ""
},
"youtube-square": {
"prefix": "fa-youtube-square",
"body": "<i class=\"fa fa-youtube-square${1}\" aria-hidden=\"true\"></i>$0",
"description": "youtube-square",
"scope": ""
}
,
"form": {
"prefix": "b5-form",
"body": [
"<form class=\"row g-3 needs-validation\" novalidate>",
" <div class=\"col-md-4\">",
" <label for=\"validationCustom01\" class=\"form-label\">First name</label>",
" <input type=\"text\" class=\"form-control\" id=\"validationCustom01\" value=\"Mark\" required>",
" <div class=\"valid-feedback\">",
" Looks good!",
" </div>",
" </div>",
" <div class=\"col-md-4\">",
" <label for=\"validationCustom02\" class=\"form-label\">Last name</label>",
" <input type=\"text\" class=\"form-control\" id=\"validationCustom02\" value=\"Otto\" required>",
" <div class=\"valid-feedback\">",
" Looks good!",
" </div>",
" </div>",
" <div class=\"col-md-4\">",
" <label for=\"validationCustomUsername\" class=\"form-label\">Username</label>",
" <div class=\"input-group\">",
" <span class=\"input-group-text\" id=\"inputGroupPrepend\">@</span>",
" <input type=\"text\" class=\"form-control\" id=\"validationCustomUsername\" aria-describedby=\"inputGroupPrepend\" required>",
" <div class=\"invalid-feedback\">",
" Please choose a username.",
" </div>",
" </div>",
" </div>",
" <div class=\"col-md-6\">",
" <label for=\"validationCustom03\" class=\"form-label\">City</label>",
" <input type=\"text\" class=\"form-control\" id=\"validationCustom03\" required>",
" <div class=\"invalid-feedback\">",
" Please provide a valid city.",
" </div>",
" </div>",
" <div class=\"col-md-3\">",
" <label for=\"validationCustom04\" class=\"form-label\">State</label>",
" <select class=\"form-select\" id=\"validationCustom04\" required>",
" <option selected disabled value=\"\">Choose...</option>",
" <option>...</option>",
" </select>",
" <div class=\"invalid-feedback\">",
" Please select a valid state.",
" </div>",
" </div>",
" <div class=\"col-md-3\">",
" <label for=\"validationCustom05\" class=\"form-label\">Zip</label>",
" <input type=\"text\" class=\"form-control\" id=\"validationCustom05\" required>",
" <div class=\"invalid-feedback\">",
" Please provide a valid zip.",
" </div>",
" </div>",
" <div class=\"col-12\">",
" <div class=\"form-check\">",
" <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"invalidCheck\" required>",
" <label class=\"form-check-label\" for=\"invalidCheck\">",
" Agree to terms and conditions",
" </label>",
" <div class=\"invalid-feedback\">",
" You must agree before submitting.",
" </div>",
" </div>",
" </div>",
" <div class=\"col-12\">",
" <button class=\"btn btn-primary\" type=\"submit\">Submit form</button>",
" </div>",
"</form>"
],
"description": "form"
}
,
"Bootstrap 5 container": {
"prefix": "b5-contain",
"body": [
"<div class=\"container${1|-fluid, ,-sm,-md,-lg,-xl,-xxl|} ${2|!direction,!justify,!align,!fill,!grow-shrink,!flex-wrap,!flex-order|} ${3|!spacing,!shadow,!color,!font,overflow-hidden|}\">",
"\tb5-row${0}",
"</div>"
],
"description": "Bootstrap 5 container"
},
"Bootstrap 5 row": {
"prefix": "b5-row",
"body": [
"<div class=\"row ${1| ,row-cols-2,row-cols-3, auto,justify-content-md-center,|}\">",
"\tb5-col${0}",
"</div>"
],
"description": "Bootstrap 5 row"
},
"Bootstrap 5 col": {
"prefix": "b5-col",
"body": [
"<div class=\"col${1| ,-1,-2,-3,-4,-5,-6,-sm,-md,-lg,-xl,-xxl|}${2| ,-auto,-1,-2,-3,-4,-5,-6,-7,-8,-9,-10,-11,-12|}\">",
" b5-col${0}",
"</div>"
],
"description": "Bootstrap 5 col"
}
,
"tablist": {
"prefix": "b5-tablist",
"body": [
"<!-- List group -->",
"<div class=\"list-group\" id=\"myList\" role=\"tablist\">",
" <a class=\"list-group-item list-group-item-action active\" data-toggle=\"list\" href=\"#home\" role=\"tab\">Home</a>",
" <a class=\"list-group-item list-group-item-action\" data-toggle=\"list\" href=\"#profile\" role=\"tab\">Profile</a>",
" <a class=\"list-group-item list-group-item-action\" data-toggle=\"list\" href=\"#messages\" role=\"tab\">Messages</a>",
" <a class=\"list-group-item list-group-item-action\" data-toggle=\"list\" href=\"#settings\" role=\"tab\">Settings</a>",
"</div>",
"",
"<!-- Tab panes -->",
"<div class=\"tab-content\">",
" <div class=\"tab-pane active\" id=\"home\" role=\"tabpanel\">...</div>",
" <div class=\"tab-pane\" id=\"profile\" role=\"tabpanel\">...</div>",
" <div class=\"tab-pane\" id=\"messages\" role=\"tabpanel\">...</div>",
" <div class=\"tab-pane\" id=\"settings\" role=\"tabpanel\">...</div>",
"</div>"
],
"description": "tablist"
},
"list-group-badge": {
"prefix": "b5-list-group-badge",
"body": [
"<ul class=\"list-group\">",
" <li class=\"list-group-item d-flex justify-content-between align-items-center\">",
" Cras justo odio",
" <span class=\"badge bg-primary rounded-pill\">14</span>",
" </li>",
" <li class=\"list-group-item d-flex justify-content-between align-items-center\">",
" Dapibus ac facilisis in",
" <span class=\"badge bg-primary rounded-pill\">2</span>",
" </li>",
" <li class=\"list-group-item d-flex justify-content-between align-items-center\">",
" Morbi leo risus",
" <span class=\"badge bg-primary rounded-pill\">1</span>",
" </li>",
"</ul>"
],
"description": "list-group-badge"
}
,
"Modal-BTN": {
"prefix": "b5-modal-btn",
"body": [
"<button type=\"button\" class=\"btn btn-${1|primary,secondary,success,danger,warning,info,light,dark|}\" data-toggle=\"modal\" data-target=\"#${2:exampleModal}\">",
" ${3:Launch demo modal}",
"</button>"
],
"description": "Modal-Body"
},
"Modal-body": {
"prefix": "b5-modal-body",
"body": [
"<div class=\"modal fade\" id=\"${1:staticBackdrop}\" data-backdrop=\"static\" data-keyboard=\"false\" tabindex=\"-1\" aria-labelledby=\"${1:staticBackdrop}\" aria-hidden=\"true\">",
" <div class=\"modal-dialog\">",
" <div class=\"modal-content\">",
" <div class=\"modal-header\">",
" <h5 class=\"modal-title\" id=\"${2:staticBackdropLabel}\">${3:Modal title}</h5>",
" <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">",
" <span aria-hidden=\"true\">&times;</span>",
" </button>",
" </div>",
" <div class=\"modal-body\">",
" ${0}",
" </div>",
" ${4| ,<div class=\"modal-footer\"><button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">Close</button></div>|}",
" </div>",
" </div>",
"</div>",
""
],
"description": "Modal-Body"
},
"Modal-Footer": {
"prefix": "b5-modal-footer",
"body": [
"<div class=\"modal fade ${6|modal-sm,modal-lg,modal-xl|}\" id=\"${1:staticBackdrop}\" data-backdrop=\"static\" data-keyboard=\"false\" tabindex=\"-1\" aria-labelledby=\"${1:staticBackdrop}\" aria-hidden=\"true\">",
" <div class=\"modal-dialog ${5|modal-dialog-centered, modal-dialog-scrollable|}\">",
" <div class=\"modal-content\">",
" <div class=\"modal-header\">",
" <h5 class=\"modal-title\" id=\"${2:staticBackdropLabel}\">${3:Modal title}</h5>",
" <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">",
" <span aria-hidden=\"true\">&times;</span>",
" </button>",
" </div>",
" <div class=\"modal-body\">",
" ${0}",
" </div>",
" ${4| ,<div class=\"modal-footer\"><button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">Close</button></div>|}",
" </div>",
" </div>",
"</div>",
""
],
"description": "Modal-BTN"
}
,
"Bootstrap 5 Navbar Defaul": {
"prefix": "b5-navbar-default",
"body": [
" <nav class=\"navbar ${2|navbar-expand-sm,navbar-expand-md,navbar-expand-lg|} navbar-${3|light,dark|} bg-${4|primary,secondary,success,danger,warning,info,light,dark|}\">",
" <div class=\"container-fluid\">",
" <a class=\"navbar-brand\" href=\"#\">${4:Navbar}</a>",
" <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#${1:navbarID}\"",
" aria-controls=\"${1:navbarID}\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">",
" <span class=\"navbar-toggler-icon\"></span>",
" </button>",
" <div class=\"collapse navbar-collapse\" id=\"${1:navbarID}\">",
" <div class=\"navbar-nav\">",
" <a class=\"nav-link active\" aria-current=\"page\" href=\"#\">Home</a>",
" ${0}",
" </div>",
" </div>",
" </div>",
" </nav>"
],
"description": "Bootstrap 5 Navbar Defaul"
},
"Bootstrap 5 nav-item":{
"prefix":"b5-nav-item",
"body":[
"<li class=\"${1|nav-item,dropdown-item, |}\">",
" <a class=\"${2|nav-link,nav-link active, |}\" aria-current=\"${3|page, |}\" href=\"${4|#, |}\">${5|Home,About,Blog,Contact, |}</a>",
"</li>"
],
"description":"Bootstrap 5 nav-item"
},
"Bootstrap 5 navlink":{
"prefix":"b5-navlink",
"body":[
"<a class=\"nav-link\" ${1| aria-disabled=\"false\",disabled tabindex=\"-1\" aria-disabled=\"true\"|} href=\"${2|#, |}\">${3|Home,About,Blog,Contact, |}</a>",
""
],
"description":"Bootstrap 5 navlink"
},
"Bootstrap 5 nav-dropdown toggle":{
"prefix":"b5-navdd-toggle",
"body":[
"<a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"${1|navbarDropdownMenuLink, |}\" role=\"button\" data-toggle=\"dropdown\" aria-expanded=\"false\">",
"b5-n${0}",
"</a>"
],
"description":"Bootstrap 5 nav-dropdown toggle"
},
"Bootstrap 5 nav-dropdown":{
"prefix":"b5-navdropdown",
"body":[
"<ul class=\"dropdown-menu\" aria-labelledby=\"${1|navbarDropdownMenuLink, |}\">",
"b5-n${0}",
"</ul>"
],
"description":"Bootstrap 5 nav-dropdown"
},
"Nav Bottom":{
"prefix":"b5-Nav-bottom",
"body":[
"<nav class=\"navbar fixed-bottom navbar-expand-sm navbar-dark bg-dark\">",
" <div class=\"container-fluid\">",
" <a class=\"navbar-brand\" href=\"#\">Bottom navbar</a>",
" <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarCollapse\" aria-controls=\"navbarCollapse\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">",
" <span class=\"navbar-toggler-icon\"></span>",
" </button>",
" <div class=\"collapse navbar-collapse\" id=\"navbarCollapse\">",
" <ul class=\"navbar-nav\">",
" <li class=\"nav-item active\">",
" <a class=\"nav-link\" aria-current=\"page\" href=\"#\">Home</a>",
" </li>",
" <li class=\"nav-item\">",
" <a class=\"nav-link\" href=\"#\">Link</a>",
" </li>",
" <li class=\"nav-item\">",
" <a class=\"nav-link disabled\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\">Disabled</a>",
" </li>",
" <li class=\"nav-item dropup\">",
" <a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"dropdown10\" data-toggle=\"dropdown\" aria-expanded=\"false\">Dropup</a>",
" <ul class=\"dropdown-menu\" aria-labelledby=\"dropdown10\">",
" <li><a class=\"dropdown-item\" href=\"#\">Action</a></li>",
" <li><a class=\"dropdown-item\" href=\"#\">Another action</a></li>",
" <li><a class=\"dropdown-item\" href=\"#\">Something else here</a></li>",
" </ul>",
" </li>",
" </ul>",
" </div>",
" </div>",
"</nav>"
],
"description":"Nav Bottom"
},
"Scrollspy":{
"prefix":"b5-scrollspy",
"body":[
"<nav id=\"${1:navbar-example2}\" class=\"navbar navbar-light bg-light px-3\">",
" <a class=\"navbar-brand\" href=\"#\">Navbar</a>",
" <ul class=\"nav nav-pills\">",
" <li class=\"nav-item\">",
" <a class=\"nav-link\" href=\"#${2:fat}\">@fat</a>",
" </li>",
" </ul>",
"</nav>",
"<div data-spy=\"scroll\" data-target=\"#${1:navbar-example2}\" data-offset=\"0\">",
" <h4 id=\"${2:fat}\">@fat</h4>",
"</div>"
],
"description":"Scrollspy"
}
,
"Pagination": {
"prefix": "b5-pagination",
"body": [
"<nav aria-label=\"${10:Page navigation example}\">",
" <ul class=\"pagination ${1|pagination-sm,pagination-lg;|}\">",
" <li class=\"page-item\">",
" <a class=\"page-link\" href=\"#\" aria-label=\"Previous\">",
" <span aria-hidden=\"true\">${2|Previous,&laquo;|}</span>",
" </a>",
" </li>",
" <li class=\"page-item\"><a class=\"page-link\" href=\"#\">1</a></li>",
" <li class=\"page-item\"><a class=\"page-link\" href=\"#\">2</a></li>",
" ${0}",
" <li class=\"page-item\">",
" <a class=\"page-link\" href=\"#\" aria-label=\"Next\">",
" <span aria-hidden=\"true\">${3|Next,&raquo;|}</span>",
" </a>",
" </li>",
" </ul>",
"</nav>"
],
"description": "Pagination"
}
,
"Progress Bar": {
"prefix": "b5-progress",
"body": [
"<div class=\"progress\">",
" <div class=\"${1|progress-bar,progress-bar progress-bar-striped|} bg-${2|success,info,success,warning,wardanger}}\" role=\"progressbar\" style=\"width: ${3|25,50,75,100, |}%;\"",
" aria-valuenow=\"${3|25,50,75,100, |}\" aria-valuemin=\"${4:0}\" aria-valuemax=\"${5:100}\" ${6| ,progress-bar-animated}>${6:Description}</div>",
"</div>"
],
"description": "Progress Bar"
}
,
"Bootstrap 5 scripts": {
"prefix": "!b5-scripts",
"body": [
"<link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css\" integrity=\"sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I\" crossorigin=\"anonymous\">",
"<script src=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js\" integrity=\"sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/\" crossorigin=\"anonymous\"></script>",
"${1|<script src=\"https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js\" integrity=\"sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo\" crossorigin=\"anonymous\"></script>, |}"
],
"description": "Adds the cnd for the css scripts and has an option to use popper."
},
"Offcanvas Scripts": {
"prefix": "!offcanvas-scripts",
"body": [
"<style>",
" html,body {overflow-x: hidden; /* Prevent scroll on narrow devices */}",
" body {padding-top: 56px;}",
"",
" @media (max-width: 991.98px) {",
" .offcanvas-collapse {",
" position: fixed;",
" top: 56px; /* Height of navbar */",
" bottom: 0;",
" left: 100%;",
" width: 100%;",
" padding-right: 1rem;",
" padding-left: 1rem;",
" overflow-y: auto;",
" visibility: hidden;",
" background-color: #343a40;",
" transition: transform .3s ease-in-out, visibility .3s ease-in-out;",
" }",
" .offcanvas-collapse.open {",
" visibility: visible;",
" transform: translateX(-100%);",
" }",
" }",
"",
" .nav-scroller {",
" position: relative;",
" z-index: 2;",
" height: 2.75rem;",
" overflow-y: hidden;",
" }",
"",
" .nav-scroller .nav {",
" display: flex;",
" flex-wrap: nowrap;",
" padding-bottom: 1rem;",
" margin-top: -1px;",
" overflow-x: auto;",
" color: rgba(255, 255, 255, .75);",
" text-align: center;",
" white-space: nowrap;",
" -webkit-overflow-scrolling: touch;",
" }",
"",
" .nav-underline .nav-link {",
" padding-top: .75rem;",
" padding-bottom: .75rem;",
" font-size: .875rem;",
" color: #6c757d;",
" }",
"",
" .nav-underline .nav-link:hover {",
" color: #007bff;",
" }",
"",
" .nav-underline .active {",
" font-weight: 500;",
" color: #343a40;",
" }",
"",
" .text-white-50 { color: rgba(255, 255, 255, .5); }",
"",
" .bg-purple { background-color: #6f42c1; }",
"</style>",
"<script type=\"text/javascript\">",
" (function () {",
" 'use strict'",
" document.querySelector('[data-toggle=\"offcanvas\"]').addEventListener('click', function () {",
" document.querySelector('.offcanvas-collapse').classList.toggle('open')",
" })",
" })()",
" </script>"
],
"description": "Offcanvas Scripts"
},
"Bootstrap 5 HTML Template": {
"prefix": "!b5-$",
"body": [
"<!DOCTYPE html>",
"<html lang=\"en\">",
"<head>",
" <meta charset=\"UTF-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
" <title>${1:Bootstrap Site}</title>",
" <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css\" integrity=\"sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I\" crossorigin=\"anonymous\">",
" <script src=\"https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js\" integrity=\"sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo\" crossorigin=\"anonymous\"></script>",
" <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js\" integrity=\"sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/\" crossorigin=\"anonymous\"></script>",
"</head>",
"<body>",
"<h1>Hello-Bootstrap</h1>",
"</body>",
"</html>"
],
"description": "An HTML Boilerplate with Bootstrap 5"
},
"Offcanvas Template": {
"prefix": "!offcanvasTemplate",
"body": [
"<!doctype html>",
"<html lang=\"en\">",
" <head>",
" <meta charset=\"utf-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
" <meta name=\"author\" content=\"Hans McMurdy\">",
" <title>Bootstrap 5 Offcanvas Template · Bootstrap</title>",
" <meta name=\"title\" content=\"#JavaScriptFirst\">",
" <meta name=\"description\" content=\"Learn how to code with #JavaScriptFirst: https://github.com/HansUXdev/JavaScript-First\">",
" <!-- Bootstrap core CSS -->",
" <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css\" integrity=\"sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I\" crossorigin=\"anonymous\">",
" <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js\" integrity=\"sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/\" crossorigin=\"anonymous\"></script>",
" <script src=\"https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js\" integrity=\"sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo\" crossorigin=\"anonymous\"></script>",
" <!-- Favicons -->",
"",
" <meta name=\"theme-color\" content=\"#7952b3\">",
" <style>",
" .bd-placeholder-img {",
" font-size: 1.125rem;",
" text-anchor: middle;",
" -webkit-user-select: none;",
" -moz-user-select: none;",
" -ms-user-select: none;",
" user-select: none;",
" }",
" @media (min-width: 768px) {",
" .bd-placeholder-img-lg {",
" font-size: 3.5rem;",
" }",
" }",
" </style>",
" <style>",
" /* Prevent scroll on narrow devices */",
" html,body {overflow-x: hidden; }",
" body {padding-top: 56px;}",
" @media (max-width: 991.98px) {",
" .offcanvas-collapse {",
" position: fixed;",
" top: 56px; /* Height of navbar */",
" bottom: 0;",
" left: 100%;",
" width: 100%;",
" padding-right: 1rem;",
" padding-left: 1rem;",
" overflow-y: auto;",
" visibility: hidden;",
" background-color: #343a40;",
" transition: transform .3s ease-in-out, visibility .3s ease-in-out;",
" }",
" .offcanvas-collapse.open {",
" visibility: visible;",
" transform: translateX(-100%);",
" }",
" }",
" .nav-scroller {",
" position: relative;",
" z-index: 2;",
" height: 2.75rem;",
" overflow-y: hidden;",
" }",
" .nav-scroller .nav {",
" display: flex;",
" flex-wrap: nowrap;",
" padding-bottom: 1rem;",
" margin-top: -1px;",
" overflow-x: auto;",
" color: rgba(255, 255, 255, .75);",
" text-align: center;",
" white-space: nowrap;",
" -webkit-overflow-scrolling: touch;",
" }",
" .nav-underline .nav-link {",
" padding-top: .75rem;",
" padding-bottom: .75rem;",
" font-size: .875rem;",
" color: #6c757d;",
" }",
" .nav-underline .nav-link:hover {color: #007bff;}",
" .nav-underline .active {font-weight: 500;color: #343a40;}",
" .text-white-50 { color: rgba(255, 255, 255, .5); }",
" .bg-purple { background-color: #6f42c1; }",
" </style>",
" </head>",
" <body class=\"bg-light\">",
" <nav class=\"navbar navbar-expand-lg fixed-top navbar-dark bg-dark\">",
" <div class=\"container-fluid\">",
" <a class=\"navbar-brand\" href=\"#\">Offcanvas navbar</a>",
" <button class=\"navbar-toggler p-0 border-0\" type=\"button\" data-toggle=\"offcanvas\">",
" <span class=\"navbar-toggler-icon\"></span>",
" </button>",
" <div class=\"navbar-collapse offcanvas-collapse\" id=\"navbarsExampleDefault\">",
" <ul class=\"navbar-nav mr-auto mb-2 mb-lg-0\">",
" <li class=\"nav-item active\">",
" <a class=\"nav-link\" aria-current=\"page\" href=\"#\">Home</a>",
" </li>",
" <li class=\"nav-item\">",
" <a class=\"nav-link\" href=\"#\">About</a>",
" </li>",
" </ul>",
" </div>",
" </div>",
" </nav>",
" ",
" <main class=\"container\">",
" <div class=\"d-flex align-items-center p-3 my-3 text-white-50 bg-purple rounded shadow-sm\">",
" <img class=\"mr-3\" src=\"https://hansmcmurdy.com/JavaScript-First/logo.svg\" alt=\"\" width=\"48\" height=\"48\">",
" <div class=\"lh-1\">",
" <h6 class=\"mb-0 text-white lh-1\">#JavaScriptFirst</h6>",
" <small>Learn Modern JavaScript, from an Open Source Book that teaches anyone how to code with JavaScript using the node.js runtime environment rather than a browser and by the end, you will build a server and a website using JavaScript.</small>",
" </div>",
" </div>",
"",
" </main>",
" <script type=\"text/javascript\">",
" (function () {",
" 'use strict'",
" document.querySelector('[data-toggle=\"offcanvas\"]').addEventListener('click', function () {",
" document.querySelector('.offcanvas-collapse').classList.toggle('open')",
" })",
" })()",
" </script>",
" </body>",
"</html>"
],
"description": "Offcanvas Template"
},
"Template Nav Bottom": {
"prefix": "!mobileNav",
"body": [
"",
"<!doctype html>",
"<html lang=\"en\">",
" <head>",
" <meta charset=\"utf-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
" <meta name=\"author\" content=\"Hans McMurdy\">",
" <title>Bootstrap 5 Navbar Bottom Template · Bootstrap</title>",
" <meta name=\"title\" content=\"#JavaScriptFirst\">",
" <meta name=\"description\" content=\"Learn how to code with #JavaScriptFirst: https://github.com/HansUXdev/JavaScript-First\">",
" <!-- Bootstrap core CSS -->",
" <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css\" integrity=\"sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I\" crossorigin=\"anonymous\">",
" <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js\" integrity=\"sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/\" crossorigin=\"anonymous\"></script>",
" <script src=\"https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js\" integrity=\"sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo\" crossorigin=\"anonymous\"></script>",
" <link rel=\"canonical\" href=\"https://v5.getbootstrap.com/docs/5.0/examples/navbar-bottom/\">",
" <style>",
" .bd-placeholder-img {",
" font-size: 1.125rem;",
" text-anchor: middle;",
" -webkit-user-select: none;",
" -moz-user-select: none;",
" -ms-user-select: none;",
" user-select: none;",
" }",
"",
" @media (min-width: 768px) {",
" .bd-placeholder-img-lg {",
" font-size: 3.5rem;",
" }",
" }",
" </style>",
"",
" ",
" </head>",
" <body>",
" ",
" <main class=\"container\">",
" <div class=\"d-flex align-items-center p-3 my-3 text-dark-50 bg-purple rounded shadow-sm\">",
" <img class=\"mr-3\" src=\"https://hansmcmurdy.com/JavaScript-First/logo.svg\" alt=\"\" width=\"48\" height=\"48\">",
" <div class=\"lh-1\">",
" <h6 class=\"mb-1 text-dark lh-2\">#JavaScriptFirst</h6>",
" <small class=\"text-sm-left lh-base font-normal text-lowercase text-decoration-none text-reset\">",
" ${1:Learn Modern JavaScript, from an Open Source Book that teaches anyone how to code with JavaScript using the node.js runtime environment rather than a browser and by the end, you will build a server and a website using JavaScript.}",
" </small>",
" </div>",
" </div>",
" </main>",
"",
"",
"<nav class=\"navbar fixed-bottom navbar-expand-sm navbar-dark bg-dark\">",
" <div class=\"container-fluid\">",
" <a class=\"navbar-brand\" href=\"#\">Bottom navbar</a>",
" <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarCollapse\" aria-controls=\"navbarCollapse\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">",
" <span class=\"navbar-toggler-icon\"></span>",
" </button>",
" <div class=\"collapse navbar-collapse\" id=\"navbarCollapse\">",
" <ul class=\"navbar-nav\">",
" <li class=\"nav-item active\">",
" <a class=\"nav-link\" aria-current=\"page\" href=\"#\">Home</a>",
" </li>",
" <li class=\"nav-item\">",
" <a class=\"nav-link\" href=\"#\">Link</a>",
" </li>",
" <li class=\"nav-item\">",
" <a class=\"nav-link disabled\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\">Disabled</a>",
" </li>",
" <li class=\"nav-item dropup\">",
" <a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"dropdown10\" data-toggle=\"dropdown\" aria-expanded=\"false\">Dropup</a>",
" <ul class=\"dropdown-menu\" aria-labelledby=\"dropdown10\">",
" <li><a class=\"dropdown-item\" href=\"#\">Action</a></li>",
" <li><a class=\"dropdown-item\" href=\"#\">Another action</a></li>",
" <li><a class=\"dropdown-item\" href=\"#\">Something else here</a></li>",
" </ul>",
" </li>",
" </ul>",
" </div>",
" </div>",
"</nav>",
" ",
" </body>",
"</html>",
""
],
"description": "Template Nav Bottom"
},
"Masonary Template": {
"prefix": "!masonaryTemplate",
"body": [
"<!doctype html>",
"<html lang=\"en\">",
"",
"<head>",
" <meta charset=\"utf-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
" <meta name=\"description\" content=\"\">",
" <meta name=\"author\" content=\"Mark Otto, Jacob Thornton, and Bootstrap contributors\">",
" <meta name=\"generator\" content=\"Hugo 0.72.0\">",
" <title>Masonry example · Bootstrap</title>",
"",
" <link rel=\"canonical\" href=\"https://v5.getbootstrap.com/docs/5.0/examples/masonry/\">",
"",
"",
"",
" <!-- Bootstrap core CSS -->",
"",
" <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css\"",
" integrity=\"sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I\" crossorigin=\"anonymous\">",
" <script src=\"https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js\"",
" integrity=\"sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo\"",
" crossorigin=\"anonymous\"></script>",
" <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js\"",
" integrity=\"sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/\"",
" crossorigin=\"anonymous\"></script>",
"",
" <!-- Favicons -->",
" <!-- <link rel=\"apple-touch-icon\" href=\"/docs/5.0/assets/img/favicons/apple-touch-icon.png\" sizes=\"180x180\">",
" <link rel=\"icon\" href=\"/docs/5.0/assets/img/favicons/favicon-32x32.png\" sizes=\"32x32\" type=\"image/png\">",
" <link rel=\"icon\" href=\"/docs/5.0/assets/img/favicons/favicon-16x16.png\" sizes=\"16x16\" type=\"image/png\">",
" <link rel=\"manifest\" href=\"/docs/5.0/assets/img/favicons/manifest.json\">",
" <link rel=\"mask-icon\" href=\"/docs/5.0/assets/img/favicons/safari-pinned-tab.svg\" color=\"#7952b3\">",
" <link rel=\"icon\" href=\"/docs/5.0/assets/img/favicons/favicon.ico\">",
" -->",
"",
"",
" <meta name=\"theme-color\" content=\"#7952b3\">",
"",
"",
" <style>",
" .bd-placeholder-img {",
" font-size: 1.125rem;",
" text-anchor: middle;",
" -webkit-user-select: none;",
" -moz-user-select: none;",
" -ms-user-select: none;",
" user-select: none;",
" }",
"",
" @media (min-width: 768px) {",
" .bd-placeholder-img-lg {",
" font-size: 3.5rem;",
" }",
" }",
" </style>",
"",
"",
"</head>",
"",
"<body>",
"",
" <div class=\"container py-5\">",
" <h1>Bootstrap and Masonry</h1>",
" <p class=\"lead\">Integrate <a href=\"https://masonry.desandro.com/\">Masonry</a> with the Bootstrap grid system and",
" cards component.</p>",
"",
" <p>Masonry is not included in Bootstrap. Add it by including the JavaScript plugin manually, or using a CDN like",
" so:</p>",
"",
" <pre><code>",
"&lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js&quot; integrity=&quot;sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D&quot; crossorigin=&quot;anonymous&quot; async&gt;&lt;/script&gt;",
" </code></pre>",
"",
" <p>By adding <code>data-masonry='{\"percentPosition\": true }'</code> to the <code>.row</code> wrapper, we can",
" combine the powers of Bootstrap's responsive grid and Masonry's positioning.</p>",
"",
" <hr class=\"my-5\">",
"",
" <div class=\"row\" data-masonry='{\"percentPosition\": true }'>",
" <div class=\"col-sm-6 col-lg-4 mb-4\">",
" <div class=\"card\">",
" <svg class=\"bd-placeholder-img card-img-top\" width=\"100%\" height=\"200\"",
" xmlns=\"http://www.w3.org/2000/svg\" aria-label=\"Placeholder: Image cap\"",
" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#868e96\" /><text x=\"50%\" y=\"50%\" fill=\"#dee2e6\"",
" dy=\".3em\">Image cap</text>",
" </svg>",
"",
" <div class=\"card-body\">",
" <h5 class=\"card-title\">Card title that wraps to a new line</h5>",
" <p class=\"card-text\">This is a longer card with supporting text below as a natural lead-in to",
" additional content. This content is a little bit longer.</p>",
" </div>",
" </div>",
" </div>",
" <div class=\"col-sm-6 col-lg-4 mb-4\">",
" <div class=\"card p-3\">",
" <figure class=\"p-3 mb-0\">",
" <blockquote class=\"blockquote\">",
" <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>",
" </blockquote>",
" <figcaption class=\"blockquote-footer mb-0 text-muted\">",
" Someone famous in <cite title=\"Source Title\">Source Title</cite>",
" </figcaption>",
" </figure>",
" </div>",
" </div>",
" <div class=\"col-sm-6 col-lg-4 mb-4\">",
" <div class=\"card\">",
" <svg class=\"bd-placeholder-img card-img-top\" width=\"100%\" height=\"200\"",
" xmlns=\"http://www.w3.org/2000/svg\" aria-label=\"Placeholder: Image cap\"",
" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#868e96\" /><text x=\"50%\" y=\"50%\" fill=\"#dee2e6\"",
" dy=\".3em\">Image cap</text>",
" </svg>",
"",
" <div class=\"card-body\">",
" <h5 class=\"card-title\">Card title</h5>",
" <p class=\"card-text\">This card has supporting text below as a natural lead-in to additional",
" content.</p>",
" <p class=\"card-text\"><small class=\"text-muted\">Last updated 3 mins ago</small></p>",
" </div>",
" </div>",
" </div>",
" <div class=\"col-sm-6 col-lg-4 mb-4\">",
" <div class=\"card bg-primary text-white text-center p-3\">",
" <figure class=\"mb-0\">",
" <blockquote class=\"blockquote\">",
" <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat.</p>",
" </blockquote>",
" <figcaption class=\"blockquote-footer mb-0 text-white\">",
" Someone famous in <cite title=\"Source Title\">Source Title</cite>",
" </figcaption>",
" </figure>",
" </div>",
" </div>",
" <div class=\"col-sm-6 col-lg-4 mb-4\">",
" <div class=\"card text-center\">",
" <div class=\"card-body\">",
" <h5 class=\"card-title\">Card title</h5>",
" <p class=\"card-text\">This card has a regular title and short paragraph of text below it.</p>",
" <p class=\"card-text\"><small class=\"text-muted\">Last updated 3 mins ago</small></p>",
" </div>",
" </div>",
" </div>",
" <div class=\"col-sm-6 col-lg-4 mb-4\">",
" <div class=\"card\">",
" <svg class=\"bd-placeholder-img card-img\" width=\"100%\" height=\"260\"",
" xmlns=\"http://www.w3.org/2000/svg\" aria-label=\"Placeholder: Card image\"",
" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#868e96\" /><text x=\"50%\" y=\"50%\" fill=\"#dee2e6\"",
" dy=\".3em\">Card image</text>",
" </svg>",
"",
" </div>",
" </div>",
" <div class=\"col-sm-6 col-lg-4 mb-4\">",
" <div class=\"card p-3 text-right\">",
" <figure class=\"mb-0\">",
" <blockquote class=\"blockquote\">",
" <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>",
" </blockquote>",
" <figcaption class=\"blockquote-footer mb-0 text-muted\">",
" Someone famous in <cite title=\"Source Title\">Source Title</cite>",
" </figcaption>",
" </figure>",
" </div>",
" </div>",
" <div class=\"col-sm-6 col-lg-4 mb-4\">",
" <div class=\"card\">",
" <div class=\"card-body\">",
" <h5 class=\"card-title\">Card title</h5>",
" <p class=\"card-text\">This is another card with title and supporting text below. This card has",
" some additional content to make it slightly taller overall.</p>",
" <p class=\"card-text\"><small class=\"text-muted\">Last updated 3 mins ago</small></p>",
" </div>",
" </div>",
" </div>",
" </div>",
"",
" </div>",
"",
"",
"",
" <script async src=\"https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js\"",
" integrity=\"sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D\"",
" crossorigin=\"anonymous\"></script>",
"</body>",
"",
"</html>"
],
"description": "Masonary Template"
},
"Product Template": {
"prefix": "!productTemplate",
"body": [
"<!doctype html>",
"<html lang=\"en\">",
"",
"<head>",
" <meta charset=\"utf-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
" <meta name=\"description\" content=\"\">",
" <meta name=\"author\" content=\"Mark Otto, Jacob Thornton, and Bootstrap contributors\">",
" <meta name=\"generator\" content=\"Hugo 0.72.0\">",
" <title>Product example · Bootstrap</title>",
"",
" <link rel=\"canonical\" href=\"https://v5.getbootstrap.com/docs/5.0/examples/product/\">",
"",
" <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css\"",
" integrity=\"sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I\" crossorigin=\"anonymous\">",
" <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js\"",
" integrity=\"sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/\"",
" crossorigin=\"anonymous\"></script>",
" <script src=\"https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js\"",
" integrity=\"sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo\"",
" crossorigin=\"anonymous\"></script>",
"",
"",
"",
" <style>",
" .bd-placeholder-img {",
" font-size: 1.125rem;",
" text-anchor: middle;",
" -webkit-user-select: none;",
" -moz-user-select: none;",
" -ms-user-select: none;",
" user-select: none;",
" }",
"",
" @media (min-width: 768px) {",
" .bd-placeholder-img-lg {",
" font-size: 3.5rem;",
" }",
" }",
" </style>",
"",
"",
" <!-- Custom styles for this template -->",
" <!-- <link href=\"product.css\" rel=\"stylesheet\"> -->",
" <style>",
" .container {",
" max-width: 960px;",
" }",
"",
" /*",
" * Custom translucent site header",
" */",
"",
" .site-header {",
" background-color: rgba(0, 0, 0, .85);",
" -webkit-backdrop-filter: saturate(180%) blur(20px);",
" backdrop-filter: saturate(180%) blur(20px);",
" }",
"",
" .site-header a {",
" color: #727272;",
" transition: color .15s ease-in-out;",
" }",
"",
" .site-header a:hover {",
" color: #fff;",
" text-decoration: none;",
" }",
"",
" /*",
" * Dummy devices (replace them with your own or something else entirely!)",
" */",
"",
" .product-device {",
" position: absolute;",
" right: 10%;",
" bottom: -30%;",
" width: 300px;",
" height: 540px;",
" background-color: #333;",
" border-radius: 21px;",
" transform: rotate(30deg);",
" }",
"",
" .product-device::before {",
" position: absolute;",
" top: 10%;",
" right: 10px;",
" bottom: 10%;",
" left: 10px;",
" content: \"\";",
" background-color: rgba(255, 255, 255, .1);",
" border-radius: 5px;",
" }",
"",
" .product-device-2 {",
" top: -25%;",
" right: auto;",
" bottom: 0;",
" left: 5%;",
" background-color: #e5e5e5;",
" }",
"",
"",
" /*",
" * Extra utilities",
" */",
"",
" .flex-equal>* {",
" flex: 1;",
" }",
"",
" @media (min-width: 768px) {",
" .flex-md-equal>* {",
" flex: 1;",
" }",
" }",
" </style>",
"</head>",
"",
"<body>",
"",
" <nav class=\"site-header sticky-top py-1\">",
" <div class=\"container d-flex flex-column flex-md-row justify-content-between\">",
" <a class=\"py-2\" href=\"#\" aria-label=\"Product\">",
" <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\"",
" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"d-block mx-auto\" role=\"img\"",
" viewBox=\"0 0 24 24\">",
" <title>Product</title>",
" <circle cx=\"12\" cy=\"12\" r=\"10\" />",
" <path",
" d=\"M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94\" />",
" </svg>",
" </a>",
" <a class=\"py-2 d-none d-md-inline-block\" href=\"#\">Tour</a>",
" <a class=\"py-2 d-none d-md-inline-block\" href=\"#\">Product</a>",
" <a class=\"py-2 d-none d-md-inline-block\" href=\"#\">Features</a>",
" <a class=\"py-2 d-none d-md-inline-block\" href=\"#\">Enterprise</a>",
" <a class=\"py-2 d-none d-md-inline-block\" href=\"#\">Support</a>",
" <a class=\"py-2 d-none d-md-inline-block\" href=\"#\">Pricing</a>",
" <a class=\"py-2 d-none d-md-inline-block\" href=\"#\">Cart</a>",
" </div>",
" </nav>",
"",
" <div class=\"position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light\">",
" <div class=\"col-md-5 p-lg-5 mx-auto my-5\">",
" <h1 class=\"display-4 font-weight-normal\">Punny headline</h1>",
" <p class=\"lead font-weight-normal\">And an even wittier subheading to boot. Jumpstart your marketing efforts",
" with this example based on Apples marketing pages.</p>",
" <a class=\"btn btn-outline-secondary\" href=\"#\">Coming soon</a>",
" </div>",
" <div class=\"product-device shadow-sm d-none d-md-block\"></div>",
" <div class=\"product-device product-device-2 shadow-sm d-none d-md-block\"></div>",
" </div>",
"",
" <div class=\"d-md-flex flex-md-equal w-100 my-md-3 pl-md-3\">",
" <div class=\"bg-dark mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden\">",
" <div class=\"my-3 py-3\">",
" <h2 class=\"display-5\">Another headline</h2>",
" <p class=\"lead\">And an even wittier subheading.</p>",
" </div>",
" <div class=\"bg-light shadow-sm mx-auto\" style=\"width: 80%; height: 300px; border-radius: 21px 21px 0 0;\">",
" </div>",
" </div>",
" <div class=\"bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden\">",
" <div class=\"my-3 p-3\">",
" <h2 class=\"display-5\">Another headline</h2>",
" <p class=\"lead\">And an even wittier subheading.</p>",
" </div>",
" <div class=\"bg-dark shadow-sm mx-auto\" style=\"width: 80%; height: 300px; border-radius: 21px 21px 0 0;\">",
" </div>",
" </div>",
" </div>",
"",
" <div class=\"d-md-flex flex-md-equal w-100 my-md-3 pl-md-3\">",
" <div class=\"bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden\">",
" <div class=\"my-3 p-3\">",
" <h2 class=\"display-5\">Another headline</h2>",
" <p class=\"lead\">And an even wittier subheading.</p>",
" </div>",
" <div class=\"bg-dark shadow-sm mx-auto\" style=\"width: 80%; height: 300px; border-radius: 21px 21px 0 0;\">",
" </div>",
" </div>",
" <div class=\"bg-primary mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden\">",
" <div class=\"my-3 py-3\">",
" <h2 class=\"display-5\">Another headline</h2>",
" <p class=\"lead\">And an even wittier subheading.</p>",
" </div>",
" <div class=\"bg-light shadow-sm mx-auto\" style=\"width: 80%; height: 300px; border-radius: 21px 21px 0 0;\">",
" </div>",
" </div>",
" </div>",
"",
" <div class=\"d-md-flex flex-md-equal w-100 my-md-3 pl-md-3\">",
" <div class=\"bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden\">",
" <div class=\"my-3 p-3\">",
" <h2 class=\"display-5\">Another headline</h2>",
" <p class=\"lead\">And an even wittier subheading.</p>",
" </div>",
" <div class=\"bg-white shadow-sm mx-auto\" style=\"width: 80%; height: 300px; border-radius: 21px 21px 0 0;\">",
" </div>",
" </div>",
" <div class=\"bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden\">",
" <div class=\"my-3 py-3\">",
" <h2 class=\"display-5\">Another headline</h2>",
" <p class=\"lead\">And an even wittier subheading.</p>",
" </div>",
" <div class=\"bg-white shadow-sm mx-auto\" style=\"width: 80%; height: 300px; border-radius: 21px 21px 0 0;\">",
" </div>",
" </div>",
" </div>",
"",
" <div class=\"d-md-flex flex-md-equal w-100 my-md-3 pl-md-3\">",
" <div class=\"bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden\">",
" <div class=\"my-3 p-3\">",
" <h2 class=\"display-5\">Another headline</h2>",
" <p class=\"lead\">And an even wittier subheading.</p>",
" </div>",
" <div class=\"bg-white shadow-sm mx-auto\" style=\"width: 80%; height: 300px; border-radius: 21px 21px 0 0;\">",
" </div>",
" </div>",
" <div class=\"bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden\">",
" <div class=\"my-3 py-3\">",
" <h2 class=\"display-5\">Another headline</h2>",
" <p class=\"lead\">And an even wittier subheading.</p>",
" </div>",
" <div class=\"bg-white shadow-sm mx-auto\" style=\"width: 80%; height: 300px; border-radius: 21px 21px 0 0;\">",
" </div>",
" </div>",
" </div>",
"",
" <footer class=\"container py-5\">",
" <div class=\"row\">",
" <div class=\"col-12 col-md\">",
" <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\"",
" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"d-block mb-2\" role=\"img\"",
" viewBox=\"0 0 24 24\">",
" <title>Product</title>",
" <circle cx=\"12\" cy=\"12\" r=\"10\" />",
" <path",
" d=\"M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94\" />",
" </svg>",
" <small class=\"d-block mb-3 text-muted\">&copy; 2017-2020</small>",
" </div>",
" <div class=\"col-6 col-md\">",
" <h5>Features</h5>",
" <ul class=\"list-unstyled text-small\">",
" <li><a class=\"link-secondary\" href=\"#\">Cool stuff</a></li>",
" <li><a class=\"link-secondary\" href=\"#\">Random feature</a></li>",
" <li><a class=\"link-secondary\" href=\"#\">Team feature</a></li>",
" <li><a class=\"link-secondary\" href=\"#\">Stuff for developers</a></li>",
" <li><a class=\"link-secondary\" href=\"#\">Another one</a></li>",
" <li><a class=\"link-secondary\" href=\"#\">Last time</a></li>",
" </ul>",
" </div>",
" <div class=\"col-6 col-md\">",
" <h5>Resources</h5>",
" <ul class=\"list-unstyled text-small\">",
" <li><a class=\"link-secondary\" href=\"#\">Resource name</a></li>",
" <li><a class=\"link-secondary\" href=\"#\">Resource</a></li>",
" <li><a class=\"link-secondary\" href=\"#\">Another resource</a></li>",
" <li><a class=\"link-secondary\" href=\"#\">Final resource</a></li>",
" </ul>",
" </div>",
" <div class=\"col-6 col-md\">",
" <h5>Resources</h5>",
" <ul class=\"list-unstyled text-small\">",
" <li><a class=\"link-secondary\" href=\"#\">Business</a></li>",
" <li><a class=\"link-secondary\" href=\"#\">Education</a></li>",
" <li><a class=\"link-secondary\" href=\"#\">Government</a></li>",
" <li><a class=\"link-secondary\" href=\"#\">Gaming</a></li>",
" </ul>",
" </div>",
" <div class=\"col-6 col-md\">",
" <h5>About</h5>",
" <ul class=\"list-unstyled text-small\">",
" <li><a class=\"link-secondary\" href=\"#\">Team</a></li>",
" <li><a class=\"link-secondary\" href=\"#\">Locations</a></li>",
" <li><a class=\"link-secondary\" href=\"#\">Privacy</a></li>",
" <li><a class=\"link-secondary\" href=\"#\">Terms</a></li>",
" </ul>",
" </div>",
" </div>",
" </footer>",
"",
"</body>",
"",
"</html>"
],
"description": "Product Template"
},
"Dashboard Template": {
"prefix": "!dashboardTemplate",
"body": [
"<!doctype html>",
"<html lang=\"en\">",
"",
"<head>",
" <meta charset=\"utf-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
" <meta name=\"description\" content=\"\">",
" <meta name=\"author\" content=\"Mark Otto, Jacob Thornton, and Bootstrap contributors\">",
" <meta name=\"generator\" content=\"Hugo 0.72.0\">",
" <title>Dashboard Template · Bootstrap</title>",
"",
" <link rel=\"canonical\" href=\"https://v5.getbootstrap.com/docs/5.0/examples/dashboard/\">",
"",
"",
"",
" <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css\"",
" integrity=\"sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I\" crossorigin=\"anonymous\">",
" <script src=\"https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js\"",
" integrity=\"sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo\"",
" crossorigin=\"anonymous\"></script>",
" <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js\"",
" integrity=\"sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/\"",
" crossorigin=\"anonymous\"></script>",
"",
" <style>",
" .bd-placeholder-img {",
" font-size: 1.125rem;",
" text-anchor: middle;",
" -webkit-user-select: none;",
" -moz-user-select: none;",
" -ms-user-select: none;",
" user-select: none;",
" }",
"",
" @media (min-width: 768px) {",
" .bd-placeholder-img-lg {",
" font-size: 3.5rem;",
" }",
" }",
"",
" body {",
" font-size: .875rem;",
" }",
"",
" .feather {",
" width: 16px;",
" height: 16px;",
" vertical-align: text-bottom;",
" }",
"",
" /* Sidebar*/",
"",
" .sidebar {",
" position: fixed;",
" top: 0;",
" bottom: 0;",
" left: 0;",
" z-index: 100;",
" /* Behind the navbar */",
" padding: 48px 0 0;",
" /* Height of navbar */",
" box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);",
" }",
"",
" @media (max-width: 767.98px) {",
" .sidebar {",
" top: 5rem;",
" }",
" }",
"",
" .sidebar-sticky {",
" position: relative;",
" top: 0;",
" height: calc(100vh - 48px);",
" padding-top: .5rem;",
" overflow-x: hidden;",
" overflow-y: auto;",
" /* Scrollable contents if viewport is shorter than content. */",
" }",
"",
" .sidebar .nav-link {",
" font-weight: 500;",
" color: #333;",
" }",
"",
" .sidebar .nav-link .feather {",
" margin-right: 4px;",
" color: #727272;",
" }",
"",
" .sidebar .nav-link.active {",
" color: #007bff;",
" }",
"",
" .sidebar .nav-link:hover .feather,",
" .sidebar .nav-link.active .feather {",
" color: inherit;",
" }",
"",
" .sidebar-heading {",
" font-size: .75rem;",
" text-transform: uppercase;",
" }",
"",
" /*Navbar*/",
" .navbar-brand {",
" padding-top: .75rem;",
" padding-bottom: .75rem;",
" font-size: 1rem;",
" background-color: rgba(0, 0, 0, .25);",
" box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);",
" }",
"",
" .navbar .navbar-toggler {",
" top: .25rem;",
" right: 1rem;",
" }",
"",
" .navbar .form-control {",
" padding: .75rem 1rem;",
" border-width: 0;",
" border-radius: 0;",
" }",
"",
" .form-control-dark {",
" color: #fff;",
" background-color: rgba(255, 255, 255, .1);",
" border-color: rgba(255, 255, 255, .1);",
" }",
"",
" .form-control-dark:focus {",
" border-color: transparent;",
" box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);",
" }",
" </style>",
"</head>",
"",
"<body>",
"",
" <nav class=\"navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow\">",
" <a class=\"navbar-brand col-md-3 col-lg-2 mr-0 px-3\" href=\"#\">Company name</a>",
" <button class=\"navbar-toggler position-absolute d-md-none collapsed\" type=\"button\" data-toggle=\"collapse\"",
" data-target=\"#sidebarMenu\" aria-controls=\"sidebarMenu\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">",
" <span class=\"navbar-toggler-icon\"></span>",
" </button>",
" <input class=\"form-control form-control-dark w-100\" type=\"text\" placeholder=\"Search\" aria-label=\"Search\">",
" <ul class=\"navbar-nav px-3\">",
" <li class=\"nav-item text-nowrap\">",
" <a class=\"nav-link\" href=\"#\">Sign out</a>",
" </li>",
" </ul>",
" </nav>",
"",
" <div class=\"container-fluid\">",
" <div class=\"row\">",
" <nav id=\"sidebarMenu\" class=\"col-md-3 col-lg-2 d-md-block bg-light sidebar collapse\">",
" <div class=\"position-sticky pt-3\">",
" <ul class=\"nav flex-column\">",
" <li class=\"nav-item\">",
" <a class=\"nav-link active\" aria-current=\"page\" href=\"#\">",
" <span data-feather=\"home\"></span>",
" Dashboard",
" </a>",
" </li>",
" <li class=\"nav-item\">",
" <a class=\"nav-link\" href=\"#\">",
" <span data-feather=\"file\"></span>",
" Orders",
" </a>",
" </li>",
" <li class=\"nav-item\">",
" <a class=\"nav-link\" href=\"#\">",
" <span data-feather=\"shopping-cart\"></span>",
" Products",
" </a>",
" </li>",
" <li class=\"nav-item\">",
" <a class=\"nav-link\" href=\"#\">",
" <span data-feather=\"users\"></span>",
" Customers",
" </a>",
" </li>",
" <li class=\"nav-item\">",
" <a class=\"nav-link\" href=\"#\">",
" <span data-feather=\"bar-chart-2\"></span>",
" Reports",
" </a>",
" </li>",
" <li class=\"nav-item\">",
" <a class=\"nav-link\" href=\"#\">",
" <span data-feather=\"layers\"></span>",
" Integrations",
" </a>",
" </li>",
" </ul>",
"",
" <h6 class=\"sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted\">",
" <span>Saved reports</span>",
" <a class=\"link-secondary\" href=\"#\" aria-label=\"Add a new report\">",
" <span data-feather=\"plus-circle\"></span>",
" </a>",
" </h6>",
" <ul class=\"nav flex-column mb-2\">",
" <li class=\"nav-item\">",
" <a class=\"nav-link\" href=\"#\">",
" <span data-feather=\"file-text\"></span>",
" Current month",
" </a>",
" </li>",
" <li class=\"nav-item\">",
" <a class=\"nav-link\" href=\"#\">",
" <span data-feather=\"file-text\"></span>",
" Last quarter",
" </a>",
" </li>",
" <li class=\"nav-item\">",
" <a class=\"nav-link\" href=\"#\">",
" <span data-feather=\"file-text\"></span>",
" Social engagement",
" </a>",
" </li>",
" <li class=\"nav-item\">",
" <a class=\"nav-link\" href=\"#\">",
" <span data-feather=\"file-text\"></span>",
" Year-end sale",
" </a>",
" </li>",
" </ul>",
" </div>",
" </nav>",
"",
" <main class=\"col-md-9 ml-sm-auto col-lg-10 px-md-4\">",
" <div",
" class=\"d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom\">",
" <h1 class=\"h2\">Dashboard</h1>",
" <div class=\"btn-toolbar mb-2 mb-md-0\">",
" <div class=\"btn-group mr-2\">",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">Share</button>",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">Export</button>",
" </div>",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary dropdown-toggle\">",
" <span data-feather=\"calendar\"></span>",
" This week",
" </button>",
" </div>",
" </div>",
"",
" <canvas class=\"my-4 w-100\" id=\"myChart\" width=\"900\" height=\"380\"></canvas>",
"",
" <h2>Section title</h2>",
" <div class=\"table-responsive\">",
" <table class=\"table table-striped table-sm\">",
" <thead>",
" <tr>",
" <th>#</th>",
" <th>Header</th>",
" <th>Header</th>",
" <th>Header</th>",
" <th>Header</th>",
" </tr>",
" </thead>",
" <tbody>",
" <tr>",
" <td>1,001</td>",
" <td>Lorem</td>",
" <td>ipsum</td>",
" <td>dolor</td>",
" <td>sit</td>",
" </tr>",
" <tr>",
" <td>1,002</td>",
" <td>amet</td>",
" <td>consectetur</td>",
" <td>adipiscing</td>",
" <td>elit</td>",
" </tr>",
" <tr>",
" <td>1,003</td>",
" <td>Integer</td>",
" <td>nec</td>",
" <td>odio</td>",
" <td>Praesent</td>",
" </tr>",
" <tr>",
" <td>1,003</td>",
" <td>libero</td>",
" <td>Sed</td>",
" <td>cursus</td>",
" <td>ante</td>",
" </tr>",
" <tr>",
" <td>1,004</td>",
" <td>dapibus</td>",
" <td>diam</td>",
" <td>Sed</td>",
" <td>nisi</td>",
" </tr>",
" <tr>",
" <td>1,005</td>",
" <td>Nulla</td>",
" <td>quis</td>",
" <td>sem</td>",
" <td>at</td>",
" </tr>",
" <tr>",
" <td>1,006</td>",
" <td>nibh</td>",
" <td>elementum</td>",
" <td>imperdiet</td>",
" <td>Duis</td>",
" </tr>",
" <tr>",
" <td>1,007</td>",
" <td>sagittis</td>",
" <td>ipsum</td>",
" <td>Praesent</td>",
" <td>mauris</td>",
" </tr>",
" <tr>",
" <td>1,008</td>",
" <td>Fusce</td>",
" <td>nec</td>",
" <td>tellus</td>",
" <td>sed</td>",
" </tr>",
" <tr>",
" <td>1,009</td>",
" <td>augue</td>",
" <td>semper</td>",
" <td>porta</td>",
" <td>Mauris</td>",
" </tr>",
" <tr>",
" <td>1,010</td>",
" <td>massa</td>",
" <td>Vestibulum</td>",
" <td>lacinia</td>",
" <td>arcu</td>",
" </tr>",
" <tr>",
" <td>1,011</td>",
" <td>eget</td>",
" <td>nulla</td>",
" <td>Class</td>",
" <td>aptent</td>",
" </tr>",
" <tr>",
" <td>1,012</td>",
" <td>taciti</td>",
" <td>sociosqu</td>",
" <td>ad</td>",
" <td>litora</td>",
" </tr>",
" <tr>",
" <td>1,013</td>",
" <td>torquent</td>",
" <td>per</td>",
" <td>conubia</td>",
" <td>nostra</td>",
" </tr>",
" <tr>",
" <td>1,014</td>",
" <td>per</td>",
" <td>inceptos</td>",
" <td>himenaeos</td>",
" <td>Curabitur</td>",
" </tr>",
" <tr>",
" <td>1,015</td>",
" <td>sodales</td>",
" <td>ligula</td>",
" <td>in</td>",
" <td>libero</td>",
" </tr>",
" </tbody>",
" </table>",
" </div>",
" </main>",
" </div>",
" </div>",
"",
"",
" <script src=\"/docs/5.0/dist/js/bootstrap.bundle.min.js\"",
" integrity=\"sha384-DBjhmceckmzwrnMMrjI7BvG2FmRuxQVaTfFYHgfnrdfqMhxKt445b7j3KBQLolRl\"",
" crossorigin=\"anonymous\"></script>",
"",
" <script src=\"https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.24.1/feather.min.js\"",
" integrity=\"sha384-EbSscX4STvYAC/DxHse8z5gEDaNiKAIGW+EpfzYTfQrgIlHywXXrM9SUIZ0BlyfF\"",
" crossorigin=\"anonymous\"></script>",
" <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js\"",
" integrity=\"sha384-i+dHPTzZw7YVZOx9lbH5l6lP74sLRtMtwN2XjVqjf3uAGAREAF4LMIUDTWEVs4LI\"",
" crossorigin=\"anonymous\"></script>",
" <script src=\"dashboard.js\"></script>",
"</body>",
"",
"</html>"
],
"description": "Dashboard Template"
},
"Carousel Template": {
"prefix": "!CarouselTemplate",
"body": [
"<!doctype html>",
"<html lang=\"en\">",
"",
"<head>",
" <meta charset=\"utf-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
" <meta name=\"description\" content=\"\">",
" <meta name=\"author\" content=\"Mark Otto, Jacob Thornton, and Bootstrap contributors\">",
" <meta name=\"generator\" content=\"Hugo 0.72.0\">",
" <title>Carousel Template · Bootstrap</title>",
"",
" <link rel=\"canonical\" href=\"https://v5.getbootstrap.com/docs/5.0/examples/carousel/\">",
"",
"",
"",
" <!-- Bootstrap core CSS -->",
" <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css\"",
" integrity=\"sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I\" crossorigin=\"anonymous\">",
" <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js\"",
" integrity=\"sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/\"",
" crossorigin=\"anonymous\"></script>",
" <script src=\"https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js\"",
" integrity=\"sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo\"",
" crossorigin=\"anonymous\"></script>",
"",
" <style>",
" .bd-placeholder-img {",
" font-size: 1.125rem;",
" text-anchor: middle;",
" -webkit-user-select: none;",
" -moz-user-select: none;",
" -ms-user-select: none;",
" user-select: none;",
" }",
"",
" @media (min-width: 768px) {",
" .bd-placeholder-img-lg {",
" font-size: 3.5rem;",
" }",
" }",
"",
" /* GLOBAL STYLES",
" --------------------------------------------- */",
" /* Padding below the footer and lighter body text */",
"",
" body {",
" padding-top: 3rem;",
" padding-bottom: 3rem;",
" color: #5a5a5a;",
" }",
"",
"",
" /* CUSTOMIZE THE CAROUSEL",
" -------------------------------------------- */",
"",
" /* Carousel base class */",
" .carousel {",
" margin-bottom: 4rem;",
" }",
"",
" /* Since positioning the image, we need to help out the caption */",
" .carousel-caption {",
" bottom: 3rem;",
" z-index: 10;",
" }",
"",
" /* Declare heights because of positioning of img element */",
" .carousel-item {",
" height: 32rem;",
" }",
"",
" .carousel-item>img {",
" position: absolute;",
" top: 0;",
" left: 0;",
" min-width: 100%;",
" height: 32rem;",
" }",
"",
"",
" /* MARKETING CONTENT",
"-------------------------------------------------- */",
"",
" /* Center align the text within the three columns below the carousel */",
" .marketing .col-lg-4 {",
" margin-bottom: 1.5rem;",
" text-align: center;",
" }",
"",
" .marketing h2 {",
" font-weight: 400;",
" }",
"",
" .marketing .col-lg-4 p {",
" margin-right: .75rem;",
" margin-left: .75rem;",
" }",
"",
"",
" /* Featurettes",
"------------------------- */",
"",
" .featurette-divider {",
" margin: 5rem 0;",
" /* Space out the Bootstrap <hr> more */",
" }",
"",
" /* Thin out the marketing headings */",
" .featurette-heading {",
" font-weight: 300;",
" line-height: 1;",
" letter-spacing: -.05rem;",
" }",
"",
"",
" /* RESPONSIVE CSS",
"-------------------------------------------------- */",
"",
" @media (min-width: 40em) {",
"",
" /* Bump up size of carousel content */",
" .carousel-caption p {",
" margin-bottom: 1.25rem;",
" font-size: 1.25rem;",
" line-height: 1.4;",
" }",
"",
" .featurette-heading {",
" font-size: 50px;",
" }",
" }",
"",
" @media (min-width: 62em) {",
" .featurette-heading {",
" margin-top: 7rem;",
" }",
" }",
" </style>",
"",
"",
" <!-- Custom styles for this template -->",
" <link href=\"carousel.css\" rel=\"stylesheet\">",
"</head>",
"",
"<body>",
"",
" <header>",
" <nav class=\"navbar navbar-expand-md navbar-dark fixed-top bg-dark\">",
" <div class=\"container-fluid\">",
" <a class=\"navbar-brand\" href=\"#\">Carousel</a>",
" <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarCollapse\"",
" aria-controls=\"navbarCollapse\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">",
" <span class=\"navbar-toggler-icon\"></span>",
" </button>",
" <div class=\"collapse navbar-collapse\" id=\"navbarCollapse\">",
" <ul class=\"navbar-nav mr-auto mb-2 mb-md-0\">",
" <li class=\"nav-item active\">",
" <a class=\"nav-link\" aria-current=\"page\" href=\"#\">Home</a>",
" </li>",
" <li class=\"nav-item\">",
" <a class=\"nav-link\" href=\"#\">Link</a>",
" </li>",
" <li class=\"nav-item\">",
" <a class=\"nav-link disabled\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\">Disabled</a>",
" </li>",
" </ul>",
" <form class=\"d-flex\">",
" <input class=\"form-control mr-2\" type=\"search\" placeholder=\"Search\" aria-label=\"Search\">",
" <button class=\"btn btn-outline-success\" type=\"submit\">Search</button>",
" </form>",
" </div>",
" </div>",
" </nav>",
" </header>",
"",
" <main>",
"",
" <div id=\"myCarousel\" class=\"carousel slide\" data-ride=\"carousel\">",
" <ol class=\"carousel-indicators\">",
" <li data-target=\"#myCarousel\" data-slide-to=\"0\" class=\"active\"></li>",
" <li data-target=\"#myCarousel\" data-slide-to=\"1\"></li>",
" <li data-target=\"#myCarousel\" data-slide-to=\"2\"></li>",
" </ol>",
" <div class=\"carousel-inner\">",
" <div class=\"carousel-item active\">",
" <svg class=\"bd-placeholder-img\" width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\"",
" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <rect width=\"100%\" height=\"100%\" fill=\"#777\" /></svg>",
"",
" <div class=\"container\">",
" <div class=\"carousel-caption text-left\">",
" <h1>Example headline.</h1>",
" <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget",
" metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>",
" <p><a class=\"btn btn-lg btn-primary\" href=\"#\" role=\"button\">Sign up today</a></p>",
" </div>",
" </div>",
" </div>",
" <div class=\"carousel-item\">",
" <svg class=\"bd-placeholder-img\" width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\"",
" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <rect width=\"100%\" height=\"100%\" fill=\"#777\" /></svg>",
"",
" <div class=\"container\">",
" <div class=\"carousel-caption\">",
" <h1>Another example headline.</h1>",
" <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget",
" metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>",
" <p><a class=\"btn btn-lg btn-primary\" href=\"#\" role=\"button\">Learn more</a></p>",
" </div>",
" </div>",
" </div>",
" <div class=\"carousel-item\">",
" <svg class=\"bd-placeholder-img\" width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\"",
" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <rect width=\"100%\" height=\"100%\" fill=\"#777\" /></svg>",
"",
" <div class=\"container\">",
" <div class=\"carousel-caption text-right\">",
" <h1>One more for good measure.</h1>",
" <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget",
" metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>",
" <p><a class=\"btn btn-lg btn-primary\" href=\"#\" role=\"button\">Browse gallery</a></p>",
" </div>",
" </div>",
" </div>",
" </div>",
" <a class=\"carousel-control-prev\" href=\"#myCarousel\" role=\"button\" data-slide=\"prev\">",
" <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>",
" <span class=\"sr-only\">Previous</span>",
" </a>",
" <a class=\"carousel-control-next\" href=\"#myCarousel\" role=\"button\" data-slide=\"next\">",
" <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>",
" <span class=\"sr-only\">Next</span>",
" </a>",
" </div>",
"",
"",
" <!-- Marketing messaging and featurettes",
" ================================================== -->",
" <!-- Wrap the rest of the page in another container to center all the content. -->",
"",
" <div class=\"container marketing\">",
"",
" <!-- Three columns of text below the carousel -->",
" <div class=\"row\">",
" <div class=\"col-lg-4\">",
" <svg class=\"bd-placeholder-img rounded-circle\" width=\"140\" height=\"140\" xmlns=\"http://www.w3.org/2000/svg\"",
" aria-label=\"Placeholder: 140x140\" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#777\" /><text x=\"50%\" y=\"50%\" fill=\"#777\" dy=\".3em\">140x140</text>",
" </svg>",
"",
" <h2>Heading</h2>",
" <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies",
" vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus",
" magna.</p>",
" <p><a class=\"btn btn-secondary\" href=\"#\" role=\"button\">View details &raquo;</a></p>",
" </div><!-- /.col-lg-4 -->",
" <div class=\"col-lg-4\">",
" <svg class=\"bd-placeholder-img rounded-circle\" width=\"140\" height=\"140\" xmlns=\"http://www.w3.org/2000/svg\"",
" aria-label=\"Placeholder: 140x140\" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#777\" /><text x=\"50%\" y=\"50%\" fill=\"#777\" dy=\".3em\">140x140</text>",
" </svg>",
"",
" <h2>Heading</h2>",
" <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras",
" mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris",
" condimentum nibh.</p>",
" <p><a class=\"btn btn-secondary\" href=\"#\" role=\"button\">View details &raquo;</a></p>",
" </div><!-- /.col-lg-4 -->",
" <div class=\"col-lg-4\">",
" <svg class=\"bd-placeholder-img rounded-circle\" width=\"140\" height=\"140\" xmlns=\"http://www.w3.org/2000/svg\"",
" aria-label=\"Placeholder: 140x140\" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#777\" /><text x=\"50%\" y=\"50%\" fill=\"#777\" dy=\".3em\">140x140</text>",
" </svg>",
"",
" <h2>Heading</h2>",
" <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta",
" felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum",
" massa justo sit amet risus.</p>",
" <p><a class=\"btn btn-secondary\" href=\"#\" role=\"button\">View details &raquo;</a></p>",
" </div><!-- /.col-lg-4 -->",
" </div><!-- /.row -->",
"",
"",
" <!-- START THE FEATURETTES -->",
"",
" <hr class=\"featurette-divider\">",
"",
" <div class=\"row featurette\">",
" <div class=\"col-md-7\">",
" <h2 class=\"featurette-heading\">First featurette heading. <span class=\"text-muted\">Itll blow your mind.</span>",
" </h2>",
" <p class=\"lead\">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod",
" semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus",
" commodo.</p>",
" </div>",
" <div class=\"col-md-5\">",
" <svg class=\"bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto\" width=\"500\"",
" height=\"500\" xmlns=\"http://www.w3.org/2000/svg\" aria-label=\"Placeholder: 500x500\"",
" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#eee\" /><text x=\"50%\" y=\"50%\" fill=\"#aaa\" dy=\".3em\">500x500</text>",
" </svg>",
"",
" </div>",
" </div>",
"",
" <hr class=\"featurette-divider\">",
"",
" <div class=\"row featurette\">",
" <div class=\"col-md-7 order-md-2\">",
" <h2 class=\"featurette-heading\">Oh yeah, its that good. <span class=\"text-muted\">See for yourself.</span></h2>",
" <p class=\"lead\">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod",
" semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus",
" commodo.</p>",
" </div>",
" <div class=\"col-md-5 order-md-1\">",
" <svg class=\"bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto\" width=\"500\"",
" height=\"500\" xmlns=\"http://www.w3.org/2000/svg\" aria-label=\"Placeholder: 500x500\"",
" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#eee\" /><text x=\"50%\" y=\"50%\" fill=\"#aaa\" dy=\".3em\">500x500</text>",
" </svg>",
"",
" </div>",
" </div>",
"",
" <hr class=\"featurette-divider\">",
"",
" <div class=\"row featurette\">",
" <div class=\"col-md-7\">",
" <h2 class=\"featurette-heading\">And lastly, this one. <span class=\"text-muted\">Checkmate.</span></h2>",
" <p class=\"lead\">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod",
" semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus",
" commodo.</p>",
" </div>",
" <div class=\"col-md-5\">",
" <svg class=\"bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto\" width=\"500\"",
" height=\"500\" xmlns=\"http://www.w3.org/2000/svg\" aria-label=\"Placeholder: 500x500\"",
" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#eee\" /><text x=\"50%\" y=\"50%\" fill=\"#aaa\" dy=\".3em\">500x500</text>",
" </svg>",
"",
" </div>",
" </div>",
"",
" <hr class=\"featurette-divider\">",
"",
" <!-- /END THE FEATURETTES -->",
"",
" </div><!-- /.container -->",
"",
"",
" <!-- FOOTER -->",
" <footer class=\"container\">",
" <p class=\"float-right\"><a href=\"#\">Back to top</a></p>",
" <p>&copy; 2017-2020 Company, Inc. &middot; <a href=\"#\">Privacy</a> &middot; <a href=\"#\">Terms</a></p>",
" </footer>",
" </main>",
"",
"",
"",
"</body>",
"",
"</html>"
],
"description": "Carousel Template"
},
"Album Template": {
"prefix": "!AlbumTemplate",
"body": [
"<!doctype html>",
"<html lang=\"en\">",
"",
"<head>",
" <meta charset=\"utf-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
" <meta name=\"description\" content=\"\">",
" <meta name=\"author\" content=\"Mark Otto, Jacob Thornton, and Bootstrap contributors\">",
" <meta name=\"generator\" content=\"Hugo 0.72.0\">",
" <title>Album example · Bootstrap</title>",
"",
" <link rel=\"canonical\" href=\"https://v5.getbootstrap.com/docs/5.0/examples/album/\">",
"",
"",
"",
" <!-- Bootstrap core CSS -->",
"<link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css\" integrity=\"sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I\" crossorigin=\"anonymous\">",
"<script src=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js\" integrity=\"sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/\" crossorigin=\"anonymous\"></script>",
"<script src=\"https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js\" integrity=\"sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo\" crossorigin=\"anonymous\"></script>",
"",
" <style>",
" .bd-placeholder-img {",
" font-size: 1.125rem;",
" text-anchor: middle;",
" -webkit-user-select: none;",
" -moz-user-select: none;",
" -ms-user-select: none;",
" user-select: none;",
" }",
"",
" @media (min-width: 768px) {",
" .bd-placeholder-img-lg {",
" font-size: 3.5rem;",
" }",
" }",
" </style>",
"",
"",
"</head>",
"",
"<body>",
"",
" <header>",
" <div class=\"collapse bg-dark\" id=\"navbarHeader\">",
" <div class=\"container\">",
" <div class=\"row\">",
" <div class=\"col-sm-8 col-md-7 py-4\">",
" <h4 class=\"text-white\">About</h4>",
" <p class=\"text-muted\">Add some information about the album below, the author, or any other background",
" context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off",
" to some social networking sites or contact information.</p>",
" </div>",
" <div class=\"col-sm-4 offset-md-1 py-4\">",
" <h4 class=\"text-white\">Contact</h4>",
" <ul class=\"list-unstyled\">",
" <li><a href=\"#\" class=\"text-white\">Follow on Twitter</a></li>",
" <li><a href=\"#\" class=\"text-white\">Like on Facebook</a></li>",
" <li><a href=\"#\" class=\"text-white\">Email me</a></li>",
" </ul>",
" </div>",
" </div>",
" </div>",
" </div>",
" <div class=\"navbar navbar-dark bg-dark shadow-sm\">",
" <div class=\"container\">",
" <a href=\"#\" class=\"navbar-brand d-flex align-items-center\">",
" <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\"",
" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" aria-hidden=\"true\" class=\"mr-2\"",
" viewBox=\"0 0 24 24\">",
" <path d=\"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z\" />",
" <circle cx=\"12\" cy=\"13\" r=\"4\" /></svg>",
" <strong>Album</strong>",
" </a>",
" <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarHeader\"",
" aria-controls=\"navbarHeader\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">",
" <span class=\"navbar-toggler-icon\"></span>",
" </button>",
" </div>",
" </div>",
" </header>",
"",
" <main>",
"",
" <section class=\"py-5 text-center container\">",
" <div class=\"row py-lg-5\">",
" <div class=\"col-lg-6 col-md-8 mx-auto\">",
" <h1 class=\"font-weight-light\">Album example</h1>",
" <p class=\"lead text-muted\">Something short and leading about the collection below—its contents, the creator,",
" etc. Make it short and sweet, but not too short so folks dont simply skip over it entirely.</p>",
" <p>",
" <a href=\"#\" class=\"btn btn-primary my-2\">Main call to action</a>",
" <a href=\"#\" class=\"btn btn-secondary my-2\">Secondary action</a>",
" </p>",
" </div>",
" </div>",
" </section>",
"",
" <div class=\"album py-5 bg-light\">",
" <div class=\"container\">",
"",
" <div class=\"row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3\">",
" <div class=\"col\">",
" <div class=\"card shadow-sm\">",
" <svg class=\"bd-placeholder-img card-img-top\" width=\"100%\" height=\"225\" xmlns=\"http://www.w3.org/2000/svg\"",
" aria-label=\"Placeholder: Thumbnail\" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#55595c\" /><text x=\"50%\" y=\"50%\" fill=\"#eceeef\"",
" dy=\".3em\">Thumbnail</text>",
" </svg>",
"",
" <div class=\"card-body\">",
" <p class=\"card-text\">This is a wider card with supporting text below as a natural lead-in to additional",
" content. This content is a little bit longer.</p>",
" <div class=\"d-flex justify-content-between align-items-center\">",
" <div class=\"btn-group\">",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">View</button>",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">Edit</button>",
" </div>",
" <small class=\"text-muted\">9 mins</small>",
" </div>",
" </div>",
" </div>",
" </div>",
" <div class=\"col\">",
" <div class=\"card shadow-sm\">",
" <svg class=\"bd-placeholder-img card-img-top\" width=\"100%\" height=\"225\" xmlns=\"http://www.w3.org/2000/svg\"",
" aria-label=\"Placeholder: Thumbnail\" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#55595c\" /><text x=\"50%\" y=\"50%\" fill=\"#eceeef\"",
" dy=\".3em\">Thumbnail</text>",
" </svg>",
"",
" <div class=\"card-body\">",
" <p class=\"card-text\">This is a wider card with supporting text below as a natural lead-in to additional",
" content. This content is a little bit longer.</p>",
" <div class=\"d-flex justify-content-between align-items-center\">",
" <div class=\"btn-group\">",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">View</button>",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">Edit</button>",
" </div>",
" <small class=\"text-muted\">9 mins</small>",
" </div>",
" </div>",
" </div>",
" </div>",
" <div class=\"col\">",
" <div class=\"card shadow-sm\">",
" <svg class=\"bd-placeholder-img card-img-top\" width=\"100%\" height=\"225\" xmlns=\"http://www.w3.org/2000/svg\"",
" aria-label=\"Placeholder: Thumbnail\" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#55595c\" /><text x=\"50%\" y=\"50%\" fill=\"#eceeef\"",
" dy=\".3em\">Thumbnail</text>",
" </svg>",
"",
" <div class=\"card-body\">",
" <p class=\"card-text\">This is a wider card with supporting text below as a natural lead-in to additional",
" content. This content is a little bit longer.</p>",
" <div class=\"d-flex justify-content-between align-items-center\">",
" <div class=\"btn-group\">",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">View</button>",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">Edit</button>",
" </div>",
" <small class=\"text-muted\">9 mins</small>",
" </div>",
" </div>",
" </div>",
" </div>",
"",
" <div class=\"col\">",
" <div class=\"card shadow-sm\">",
" <svg class=\"bd-placeholder-img card-img-top\" width=\"100%\" height=\"225\" xmlns=\"http://www.w3.org/2000/svg\"",
" aria-label=\"Placeholder: Thumbnail\" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#55595c\" /><text x=\"50%\" y=\"50%\" fill=\"#eceeef\"",
" dy=\".3em\">Thumbnail</text>",
" </svg>",
"",
" <div class=\"card-body\">",
" <p class=\"card-text\">This is a wider card with supporting text below as a natural lead-in to additional",
" content. This content is a little bit longer.</p>",
" <div class=\"d-flex justify-content-between align-items-center\">",
" <div class=\"btn-group\">",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">View</button>",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">Edit</button>",
" </div>",
" <small class=\"text-muted\">9 mins</small>",
" </div>",
" </div>",
" </div>",
" </div>",
" <div class=\"col\">",
" <div class=\"card shadow-sm\">",
" <svg class=\"bd-placeholder-img card-img-top\" width=\"100%\" height=\"225\" xmlns=\"http://www.w3.org/2000/svg\"",
" aria-label=\"Placeholder: Thumbnail\" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#55595c\" /><text x=\"50%\" y=\"50%\" fill=\"#eceeef\"",
" dy=\".3em\">Thumbnail</text>",
" </svg>",
"",
" <div class=\"card-body\">",
" <p class=\"card-text\">This is a wider card with supporting text below as a natural lead-in to additional",
" content. This content is a little bit longer.</p>",
" <div class=\"d-flex justify-content-between align-items-center\">",
" <div class=\"btn-group\">",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">View</button>",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">Edit</button>",
" </div>",
" <small class=\"text-muted\">9 mins</small>",
" </div>",
" </div>",
" </div>",
" </div>",
" <div class=\"col\">",
" <div class=\"card shadow-sm\">",
" <svg class=\"bd-placeholder-img card-img-top\" width=\"100%\" height=\"225\" xmlns=\"http://www.w3.org/2000/svg\"",
" aria-label=\"Placeholder: Thumbnail\" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#55595c\" /><text x=\"50%\" y=\"50%\" fill=\"#eceeef\"",
" dy=\".3em\">Thumbnail</text>",
" </svg>",
"",
" <div class=\"card-body\">",
" <p class=\"card-text\">This is a wider card with supporting text below as a natural lead-in to additional",
" content. This content is a little bit longer.</p>",
" <div class=\"d-flex justify-content-between align-items-center\">",
" <div class=\"btn-group\">",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">View</button>",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">Edit</button>",
" </div>",
" <small class=\"text-muted\">9 mins</small>",
" </div>",
" </div>",
" </div>",
" </div>",
"",
" <div class=\"col\">",
" <div class=\"card shadow-sm\">",
" <svg class=\"bd-placeholder-img card-img-top\" width=\"100%\" height=\"225\" xmlns=\"http://www.w3.org/2000/svg\"",
" aria-label=\"Placeholder: Thumbnail\" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#55595c\" /><text x=\"50%\" y=\"50%\" fill=\"#eceeef\"",
" dy=\".3em\">Thumbnail</text>",
" </svg>",
"",
" <div class=\"card-body\">",
" <p class=\"card-text\">This is a wider card with supporting text below as a natural lead-in to additional",
" content. This content is a little bit longer.</p>",
" <div class=\"d-flex justify-content-between align-items-center\">",
" <div class=\"btn-group\">",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">View</button>",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">Edit</button>",
" </div>",
" <small class=\"text-muted\">9 mins</small>",
" </div>",
" </div>",
" </div>",
" </div>",
" <div class=\"col\">",
" <div class=\"card shadow-sm\">",
" <svg class=\"bd-placeholder-img card-img-top\" width=\"100%\" height=\"225\" xmlns=\"http://www.w3.org/2000/svg\"",
" aria-label=\"Placeholder: Thumbnail\" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#55595c\" /><text x=\"50%\" y=\"50%\" fill=\"#eceeef\"",
" dy=\".3em\">Thumbnail</text>",
" </svg>",
"",
" <div class=\"card-body\">",
" <p class=\"card-text\">This is a wider card with supporting text below as a natural lead-in to additional",
" content. This content is a little bit longer.</p>",
" <div class=\"d-flex justify-content-between align-items-center\">",
" <div class=\"btn-group\">",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">View</button>",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">Edit</button>",
" </div>",
" <small class=\"text-muted\">9 mins</small>",
" </div>",
" </div>",
" </div>",
" </div>",
" <div class=\"col\">",
" <div class=\"card shadow-sm\">",
" <svg class=\"bd-placeholder-img card-img-top\" width=\"100%\" height=\"225\" xmlns=\"http://www.w3.org/2000/svg\"",
" aria-label=\"Placeholder: Thumbnail\" preserveAspectRatio=\"xMidYMid slice\" role=\"img\" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#55595c\" /><text x=\"50%\" y=\"50%\" fill=\"#eceeef\"",
" dy=\".3em\">Thumbnail</text>",
" </svg>",
"",
" <div class=\"card-body\">",
" <p class=\"card-text\">This is a wider card with supporting text below as a natural lead-in to additional",
" content. This content is a little bit longer.</p>",
" <div class=\"d-flex justify-content-between align-items-center\">",
" <div class=\"btn-group\">",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">View</button>",
" <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\">Edit</button>",
" </div>",
" <small class=\"text-muted\">9 mins</small>",
" </div>",
" </div>",
" </div>",
" </div>",
" </div>",
" </div>",
" </div>",
"",
" </main>",
"",
" <footer class=\"text-muted py-5\">",
" <div class=\"container\">",
" <p class=\"float-right mb-1\">",
" <a href=\"#\">Back to top</a>",
" </p>",
" <p class=\"mb-1\">Album example is &copy; Bootstrap, but please download and customize it for yourself!</p>",
" <p class=\"mb-0\">New to Bootstrap? <a href=\"/\">Visit the homepage</a> or read our <a",
" href=\"/docs/5.0/getting-started/introduction/\">getting started guide</a>.</p>",
" </div>",
" </footer>",
"",
"</body>",
"",
"</html>"
],
"description": "Album Template"
},
"Blog Template": {
"prefix": "!BlogTemplate",
"body": [
"<!doctype html>",
"<html lang=\"en\">",
"",
"<head>",
" <meta charset=\"utf-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
" <meta name=\"description\" content=\"\">",
" <meta name=\"author\" content=\"Mark Otto, Jacob Thornton, and Bootstrap contributors\">",
" <meta name=\"generator\" content=\"Hugo 0.72.0\">",
" <title>Blog Template · Bootstrap</title>",
"",
" <link rel=\"canonical\" href=\"https://v5.getbootstrap.com/docs/5.0/examples/blog/\">",
"",
"",
"",
" <!-- Bootstrap core CSS -->",
" <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css\"",
" integrity=\"sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I\" crossorigin=\"anonymous\">",
" <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js\"",
" integrity=\"sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/\"",
" crossorigin=\"anonymous\"></script>",
" <script src=\"https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js\"",
" integrity=\"sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo\"",
" crossorigin=\"anonymous\"></script>",
"",
" <style>",
" .bd-placeholder-img {",
" font-size: 1.125rem;",
" text-anchor: middle;",
" -webkit-user-select: none;",
" -moz-user-select: none;",
" -ms-user-select: none;",
" user-select: none;",
" }",
"",
" @media (min-width: 768px) {",
" .bd-placeholder-img-lg {",
" font-size: 3.5rem;",
" }",
" }",
" </style>",
"",
"",
" <!-- Custom styles for this template -->",
" <link href=\"https://fonts.googleapis.com/css?family=Playfair&#43;Display:700,900&amp;display=swap\" rel=\"stylesheet\">",
" <!-- Custom styles for this template -->",
" <style>",
" /* stylelint-disable selector-list-comma-newline-after */",
"",
" .blog-header {",
" line-height: 1;",
" border-bottom: 1px solid #e5e5e5;",
" }",
"",
" .blog-header-logo {",
" font-family: \"Playfair Display\", Georgia, \"Times New Roman\", serif;",
" font-size: 2.25rem;",
" }",
"",
" .blog-header-logo:hover {",
" text-decoration: none;",
" }",
"",
" h1,",
" h2,",
" h3,",
" h4,",
" h5,",
" h6 {",
" font-family: \"Playfair Display\", Georgia, \"Times New Roman\", serif;",
" }",
"",
" .display-4 {",
" font-size: 2.5rem;",
" }",
"",
" @media (min-width: 768px) {",
" .display-4 {",
" font-size: 3rem;",
" }",
" }",
"",
" .nav-scroller {",
" position: relative;",
" z-index: 2;",
" height: 2.75rem;",
" overflow-y: hidden;",
" }",
"",
" .nav-scroller .nav {",
" display: flex;",
" flex-wrap: nowrap;",
" padding-bottom: 1rem;",
" margin-top: -1px;",
" overflow-x: auto;",
" text-align: center;",
" white-space: nowrap;",
" -webkit-overflow-scrolling: touch;",
" }",
"",
" .nav-scroller .nav-link {",
" padding-top: .75rem;",
" padding-bottom: .75rem;",
" font-size: .875rem;",
" }",
"",
" .card-img-right {",
" height: 100%;",
" border-radius: 0 3px 3px 0;",
" }",
"",
" .flex-auto {",
" flex: 0 0 auto;",
" }",
"",
" .h-250 {",
" height: 250px;",
" }",
"",
" @media (min-width: 768px) {",
" .h-md-250 {",
" height: 250px;",
" }",
" }",
"",
" /* Pagination */",
" .blog-pagination {",
" margin-bottom: 4rem;",
" }",
"",
" .blog-pagination>.btn {",
" border-radius: 2rem;",
" }",
"",
" /*",
" * Blog posts",
" */",
" .blog-post {",
" margin-bottom: 4rem;",
" }",
"",
" .blog-post-title {",
" margin-bottom: .25rem;",
" font-size: 2.5rem;",
" }",
"",
" .blog-post-meta {",
" margin-bottom: 1.25rem;",
" color: #727272;",
" }",
"",
" /*",
" * Footer",
" */",
" .blog-footer {",
" padding: 2.5rem 0;",
" color: #727272;",
" text-align: center;",
" background-color: #f9f9f9;",
" border-top: .05rem solid #e5e5e5;",
" }",
"",
" .blog-footer p:last-child {",
" margin-bottom: 0;",
" }",
" </style>",
"</head>",
"",
"<body>",
"",
" <div class=\"container\">",
" <header class=\"blog-header py-3\">",
" <div class=\"row flex-nowrap justify-content-between align-items-center\">",
" <div class=\"col-4 pt-1\">",
" <a class=\"link-secondary\" href=\"#\">Subscribe</a>",
" </div>",
" <div class=\"col-4 text-center\">",
" <a class=\"blog-header-logo text-dark\" href=\"#\">Large</a>",
" </div>",
" <div class=\"col-4 d-flex justify-content-end align-items-center\">",
" <a class=\"link-secondary\" href=\"#\" aria-label=\"Search\">",
" <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\"",
" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"mx-3\" role=\"img\"",
" viewBox=\"0 0 24 24\">",
" <title>Search</title>",
" <circle cx=\"10.5\" cy=\"10.5\" r=\"7.5\" />",
" <path d=\"M21 21l-5.2-5.2\" />",
" </svg>",
" </a>",
" <a class=\"btn btn-sm btn-outline-secondary\" href=\"#\">Sign up</a>",
" </div>",
" </div>",
" </header>",
"",
" <div class=\"nav-scroller py-1 mb-2\">",
" <nav class=\"nav d-flex justify-content-between\">",
" <a class=\"p-2 link-secondary\" href=\"#\">World</a>",
" <a class=\"p-2 link-secondary\" href=\"#\">U.S.</a>",
" <a class=\"p-2 link-secondary\" href=\"#\">Technology</a>",
" <a class=\"p-2 link-secondary\" href=\"#\">Design</a>",
" <a class=\"p-2 link-secondary\" href=\"#\">Culture</a>",
" <a class=\"p-2 link-secondary\" href=\"#\">Business</a>",
" <a class=\"p-2 link-secondary\" href=\"#\">Politics</a>",
" <a class=\"p-2 link-secondary\" href=\"#\">Opinion</a>",
" <a class=\"p-2 link-secondary\" href=\"#\">Science</a>",
" <a class=\"p-2 link-secondary\" href=\"#\">Health</a>",
" <a class=\"p-2 link-secondary\" href=\"#\">Style</a>",
" <a class=\"p-2 link-secondary\" href=\"#\">Travel</a>",
" </nav>",
" </div>",
"",
" <div class=\"p-4 p-md-5 mb-4 text-white rounded bg-dark\">",
" <div class=\"col-md-6 px-0\">",
" <h1 class=\"display-4 font-italic\">Title of a longer featured blog post</h1>",
" <p class=\"lead my-3\">Multiple lines of text that form the lede, informing new readers quickly and",
" efficiently about whats most interesting in this posts contents.</p>",
" <p class=\"lead mb-0\"><a href=\"#\" class=\"text-white font-weight-bold\">Continue reading...</a></p>",
" </div>",
" </div>",
"",
" <div class=\"row mb-2\">",
" <div class=\"col-md-6\">",
" <div",
" class=\"row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative\">",
" <div class=\"col p-4 d-flex flex-column position-static\">",
" <strong class=\"d-inline-block mb-2 text-primary\">World</strong>",
" <h3 class=\"mb-0\">Featured post</h3>",
" <div class=\"mb-1 text-muted\">Nov 12</div>",
" <p class=\"card-text mb-auto\">This is a wider card with supporting text below as a natural",
" lead-in to additional content.</p>",
" <a href=\"#\" class=\"stretched-link\">Continue reading</a>",
" </div>",
" <div class=\"col-auto d-none d-lg-block\">",
" <svg class=\"bd-placeholder-img\" width=\"200\" height=\"250\" xmlns=\"http://www.w3.org/2000/svg\"",
" aria-label=\"Placeholder: Thumbnail\" preserveAspectRatio=\"xMidYMid slice\" role=\"img\"",
" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#55595c\" /><text x=\"50%\" y=\"50%\" fill=\"#eceeef\"",
" dy=\".3em\">Thumbnail</text>",
" </svg>",
"",
" </div>",
" </div>",
" </div>",
" <div class=\"col-md-6\">",
" <div",
" class=\"row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative\">",
" <div class=\"col p-4 d-flex flex-column position-static\">",
" <strong class=\"d-inline-block mb-2 text-success\">Design</strong>",
" <h3 class=\"mb-0\">Post title</h3>",
" <div class=\"mb-1 text-muted\">Nov 11</div>",
" <p class=\"mb-auto\">This is a wider card with supporting text below as a natural lead-in to",
" additional content.</p>",
" <a href=\"#\" class=\"stretched-link\">Continue reading</a>",
" </div>",
" <div class=\"col-auto d-none d-lg-block\">",
" <svg class=\"bd-placeholder-img\" width=\"200\" height=\"250\" xmlns=\"http://www.w3.org/2000/svg\"",
" aria-label=\"Placeholder: Thumbnail\" preserveAspectRatio=\"xMidYMid slice\" role=\"img\"",
" focusable=\"false\">",
" <title>Placeholder</title>",
" <rect width=\"100%\" height=\"100%\" fill=\"#55595c\" /><text x=\"50%\" y=\"50%\" fill=\"#eceeef\"",
" dy=\".3em\">Thumbnail</text>",
" </svg>",
"",
" </div>",
" </div>",
" </div>",
" </div>",
" </div>",
"",
" <main class=\"container\">",
" <div class=\"row\">",
" <div class=\"col-md-8\">",
" <h3 class=\"pb-4 mb-4 font-italic border-bottom\">",
" From the Firehose",
" </h3>",
"",
" <div class=\"blog-post\">",
" <h2 class=\"blog-post-title\">Sample blog post</h2>",
" <p class=\"blog-post-meta\">January 1, 2014 by <a href=\"#\">Mark</a></p>",
"",
" <p>This blog post shows a few different types of content thats supported and styled with Bootstrap.",
" Basic typography, images, and code are all supported.</p>",
" <hr>",
" <p>Cum sociis natoque penatibus et magnis <a href=\"#\">dis parturient montes</a>, nascetur ridiculus",
" mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere",
" consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.</p>",
" <blockquote>",
" <p>Curabitur blandit tempus porttitor. <strong>Nullam quis risus eget urna mollis</strong>",
" ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>",
" </blockquote>",
" <p>Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet",
" fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>",
" <h2>Heading</h2>",
" <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non",
" commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus,",
" porta ac consectetur ac, vestibulum at eros.</p>",
" <h3>Sub-heading</h3>",
" <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>",
" <pre><code>Example code block</code></pre>",
" <p>Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod.",
" Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.</p>",
" <h3>Sub-heading</h3>",
" <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean",
" lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce",
" dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit",
" amet risus.</p>",
" <ul>",
" <li>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</li>",
" <li>Donec id elit non mi porta gravida at eget metus.</li>",
" <li>Nulla vitae elit libero, a pharetra augue.</li>",
" </ul>",
" <p>Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.",
" </p>",
" <ol>",
" <li>Vestibulum id ligula porta felis euismod semper.</li>",
" <li>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</li>",
" <li>Maecenas sed diam eget risus varius blandit sit amet non magna.</li>",
" </ol>",
" <p>Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.</p>",
" </div><!-- /.blog-post -->",
"",
" <div class=\"blog-post\">",
" <h2 class=\"blog-post-title\">Another blog post</h2>",
" <p class=\"blog-post-meta\">December 23, 2013 by <a href=\"#\">Jacob</a></p>",
"",
" <p>Cum sociis natoque penatibus et magnis <a href=\"#\">dis parturient montes</a>, nascetur ridiculus",
" mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere",
" consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.</p>",
" <blockquote>",
" <p>Curabitur blandit tempus porttitor. <strong>Nullam quis risus eget urna mollis</strong>",
" ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>",
" </blockquote>",
" <p>Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet",
" fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>",
" <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non",
" commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus,",
" porta ac consectetur ac, vestibulum at eros.</p>",
" </div><!-- /.blog-post -->",
"",
" <div class=\"blog-post\">",
" <h2 class=\"blog-post-title\">New feature</h2>",
" <p class=\"blog-post-meta\">December 14, 2013 by <a href=\"#\">Chris</a></p>",
"",
" <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean",
" lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce",
" dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit",
" amet risus.</p>",
" <ul>",
" <li>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</li>",
" <li>Donec id elit non mi porta gravida at eget metus.</li>",
" <li>Nulla vitae elit libero, a pharetra augue.</li>",
" </ul>",
" <p>Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet",
" fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>",
" <p>Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.",
" </p>",
" </div><!-- /.blog-post -->",
"",
" <nav class=\"blog-pagination\">",
" <a class=\"btn btn-outline-primary\" href=\"#\">Older</a>",
" <a class=\"btn btn-outline-secondary disabled\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\">Newer</a>",
" </nav>",
"",
" </div>",
"",
" <aside class=\"col-md-4\">",
" <div class=\"p-4 mb-3 bg-light rounded\">",
" <h4 class=\"font-italic\">About</h4>",
" <p class=\"mb-0\">Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur",
" purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>",
" </div>",
"",
" <div class=\"p-4\">",
" <h4 class=\"font-italic\">Archives</h4>",
" <ol class=\"list-unstyled mb-0\">",
" <li><a href=\"#\">March 2014</a></li>",
" <li><a href=\"#\">February 2014</a></li>",
" <li><a href=\"#\">January 2014</a></li>",
" <li><a href=\"#\">December 2013</a></li>",
" <li><a href=\"#\">November 2013</a></li>",
" <li><a href=\"#\">October 2013</a></li>",
" <li><a href=\"#\">September 2013</a></li>",
" <li><a href=\"#\">August 2013</a></li>",
" <li><a href=\"#\">July 2013</a></li>",
" <li><a href=\"#\">June 2013</a></li>",
" <li><a href=\"#\">May 2013</a></li>",
" <li><a href=\"#\">April 2013</a></li>",
" </ol>",
" </div>",
"",
" <div class=\"p-4\">",
" <h4 class=\"font-italic\">Elsewhere</h4>",
" <ol class=\"list-unstyled\">",
" <li><a href=\"#\">GitHub</a></li>",
" <li><a href=\"#\">Twitter</a></li>",
" <li><a href=\"#\">Facebook</a></li>",
" </ol>",
" </div>",
" </aside>",
"",
" </div><!-- /.row -->",
"",
" </main><!-- /.container -->",
"",
" <footer class=\"blog-footer\">",
" <p>Blog template built for <a href=\"https://getbootstrap.com/\">Bootstrap</a> by <a",
" href=\"https://twitter.com/mdo\">@mdo</a>.</p>",
" <p>",
" <a href=\"#\">Back to top</a>",
" </p>",
" </footer>",
"",
"",
"",
"</body>",
"",
"</html>"
],
"description": "Blog Template"
},
"HTML HTTP Server": {
"prefix": "!html ",
"body": [
"const http = require('http')",
"const fs = require('fs');",
"const PORT = ${1:7000};",
"http.createServer(function (request, response) {",
" if (request.url == '/') {",
" fs.readFile('${2:index.html}', function(err, data) {",
" response.writeHead(200, {'Content-Type': 'text/html'});",
" response.write(data);",
" return response.end();",
" });",
" }",
" else{",
" return response.end('Invalid request');",
" }",
"}).listen(PORT);",
"",
""
],
"description": "HTML HTTP Server"
},
"HTTP Server for rendering dynamic pages": {
"prefix": "!http",
"body": [
"// This is the lightweight way to server render a dynamic HTML without any frameworks or libraries...",
"// Because it's time you out grow HTML/CSS and get over ES6 as a buzzword...",
"// All we need is the built in HTTP method, template strings and few functions and you can create powerful layouts...",
"// Start thinking in terms of vanilla JS but also in ways that transfer to react...",
"// Learn more in my book",
"// https://github.com/HansUXdev/JavaScript-First",
"",
"const http = require('http')",
"const fs = require('fs');",
"",
"// For Pages on your site",
"const homepages = [",
" { ",
" name: 'Home', ",
" url: \"/\",",
" icon: \"\"",
" },",
" { ",
" name: 'About', ",
" url: \"/about\",",
" icon: \"fa-user\"",
" },",
" { ",
" name: 'Portfolio', ",
" url: \"/Portfolio\",",
" icon: \"fa-th\"",
" },",
" { ",
" name: 'Contact',",
" url: \"/Contact\",",
" icon: \"fa-envelope\"",
" }",
"];",
" ",
"",
"// layout template",
"const HTML = (header,body) => {",
" return `<!DOCTYPE html>",
" <html lang=\"en\">",
" <head>",
" <meta charset=\"UTF-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
" \\${header}",
" <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css\" integrity=\"sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I\" crossorigin=\"anonymous\">",
" <script src=\"https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js\" integrity=\"sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo\" crossorigin=\"anonymous\"></script>",
" <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js\" integrity=\"sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/\" crossorigin=\"anonymous\"></script>",
" </head>",
" <body>",
" \\${body}",
" </body>",
" </html>`;",
"}",
"",
"// used to create links to each page",
"// Example of how to use it",
"// let links = NavLinks(homepages)",
"const NavLinks = (data) => {",
" return data.map(links => `",
" <li class=\"nav-item\">",
" <a class=\"nav-link\" href=\"\\${links.url}\">\\${links.name}</a>",
" </li>",
" `).join('');",
"};",
"",
"// Navbar Function to build a dynamic navbar on the server",
"/*",
"* Example",
"* create links for each page",
"* let links = NavLinks(homepages)",
"* pass that into the 'content' arguement and returns your final menu",
"* Nav(links) ",
"*/",
"",
"const Nav = (content, logo=\"https://hansmcmurdy.com/JavaScript-First/logo.svg\") => {",
" return `",
" <div class=\"collapse\" id=\"JSFirst\">",
" <div class=\"bg-dark p-4\">",
" <h5 class=\"text-white h4\"> #JavaScriptFirst is an online Book </h5>",
" <span class=\"text-muted\">",
" Learn more about the book here: <a class=\"\" href=\"https://hansmcmurdy.com/JavaScript-First/\">#JavaScriptFirst</a>",
" </span>",
" </div>",
" </div>",
" <nav class=\"navbar navbar-expand-lg navbar-light bg-light\">",
" <div class=\"container-fluid\">",
" <a class=\"navbar-brand\" href=\"#\" type=\"button\" data-toggle=\"collapse\" data-target=\"#JSFirst\" aria-controls=\"JSFirst\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">",
" <img src=\"\\${logo}\" width=\"30\" height=\"30\" alt=\"image of a logo\" loading=\"lazy\">",
" </a>",
" <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarNavAltMarkup\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">",
" <span class=\"navbar-toggler-icon\"></span>",
" </button>",
" <div class=\"collapse navbar-collapse\" id=\"navbarNavAltMarkup\">",
" <div class=\"navbar-nav\">",
" \\${content}",
" </div>",
" </div>",
" </div>",
"</nav>`;",
"};",
"",
"/**",
" * @export",
" * @param {string} [route=\"/\"]",
" * @param {number} [port=8000]",
" * @param {*} HTML - is a callback that returns an html string",
" */",
"const Server = (home = \"/\", port=8000, template, pages=false ) =>{",
" http.createServer(",
" (request, response)=>{",
" req = this.request;",
" if(request.url == home){",
" response.writeHead(200,{",
" 'Content-Type': 'text/html',",
" 'Content-Length': template.length,",
" 'Expires': new Date().toUTCString()",
" })",
" response.end(template)",
" }",
" else{",
" // writeHTML()",
" response.end(\"nope\")",
" }",
" }",
" ).listen(port);",
" //",
" };",
" ",
"/*Example */",
"let links = NavLinks(homepages)",
"const home = HTML(",
" `<title>#JavaScriptFrist Bootstrap Site</title>`,",
" `\\${ Nav(links)}`",
");",
"Server('/',7000,home)"
],
"description": "HTTP Server for rendering dynamic pages"
}
,
"Utilities": {
"prefix": "!utility",
"body": [
"${1|!spacing,!shadow,!color,!font,!flex,!direction,!justify,!align,!display|}"
],
"description": "Utilities: Forgot a utility? \n Read about them: \n\n https://deploy-preview-29017--twbs-bootstrap.netlify.app/docs/5.0/utilities/api/"
},
"Padding / Margin": {
"prefix": "!spacing",
"body": [
"${1|m,p|}${3|x,y,t,r,b,l|}-${4|auto,0,1,2,3,4,5|}"
],
"description": "Quickly add Padding & Margins any class."
},
"Color": {
"prefix": "!color",
"body": [
"${2|text,bg|}-${3|primary,secondary,success,danger,warning,info,light,dark|}"
],
"description": "Quickly add color utility classes to any class."
},
"Font": {
"prefix": "!font",
"body": [
"text-${2|sm,md,lg,xl|}-${3|left,center,right|} lh-${4|base,1,sm,lg|} font-${5|italic,normal,weight-normal,weight-bold,weight-bolder,weight-light,weight-lighter|} text-${6| ,lowercase,uppercase,capitalize|} text-${7|decoration-none,decoration-underline,decoration-line-through|} text-${8|reset,break,monospace|}"
],
"description": "Quickly add font utility classes to any class."
},
"Shadow": {
"prefix": "!shadow",
"body": [
"shadow${1| ,-sm,-lg|} bg-${2|white,light,dark,primary,secondary,success,danger,warning,info|} ${3|m,p|}${3|t,r,b,l,x,y|}${4|auto,0,1,2,3,4,5|}"
],
"description": "Add shadow to any class"
},
"Utility Paper Shadow": {
"prefix": "b5-shadow",
"body": [
"<div class=\"shadow${1| ,-sm,-lg|} p-3 mb-5 bg-${2|primary,secondary,success,danger,warning,info,light,dark|} ${3|!spacing,!color,!font|} \">${0}</div>"
],
"description": "Utility Paper Shadow"
},
"Utility Color": {
"prefix": "b5-color",
"body": [
"${2|text,bg|}${3|primary,secondary,success,danger,warning,info,light,dark|}"
],
"description": "Text Utility"
},
"Utility Text": {
"prefix": "b5-txt",
"body": [
"<${1|div,p,h1|} class=\"text-${2|sm,md,lg,xl|}-${3|left,center,right|} lh-${4|base,1,sm,lg|} font-${5|normal,italic,weight-normal,weight-bold,weight-bolder,weight-light,weight-lighter|} text-${6|none,lowercase,uppercase,capitalize|} text-${7|decoration-none,decoration-underline,decoration-line-through|} text-${8|reset,break,monospace|}\">",
"${9:Left aligned text on all viewport sizes.}",
"</${1|div,p,h1|}>"
],
"description": "Text Utility"
},
"Utility Borders": {
"prefix": "b5-borders",
"body": [
"<${1|div,p|} class=\"border${2| ,-0,-top,-right,-bottom,-left,-top-0,-right-0,-bottom-0,-left-0|} border-${3|white,primary,secondary,success,danger,warning,info,light,dark|} ${5| ,!round|}\">",
"${10:Left aligned text on all viewport sizes.}",
"</${1|div,p|}>"
],
"description": "Utility Borders"
},
"Round - Round out any edge.": {
"prefix": "!round",
"body": [
"${1|rounded,rounded-top,rounded-right,rounded-bottom,rounded-left,rounded-circle,rounded-pill|} ${2|rounded-sm,rounded-lg|}"
],
"description": "Round - Round out any edge."
},
"Utility Spacing": {
"prefix": "b5-spacing",
"body": [
"<${1|div,p,h1|} class=\"${2|m,p|}${3|t,r,b,l,x,y|}${4|auto,0,1,2,3,4,5|} \">",
"${0}",
"</${1|div,p,h1|}>"
],
"description": "Utility Spacing"
},
"Display Utilities:": {
"prefix": "!display",
"body": [
"d-${2|flex,inline-flex,none,block,inline,inline-block,table,table-cell,table-row|} "
],
"description": "Display Utilities:"
},
"Utilities MQ:": {
"prefix": "!MQ",
"body": [
"${1|-sm-,-md,-lg-,-xl-,-xxl-|}"
],
"description": "Display Utilities:"
},
"Flex Utility": {
"prefix": "!flex",
"body": [
"d${1|-,!MQ|}${2|flex,inline-flex|} ${3| ,!direction,!justify,!align,!fill,!grow-shrink,!flex-wrap,!flex-order|}"
],
"description": "Flex Utility: Create a flexbox container and transform direct children elements into flex items. \n\n Ends with an options to continue with other flex utilities,!direction,!justify,!align."
},
"Flex Direction": {
"prefix": "!direction",
"body": [
"flex${1|-,!MQ|}${2|row,row-reverse,column,column-reverse|}"
],
"description": "Flex Direction: Set the direction of flex items in a flex container with direction utilities"
},
"justify-content": {
"prefix": "!justify",
"body": [
"justify-content${1|-,!MQ|}${2|start,end,center,between,around,evenly|}"
],
"description": "justify-content: \n change the alignment of flex items on the main axis (the x-axis to start, y-axis if flex-direction: column) \n Read the docs: \n\n https://deploy-preview-29017--twbs-bootstrap.netlify.app/docs/5.0/utilities/flex/#justify-content \n\n "
},
"Flex-Align": {
"prefix": "!align",
"body": [
"align-${1|items,self,content|}${2|-,!MQ|}${3|start,end,center,baseline,stretch,around|}"
],
"description": "Flex-Align: \n Read the docs: \n https://deploy-preview-29017--twbs-bootstrap.netlify.app/docs/5.0/utilities/flex/#align-items \n\n 1. align-items: change the alignment of flex items on the cross axis (the y-axis to start, x-axis if flex-direction: column) \n\n 2. align-self: change their alignment on the cross axis (the y-axis to start, x-axis if flex-direction: column) \n\n 3. align-content: align flex items together on the cross axis. \n\n NOTE: CENTER & AROUND only apply to align Content."
},
"!fill": {
"prefix": "!fill",
"body": [
"flex-${1|fill,sm-fill,md-fill,lg-fill,xl-fill,xxl-fill|}"
],
"description": "!fill - use on sibling elements to force them into widths equal to their content"
},
"!grow-shrink": {
"prefix": "!grow-shrink",
"body": [
"flex${1|-,!MQ|}-${2|grow,shrink|}-${3|0,1|}"
],
"description": "!grow-shrink - utilities to toggle a flex items ability to grow to fill available space"
},
"!flex-wrap": {
"prefix": "!flex-wrap",
"body": [
"flex-${1|-,!MQ|}${2|wrap,nowrap,wrap-reverse|}"
],
"description": "!flex-wrap - utilities to toggle a flex items ability to grow to fill available space."
},
"!flex-order": {
"prefix": "!flex-order",
"body": [
"order-${1|-,!MQ|}${2|1,2,3,4,5,first,last|}"
],
"description": "Flex Order - Change the visual order of specific flex items with a handful of order utilities."
}
}