Heading 1


<!-- HTML code -->
<h1>Heading 1</h1>

<!-- CSS code -->
h1 {
    color: white;
    font-size: 36px;
    font-weight: 700;
}

Heading 2


<!-- HTML code -->
<h2>Heading 2</h2>

<!-- CSS code -->
h2 {
    color: white;
    font-size: 30px;
    font-weight: 700;
}

Heading 3


<!-- HTML code -->
<h3>Heading 3</h3>

<!-- CSS code -->
h3 {
    color: white;
    font-size: 24px;
    font-weight: 600;
}

Heading 4


<!-- HTML code -->
<h4>Heading 4</h4>

<!-- CSS code -->
h4 {
    color: white;
    font-size: 20px;
    font-weight: 600;
}

Heading 5


<!-- HTML code -->
<h5>Heading 5</h5>

<!-- CSS code -->
h5 {
    color: white;
    font-size: 18px;
    font-weight: 500;
}

Heading 6


<!-- HTML code -->
<h6>Heading 6</h6>

<!-- CSS code -->
h6 {
    color: white;
    font-size: 16px;
    font-weight: 500;
}

Paragraph


<!-- HTML code -->
<p>Paragraph</p>

<!-- CSS code -->
p {
    color: white;
    font-size: 16px;
    font-weight: 400;
}

Muted


<!-- HTML code -->
<p class="muted-text">Muted</p>

<!-- CSS code -->
 .muted-text {
    color: white;
    font-size: 15px;
    font-weight: 400;
}

Small


<!-- HTML code -->
<small>Small</small>

<!-- CSS code -->
small {
    color: white;
    font-size: 13px;
    font-weight: 400;
}

Code


<!-- HTML code -->
<code>Code</code>

<!-- CSS code -->
code {
    color: white;
    font-size: 14px;
    font-weight: 400;
    font-family: "Courier New", monospace;
}

Label


<!-- HTML code -->
<label>Label</label>

<!-- CSS code -->
label {
    color: white;
    font-size: 14px;
    font-weight: 500;
}

Link


<!-- HTML code -->
<a>Link</a>

<!-- CSS code -->
a {
    color: white;
    font-size: 14px;
    font-weight: 500;
}