checkout.php

 <div class="light-wrapper">
    <div class="container inner2">
    <div class="hb-checkout col2 row">
          <div class="col-sm-8 hb-checkout-content">
              <div class="isotope row">
            <div class="step-1">
              <div class="date-selection">
                <div class="section-title">
                  <h2><?php _e( 'Next Steps:', 'hb-ryla-child-theme' ); ?></h2>
                  <h3><?php _e( 'Choose a date and Select Ticket Quantity.', 'hb-ryla-child-theme' ); ?></h3>
                </div>
                <div class="hb-datepicker">
                    <div class="datepicker-wrap">
                      <div class="hb-datepicker-header">Choose a Tour Date</div>
                      <div class="datepicker-cal hasDatepicker" title="Select a date" id="dp1511894497907"><div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="display: block;"><div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all"><a class="ui-datepicker-prev ui-corner-all" data-handler="prev" data-event="click" title="«"><span class="ui-icon ui-icon-circle-triangle-w">«</span></a><a class="ui-datepicker-next ui-corner-all" data-handler="next" data-event="click" title="»"><span class="ui-icon ui-icon-circle-triangle-e">»</span></a><div class="ui-datepicker-title"><select class="ui-datepicker-month" data-handler="selectMonth" data-event="change"><option value="0">January</option><option value="1"> February</option><option value="2"> March</option><option value="3"> April</option><option value="4"> May</option><option value="5"> June</option><option value="6"> July</option><option value="7"> August</option><option value="8"> September</option><option value="9"> October</option><option value="10" selected="selected"> November</option><option value="11"> December</option></select><select class="ui-datepicker-year" data-handler="selectYear" data-event="change"><option value="2007">2007</option><option value="2008">2008</option><option value="2009">2009</option><option value="2010">2010</option><option value="2011">2011</option><option value="2012">2012</option><option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017" selected="selected">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option><option value="2021">2021</option><option value="2022">2022</option><option value="2023">2023</option><option value="2024">2024</option><option value="2025">2025</option><option value="2026">2026</option><option value="2027">2027</option></select></div></div><table class="ui-datepicker-calendar"><thead><tr><th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Su</span></th><th scope="col"><span title=" Monday"> Mo</span></th><th scope="col"><span title=" Tuesday"> Tu</span></th><th scope="col"><span title=" Wednesday"> We</span></th><th scope="col"><span title=" Thursday"> Th</span></th><th scope="col"><span title=" Friday"> Fr</span></th><th scope="col" class="ui-datepicker-week-end"><span title=" Saturday"> Sa</span></th></tr></thead><tbody><tr><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">1</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">2</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">3</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">4</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">5</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">6</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">7</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">8</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">9</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">10</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">11</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">12</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">13</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">14</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">15</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">16</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">17</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">18</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">19</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">20</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">21</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">22</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">23</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">24</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">25</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">26</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">27</a></td><td class=" ui-datepicker-days-cell-over  ui-datepicker-current-day ui-datepicker-today" data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default ui-state-highlight ui-state-active" href="#">28</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">29</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="10" data-year="2017"><a class="ui-state-default" href="#">30</a></td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td></tr></tbody></table></div>
                    </div>
                  </div>
                  <!-- .hb-datepicker-wrap -->

                  <div class="ticket-quantity">
                    <h3><?php _e( 'Ticket Quantity', 'hb-ryla-child-theme'); ?></h3>
                    <div class="currency-type">                   
                      <p><?php _e( 'Show Prices in', 'hb-ryla-child-theme' );?></p>
                      <input type="radio" name="hb-currency" id="currency-ca" value="<?php _e( 'CA', 'hb-ryla-child-theme' ); ?>">
                      <label for="currency-ca"><?php _e( 'CA', 'hb-ryla-child-theme' ); ?></label>
                      <input type="radio" name="hb-currency" id="currency-us" value="<?php _e( 'US', 'hb-ryla-child-theme' ); ?>">
                      <label for="currency-us"><?php _e( 'US', 'hb-ryla-child-theme' ); ?></label>
                    </div>
                    <div class="ticket-adult">
                      <label><?php _e( 'Adult', 'hb-ryla-child-theme' ); ?></label>
                      <input type="number" name="">
                      
                    </div>
                    <div class="ticket-child">
                      <label><?php _e( 'Child (5-12)*', 'hb-ryla-child-theme' ); ?></label>
                      <input type="number" name="">
                    </div>
                    <div class="ticket-young-child">
                      <label><?php _e( 'Young Child (0-4)', 'hb-ryla-child-theme' ); ?></label>
                      <input type="number" name="">
                    </div>
                    <div class="coupon">
                      <label></label>
                      <input type="text" name="">
                    </div>
                  </div>
                  <!-- .ticket-quantity -->
                </div>
                <!-- .hb-datepicker -->
              </div>
              <!-- /.date-selection --> 

              <div class="tour-selection">
                <div class="section-title">
                  <h2><?php _e( 'Next Steps:', 'hb-ryla-child-theme' ); ?></h2>
                  <h3><?php _e( 'Choose a Tour', 'hb-ryla-child-theme' ); ?></h3>
                </div>
              </div>
              <!-- /.tour-selection --> 
            </div>
            <!-- /.step-1 --> 
          <div class="step-2">
              <div class="section-title">
                <h2><?php _e( 'Next Steps:', 'hb-ryla-child-theme' ); ?></h2>
                <h3><?php _e( 'Choose a date and Select Tickety Quantity.', 'hb-ryla-child-theme' ); ?></h3>
              </div>
            </div>
            <!-- /.step-2 --> 
            <div class="step-3">
              <div class="section-title">
                <h2><?php _e( 'Next Steps:', 'hb-ryla-child-theme' ); ?></h2>
                <h3><?php _e( 'Choose a date and Select Tickety Quantity.', 'hb-ryla-child-theme' ); ?></h3>
              </div>
            </div>
            <!-- /.step-3 -->
        </div>
            <!-- /.isotope --> 
        </div>
        <!-- /.hb-checkout-content --> 

        <aside class="col-sm-3 col-sm-offset-1 sidebar hb-tour-selections">
        <h2><?php _e( 'You have selected', 'hb-ryla-child-theme' ); ?></h2>
        <div class="selected-tour selection-section">
          <div class="tour-title">DUMMY: Voyage to the Falls</div>
          <img />
          <p class="tour-desc">DUMMY: Experience the thundering roar, awesome power and amazing mist of the mighty Niagara Falls! The legendary Niagara Falls boat tour experience.</p>
          <a href="#" class="tour-edit"><?php _e( 'Edit Tour', 'hb-ryla-child-theme' ); ?></a>
        </div>
        <div class="selected-date selection-section">
          <div class="date-title">DUMMY: Friday, October 13</div>
          <a href="#" class="date-edit"><?php _e( 'Edit Date', 'hb-ryla-child-theme' ); ?></a>
        </div>
        <div class="selected-qty selection-section">
          <div class="ticket-title"><?php _e( '2 Adult Tickets', 'hb-ryla-child-theme' ); ?></div>
          <div class="ticket-title"><?php _e( '1 Child Ticket', 'hb-ryla-child-theme' ); ?></div>
          <a href="#" class="ticket-edit"><?php _e( 'Edit Ticket Quantity', 'hb-ryla-child-theme' ); ?></a>
        </div>
        <div class="tour-subtotal selection-section">
          <h3><?php _e( 'Subtotal', 'hb-ryla-child-theme' ); ?></h3>
          <p>$49.95</p>
        </div>
      </aside>
      <!-- .sidebar -->

    </div>
    <!-- /.hb-checkout --> 
  </div>
  <!-- /.container --> 
</div>
<!-- /.light-wrapper -->