Skip to content

Instantly share code, notes, and snippets.

@Julian-Nash

Julian-Nash/html.json

Created February 1, 2018 00:35
Show Gist options
  • Save Julian-Nash/fc8db1ce4b86a37d2001d14bfe3bd816 to your computer and use it in GitHub Desktop.
Save Julian-Nash/fc8db1ce4b86a37d2001d14bfe3bd816 to your computer and use it in GitHub Desktop.
Download ZIP
Materialize HTML boilerplate snippet for VS Code
Raw
html.json
{
// Materialize boilerplate
"Materialize Boilerplate": {
"prefix": "materialize",
"body": [
"<!DOCTYPE html>",
"<html lang='en'>",
"<html>\n",
"\t<head>",
"\t\t<title>Materialize Boilerplate</title>",
"\t\t<link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'>",
"\t\t<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css'>",
"\t\t<meta name='viewport' content='width=device-width, initial-scale=1.0' charset='UTF-8'/>",
"\t\t<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700' rel='stylesheet'>",
"\t\t<!-- CSS -->",
"\t\t<link rel='stylesheet' href='css/style.css'>",
"\t\t<link rel='icon' type='image/png' href='img/icon.jpg'/>",
"\t</head>\n",
"\t<body>\n",
"\t\t<nav>\n",
"\t\t</nav>\n",
"\t\t<main>\n",
"\t\t</main>\n",
"\t\t<footer>\n",
"\t\t</footer>\n",
"\t\t<!-- Import jquery before materialize.js & check both versions -->",
"\t\t<script type='text/javascript' src='https://code.jquery.com/jquery-3.2.1.min.js'></script>",
"\t\t<script src='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js'></script>",
"\t\t<!-- JS -->",
"\t\t<script src='js/app.js'></script>\n",
"\t</body>\n",
"</html>"
],
"description": "Materialize Boilerplate"
},
}
@Julian-Nash
Copy link
Author

Julian-Nash commented Feb 1, 2018 •
edited
Loading

Materialize Boilerplate Snippet - VS Code

Settings > User Snippets > HTML

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