Skip to content

Instantly share code, notes, and snippets.

@KyFaSt

KyFaSt/edit app

Created November 10, 2013 19:44
Show Gist options
  • Save KyFaSt/7402945 to your computer and use it in GitHub Desktop.
Save KyFaSt/7402945 to your computer and use it in GitHub Desktop.
Download ZIP
edit application
Raw
edit app
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<script>
$(document).ready(function() {
// page is now ready, initialize the calendar...
$('#calendar').fullCalendar({
// put your options and callbacks here
});
});
</script>
</head>
<body>
<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Project Scholar</a>
</div>
<div class="collapse navbar-collapse rightalign">
<ul class="nav navbar-nav pull-right">
<li><a href="#">Welcome Kylie</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!-- /.nav-collapse -->
</div><!-- /.container -->
</div><!-- /.navbar -->
<div class="container">
<form class="form-horizontal">
<fieldset>
<form class="form-horizontal">
<fieldset>
<form class="form-horizontal">
<fieldset>
<!-- Form Name -->
<legend>Edit Application</legend>
<!-- Multiple Checkboxes -->
<div class="control-group">
<label class="control-label" for="trans"></label>
<div class="controls">
<label class="checkbox" for="trans-0">
<input type="checkbox" name="trans" id="trans-0" value="Official Transcript Sent">
Official Transcript Sent
</label>
</div>
</div>
<!-- Multiple Checkboxes -->
<div class="control-group">
<label class="control-label" for="actsat"></label>
<div class="controls">
<label class="checkbox" for="actsat-0">
<input type="checkbox" name="actsat" id="actsat-0" value="Official ACT/SAT Sent">
Official ACT/SAT Sent
</label>
</div>
</div>
<!-- Multiple Checkboxes -->
<div class="control-group">
<label class="control-label" for="recs"></label>
<div class="controls">
<label class="checkbox" for="recs-0">
<input type="checkbox" name="recs" id="recs-0" value="Recommendations have been mailed">
Recommendations have been mailed
</label>
</div>
</div>
<!-- Multiple Checkboxes -->
<div class="control-group">
<label class="control-label" for="ps"></label>
<div class="controls">
<label class="checkbox" for="ps-0">
<input type="checkbox" name="ps" id="ps-0" value="Personal Statement">
Personal Statement
</label>
</div>
</div>
<!-- Textarea -->
<div class="control-group">
<label class="control-label" for="pstate"></label>
<div class="controls">
<textarea id="pstate" style="width:500px; height:140px" name="pstate">Type your Personal Statement here</textarea>
</div>
</div>
<!-- Multiple Checkboxes -->
<div class="control-group">
<label class="control-label" for="resume"></label>
<div class="controls">
<label class="checkbox" for="resume-0">
<input type="checkbox" name="resume" id="resume-0" value="Resume">
Resume
</label>
</div>
</div>
<!-- File Button -->
<div class="control-group">
<label class="control-label" for="filebutton">Upload New</label>
<div class="controls">
<input id="filebutton" name="filebutton" class="input-file" type="file">
</div>
</div>
<!-- Multiple Checkboxes -->
<div class="control-group">
<label class="control-label" for="parentfinance"></label>
<div class="controls">
<label class="checkbox" for="parentfinance-0">
<input type="checkbox" name="parentfinance" id="parentfinance-0" value="Submitted Parent's Financial Info">
Submitted Parent's Financial Info
</label>
</div>
</div>
<!-- Multiple Checkboxes -->
<div class="control-group">
<label class="control-label" for="project"></label>
<div class="controls">
<label class="checkbox" for="project-0">
<input type="checkbox" name="project" id="project-0" value="Project Submitted">
Project Submitted
</label>
</div>
</div>
<!-- Multiple Checkboxes -->
<div class="control-group">
<label class="control-label" for="work"></label>
<div class="controls">
<label class="checkbox" for="work-0">
<input type="checkbox" name="work" id="work-0" value="Work Experience">
Work Experience
<table class="table table-bordered">
<thead>
<tr>
<th>Type</th>
<th>Years</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr class="active">
<td></td>
<td></td>
<td></td>
</tr>
<tr class="active">
<td></td>
<td></td>
<td></td>
</tr>
<tr class="active">
<td></td>
<td></td>
<td></td>
</tr>
</table>
</label>
</div>
</div>
<!-- Multiple Checkboxes -->
<div class="control-group">
<label class="control-label" for="communitysvc"></label>
<div class="controls">
<label class="checkbox" for="communitysvc-0">
<input type="checkbox" name="communitysvc" id="communitysvc-0" value="Community Service">
Community Service
<table class="table table-bordered">
<thead>
<tr>
<th>Type</th>
<th>Years</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr class="active">
<td></td>
<td></td>
<td></td>
</tr>
<tr class="active">
<td></td>
<td></td>
<td></td>
</tr>
<tr class="active">
<td></td>
<td></td>
<td></td>
</tr>
</table>
</label>
</div>
</div>
<!-- Multiple Checkboxes -->
<div class="control-group">
<label class="control-label" for="honors"></label>
<div class="controls">
<label class="checkbox" for="honors-0">
<input type="checkbox" name="honors" id="honors-0" value="Honors/Awards">
Honors/Awards
<table class="table table-bordered">
<thead>
<tr>
<th>Type</th>
<th>Years</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr class="active">
<td></td>
<td></td>
<td></td>
</tr>
<tr class="active">
<td></td>
<td></td>
<td></td>
</tr>
<tr class="active">
<td></td>
<td></td>
<td></td>
</tr>
</table>
</label>
</div>
</div>
<!-- Multiple Checkboxes -->
<div class="control-group">
<label class="control-label" for="extra"></label>
<div class="controls">
<label class="checkbox" for="extra-0">
<input type="checkbox" name="extra" id="extra-0" value="Extra Questions Required:">
Extra Questions Required:
</label>
</div>
</div>
<!-- Textarea -->
<div class="control-group">
<label class="control-label" for="textarea">1. What is the meaning of life, the universe, everything?</label>
<div class="controls">
<textarea id="textarea" style="width:500px; height:140px" name="textarea"></textarea>
</div>
</div>
<!-- Textarea -->
<div class="control-group">
<label class="control-label" for="textarea">2. Describe, in your own words, to a blind person, the color blue:</label>
<div class="controls">
<textarea id="textarea" style="width:500px; height:140px" name="textarea"></textarea>
</div>
</div>
</fieldset>
</form>
<!-- Button (Double) -->
<div class="control-group">
<label class="control-label" for="button1id"></label>
<div class="controls">
<button id="button1id" name="button1id" class="btn btn-success">Submit</button>
<button id="button2id" name="button2id" class="btn btn-danger">Cancel</button>
</div>
</div>
</fieldset>
</form>
<div class="row row-offcanvas row-offcanvas-right">
<div class="col-xs-12 col-sm-9">
<p class="pull-right visible-xs">
<button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
</p>
</div><!--/row-->
<hr>
<footer>
<p>&copy; Company 2013</p>
</footer>
</div><!--/.container-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment