Introduction:

When sending HTML emails from FBO One, various formatting options can be used to place emphasis on the text as necessary. For example, the Handling Confirmation Email body may need to feature text in Bold, or in a different colour etc. This can be done using various HTML formatting options

Formatting:

In this example, the Handling Confirmation email body needs to feature and highlight a fuel price. It also requires some of the text to be shown in bold and other text to be underlined.
Without any formatting, the email body as added under the HnConfirmationEmailBody setting, appears as follows:

Image 1:

Without formatting, the email shows as follows:

Image 2:

Below are some of the more frequently used options.

Bold text

To insert bold text, use the formatting tag <b>text</b>
<b> should be inserted before the text that should appear in bold, and </b> should be inserted to indicate where the bold text must end.

Example:     text text <b>sample text</b> text text
Result:         text text sample text text text

Underlined text

To insert underlined text, use the formatting tag <u>text</u>
<u> should be inserted before the text that should appear in bold, and </u> should be inserted to indicate where the bold text must end.

Example:     text text <u>sample text</u> text text
Result:         text text sample text text text

Italic text

To insert italic text, use the formatting tag <b>text</b>
<i> should be inserted before the text that should appear in bold, and </i> should be inserted to indicate where the bold text must end.

Example:     text text <i>sample text</i> text text
Result:         text text sample text text text

Note:
These formatting options may also be used in combination with each other.
For example to show bold text which is also underlined, use:

Example:     text text <b><u>sample text</b></u> text text
Result:         text text sample text text text

Adding Colour:

Colour can be added to the text - either to the text itself or to highlight the text.

Coloured text

To insert coloured text, use a formatting tag such as <font color="FF0000">. In this example, the code FF0000 represents the colour Red.
The HTML codes for each colour can be found here: HTML Colour Codes. Replacing the code FF0000 with another HTML colour code, will change the text to that colour.

Example:     text text <font color="FF0000">test text</font color="FF0000"> text text
Result:         text text test text text text

Highlighted text

To highlight a section of text, use the formatting tag <mark>

Example:     text text <mark>test text</mark> text text
Result:        

Handling Confirmation Email Sample 1 - Bold, Underlined and Coloured text:

The text used in Image 1 (above), was modified to include a variety of the above mentioned formatting tags:

The outgoing email is then formatted as follows:

Handling Confirmation Email Sample 2 - Bold, Underlined and Coloured text in a Box:

<div style="padding:3px; background-color:#ffffff; border:2.5px solid #FF0000; -moz-border-radius:9px; -khtml-border-radius:9px; -webkit-border-radius:9px; border-radius:9px;">
<div style="padding: 3px; color:#000000; float: left; width: 350px; text-align: left; margin-right: 5px; height: 5px;"><b>Title Information:</b></div>
<div style="padding: 3px; color:#000000; float: left; width: 350px; text-align: left; margin-right: 5px; height: 5px;"><u>This is an underlined sub-title:</u>
<b><font color="FF0000">Information Information Information</font color="FF0000"></b>
<font color="FF0000"><font color="FF0000">More Information here</font color="FF0000">  
 
Information <font color="FF0000">Info text in Red</font color="FF0000"> more text.
End of text and where boxing should end</p></div></div>

Result:

Add a formatted 'Click here' button to access a website e.g www.fboone.com:

<div style="width:300px; border: 1px solid #f9bc1c; background-color:#f9bc1c; padding: 4px; padding-left:8px; margin: 4px; border-radius: 10px;">What is FBO One?<a target="_blank" style="text-decoration: none; font-weight: bold; color: black" href="https://www.fboone.com"><span style="border: 1px solid white; background-color:white; padding: 2px; padding-left: 6px; padding-right: 6px; border-radius: 5px; margin:16px">Click Here</span></a></div>

Result: