WSE styleguide full

by hxtpoe

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="//wse.ui.ioki.pl/wse/css/strap.min.css">
<article>
  <h1 id="readme" class="wse-typo-g1 text-center page-header">Wallstreet English - Digital Living Styleguide (v1.6.0)</h1>

  <div class="row">
    <div class="col-md-12">
      <p class="text-center">
        <img src="http://wse.ui.ioki.pl/wse/images/logo.png" height="150px" class="logo" alt="Logo Alt Text">
      </p>

      <h3 class="text-center">
                a flexible and consistent styleguide designed and developed by pearson technology <br> for the
                wallstreet english new student experience
            </h3>

      <h5 class="text-center">You can contact us via <a
                    href="mailto:[email protected]">[email protected]</a>. Feel free to request new features or
                report a bug.</h5>

      <p class="text-center">
        <a target="_blank" href="https://devops-tools.pearson.com/stash/projects/NFC/repos/wseduo/browse/dist/Strap-0.0.1.zip">
          <button class="text-center btn btn-primary btn-lg"><i class="fa fa-cloud"></i> Download WSEstrap
          </button>
        </a>
        <a target="_blank" href="http://ui.ioki.pl/pe-bootstrap-lab-wse/_dist//strap-png-elements.zip">
          <button class="text-center btn btn-secondary btn-lg"><i class="fa fa-cloud"></i> Download WSE UI Library (PNG files)
          </button>
        </a>
      </p>
      <p class="text-center">Repository available at <a href="https://devops-tools.pearson.com/stash/projects/NFC/repos/wseduo/browse">Pearson Stash</a></p>
    </div>
  </div>
</article>
<article>

  <div class="bs-example" data-example-id="btn-variants">
    <p>
      <button type="button" class="btn btn-default">Default</button>
      <button type="button" class="btn btn-primary">Primary</button>
      <button type="button" class="btn btn-secondary">Secondary</button>
     ...