p
  | There are 5 ways to get started with Spectre CSS framework in your projects. You can either install manually, from CDN or use package managers.

+docs-subheading('install-manually', 'Install manually')
p
  | Download the compiled and minified 
  a(href='https://github.com/picturepan2/spectre/releases', target='_blank') Spectre CSS file
  |  (core ~10KB min+gzip):
p
  a.btn.btn-primary(href='https://github.com/picturepan2/spectre/releases', target='_blank') Download Spectre.css
p
  | Include 
  code spectre.css
  |  located in 
  strong /dist
  |  in your website or Web app <head>. Also, you can add 
  code spectre-icons.css
  |  and 
  code spectre-exp.css
  |  accordingly.

//- install manually
pre.code(data-lang='HTML')
  code
    :highlight(lang="html")

+docs-subheading('install-cdn', 'Install from CDN')
p
  | Alternatively, you can use the 
  a(href='https://unpkg.com/', target='_blank') unpkg
  |  or 
  a(href='https://cdnjs.com/libraries/spectre.css', target='_blank') cdnjs
  |  CDN to load compiled Spectre.css.

//- install from CDN
pre.code(data-lang='HTML')
  code
    :highlight(lang="html")

+docs-subheading('install-npm', 'Install with NPM')

//- install with npm
pre.code(data-lang='Bash')
  code
    :highlight(lang="Bash")
      npm install spectre.css --save

+docs-subheading('install-yarn', 'Install with Yarn')

//- install with yarn
pre.code(data-lang='Bash')
  code
    :highlight(lang="bash")
      yarn add spectre.css

+docs-subheading('install-bower', 'Install from Bower')

//- install with bower
pre.code(data-lang='Bash')
  code
    :highlight(lang="bash")
      bower install spectre.css --save