Had a thread going in another section about the course description and getting existing examples of UI. My team ended up building this example. Others on the thread liked it so I shared the code on that thread and am putting here as well if anyone is interested.
Code Snippet:
<div class="courseHeader">Blackbaud Financial Edge NXT:<br>Audience Focused Financial Statements</div>
<div class="content">
<div class="floatLeft">
<div class="delivery"><p><img src="https://s3-eu-west-1.amazonaws.com/lmsfiles/files%2Fb%2Fl%2Fblackbaud_docebosaas_com%2Fwysiwyg_upload%2F1626194721981-delivery.jpg" style="width:45px;display:block;vertical-align:top;margin:5px auto 5px 0px;text-align:left;" alt="files%2Fb%2Fl%2Fblackbaud_docebosaas_com%2Fwysiwyg_upload%2F1626194721981-delivery.jpg"></p>DELIVERY METHOD<br><div class="subtext">Online (Group Internet Base)</div></div>
<div class="prep"><p><img src="https://s3-eu-west-1.amazonaws.com/lmsfiles/files%2Fb%2Fl%2Fblackbaud_docebosaas_com%2Fwysiwyg_upload%2F1626194769245-prep.jpg" style="width:45px;display:block;vertical-align:top;margin:5px auto 5px 0px;text-align:left;" alt="files%2Fb%2Fl%2Fblackbaud_docebosaas_com%2Fwysiwyg_upload%2F1626194769245-prep.jpg"></p>ADVANCED PREPARATION <br><div class="subtext">None</div></div>
<div class="level"><p><img src="https://s3-eu-west-1.amazonaws.com/lmsfiles/files%2Fb%2Fl%2Fblackbaud_docebosaas_com%2Fwysiwyg_upload%2F1626194799933-level.jpg" style="width:45px;display:block;vertical-align:top;margin:5px auto 5px 0px;text-align:left;" alt="files%2Fb%2Fl%2Fblackbaud_docebosaas_com%2Fwysiwyg_upload%2F1626194799933-level.jpg"></p>PROGRAM LEVEL<br><div class="subtext">Basic</div></div>
<div class="field"><p><img src="https://s3-eu-west-1.amazonaws.com/lmsfiles/files%2Fb%2Fl%2Fblackbaud_docebosaas_com%2Fwysiwyg_upload%2F1626194838183-field.jpg" style="width:45px;display:block;vertical-align:top;margin:5px auto 5px 0px;text-align:left;" alt="files%2Fb%2Fl%2Fblackbaud_docebosaas_com%2Fwysiwyg_upload%2F1626194838183-field.jpg"></p>RECOMMENDED FIELD OF STUDY<br><div class="subtext">Information Technology - Technical</div></div>
<div class="credits"><p><img src="https://s3-eu-west-1.amazonaws.com/lmsfiles/files%2Fb%2Fl%2Fblackbaud_docebosaas_com%2Fwysiwyg_upload%2F1626194890348-credits.jpg" style="width:45px;display:block;vertical-align:top;margin:5px auto 5px 0;text-align:left;" alt="files%2Fb%2Fl%2Fblackbaud_docebosaas_com%2Fwysiwyg_upload%2F1626194890348-credits.jpg"></p>AMOUNT OF RECOMMENDED CPE CREDITS<br><div class="SUBTEXT">3</div> </div>
</div>
<div class="floatRight">
<p class="headingtext">Course Overview</p>
<p>What's true of great accountants can also be said of good actors: they know how to play the crowd.</p>
<p>Discover how to tailor your financial reports to specific audiences. Build and create flexible reports. Simplify your work with reporting tools. Develop chart organizers and run reports with realistic case studies.</p>
<p class="headingtext">Prerequisites</p>
<p>This course has required prerequisites. Completing the prerequisite courses ensures all students have the same baseline knowledge needed to participate in and fully benefit from our advanced courses. For more details click Course Abstract. Prerequisites include:
</p><ul class="contentlist"><li>Passing score on the current Financial Edge NXT Fundamentals Exam, or</li>
<li>Passing score of the current Financial Edge Fundamentals Exam, and</li>
<li>Blackbaud Financial Edge NXT: Building Chart Organizers and Blackbaud Financial Edge NXT: Financial Statements</li>
</ul><p class="headingtext">Course Objectives</p>
<ul class="contentlist"><li>Compare report tools like Report Type, Chart Organizer, and Report Parameters</li>
<li>Recognize report requests based on case study examples</li>
<li>Design reports based on requests</li>
<li>Use report tools to deliver requested reports</li>
</ul><p class="headingtext">View Additional Information</p>
<ul class="contentlist"><li><a href="https://www.blackbaud.com/nonprofit-training/help/faqs" rel="noreferrer noopener" target="_blank">Registration information</a></li>
<li><a href="https://www.blackbaud.com/nonprofit-training/help/cancellation-policy" rel="noreferrer noopener" target="_blank">Refunds, concerns, and cancellation policies</a></li>
<li><a href="https://www.blackbaud.com/nonprofit-training/overview/cpe" rel="noreferrer noopener" target="_blank">Official NASBA statement</a></li>
</ul></div>
</div>
