<div class="features" id="blog">
          <div class="container">
            <h4 class="text-center">------------------x------------------</h4>
          <h1 class="text-center">Enhanced Features</h1>
          <h4 class="text-center">------------------x------------------</h4>
          <p  style="margin-bottom: 3em;">Hot on the heels of v4.1.2, we’re shipping another patch release to address an issue with our browserslist config, fix some CSS bugs, make JavaScript plugins UMD ready, and improve form control rendering. Up next will be v4.2, our second minor release where we add some new features.Hot on the heels of v4.1.2, we’re shipping another patch release to address an issue with our browserslist config, fix some CSS bugs, make JavaScript plugins UMD ready, and improve form control rendering. Up next will be v4.2, our second minor release where we add some new features.</p>
          <div class="row">
              <div class="col-md-6 col-lg-6 col-sm-12" >
          <table class="table table-dark space">
                  <thead>
                    <tr>
                      <th></th>
                     <th>

                      </th>
                      <th  style="text-align: left"> Bootstrap 3</th>
                    </tr>
                    <tr>
                      <th>Size</th>
                      <th>Device</th>
                      <th>Class</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>John</td>
                      <td>Doe</td>
                      <td>john@example.com</td>
                    </tr>
                    <tr>
                      <td>Mary</td>
                      <td>Moe</td>
                      <td>mary@example.com</td>
                    </tr>
                    <tr>
                      <td>July</td>
                      <td>Dooley</td>
                      <td>july@example.com</td>
                    </tr>
                  </tbody>
                </table>
          </div>
          <div class="col-md-6 col-lg-6 col-sm-12">
              <table class="table table-dark space ">
                      <thead>
                          <tr>
                            <th></th>
                            <th></th>
                            <th style="text-align:left">Bootstrap 4</th></tr>
                        <tr>
                          <th>Size</th>
                          <th>Device</th>
                          <th>Class</th>
                        </tr>
                      </thead>
                      <tbody>
                          <tr>
                          <td>John</td>
                          <td>Doe</td>
                          <td>john@example.com</td>
                        </tr>
                        <tr>
                          <td>Mary</td>
                          <td>Moe</td>
                          <td>mary@example.com</td>
                        </tr>
                        <tr>
                          <td>July</td>
                          <td>Dooley</td>
                          <td>july@example.com</td>
                        </tr>
                      </tbody>
                    </table>
              </div>
          </div>
        </div>