Skip to content

Instantly share code, notes, and snippets.

@rsgranne

rsgranne/oasis-star-wars-bootstrap.html

Last active July 13, 2018 01:28
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rsgranne/6707f3d71d6d2b996a1a2311931b1a7e to your computer and use it in GitHub Desktop.
Save rsgranne/6707f3d71d6d2b996a1a2311931b1a7e to your computer and use it in GitHub Desktop.
Download ZIP
HTML code for oasis-star-wars-bootstrap
Raw
oasis-star-wars-bootstrap.html
<div class="row">
<div class="col-xs-12">
<div>
<h2 class="h3">Beru Lars</h2>
<p>
<img src="images/beru.jpg" width="95%" title="Aunt Beru Lars" alt="Aunt Beru Lars">
</p>
<table>
<tr>
<th>
Born:
</th>
<td>
47 BBY
</td>
</tr>
<tr>
<th>
Height:
</th>
<td>
1.6 m
</td>
</tr>
<tr>
<th>
Weight:
</th>
<td>
75 kg
</td>
</tr>
<tr>
<th>
Strength:
</th>
<td>
13
</td>
</tr>
<tr>
<th>
Dexterity:
</th>
<td>
6
</td>
</tr>
<tr>
<th>
Hair Color:
</th>
<td>
Brown
</td>
</tr>
</table>
<div>
<button class="btn btn-default" type="submit">Choose</button>
</div>
</div>
<div>
<h2 class="h3">Biggs Darklighter</h2>
<p>
<img src="images/biggs.jpg" width="95%" title="Biggs Darklighter" alt="Biggs Darklighter">
</p>
<table>
<tr>
<th>
Born:
</th>
<td>
24 BBY
</td>
</tr>
<tr>
<th>
Height:
</th>
<td>
1.7 m
</td>
</tr>
<tr>
<th>
Weight:
</th>
<td>
84 kg
</td>
</tr>
<tr>
<th>
Strength:
</th>
<td>
14
</td>
</tr>
<tr>
<th>
Dexterity:
</th>
<td>
6
</td>
</tr>
<tr>
<th>
Hair Color:
</th>
<td>
Black
</td>
</tr>
</table>
<div>
<button class="btn btn-default" type="submit">Choose</button>
</div>
</div>
<div>
<h2 class="h3">C-3PO</h2>
<p>
<img src="images/c3po.jpg" width="95%" title="C-3PO" alt="C-3PO">
</p>
<table>
<tr>
<th>
Born:
</th>
<td>
32 BBY
</td>
</tr>
<tr>
<th>
Height:
</th>
<td>
1.6 m
</td>
</tr>
<tr>
<th>
Weight:
</th>
<td>
75 kg
</td>
</tr>
<tr>
<th>
Strength:
</th>
<td>
13
</td>
</tr>
<tr>
<th>
Dexterity:
</th>
<td>
6
</td>
</tr>
<tr>
<th>
Hair Color:
</th>
<td>
N/A
</td>
</tr>
</table>
<div>
<button class="btn btn-default" type="submit">Choose</button>
</div>
</div>
<div>
<h2 class="h3">Darth Vader</h2>
<p>
<img src="images/darth.jpg" width="95%" title="Darth Vader" alt="Darth Vader">
</p>
<table>
<tr>
<th>
Born:
</th>
<td>
41.9 BBY
</td>
</tr>
<tr>
<th>
Height:
</th>
<td>
1.9 m
</td>
</tr>
<tr>
<th>
Weight:
</th>
<td>
136 kg
</td>
</tr>
<tr>
<th>
Strength:
</th>
<td>
17
</td>
</tr>
<tr>
<th>
Dexterity:
</th>
<td>
6
</td>
</tr>
<tr>
<th>
Hair Color:
</th>
<td>
None
</td>
</tr>
</table>
<div>
<button class="btn btn-default" type="submit">Choose</button>
</div>
</div>
<div>
<h2 class="h3">Leia Organa</h2>
<p>
<img src="images/leia.jpg" width="95%" title="Leia Organa" alt="Leia Organa">
</p>
<table>
<tr>
<th>
Born:
</th>
<td>
19 BBY
</td>
</tr>
<tr>
<th>
Height:
</th>
<td>
1.4 m
</td>
</tr>
<tr>
<th>
Weight:
</th>
<td>
49 kg
</td>
</tr>
<tr>
<th>
Strength:
</th>
<td>
11
</td>
</tr>
<tr>
<th>
Dexterity:
</th>
<td>
7
</td>
</tr>
<tr>
<th>
Hair Color:
</th>
<td>
Brown
</td>
</tr>
</table>
<div>
<button class="btn btn-default" type="submit">Choose</button>
</div>
</div>
<div>
<h2 class="h3">Luke Skywalker</h2>
<p>
<img src="images/luke.jpg" width="95%" title="Luke Skywalker" alt="Luke Skywalker">
</p>
<table>
<tr>
<th>
Born:
</th>
<td>
19 BBY
</td>
</tr>
<tr>
<th>
Height:
</th>
<td>
1.6 m
</td>
</tr>
<tr>
<th>
Weight:
</th>
<td>
77 kg
</td>
</tr>
<tr>
<th>
Strength:
</th>
<td>
13
</td>
</tr>
<tr>
<th>
Dexterity:
</th>
<td>
6
</td>
</tr>
<tr>
<th>
Hair Color:
</th>
<td>
Blond
</td>
</tr>
</table>
<div>
<button class="btn btn-default" type="submit">Choose</button>
</div>
</div>
<div>
<h2 class="h3">Obi-Wan Kenobi</h2>
<p>
<img src="images/obi-wan.jpg" width="95%" title="Obi-Wan Kenobi" alt="Obi-Wan Kenobi">
</p>
<table>
<tr>
<th>
Born:
</th>
<td>
57 BBY
</td>
</tr>
<tr>
<th>
Height:
</th>
<td>
1.7 m
</td>
</tr>
<tr>
<th>
Weight:
</th>
<td>
77 kg
</td>
</tr>
<tr>
<th>
Strength:
</th>
<td>
13
</td>
</tr>
<tr>
<th>
Dexterity:
</th>
<td>
6
</td>
</tr>
<tr>
<th>
Hair Color:
</th>
<td>
Auburn
</td>
</tr>
</table>
<div>
<button class="btn btn-default" type="submit">Choose</button>
</div>
</div>
<div>
<h2 class="h3">Owen Lars</h2>
<p>
<img src="images/owen.jpg" width="95%" title="Owen Lars" alt="Owen Lars">
</p>
<table>
<tr>
<th>
Born:
</th>
<td>
52 BBY
</td>
</tr>
<tr>
<th>
Height:
</th>
<td>
1.7 m
</td>
</tr>
<tr>
<th>
Weight:
</th>
<td>
120 kg
</td>
</tr>
<tr>
<th>
Strength:
</th>
<td>
16
</td>
</tr>
<tr>
<th>
Dexterity:
</th>
<td>
6
</td>
</tr>
<tr>
<th>
Hair Color:
</th>
<td>
Brown
</td>
</tr>
</table>
<div>
<button class="btn btn-default" type="submit">Choose</button>
</div>
</div>
<div>
<h2 class="h3">R2-D2</h2>
<p>
<img src="images/r2d2.jpg" width="95%" title="R2-D2" alt="R2-D2">
</p>
<table>
<tr>
<th>
Born:
</th>
<td>
33 BBY
</td>
</tr>
<tr>
<th>
Height:
</th>
<td>
0.9 m
</td>
</tr>
<tr>
<th>
Weight:
</th>
<td>
32 kg
</td>
</tr>
<tr>
<th>
Strength:
</th>
<td>
8
</td>
</tr>
<tr>
<th>
Dexterity:
</th>
<td>
10
</td>
</tr>
<tr>
<th>
Hair Color:
</th>
<td>
N/A
</td>
</tr>
</table>
<div>
<button class="btn btn-default" type="submit">Choose</button>
</div>
</div>
<div>
<h2 class="h3">Jyn Erso</h2>
<p>
<img src="images/jyn.jpg" width="95%" title="Jyn Erso" alt="Jyn Erso">
</p>
<table>
<tr>
<th>
Born:
</th>
<td>
22 BBY
</td>
</tr>
<tr>
<th>
Height:
</th>
<td>
1.6 m
</td>
</tr>
<tr>
<th>
Weight:
</th>
<td>
52 kg
</td>
</tr>
<tr>
<th>
Strength:
</th>
<td>
11
</td>
</tr>
<tr>
<th>
Dexterity:
</th>
<td>
7
</td>
</tr>
<tr>
<th>
Hair Color:
</th>
<td>
Brown
</td>
</tr>
</table>
<div>
<button class="btn btn-default" type="submit">Choose</button>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment