modal

      <div class= "row">
        <div class="header">
          <h2 class= "learn-more"> Learn More </h2>
         </div>
         <div class="modalbutton">
          <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Awesomness</button>
          </div>
          <!-- Large modal -->
          <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
           <div class="modal-dialog modal-lg">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4 class="modal-title" id="myModalLabel">What up Player</h4>
               </div>
               <div class="modal-body">
                  Looks pretty amazing
               </div>
              </div>
            </div>
          </div>
       </div>
        <!-- END Large modal -->

Thanks. FYI, be sure to name the file correctly when you create the gist, i.e. modal.html. That way, it's be easier to read with the synaxt coloring. You can see the difference here: https://gist.github.com/dogweather/07b31b8b344f64fe4e13