11.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Create your own bootstrap</title>
    <link rel="stylesheet" href="css/components.min.css">
    <link rel="stylesheet" href="css/preso.css">
  </head>

  <body>
    <header class="k-header">
      <div class="k-wrapper">
        <h1><a class="k-headline" href="1.html">Bad practices</a></h1>
      </div>
    </header>
    <div class="k-content">
      <div class="k-middle k-center full-height">
        <div class="k-body">
          <header>
            <h2 class="k-display">Enforced HTML structure</h2>
          </header>
          <div two-columns class="k-left">
            <ul class="k-list disc">
              <li>It's good to provide a HTML structure…</li>
              <li>…but it's <i class="color-significant">bad to enforce it</i>.</li>
              <li>Frameworks should provide <i class="color-significant">mixins & variables</i>.</li>
              <li>CSS should be easy to override (mind selectors!)</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <script src="js/scripts.js"></script>
  </body>
</html>