Skip to content

Instantly share code, notes, and snippets.

@owzzz
owzzz / select.html
Last active August 29, 2015 14:02
Select Input
<select class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
@owzzz
owzzz / Medialist.html
Created June 17, 2014 19:49
Media List
<ul class="list-media">
<li>
<div class="media-photo">
<img src="http://www.placehold.it/50x50" alt="" />
</div>
<div class="media-content">
<h6>Paris</h6>
Size: Small<br/>
Qty: 1<br/>
<span class="oversized">$114.00</span>
@owzzz
owzzz / herobanner.html
Last active August 29, 2015 14:02
Hero Banner
<div class="hero-banner">
<img src="http://www.placehold.it/982x300" alt="" />
<h3>Girl, you so stylish!<br/> Congratulations on your purchase!</h3>
</div>
@owzzz
owzzz / selectablelist.html
Created June 17, 2014 18:44
Selectable List
<ul class="list-selectable">
<li>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
</label>
</div>
<div class="address">
<h6>42nd Street - Times Square</h6>
456 Park Ave,<br/>
@owzzz
owzzz / standardlist.html
Created June 17, 2014 18:39
Standard List
<ul class="list">
<li>
<h6>42nd Street - Times Square</h6>
456 Park Ave,<br/>
New York, NY, 10013<br/>
</li>
<li>
<h6>14th Street - Union Square</h6>
456 Park Ave,<br/>
New York, NY, 10013<br/>
@owzzz
owzzz / search
Last active August 29, 2015 14:02
Search Example
@owzzz
owzzz / Buttons
Last active August 29, 2015 14:02
Buttons
<!-- btn-outline-black -->
<button type="button" class="btn btn-primary btn-outline-black">Primary</button>
<button type="button" class="btn btn-secondary btn-outline-black">Secondary</button>
<button type="button" class="btn btn-tertiary btn-outline-black">Tertiary</button>
<!-- btn-full-black -->
<button type="button" class="btn btn-primary btn-full-black">Primary</button>
<button type="button" class="btn btn-secondary btn-full-black">Secondary</button>
<button type="button" class="btn btn-tertiary btn-full-black">Tertiary</button>
@owzzz
owzzz / gist:318cc53369df791b3314
Created May 30, 2014 15:48
Validation Messages Example
<div class="form-group has-success">
<label class="control-label" for="inputSuccess1">Input with success</label>
<input type="text" class="form-control" id="inputSuccess1">
</div>
<div class="form-group has-warning">
<label class="control-label" for="inputWarning1">Input with warning</label>
<input type="text" class="form-control" id="inputWarning1">
</div>
<div class="form-group has-error">
<label class="control-label" for="inputError1">Input with error</label>
@owzzz
owzzz / radio-cheboxes.html
Last active August 29, 2015 14:01
Radios and Checkbox examples
<div class="checkbox">
<label>
<input type="checkbox" value="">
Option one is this and that&mdash;be sure to include why it's great
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@owzzz
owzzz / Textarea Input Field
Created May 29, 2014 14:39
Text Area Input Field
<textarea class="form-control" rows="3"></textarea>