owzzz

<input type="text" class="form-control" placeholder="Text input">

owzzz

<form role="form">
  <div class="form-group">
    <label for="firstName">First Name</label>
    <input type="text" class="form-control" required="" id="firstName" placeholder="First Name">
  </div>
  <div class="form-group">
    <label for="lastName">Last Name</label>
    <input type="text" class="form-control" required="" id="lastName" placeholder="Last Name">
  </div>
  <div class="form-group">

owzzz

<div class="overlay mini-overlay main-overlay overlay-slideup">
	<div class="overlay-inner">
		<div class="center overlay-content">
			<span class="overlay-close icon-close icon"></span>
			<h2 class="alt-header-type-bold text-center">Sorry this size/color <br/> combination is out of stock</h2>
			<p class="text-center">Please enter your email address below <br> and we will notify you when it become available</p>
			<div class="form-group center form-group-inline">
			    <label for="emailAddress" class="hidden">Enter email address</label>
			    <input type="text" class="form-control" id="emailAddress" placeholder="Enter Email Address">
			    <button type="button" class="btn btn-secondary btn-outline-black">Submit</button>

owzzz

<p>...</p>

owzzz

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis maxime cumque autem. Possimus sunt voluptatibus totam labore neque deleniti cum dolorum dolores? Dolores, modi, aperiam, itaque esse consectetur adipisci officiis ipsam saepe asperiores officia blanditiis quas iusto deserunt voluptatum hic corporis labore quam vero doloremque tenetur dicta repudiandae voluptatem dolor!</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis maxime cumque autem. Possimus sunt voluptatibus totam labore neque deleniti cum dolorum dolores? Dolores, modi, aperiam, itaque esse consectetur adipisci officiis ipsam saepe asperiores officia blanditiis quas iusto deserunt voluptatum hic corporis labore quam vero doloremque tenetur dicta repudiandae voluptatem dolor!</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis maxime cumque autem. Possimus sunt voluptatibus totam labore neque deleniti cum dolorum dolores? Dolores, modi, aperiam, itaque esse consectetur adipisci

owzzz

<h1>H1 Heading</h1>
<h2>H2 Heading</h2>
<h3>H3 Heading</h3>
<h4>H4 Heading</h4>

<h1 class="alt-header-type-bold">H1 Alternative Heading</h1>
<h2 class="alt-header-type-bold">H2 Alternative Heading</h2>
<h3 class="alt-header-type-bold">H3 Alternative Heading</h3>

owzzz

Libraries

• jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
• Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
• AngularJS - Conventions based MVC framework for HTML5 apps.
• Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
• lawnchair - Key/value store adapter for indexdb, localStorage

owzzz

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

owzzz

[{
    "name": "Owain Llewellyn",
    "id": "01",
    "avatarUrl": "http://www.placehold.it/50x50"
},
{
    "name": "Ignacio Gil",
    "id": "02",
    "avatarUrl": "http://www.placehold.it/50x50"
},

owzzz

{
    "name": "Panella1",
    "id": "01",
    "avatarUrl": "http://www.placehold.it/50x50",
    "members": [{
            "name": "Owain Llewellyn",
            "id": "01",
            "avatarUrl": "http://www.placehold.it/50x50"
        },
        {