football_single_game_template.html

<style>
  #article-content h1 {
    float: left;
    margin-right: 1rem;
  }

  #article-content h2 {
    color: #666;
  }

  #article-content aside {
    text-align: center;
  }

  #article-content .row-fluid {
    margin-top: 1em;
  }

  .accordion-group {
    margin-bottom: 1em;
  }

  .accordion-heading {
    color: white;
    background-color: #005ba1;
    padding: 10px 15px;
    cursor: default;
    font-size: 1.5em;
  }

  .accordion-inner h3 {
    margin-bottom: 0;
    font-size: 1.2em;
    line-height: 1.6;
  }

  .accordion-inner .table {
    margin-bottom: 0;
  }

  .accordion-inner td {
    font-size: 1em;
  }

  .accordion-inner td:first-child {
    font-weight: bold;
  }

  p.note {
    color: gray;
    font-style: italic;
    font-size: 0.8em;
    margin-bottom: 0;
  }

  div.more-links {
    margin-bottom: 0.5em;
  }

  div.more-links .btn {
    margin-bottom: 0.5em;
  }

  div.twitter-timeline-wrapper {
    max-width: 300px;
    margin: 0 auto;
  }

  #article-content a.buy-tickets {
    margin: 0.5em 0;
    color: #041E42;
    font-family: Exo, sans-serif;
  }

  #article-content a.buy-tickets:hover {
    color: #005ba1;
  }

  #article-content div.more-links a {
    color: white;
  }

  #gameday-app-ad {
    display: inline-block;
    margin-bottom: 1em;
  }



  @media (max-width: 360px) {
    .accordion-inner {
      padding: 5px;
    }

    #article-container .article-padding {
      padding: 5px 5px 0;
    }

    #article-content h1 {
      font-size: 2.5em;
    }

    #article-content h2 {
      font-size: 1.5em;
      line-height: 1;
    }
  }

</style>

<img id="game-banner" src="https://admin.xosn.com/pics33/0/HW/HWFTUZCYQCTMUSM.20150820224610.jpg" />

<h1>UCLA vs. Virginia Football</h1>
<h2>Saturday, Sept. 5 @ 12:30 PM</h2>

<div class="row-fluid">

  <main class="span8">
    <div class="accordion">
      <div class="accordion-group">
        <div class="accordion-heading">
            Tickets
        </div>
        <div class="accordion-body">
          <div class="accordion-inner">
            <table class="table">
              <tr>
                <td>General admission</td>
                <td>$33 Adult / $5 Youth*</td>
              </tr>
              <tr>
                <td>Bench</td>
                <td>$49</td>
              </tr>
              <tr>
                <td>Preferred/Premium/Elite</td>
                <td>$61+</td>
              </tr>
            </table>
            <a class="btn btn-large btn-warning buy-tickets" href="http://www.ticketmaster.com/ucla-bruins-vs-university-of-virginia-pasadena-california-09-05-2015/event/0B004E79A3E81798?DB_OEM_ID=30500&brand=uclasports" type="button">
              Buy Tickets
            </a>
            <p class="note">*12 years of age &amp; under. Youth tickets sold on gameday at the Rose Bowl only.</p>
          </div>
        </div>
      </div>
      <div class="accordion-group">
        <div class="accordion-heading">
          Gameday Information
        </div>
        <div class="accordion-body">
          <div class="accordion-inner">
            <h3>Giveaway</h3>
            <p>2015 UCLA Football Poster to first 10,000 fans wearing Bruin Blue</p>
            <h3>Fanzone</h3>
            <p>Join us for pre-game festivities in the Fan Zone (Lot H). Free and open to the public, the area features a kid zone, live music, food vendors, beer garden, UCLA store and more.</p>
            <h3>Team Walk</h3>
            <p>The UCLA Football team will make their walk through the Fan Zone to the stadium at approx. 10:00am. Be there to cheer them on!</p>
            <h3>Kickoff</h3>
            <p>Be in your seats by 12:15pm to help the Bruins get hyped as they take the field.</p>
            <h3>Halftime Entertainment</h3>
            <p>USA Spirit &amp; PeeWee Football</p>
          </div>
        </div>
      </div>
      <div class="accordion-group">
        <div class="accordion-heading">
          Parking &amp; Tailgating
        </div>
        <div class="accordion-body">
          <div class="accordion-inner">
            <h3>Parking</h3>
            <p>$25/car (cash, day of game only). Lots open 6 hours prior to kickoff.</p>
            <h3>Tailgating</h3>
            <p>One of the best places to tailgate in the country, all lots north of the Rose Bowl are on the Brookside golf course. Tailgate directly on the greens with plenty of space to set up a tent, BBQ and gather with friends.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="more-links">
      <a class="btn btn-primary" href="http://www.uclabruins.com/ViewArticle.dbml?ATCLID=209242555">Fan Zone</a>
      <a class="btn btn-primary" href="http://www.uclabruins.com/ViewArticle.dbml&DB_OEM_ID=30500&ATCLID=210282451">Parking</a>
      <a class="btn btn-primary" href="http://www.uclabruins.com/ViewArticle.dbml?DB_OEM_ID=30500&ATCLID=209624560">Gameday Central</a>
      <a class="btn btn-primary" href="http://bruinteamshop.com/">Team Shop</a>
    </div>
  </main>

  <aside class="span4">
    <a id="gameday-app-ad" href="http://www.uclabruins.com/ViewArticle.dbml?ATCLID=209612683&DB_OEM_ID=30500">
      <img src="https://admin.xosn.com/pics33/0/VX/VXQYBZIXDSIQHIE.20150820224936.jpg" />
    </a>
    <div class="twitter-timeline-wrapper">
      <a class="twitter-timeline" data-widget-id="489518187201843200" href="https://twitter.com/UCLAFootball?DB_OEM_ID=30500">Tweets by @UCLAFootball</a>
      <script type="text/javascript">
      !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
      </script>
    </div>
  </aside>

</div>