Calculator Markup

  <!-- demo code for calculator UI -->
        <h1>Calculator</h1>
			<div class="well row">
				<div class="col-md-2 text-center">
					<p class="badge">ADD</p>
				</div>
				<div class="col-md-2">
				<input type="text" class="form-control" id="add_a" placeholder="Enter Number (a)">		
				</div>
				<div class="col-md-1 text-center">
					<label>+</label>
				</div>
				<div class="col-md-2">
				<input type="text" class="form-control" id="add_b" placeholder="Enter Number (b)">		
				</div>
				<div class="col-md-1 text-center">
					<label>=</label>
				</div>
				<div class="col-md-2">
				<input type="text" class="form-control disabled" disabled id="add_c" placeholder="Result">		
				</div>
			</div>


			<div class="well row">
			<div class="col-md-2 text-center">
					<p class="badge">SUBTRACT</p>
				</div>
				<div class="col-md-2">
				<input type="text" class="form-control" id="add_a" placeholder="Enter Number (a)">		
				</div>
				<div class="col-md-1 text-center">
					<label>-</label>
				</div>
				<div class="col-md-2">
				<input type="text" class="form-control" id="add_b" placeholder="Enter Number (b)">		
				</div>
				<div class="col-md-1 text-center">
					<label>=</label>
				</div>
				<div class="col-md-2">
				<input type="text" class="form-control disabled" disabled id="add_c" placeholder="Result">		
				</div>
			</div>

			<div class="well row">
				<div class="col-md-2 text-center">
					<p class="badge">MULTIPLY</p>
				</div>
				<div class="col-md-2">
				<input type="text" class="form-control" id="add_a" placeholder="Enter Number (a)">		
				</div>
				<div class="col-md-1 text-center">
					<label>*</label>
				</div>
				<div class="col-md-2">
				<input type="text" class="form-control" id="add_b" placeholder="Enter Number (b)">		
				</div>
				<div class="col-md-1 text-center">
					<label>=</label>
				</div>
				<div class="col-md-2">
				<input type="text" class="form-control disabled" disabled id="add_c" placeholder="Result">		
				</div>
			</div>
 

			<div class="well row">
			<div class="col-md-2 text-center">
					<p class="badge">DIVIDE - QUOTIENT</p>
				</div>
				<div class="col-md-2">
				<input type="text" class="form-control" id="add_a" placeholder="Enter Number (a)">		
				</div>
				<div class="col-md-1 text-center">
					<label>/</label>
				</div>
				<div class="col-md-2">
				<input type="text" class="form-control" id="add_b" placeholder="Enter Number (b)">		
				</div>
				<div class="col-md-1 text-center">
					<label>=</label>
				</div>
				<div class="col-md-2">
				<input type="text" class="form-control disabled" disabled id="add_c" placeholder="Result">		
				</div>
			</div>

			<div class="well row">
				<div class="col-md-2 text-center">
					<p class="badge">DIVIDE - REMINDER</p>
				</div>
				<div class="col-md-2">
				<input type="text" class="form-control" id="add_a" placeholder="Enter Number (a)">		
				</div>
				<div class="col-md-1 text-center">
					<label>%</label>
				</div>
				<div class="col-md-2">
				<input type="text" class="form-control" id="add_b" placeholder="Enter Number (b)">		
				</div>
				<div class="col-md-1 text-center">
					<label>=</label>
				</div>
				<div class="col-md-2">
				<input type="text" class="form-control disabled" disabled id="add_c" placeholder="Result">		
				</div>
			</div>

			 <!-- demo code for calculator UI -->