{
    "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 Apple’s 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\">It’ll 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, it’s 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 don’t 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 what’s most interesting in this post’s 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 that’s 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 item’s 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 item’s 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."
   }
}