Skip to content

Instantly share code, notes, and snippets.

@pgmoir
Last active December 1, 2018 20:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pgmoir/1bc212e9a67a7460fc7e121fcfef42f1 to your computer and use it in GitHub Desktop.
Save pgmoir/1bc212e9a67a7460fc7e121fcfef42f1 to your computer and use it in GitHub Desktop.
VSCode - code snippet for HTML with Bootstrap 4 and Font Awesome 5 from CDN
{
"Html for lft-concept": {
"prefix": "htmlbf",
"body": [
"<!DOCTYPE html>",
"<html>",
"<head>",
"\t<meta charset=\"utf-8\" />",
"\t<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">",
"\t<title>$0</title>",
"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
"\t<link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css\" integrity=\"sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO\" crossorigin=\"anonymous\">",
"\t<link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.5.0/css/all.css\" integrity=\"sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU\" crossorigin=\"anonymous\">",
"</head>",
"<body>",
"",
"\t<script src=\"https://code.jquery.com/jquery-3.3.1.slim.min.js\" integrity=\"sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo\" crossorigin=\"anonymous\"></script>",
"\t<script src=\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js\" integrity=\"sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49\" crossorigin=\"anonymous\"></script>",
"\t<script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js\" integrity=\"sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy\" crossorigin=\"anonymous\"></script>",
"</body>",
"</html>"
],
"description": "HTML boilerplate for lft-concept"
}
}
@pgmoir
Copy link
Author

pgmoir commented Dec 1, 2018

This is added as an html user preference in VS code. Simplifies the creation of a html 5, bootstrap 4, font awesome 5 page.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment