Skip to content

Instantly share code, notes, and snippets.

View oakley808's full-sized avatar
🌮

Michael Oakley oakley808

🌮
View GitHub Profile
@oakley808
oakley808 / cesc-two-col-content.html
Created May 25, 2016 14:18
Left nav, plus two equal columns in the main content area
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
@oakley808
oakley808 / cesc-right-sidebar.html
Last active May 25, 2016 14:20
Left nav, plus main content area with a right sidebar
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="media-block">
<div class="table-columns">
<div class="row">
<div class="col-md-3">
<div class="grey text-center">
<p>Sustainable
<br>Transportation</p>
</div>
<div class="blue text-center">
<p>Vehicle Technologies</p>
<div class="content-sandwich text-center media-block">
<div class="row">
<div class="col-sm-4">
<div class="col-sm-6 col-sm-push-3 col-xs-6 col-xs-push-3">
<img src="/client/img/icon_colorado_flag.svg" alt="">
</div>
<div class="col-sm-12 col-xs-12">
<h4>Economic Impact</h4>
<p><a href="http://www.nrel.gov/news/press/2015/18509">The economic impact of NREL operations on the nation totaled $872 million</a> and in Colorado, totaled $701 million in fiscal year 2014. NREL is a top ten employer in Jefferson County
<div class="content-sandwich text-center media-block">
<div class="row">
<div class="col-sm-4">
<div class="col-sm-6 col-sm-push-3 col-xs-6 col-xs-push-3">
<img src="/client/img/icon_colorado_flag.svg" alt="">
</div>
<div class="col-sm-12 col-xs-12">
<h4>Economic Impact</h4>
<div class="content-sandwich media-block">
<div class="row">
<div class="col-xs-3 col-sm-2">
<img class="img-responsive" src="/client/img/icon-scale.svg" alt="">
</div>
<div class="col-xs-9 col-sm-10">
<h3>Balancing Public and Private Interest</h3>
<p>Form partnerships that serve the public interest and advance U.S. Department of Energy goals. Demonstrate appropriate stewardship of publicly funded assets, yielding national benefits. Provide value to the commercial partner.</p>
</div>
<div class="row">
<a class="link-tile media-block" href="http://www.nrel.gov/news/press/2016/23648">
<div class="col-xs-4">
<img src="/workingwithus/assets/images/35890-team.jpg" class="img-responsive" alt="Photo of a group of men standing in a laboratory setting">
</div>
<div class="col-xs-8">
NREL Collaboration Boosts Potential for CdTe Solar Cells
</div>
</a>
</div>
<div class="row">
<div class="col-sm-4">
<a href="/bioenergy/facilities.html" class="link-tile media-block">
<img src="/workingwithus/assets/images/31684_830x460.jpg" alt="Photo of a woman in a hard hat and safety glasses using a drill to loosen a bolt on reactor equipment" class="img-responsive">
<h4>Bioenergy</h4>
</a>
</div>
<div class="col-sm-4">
<a href="/buildings/facilities.html" class="link-tile media-block">
<img src="/workingwithus/assets/images/20180_830x460.jpg" alt="Photo of a man operating a data acquisition panel in a laboratory" class="img-responsive">
<div class="row">
<div class="col-sm-4">
<div class="media-block">
<img src="/about/assets/images/[email protected]" alt="A photo of a wind turbine at the National Wind Technology Center." class="img-responsive">
<h4>Wind Power</h4>
<p>An inspection of the blades of a 3 MW Alstom wind turbine is done by rappelling down the blades at the National Wind Technology Center in Boulder, Colorado.</p>
</div>
</div>
<div class="col-sm-4">
@oakley808
oakley808 / nrel-form-elements.html
Created May 18, 2016 18:56
Examples of common form elements
<div class="form-group">
<div class="row">
<div class="col-sm-6">
<label for="name">Your name <span class="required">(Required)</span></label>
<input type="text" class="form-control" id="name" name="name" required>
</div>
</div>
</div>
<div class="form-group">