Skip to content

Instantly share code, notes, and snippets.

View ColinW520's full-sized avatar
🏠
Working from home

Colin Hagan ColinW520

🏠
Working from home
  • Procare Software
  • Fort Collins, CO
View GitHub Profile
@ColinW520
ColinW520 / ResponsiveImage.html
Created December 3, 2015 15:47
A single, responsive image
<img class="img-responsive" src="http://google.com/some_image" alt="DescribeImageHere">
@ColinW520
ColinW520 / TableWithHoverAndStripedRows.html
Created December 3, 2015 15:45
Simple Bootstrap Table Markup
<table class="table table-striped table-hover">
<thead>
<tr>
<th>Normal</th>
<th>Potential Early Alzheimers Disease*</th>
</tr>
</thead>
<tbody>
<tr>
<td>Can’t find your keys</td>
@ColinW520
ColinW520 / BlueDonateButton.html
Created December 3, 2015 15:41
A blue, outlined, donation button with no cause/trial selected.
<a data-no-turbolink="true" class="btn btn-lg btn-outline-info" id="TrialDonationButton" href="/donations/new?amount=15">DONATE NOW</a>
@ColinW520
ColinW520 / CountdownBlock.html
Created December 3, 2015 02:32
Anywhere in the G2C app this countdown block is thrown in, it will initialize via JS
<div class="countdown-block">
<h4 id="counter"></h4>
</div>
@ColinW520
ColinW520 / GiveToCureSliderInfographicSlider.html
Created December 2, 2015 19:00
A slider for givetocure infographics
<div class="carousel slide" data-ride="carousel" id="carousel-home">
<!-- Indicators -->
<ol class="carousel-indicators text-center">
<li class="" data-slide-to="0" data-target="#carousel-example-generic"></li>
<li data-slide-to="1" data-target="#carousel-example-generic" class="active"></li>
<li data-slide-to="2" data-target="#carousel-example-generic"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item">
@ColinW520
ColinW520 / GiveToCureCollapsibleHeaderExample.html
Last active December 2, 2015 21:14
Give To Cure Collapsible Header Example
/* The list name can be anything, just be sure to reference it appropriately with each child element.*/
<div id="faq_list">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12 col-xs-12">
<div id="faq2">
<h4 class="content-title-secondary clickable collapsible-header">
<a aria-controls="faq2" aria-expanded="false" class="text-info collapsed" data-parent="#faq_list" data-toggle="collapse" href="#faq2Collapse">
WHO TYPICALLY FUNDS CLINICAL TRIALS? WHY IS THERE A FUNDING GAP?
</a>
</h4>