hyperion/index.html at main · DavidBlaa/hyperion · 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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<html>
<head>
	<link rel="stylesheet" href="./libs/bootstrap-4.5.3-dist/css/bootstrap.css">
</head>
<body>

	<div class="container">
		<div class="row">
			<div class="col-md-3">
				<div class="card" style="width: 18rem;">
					<img src=".\images\white-icons-set\png\001-schlagzeug.png" class="card-img-top" alt="...">
					<!-- <div class="card-body">
					  <h5 class="card-title">Schlagzeug</h5>
					  <p class="card-text">Rhytmus Instrtument</p>
					  <a href="#" class="btn btn-primary">A</a>
					</div> -->
				  </div>
			</div>
			<div class="col-md-3">
				<div class="card" style="width: 18rem;">
					<img src=".\images\white-icons-set\png\003-elektrische-gitarre.png" class="card-img-top" alt="...">
					<!-- <div class="card-body">
					  <h5 class="card-title">Bass</h5>
					  <p class="card-text">....</p>
					  <a href="#" class="btn btn-primary">B</a>
					</div> -->
				  </div>
			</div>
			<div class="col-md-3">
				<div class="card" style="width: 18rem;">
					<img src=".\images\white-icons-set\png\002-spanische-gitarre.png" class="card-img-top" alt="...">
					<!-- <div class="card-body">
					  <h5 class="card-title">Guitarre</h5>
					  <p class="card-text">...</p>
					  <a href="#" class="btn btn-primary">C</a>
					</div> -->
				  </div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-3">
				<div class="card bg-dark text-white">
					<img src="..." class="card-img" alt="...">
					<div class="card-img-overlay">
					  <h5 class="card-title">Card title</h5>
					  <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
					  <p class="card-text">Last updated 3 mins ago</p>
					</div>
				  </div>
			</div>
			<div class="col-md-3">5</div>
			<div class="col-md-3">6</div>
		</div>
		<div class="row">
			<div class="col-md-3">7</div>
			<div class="col-md-3">8</div>
			<div class="col-md-3">9</div>
		</div>
		<div class="row">
			<div class="col-md-3">
				<button type="button" class="btn btn-primary">Start</button>
				<button type="button" class="btn btn-secondary">Stop</button>
			</div>
		</div>
	</div>
	<div>Icons made by <a href="https://www.flaticon.local/authors/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.local/" title="Flaticon">www.flaticon.local</a></div>
	<script src="./libs/jquery/jquery-3.5.1.min.js"></script>
	<script src="./libs/bootstrap-4.5.3-dist/js/bootstrap.js"></script>
</body>
</html>