<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<body>
<div class="container">
<center>
<h2>Download full source code</h2>
</center>
<section class="color-pattern-1">
<div>
<button class="button button-1 button-1a">Button</button>
<button class="button button-1 button-1b">Button</button>
<button class="button button-1 button-1c">Button</button>
</div>
<div>
<button class="button button-1 button-1d">Button</button>
<button class="button button-1 button-1e">Button</button>
<button class="button button-1 button-1f">Button</button>
</div>
</section>
<section class="color-pattern-2">
<div>
<button class="button button-2 button-2a">Button</button>
<button class="button button-2 button-2b">Button</button>
</div>
<div>
<button class="button button-2 button-2c">Button</button>
<button class="button button-2 button-2d">Button</button>
</div>
<div>
<button class="button button-2 button-2e">Button</button>
<button class="button button-2 button-2f">Button</button>
</div>