index.html

<p> whats up?</p> <!-- text -->
<button>Hello</button> <!-- button -->
<a href="https://www.google.com" target="_blank">Google</a>
<!-- target="_blank" opens the link in a new tab/ href link+name -->
<div class="w3-container">
    <h2>Button Colors</h2>
    <p><button class="w3-button w3-red">Red</button></p>
    <p><button class="w3-button w3-pink">Pink</button></p>
    <p><button class="w3-button w3-purple">Purple</button></p>
    <p><button class="w3-button w3-deep-purple">Deep Purple</button></p>
    <p><button class="w3-button w3-indigo">Indigo</button></p>
    <p><button class="w3-button w3-blue">Blue</button></p>
    <p><button class="w3-button w3-light-blue">Light Blue</button></p>
    <p><button class="w3-button w3-cyan">Cyan</button></p>
    <p><button class="w3-button w3-aqua">Aqua</button></p>
    <p><button class="w3-button w3-teal">Teal</button></p>
    <p><button class="w3-button w3-green">Green</button></p>
    <p><button class="w3-button w3-light-green">Light Green</button></p>
    <p><button class="w3-button w3-lime">Lime</button></p>
    <p><button class="w3-button w3-sand">Sand</button></p>
    <p><button class="w3-button w3-khaki">Khaki</button></p>
    <p><button class="w3-button w3-yellow">Yellow</button></p>
    <p><button class="w3-button w3-amber">Amber</button></p>
    <p><button class="w3-button w3-orange">Orange</button></p>
    <p><button class="w3-button w3-deep-orange">Deep Orange</button></p>
    <p><button class="w3-button w3-brown">Brown</button></p>
    <p><button class="w3-button w3-blue-grey">Blue Grey</button></p>
    <p><button class="w3-button w3-light-grey">Light Grey</button></p>
    <p><button class="w3-button w3-grey">Grey</button></p>
    <p><button class="w3-button w3-dark-grey">Dark Grey</button></p>
    <p><button class="w3-button w3-black">Black</button></p>
    <p><button class="w3-button w3-pale-red">Pale-red</button></p>
    <p><button class="w3-button w3-pale-yellow">Pale-yellow</button></p>
    <p><button class="w3-button w3-pale-green">Pale-green</button></p>
    <p><button class="w3-button w3-pale-blue">Pale-blue</button></p>
</div>