Demo Course and Style ReferencePage 3 of 7

1. Headings and Paragraphs


Within courses, the applicable headings are <h2> through <h6>. I don't think there are any <h7> styles left, but I defined a paragraph style that can be used for <h7> and it is coded as <p class="h7-style">.

Note: I'm looking at ways to use <h1> within module pages or (maybe better) in the links within curriculum pages for search engine purposes. This is something we might talk about.

Heading 2

These are used as the module titles—you will not need to code them as they are generated automatically.

Heading 3

You will see <h3> dividing the major sections in each module.

Heading 4

And so on...

Heading 5

And so on...

Heading 6

And so on... You wll notice that the spacing following the heading is smaller for <h6>.

Heading 7

This is really a paragraph style: <p class="h7-style">.


This is the plain paragraph used throughout that is defined as part of the EthosCE css code for the ATrain theme.

Common Class Tags for Paragraphs


The source class is used for text defining the source of an item. So you'll see it underneath images and sometimes within a module. For example:

[Material in this section is from CDC, 2013, unless otherwise noted.]


A really small right-aligned source line for the image in the course introduction; needs to be inside a figure div.



The inline-footnote tag is used for definitions or supplementary material reference in the text such as:

Pulse pressure is the difference between the systolic and the diastolic blood pressure values.

epigram and epigram-source

In 2020 CDC is responding to a pandemic of respiratory disease spreading from person-to-person caused by a novel [new] coronavirus. . . This situation poses a serious public health risk. The federal government is working closely with state, local, tribal, and territorial partners, as well as public health partners, to respond to this situation. COVID-19 can cause mild to severe illness; most severe illness occurs in older adults.

CDC, March 18, 2020

Note: About the elipsis—this is the way Judy likes them. I put a non-breaking space between pairs of dots so the dots are not broken up across lines. More about stuff like this later.


The extract (class="ext") looks like the following (indented):

China is ranked 51 out of 195 countries globally for its outbreak readiness, according to the Global Health Security Index. That’s not on par with the wealthiest countries in the world, but far higher than many low-income nations. (CNN, 2020a)

did-you-know and did-you-know-text

Did You Know. . .

The FDA advises people who are taking isoniazid for tuberculosis or who have a positive TB skin test and are using this drug, to consult with their physician before using acetaminophen or any combination product containing acetaminophen. They are advised to discuss alternatives to acetaminophen with their physician (Medicine Net, 2018).


Apply Your Knowledge

What guidance can you give a patient who is looking to buy a CBD cream to decrease pain or inflammation?


Used as an image title—covered also in the chapter about figures and images.

figcaption example


Public demands transparency

Physical therapists (PTs) are generally independent professionals delivering services directly to patients. In addition, PTs are increasingly completing clinical doctorates; all the CAPTE-accredited schools require that Doctor of Physical Therapy be the entry-level degree (CAPTE, 2016). This raises public expectations of the level of practice. The public’s demand for transparency and the growing visibility of other healthcare providers have increased the pressure on allied health providers and other non-physicians to be more accountable for their actions.


More about this is lists chapter.

The listhead appears above the list:

  • List item 1
  • List item 2
  • List item 3