Skip to content

Instantly share code, notes, and snippets.

@jacobmischka

jacobmischka/index.html

Created March 12, 2016 17:32
Show Gist options
  • Save jacobmischka/cd3851f4e555265042e7 to your computer and use it in GitHub Desktop.
Save jacobmischka/cd3851f4e555265042e7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<html>
<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<style>
img {
width: 100%;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-sm-6">
<h2>Gems</h2>
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading">Main hand</div>
<div class="panel-body">
<img src="-text.png" />
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">Gloves</div>
<div class="panel-body">
<img src="-text.png" />
</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading">Helmet</div>
<div class="panel-body">
<img src="-text.png" />
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">Body</div>
<div class="panel-body">
<img src="-text.png" />
</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading">Off hand</div>
<div class="panel-body">
<img src="-text.png" />
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">Boots</div>
<div class="panel-body">
<img src="-text.png" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<h2>Edit</h2>
<div class="panel panel-default">
<div class="panel-body">
<input class="form-control" type="text" placeholder="Gem name" />
</div>
</div>
</div>
<div class="col-sm-3">
<h2>Summary</h2>
<div class="panel panel-default">
<div class="panel-body">
<p>
Shit
</p>
</div>
</div>
</div>
</div>
</div>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/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