List Group
1. Example
Unordered Bullet Lists:
It is a sequence of items.
- First
- Second
- Third
- Fourth
Code behind Example:
<ul>
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Fourth</li>
</ul>
Html:
ul{
list-style-type: none;
font-family: 'Montserrat', sans-serif;
margin-left: -40px;
font-weight: 400;
font-size: 16px;
color: #191b1a;
}
li{
margin: 15px;
}
Css:
2. Example
Unordered without Bullet Lists, including Links:
it is a sequence of items with links
Code behind Example:
<ul>
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Fourth</li>
</ul>
Html:
ul{
list-style-type: none;
font-family: 'Montserrat', sans-serif;
margin-left: -40px;
font-weight: 400;
font-size: 16px;
color: #191b1a;
}
li{
margin: 15px;
}
a{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
text-decoration: none;
font-size: 16px;
color: #191b1a;
}
a:hover { color: #FE9C00;}
Css:
3. Example
Order list:
it is a sequence of items with numbers
- First
- Second
- Third
- Fourth
Code behind Example:
<ol>
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Fourth</li>
</ol>
Html:
ol{
font-family: 'Montserrat', sans-serif;
margin-left: -40px;
font-weight: 400;
font-size: 16px;
color: #191b1a;
}
li{
margin: 15px;
}
Css: