Skip to content

Instantly share code, notes, and snippets.

View ozee's full-sized avatar
🏠
Working from home

David Ozee ozee

🏠
Working from home
  • Visiting Media
  • Fort Worth, TX
View GitHub Profile
@ozee
ozee / gist:3994910
Created November 1, 2012 16:40
Javascript: JQuery - smooth scrolling to anchor
$(document).ready(function() {
$("myLink").click(function() {
$("html, body").animate({
scrollTop: $($(this).attr("href")).offset().top + "px"
}, {
duration: 450,
easing: "easeOutBounce"
});
return false;
});
@ozee
ozee / gist:3994553
Created November 1, 2012 15:59
HTML: Bootstrap - simple registration form | alternate
<div class="span3 well">
<legend>New to WebApp? Sign up!</legend>
<form accept-charset="UTF-8" action="" method="post">
<input class="span3" name="name" placeholder="Full Name" type="text">
<input class="span3" name="username" placeholder="Username" type="text">
<input class="span3" name="password" placeholder="Password" type="password">
<button class="btn btn-warning" type="submit">Sign up for WebApp</button>
</form>
</div>
@ozee
ozee / gist:3994547
Created November 1, 2012 15:58
HTML: Bootstrap - Simple login form | alternate
<div class="row">
<div class="span4 offset4">
<div class="well">
<legend>Sign in to WebApp</legend>
<form method="POST" action="" accept-charset="UTF-8">
<div class="alert alert-error">
<a class="close" data-dismiss="alert" href="#">x</a>
Incorrect Username or Password!
</div>
<input class="span3" placeholder="Username" type="text" name="username">
@ozee
ozee / gist:3994543
Created November 1, 2012 15:57
HTML: Bootstrap - simple navbar
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">WebApp</a>
<div class="nav-collapse">
@ozee
ozee / gist:3994539
Created November 1, 2012 15:57
HTML: Bootstrap - Text Editor toolbar UI
<div class="btn-toolbar">
<div class="btn-group">
<button class="btn" data-original-title="Bold - Ctrl+B"> <i class="icon-bold"></i>
</button>
<button class="btn" data-original-title="Italic - Ctrl+I"> <i class="icon-italic"></i>
</button>
<button class="btn" data-original-title="List">
<i class="icon-list"></i>
</button>
<button class="btn" data-original-title="Img">
@ozee
ozee / gist:3994535
Created November 1, 2012 15:56
HTML: Bootstrap - Full width login form
<div class="container">
<div class="row">
<div class="span4 offset4 well">
<legend>Please Sign In</legend>
<div class="alert alert-error">
<a class="close" data-dismiss="alert" href="#">×</a>
Incorrect Username or Password!
</div>
<form method="POST" action="" accept-charset="UTF-8">
<input type="text" id="username" class="span4" name="username" placeholder="Username">
@ozee
ozee / gist:3994525
Created November 1, 2012 15:55
HTML: Bootstrap - simple progress bar
<div class="span4">
<h1>Formatting drive C:</h1>
36% Formatted
<span class="pull-right">Please wait...</span>
<div class="progress progress-striped active">
<div class="bar" style="width: 36%;"></div>
</div>
<p>
<button class="btn btn-primary disabled" type="button">Format</button>
<button class="btn btn-mini" type="button">Cancel</button>
@ozee
ozee / gist:3994521
Created November 1, 2012 15:54
HTML: Bootstrap - simple quiz UI
<div class="row">
<div class="span5">
<h4>
<a href="#">Lesson 1</a>
</h4>
<p>
Overview of the course, prerequisites, instructor contact information, syllabus, location information
</p>
</div>
<div class="span3">
@ozee
ozee / gist:3994513
Created November 1, 2012 15:54
HTML: Bootstrap - simple poll
<div class="span6">
<h5>Poll: Where do you usually browse</h5> <strong>Windows PC</strong>
<span class="pull-right">30%</span>
<div class="progress progress-danger active">
<div class="bar" style="width: 30%;"></div>
</div> <strong>Mac</strong>
<span class="pull-right">40%</span>
<div class="progress progress-info active">
<div class="bar" style="width: 40%;"></div>
</div>
@ozee
ozee / gist:3994511
Created November 1, 2012 15:53
HTML: Bootstrap - month view calendar
<table class="table-condensed table-bordered table-striped">
<thead>
<tr>
<th colspan="7" class="btn-group" >
<a class="btn"> <i class="icon-chevron-left"></i>
</a>
<a class="btn">February 2012</a>
<a class="btn"> <i class="icon-chevron-right"></i>
</a>
</th>