HTML blocks 

In the previous section, we mentioned that presentations can be integrated into a course via the Tools > Source code option. 

In the same way, HTML blocks can be added to the courses, allowing the content to be further stylized and designed. 

This requires a basic knowledge of HTML and CSS, and for security reasons, only a subset of the basic HTML tags can be used. 

Examples of this use of HTML blocks are available in the courses created for each organization, and an example of this approach is presented below: 

Example - HTML code (inserted in Source code field)

<div
  style="background-color: #ffeef0; padding: 15px; font-size: 1.0em; border-left: 5px solid #ff4d4d; border-radius: 5px; margin-bottom: 10px;">
  <span style="--custom-style-id: size18;"><strong>🚨The
      Risk:</strong><br>Hackers love weak passwords, and small projects are
    often targeted precisely because they don't think they are big enough to be
    hacked.</span> </div>
<div
  style="background-color: #eafaf1; padding: 15px; border-left: 5px solid #2ecc71; border-radius: 5px; margin-bottom: 25px;">
  <span style="--custom-style-id: size18;"><strong>🛡️ The Defense:</strong>
    <br>Never use the same password twice. Turn on <strong>2FA (Two-Factor
      Authentication)</strong> for every single app your team uses, and use a
    Password Manager.</span>

</div>

Example - Visible Result (what students see)