-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
36 lines (36 loc) · 2.08 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<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>