-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlanding.html
191 lines (141 loc) · 7.73 KB
/
landing.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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-126297236-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-126297236-1');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- Materialize CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- Swiper CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.1/css/swiper.css">
<!-- Google Font Embed -->
<link type="text/css" href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
<!-- Google Fonts Material Icons -->
<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!--Firebase-->
<link type="text/css" rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/3.4.1/firebaseui.css" />
<!-- Main Custom CSS -->
<link type="text/css" rel="stylesheet" href="./assets/css/min/styles.min.css">
<title>Panda Warriors Development Group | © 2018</title>
</head>
<!-- Start UI -->
<body>
<!-- Begin Main Nav Bar -->
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper">
<div class="container">
<a href="#b" id="a-one-logo" class="brand-logo left"><img width="50px" src="./assets/images/a1-icon.png"></a>
<ul class="right">
<li><a class="dropdown-trigger" data-target="show-signin" id="user-button"><i class="material-icons">person</i></a></li>
</ul>
</div>
</div>
</nav>
</div>
<!-- End Main Navbar -->
<div id="main-container" class="container">
<!--Begin Firebase UI container div-->
<div class="firebase-auth">
<div id="firebaseui-auth-container">
<h5>Sign-In</h5>
</div>
</div>
<!--End Firebase UI container div-->
<!-- Begin Landing Page Header -->
<div id="home-tab">
<section id="header">
<div class="row">
<div class="col s12">
<h1 class="center-align" id="welcome-header-landing">A1 Guitar Learner</h1>
<h4 class="white-text head-four center-align">Your guitar learning companion app.</h4>
</div>
</div>
</section>
<!-- End Landing Page Header -->
<!-- Begin Landing Page Feature Carousel -->
<div class="container">
<div class="col s12">
<div class="col s10 offset-s1 divider grey darken-2"></div>
<div class="col s10 offset-s1">
<div class="swiper-container">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<h1 class="head-one blue-text darken-5">Guitar Tabs</h1>
<h4 class="white-text head-four">Learn songs by your<br>favorite musicians.</h4>
<a href="#tabs-tab" id="tab-carousel-btn" class="btn-floating btn-large pulse" id="tab-icon"><i class="large material-icons">format_align_justify</i></a>
<br/>
<br/>
</div>
<div class="swiper-slide">
<h1 class="head-one blue-text darken-5">Lesson Videos</h1>
<h4 class="white-text head-four">Learn songs by<br>watching others play.</h4>
<a href="#videos-tab" id="videos-carousel-btn" class="btn-floating btn-large pulse" id="play-icon"><i class="large material-icons">play_circle_filled</i></a>
<br/>
<br/>
</div>
<div class="swiper-slide">
<h1 class="head-one blue-text darken-5">Guitar Tuner</h1>
<h4 class="white-text head-four">Don't be a novice.<br>Tune your instrument.</h4>
<a href="#tuner-tab" id="tuner-carousel-btn" class="btn-floating btn-large pulse" id="tuner-icon"><i class="large material-icons">music_note</i></a>
<br/>
<br/>
</div>
<div class="swiper-slide">
<h1 class="head-one blue-text darken-5">Metronome</h1>
<h4 class="white-text head-four">A metronome to keep<Br>your rhythm.</h4>
<a href="#metronome-tab" id="metronome-carousel-btn" class="btn-floating btn-large pulse" id="metronome-icon"><i class="large material-icons">graphic_eq</i></a>
<br/>
<br/>
</div>
...
</div>
<br><br>
<!-- Pagination/Indicators -->
<div class="swiper-pagination"></div>
<!-- Navigation buttons -->
<div id="swiper-arrows">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Landing Feature Carousel -->
</div>
<!-- End Main Container -->
<!-- Begin Footer -->
<footer id="footer" class="col l12 s12 m12 center-align">
Panda Warriors Development Group © 2018
</footer>
<!-- End Footer -->
<!-- All Scripts -->
<!-- Firebase -->
<script src="https://www.gstatic.com/firebasejs/5.5.0/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/firebaseui/3.4.1/firebaseui.js"></script>
<!-- jQuery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- Added this angular js file for canvas functionality on iPhone -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.2/angular.min.js"></script>
<!-- fitText.js for making font-sizes flexible -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/FitText.js/1.2.0/jquery.fittext.min.js"></script>
<!-- Materialize -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!-- Swiper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.1/js/swiper.js"></script>
<!--Landing page specific js file-->
<script src="./assets/js/min/landing.min.js"></script>
</body>
</html>