Skip to content

Instantly share code, notes, and snippets.

@erolj
Created January 12, 2020 04:00
Show Gist options
  • Save erolj/43f8e21351b4c92fd519b9e06a848575 to your computer and use it in GitHub Desktop.
Save erolj/43f8e21351b4c92fd519b9e06a848575 to your computer and use it in GitHub Desktop.
Insert custom Bootstrap 4 HTML5 (with FontAwesome 5 + Webfontloader) code snippets to VS Code documents
{
"Insert Bootstrap 4 HTML5 snippets": {
"scope": "html,php",
"prefix": "erto-html5",
"body": [
"<!doctype html>",
"<html lang=\"en\">",
" <head>",
" <title>Title</title>",
" $BLOCK_COMMENT_START Required meta tags $BLOCK_COMMENT_END",
" <meta charset=\"utf-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\">",
" <meta name=\"description\" content=\"Your description\">",
" <meta name=\"keywords\" content=\"Your keywords\">",
"",
" $BLOCK_COMMENT_START Global CSS $BLOCK_COMMENT_END",
" <link rel=\"stylesheet\" href=\"https://static.my.id/libs/bootstrap/4.3.1/css/bootstrap.min.css\" crossorigin=\"anonymous\">",
" <link rel=\"stylesheet\" href=\"https://static.my.id/libs/animate.css/3.7.2/animate.min.css\" crossorigin=\"anonymous\">",
" <link rel=\"stylesheet\" href=\"https://font.my.id/libs/font-awesome/5.11.2/css/all.min.css\" crossorigin=\"anonymous\">",
"",
" <link rel=\"shortcut icon\" href=\"/favicon.ico\" sizes=\"16x16\">",
" <link rel=\"apple-touch-icon\" href=\"/apple-touch-icon.png\">",
" <link rel=\"dns-prefetch\" href=\"//static.my.id\">",
" <link rel=\"dns-prefetch\" href=\"//font.my.id\">",
" <link rel=\"canonical\" href=\"https://yourdomain\">",
" <link rel=\"prefetch\">",
" </head>",
" <body>",
"",
"",
" $BLOCK_COMMENT_START Global JS $BLOCK_COMMENT_END",
" <script defer src=\"https://static.my.id/libs/jquery/3.4.1/jquery.min.js\"></script>",
" <script defer src=\"https://static.my.id/libs/popper.js/1.15.0/umd/popper.min.js\"></script>",
" <script defer src=\"https://static.my.id/libs/bootstrap/4.3.1/js/bootstrap.min.js\"></script>",
" <script defer src=\"https://static.my.id/libs/webfont/1.6.28/webfontloader.js\"></script>",
" <script defer src=\"https://font.my.id/libs/font-awesome/5.11.2/js/all.min.js\"></script>",
"",
" $BLOCK_COMMENT_START Optional JS $BLOCK_COMMENT_END",
" </body>",
"</html>"
],
"description": "Insert Erto custom Bootstrap 4 HTML5 (with FontAwesome 5 + Webfontloader) snippets to documents"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment