-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·51 lines (46 loc) · 2.12 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville|Libre+Franklin" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<div id="app">
<div class="container">
<h1>Note / String Flashcard Generator</h1>
<div class="row">
<div class="col col-xs-12 col-sm-6">
<h4>On string</h4>
<div class="card card-string">
<span class="holder">E</span>
</div>
</div>
<div class="col col-xs-12 col-sm-6">
<h4>Find the note</h4>
<div class="card card-note">
<span class="holder">Ab</span>
</div>
</div>
</div>
<label class="setting"><input type="checkbox" class="accidental-switch"> Exclude the sharps and flats.</label>
<button class="btn btn-new">Show new</button>
<p class="intro">To memorize the notes on fretboard,
use this app 5 to 10 minutes every day with your guitar in hand.
Find the note displayed in the note card on the string
displayed in the string card. Once you find the note, click on
"Show new" button for a new pair.</p>
</div>
</div>
<script src="js/vendor/jquery-1.11.2.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>