Accordion Nested in Tabs - Ride to vote
by freedawirl
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="container">
<div class="row">
<h1>Exercise Your Ride To Vote For Free With Capital Metro! /
<span id="esp">¡Somos Su Viaje a Votar!
</span>
</h1>
</div>
<div class="row">
<ul class="nav nav-pills" role="tablist">
<li role="presentation"class="active"><a href="#english" aria-controls="open" role="tab" data-toggle="tab" >English</a></li>
<li role="presentation"><a href="#spanish" aria-controls="open" role="tab" data-toggle="tab">En Espanol
Ads</a></li>
</ul>
<br />
<!--The Tab Contents-->
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active" id="english">
<div class="col-md-12">
<p><strong>Exercise your Ride to Vote for FREE with Capital Metro!</strong></p>
<p>Riders will have an easy way of getting to the polls during the upcoming election, courtesy of Capital Metro.</p>
<p>Free rides will be offered throughout the first day of early voting, <strong>Monday, Oct. 24</strong>, and also on Election Day, <strong>Tues., Nov. 8</strong> on all MetroBus, MetroRapid, MetroExpress, MetroRail and MetroAccess* services.</p>
<p>Two Easy Steps to Vote:</p>
<ol>
<li>Find your polling location by visiting the <a href="http://www.votetexas.gov/voting/where/" target="_blank">Texas Secretary of State website</a>.</li>
<li>Find a Capital Metro route that will take you to your polling location by using the Capital Metro <a href="http://www.capmetro.org/planner/">Trip Planner</a> or the <a href="http://www.capmetro.org/app/" target="_blank">CapMetro App</a>. You can also check this list (hotlink to pdf?) of Capital Metro routes that service polling locations.</li>
</ol>
<p>Questions? Call the GO Line at 512-474-1200.</p>
<p><em>*Please note – MetroAccess subscribers will need to call 512-852-7272 to schedule their...
CSS
#esp{color:#0069aa;}