Event Schedule

Include the shared CSS and JavaScript files. Rename copied IDs and their matching references.

<ul aria-label="Event days" class="nav nav-tabs mb-4" role="tablist">
<li class="nav-item" role="presentation">
<button aria-controls="day-panel-1" aria-selected="true" class="nav-link active" data-bs-target="#day-panel-1" data-bs-toggle="tab" id="day-tab-1" role="tab">
         Day 1
        </button>
</li>
<li class="nav-item" role="presentation">
<button aria-controls="day-panel-2" aria-selected="false" class="nav-link" data-bs-target="#day-panel-2" data-bs-toggle="tab" id="day-tab-2" role="tab">
         Day 2
        </button>
</li>
</ul>
<div class="tab-content">
<div aria-labelledby="day-tab-1" class="tab-pane active" id="day-panel-1" role="tabpanel">
<article class="cp-schedule-row">
<time>
          10:00 AM
         </time>
<div>
<h3>
           Welcome
          </h3>
<p>
           Sample session description for day 1.
          </p>
</div>
</article>
<article class="cp-schedule-row">
<time>
          11:00 AM
         </time>
<div>
<h3>
           Keynote
          </h3>
<p>
           Sample session description for day 1.
          </p>
</div>
</article>
<article class="cp-schedule-row">
<time>
          1:00 PM
         </time>
<div>
<h3>
           Design session
          </h3>
<p>
           Sample session description for day 1.
          </p>
</div>
</article>
</div>
<div aria-labelledby="day-tab-2" class="tab-pane" id="day-panel-2" role="tabpanel">
<article class="cp-schedule-row">
<time>
          10:00 AM
         </time>
<div>
<h3>
           Workshop
          </h3>
<p>
           Sample session description for day 2.
          </p>
</div>
</article>
<article class="cp-schedule-row">
<time>
          11:00 AM
         </time>
<div>
<h3>
           Roundtable
          </h3>
<p>
           Sample session description for day 2.
          </p>
</div>
</article>
<article class="cp-schedule-row">
<time>
          1:00 PM
         </time>
<div>
<h3>
           Closing session
          </h3>
<p>
           Sample session description for day 2.
          </p>
</div>
</article>
</div>
</div>