pbojinov
12/31/2015 - 7:27 AM

Camera Modes - JS Bin// source https://jsbin.com/binoho

Camera Modes - JS Bin// source https://jsbin.com/binoho

jsbin.binoho.css
content_copyfile_download
body {
	font-size: 1.2em;
	line-height: 1.5em;
}
index.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css" />
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  <meta charset="utf-8">
  <title>JS Bin</title>
<style id="jsbin-css">
body {
	font-size: 1.2em;
	line-height: 1.5em;
}
</style>
</head>
<body>
<table class="table">
  <thead>
    <tr>
      <th>Mode</th>
      <th>Shutter Speed</th>
      <th>Aperture</th>
    </th>
  </thead>
	<tbody>
	  <tr>
		  <td><strong>P</strong> - programmed auto</td>
  	      <td><i class="fa fa-camera"></i></td>
	      <td><i class="fa fa-camera"></i></td>
	</tr>
	  <tr>
		  <td><strong>S</strong> - shutter priority auto</td>
  	      <td><i class="fa fa-male"></i></td>
	      <td><i class="fa fa-camera"></i></td>
	</tr>
	  <tr>
		  <td><strong>A</strong> - aperture priority auto</td>
  	      <td><i class="fa fa-camera"></i></td>
	      <td><i class="fa fa-male"></i></td>
	</tr>
	  <tr>
		  <td><strong>M</strong> - manual</td>
  	      <td><i class="fa fa-male"></i></td>
	      <td><i class="fa fa-male"></i></td>
	</tr>
	</tbody>
</table>


<script id="jsbin-source-css" type="text/css">body {
	font-size: 1.2em;
	line-height: 1.5em;
}</script>
</body>
</html>