Table


A Lorem ipsum dolor sit amet Table is used to display upcoming and past sessions, including details like date, time, topic, instructor, and session links. This is useful for webinars, online courses, corporate training, or live events.

Variant-2 (Live Session Schedule Table)

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
XX Lorem

Lorem ipsum

Lorem ipsum
Month XX Day
XXLorem

Lorem ipsum

Lorem ipsum
Month XX Day
XX Lorem

Lorem ipsum dolor sit amet

TBD
XX Lorem

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem ipsum
Month XX Day
XX Lorem

Lorem ipsum dolor sit amet, consectetur adipiscing elit

TBD
XX Lorem

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum
Month XX Day
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
<div class="container">
  <h3 class="large-text-3 text--center"> Lorem ipsum dolor sit amet </h3>
  <div class="live-session-schedule-table">
    <div class="display--flex justify-content-center">
      <div class="col-xl-8 col-lg-10 col-md-12">
        <div class="intro-txt para--two"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <br />
          <br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
        </div>
        <table>
          <tbody>
            <tr>
              <td> XX <span>Lorem</span>
              </td>
              <td>
                <h3>Lorem ipsum</h3> Lorem ipsum
              </td>
              <td> Month XX <span>Day</span>
              </td>
            </tr>
            <tr>
              <td> XX<span>Lorem</span>
              </td>
              <td>
                <h3>Lorem ipsum</h3> Lorem ipsum
              </td>
              <td> Lorem X <span>Lorem</span>
              </td>
            </tr>
            <tr>
              <td> XX <span>Lorem</span>
              </td>
              <td>
                <h3>Lorem ipsum dolor sit amet</h3>
              </td>
              <td> TBD </td>
            </tr>
            <tr>
              <td> XX <span>Lorem</span>
              </td>
              <td>
                <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3> Lorem ipsum
              </td>
              <td> Month XX <span>Day</span>
              </td>
            </tr>
            <tr>
              <td> XX <span>Lorem</span>
              </td>
              <td>
                <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
              </td>
              <td> TBD </td>
            </tr>
            <tr>
              <td> XX <span>Lorem</span>
              </td>
              <td>
                <h3>Lorem ipsum dolor sit amet, consectetur</h3> Lorem ipsum
              </td>
              <td> Month XX <span>Day</span>
              </td>
            </tr>
          </tbody>
        </table>
        <div class="overlay-effect-view-full-schedule">
          <div class="view-full-schedule-button text--center">
            <button type="button" class="btn btn--large btn--white text-primary btn--white-primary" aria-label="Button">Button</button>
          </div>
        </div>
        <div class="outro-txt mt-3 disclaimer-txt para--four"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor <br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </div>
      </div>
    </div>
  </div>
</div>

Live Session Schedule Full Table

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
XX Lorem

Lorem ipsum

Lorem ipsum
Lorem XX Lorem
XXLorem

Lorem ipsum

Lorem ipsum
Lorem X Lorem
XX Lorem

Lorem ipsum dolor sit amet

TBD
XX Lorem

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem ipsum
Lorem XX Lorem
XX Lorem

Lorem ipsum dolor sit amet, consectetur adipiscing elit

TBD
Break
XX Lorem

Lorem ipsum

Lorem ipsum
Lorem XX Lorem
XXLorem

Lorem ipsum

Lorem ipsum
Lorem X Lorem
XX Lorem

Lorem ipsum dolor sit amet

TBD
Break
XX Lorem

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem ipsum
Lorem XX Lorem
XX Lorem

Lorem ipsum dolor sit amet, consectetur adipiscing elit

TBD
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
<div class="container">
  <h3 class="large-text-3 text--center"> Lorem ipsum dolor sit amet </h3>
  <div class="live-session-schedule-table">
    <div class="display--flex justify-content-center">
      <div class="col-xl-8 col-lg-10 col-md-12">
        <div class="intro-txt para--two"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <br />
          <br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
        </div>
        <table>
          <tbody>
            <tr>
              <td> XX <span>Lorem</span>
              </td>
              <td>
                <h3>Lorem ipsum</h3> Lorem ipsum
              </td>
              <td> Month XX <span>Day</span>
              </td>
            </tr>
            <tr>
              <td> XX<span>Lorem</span>
              </td>
              <td>
                <h3>Lorem ipsum</h3> Lorem ipsum
              </td>
              <td> Lorem X <span>Lorem</span>
              </td>
            </tr>
            <tr>
              <td> XX <span>Lorem</span>
              </td>
              <td>
                <h3>Lorem ipsum dolor sit amet</h3>
              </td>
              <td> TBD </td>
            </tr>
            <tr>
              <td> XX <span>Lorem</span>
              </td>
              <td>
                <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3> Lorem ipsum
              </td>
              <td> Month XX <span>Day</span>
              </td>
            </tr>
            <tr>
              <td> XX <span>Lorem</span>
              </td>
              <td>
                <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
              </td>
              <td> TBD </td>
            </tr>
            <tr>
              <td class="table-break" colspan="3">
                <span class="no-opacity">Break</span>
                <span class="opacity bg-primary"></span>
              </td>
            </tr>
            <tr>
              <td> XX <span>Lorem</span>
              </td>
              <td>
                <h3>Lorem ipsum</h3> Lorem ipsum
              </td>
              <td> Month XX <span>Day</span>
              </td>
            </tr>
            <tr>
              <td> XX<span>Lorem</span>
              </td>
              <td>
                <h3>Lorem ipsum</h3> Lorem ipsum
              </td>
              <td> Lorem X <span>Lorem</span>
              </td>
            </tr>
            <tr>
              <td> XX <span>Lorem</span>
              </td>
              <td>
                <h3>Lorem ipsum dolor sit amet</h3>
              </td>
              <td> TBD </td>
            </tr>
            <tr>
              <td class="table-break" colspan="3">
                <span class="no-opacity">Break</span>
                <span class="opacity bg-primary"></span>
              </td>
            </tr>
            <tr>
              <td> XX <span>Lorem</span>
              </td>
              <td>
                <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3> Lorem ipsum
              </td>
              <td> Month XX <span>Day</span>
              </td>
            </tr>
            <tr>
              <td> XX <span>Lorem</span>
              </td>
              <td>
                <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
              </td>
              <td> TBD </td>
            </tr>
          </tbody>
        </table>
        <div class="outro-txt mt-3 disclaimer-txt para--four"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor <br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </div>
      </div>
    </div>
  </div>
</div>

Variant-2 (Live Session Schedule Table with Two Column)

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
DateMonth, Year

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
DateMonth, Year

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
DateMonth, Year

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
<div class="container">
  <h3 class="large-text-3 text--center"> Lorem ipsum dolor sit amet </h3>
  <div class="live-session-schedule-table">
    <div class="display--flex justify-content-center">
      <div class="col-xl-8 col-lg-10 col-md-12">
        <div class="intro-txt para--two"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <br />
          <br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
        </div>
        <table>
          <tbody>
            <tr>
              <td>Date<span>Month, Year</span>
              </td>
              <td>
                <h3>Lorem ipsum dolor sit amet</h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
              </td>
            </tr>
            <tr>
              <td>Date<span>Month, Year</span>
              </td>
              <td>
                <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
              </td>
            </tr>
            <tr>
              <td>Date<span>Month, Year</span>
              </td>
              <td>
                <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
              </td>
            </tr>
          </tbody>
        </table>
        <div class="overlay-effect-view-full-schedule">
          <div class="view-full-schedule-button text--center">
            <button type="button" class="btn btn--large btn--white text-primary btn--white-primary" aria-label="Button">Button</button>
          </div>
        </div>
        <div class="outro-txt mt-3 disclaimer-txt para--four"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor <br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </div>
      </div>
    </div>
  </div>
</div>