Botones-basicos/buttoms.html at master · aliceperez/Botones-basicos · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Buttoms | MoodBoard</title>
	<link rel="stylesheet" type="text/css" href="buttoms.css">
	<link href='https://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'>
<body>
	<div class="Header">
		<h1 class="Header-title"> Diseño básico de botones </h1>
		<p class="Header-instruction">Algunos botones tienen un efecto hover, para verlos posiciones el cursor sobre ellos</p>
	</div>


	<div class="Row">
		<button class="btn ghost1"> Demo 1 </button>
		<button class="btn ghost2"> Demo 2 </button>
		<button class="btn ghost3"> Demo 3 </button>
	</div>
	<div class="Row">
		<button class="btn Flat1"> Demo 4</button>
		<button class="btn Flat2">Demo 5</button>
		<button class="btn Flat3">Demo 6</button>
	</div>
	<div class="Row">
		<button class="btn Other1"> Demo 7</button>
		<button class="btn Other2"> Demo 8</button>
		<button class="btn Other3"> Demo 9</button>
	</div>

</body>
</html>