diff --git a/site/getting-started.savvy b/site/getting-started.savvy index ae1c3c911..82afe980f 100644 --- a/site/getting-started.savvy +++ b/site/getting-started.savvy @@ -18,14 +18,22 @@ @text } +@boostrapInfo(){ +
+ + Boostrap + Getting Started + +
+} # @title -There are many different ways you can consume the Material Design Icons in your projects or sites. Below are examples for various platforms. +@boostrapInfo() There are many different ways you can consume the Material Design Icons in your projects or sites. Below are examples for various platforms. -## Web Font @download(Download the Web Font, https://github.com/Templarian/MaterialDesign-Webfont/archive/master.zip) +## Webfont @download(Download the Webfont, https://github.com/Templarian/MaterialDesign-Webfont/archive/master.zip) -For those targetting the web your best option is to use the web font (bower `bower install mdi` or npm `npm install mdi`). Files should match the file structure below. +For those targetting the web your best option is to use the webfont (bower `bower install mdi` or npm `npm install mdi`). Files should match the file structure below. ```text File Structure fonts @@ -48,7 +56,7 @@ To reference the icons add the line below into the `head` tag. To use the icons inline use the syntax below. Preview these in the `preview.html` provided. -```html Web Font Example +```html Webfont Example ``` @@ -56,7 +64,7 @@ To use the icons inline use the syntax below. Preview these in the `preview.html ## Inline SVG -The web font is not the only way to use the icons. They can also be included inline with the `svg` tag. Right click any icon on the site and click the 'View SVG' item in the context menu for example code. +The webfont is not the only way to use the icons. They can also be included inline with the `svg` tag. Right click any icon on the site and click the 'View SVG' item in the context menu for example code. ```html SVG Inline Exmaple @@ -64,7 +72,7 @@ The web font is not the only way to use the icons. They can also be included inl ``` -SVGs like the web font can be overlayed and combined. +SVGs like the webfont can be overlayed and combined. ```html Overlay Example