Commit c87784a6 authored by Chris Lamb's avatar Chris Lamb 💬

Drop a bunch of example layouts.

parent 9df5ba77
<div class="page-header mb-4 mt-5">
<h3 id="alerts">Alerts</h3>
<p class="text-muted">Some Description about alerts.</p>
</div>
<div class="row p-5 bg-light">
<div class="col-12 alert alert-primary" role="alert">
This is a primary alert—check it out!
</div>
<div class="col-12 alert alert-success" role="alert">
This is a success alert—check it out!
</div>
<div class="col-12 alert alert-danger" role="alert">
This is a danger alert—check it out!
</div>
<div class="col-12 alert alert-warning" role="alert">
This is a warning alert—check it out!
</div>
</div>
<h1 id="badges"> </h1>
<div class="page-header mb-4 mt-5">
<h3>Badges</h3>
<!--p class="text-muted">Some Description about badges.</p-->
</div>
<div class="row p-5 bg-light">
<div class="col-12">
<h2>Example heading <span class="badge badge-primary">New</span></h2>
</div>
<div class="col-12">
<h4 class="pt-4">Example heading <span class="badge badge-secondary">New</span></h4>
</div>
<div class="col-12">
<h6 class="pt-4">Example heading <span class="badge-pill badge-primary">New</span></h6>
</div>
</div>
\ No newline at end of file
<div id="buttons" class="mb-4">
<h3>Buttons</h3>
<!--p class="text-muted">Some Description about buttons.</p-->
</div>
<div class="row bg-light p-5">
<div class="col-xs-12 col-sm-6 col-md-6 p-1">
<p class="text-black small text-muted m-0 pb-2">Primary</p>
<button type="button" class="btn btn-lg btn-primary mr-2">Primary</button>
<p class="text-black small text-muted m-0 pt-2 pb-2">Ghost</p>
<button type="button" class="btn btn-lg btn-outline-primary mr-2">How to Contribute</button>
<p class="text-black small text-muted m-0 pt-2">Link</p>
<button type="button" class="btn btn-lg btn-link mr-2">Learn more</button>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 p-1">
<p class="text-black small text-muted m-0 pt-2 pb-2">Medium</p>
<button type="button" class="btn btn-primary mr-2">Primary</button>
<button type="button" class="btn btn-outline-primary mr-2">Ghost</button>
<button type="button" class="btn btn-link mr-2">Link</button>
<p class="text-black small text-muted m-0 pt-2 pb-2">Small</p>
<button type="button" class="btn btn-sm btn-primary mr-2">Primary</button>
<button type="button" class="btn btn-sm btn-outline-primary mr-2">Ghost</button>
<button type="button" class="btn btn-sm btn-link mr-2">Link</button>
</div>
</div>
<div class="mt-5" id="cards">
<h1>Cards</h1>
<div class="row bg-light p-md-5 p-sm-3 pt-5 pb-5">
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="card mb-2">
<div class="card-body">
<h4 class="card-title">Reproducible Builds</h4>
<p class="card-text text-muted">Reproducible Builds are a set of software development practices that create an independently-verifiable path from source code to the binary code used by computers.</p>
<a href="#" class="btn btn-primary" onclick="return false;">Visit website</a>
</div>
</div>
<div class="card mb-2">
<div class="card-body">
<h4 class="card-title">Reproducible Builds</h4>
<p class="card-text text-muted">Reproducible Builds are a set of software development practices that create an independently-verifiable path from source code to the binary code used by computers.</p>
<a href="#" class="rb-link" onclick="return false;">Apply</a>
</div>
</div>
<div class="card">
<div class="card-body">
<h4 class="card-title">Reproducible Builds</h4>
<p class="card-text text-muted">Reproducible Builds are a set of software development practices that create an independently-verifiable path from source code to the binary code used by computers.</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="card">
<img class="card-img-top"
src="{{site.baseurl}}/assets/images/placeholder.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">A few things everyone can do now</h4>
<p class="card-text text-muted">Numerous people contribute to the project to varying extents.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Consider <a href="#" class="rb-link" onclick="return false;">
<mark>contributing</mark>
</a> to help the Reproducible Builds project grow.
</li>
<li class="list-group-item">Take a moment to
<mark>donate</mark>
to support further development.
</li>
<li class="list-group-item">Help
<mark>translate</mark>
the documentation into <a href="#" class="rb-link" onclick="return false;">other languages</a>.
</li>
</ul>
<div class="card-body">
<a href="#" class="rb-link" onclick="return false;">View All</a>
</div>
</div>
</div>
</div>
</div>
<h1 id="forms"> </h1>
<div class="page-header mb-4 mt-5">
<h3>Forms</h3>
<!--p class="text-muted">Some Description about Forms.</p-->
</div>
<div class="row">
<form class="bg-light p-5 col-sm-6">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-check">
<label class="form-check-label">
<input type="checkbox" class="form-check-input">
Check me out
</label>
</div>
<button type="submit" class="btn btn-primary mt-4" onclick="return false;">Submit</button>
</form>
</div>
<h1 id="pagination"></h1>
<div class="page-header mb-4 mt-5">
<h3>Pagination</h3>
<!--p class="text-muted">Some Description about pagination.</p-->
</div>
<div class="row bg-light p-5">
<nav aria-label="...">
<ul class="pagination m-0">
<li class="page-item disabled">
<span class="page-link">Previous</span>
</li>
<li class="page-item"><a class="page-link" href="#" onclick="return false;">1</a></li>
<li class="page-item">
<span class="page-link rb-paginate-active">
2<span class="sr-only">(current)</span>
</span>
</li>
<li class="page-item"><a class="page-link" href="#" onclick="return false;">3</a></li>
<li class="page-item">
<a class="page-link" href="#" onclick="return false;">Next</a>
</li>
</ul>
</nav>
</div>
<div class="mt-5" id="tables">
<h1>Tables</h1>
<div class="row mt-5">
<span>Default</span>
<br />
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div>
<div class="row mt-5">
<span>Striped</span>
<br />
<table class="table table-striped">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div>
</div>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment