# Hints

In this website you will come across hints. Each hint has a different connotation and meaning.

## Types of Hints

### Informatory Hints

**Informatory hints** show information and descriptions. Here are the different types of informatory hints...

{% hint style="info" icon="circle-info" %}
This is an **info** hint. It is used to show extra information and notes for the reader to keep in mind.
{% endhint %}

{% hint style="info" icon="circle-question" %}
This is a **clarification** hint. It is used to clarify a certain concept that may be confusing to some readers.
{% endhint %}

{% hint style="info" icon="vial-vertical" %}
This is an **example** hint. It is used to provide an example to a concept for further understanding.
{% endhint %}

### Warning Hints

**Warning hints** highlight mild warnings. Here are the different types of informatory hints...

{% hint style="warning" icon="circle-exclamation" %}
This is a **warning** hint. It is used to convey a piece of information that is important to the understanding of a concept.
{% endhint %}

### Dangering Hints

**Dangering hints** highlight severe warnings. Here are the different types of dangering hints...

{% hint style="danger" icon="bolt" %}
This is a **misconception** hint. It is used in cases where misunderstanding of a concept or information may lead to problems.
{% endhint %}

### Additive Hints

Additive hints denote additional information. Here are the different types of additive hints...

{% hint style="success" icon="lightbulb" %}
This is a **fun fact** hint. It is used to provide a fact that isn't entirely important, but related to the topic.
{% endhint %}

{% hint style="success" icon="fire-flame-curved" %}
This is a **tip** hint. It is used to provide a trick that may help you easily understand something or speed up the process of doing something.
{% endhint %}

## Headers in Hints

Some hints may have a header. Two examples are below\...

{% hint style="info" icon="circle-info" %}

#### What is *Lorem Ipsum*?

Lorem Ipsum is filler or placeholder text used in graphic design, web development, and printing to demonstrate graphic elements (fonts, layouts) without using meaningful content.

Derived from Cicero’s 45 BC text *De finibus bonorum et malorum*, it is scrambled, nonsensical Latin that has been the industry standard since the 1500s.
{% endhint %}

{% hint style="warning" icon="circle-exclamation" %}

#### Warning

1. Warning A
2. Warning B
   1. A warning that correlates from Warning B.
   2. A second warning that correlates from Warning B.
3. Warning C
   1. A warning that correlates from Warning C.
4. Warning D
   {% endhint %}

Hints with headers take on a connotation similar to their normal hint counterparts, but give a more descriptive title on what the hint contains.