-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
112 lines (104 loc) · 4.09 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Ticking app - Improve your drumming accuracy</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="description" content="Ticking is an IOS application">
<!-- <link rel="canonical" href="https://euedge.github.io/ticking/"/> -->
<link rel="stylesheet" href="https://use.typekit.net/emp5jbx.css">
<link rel="shortcut icon" type="image/png" href="./assets/favicon.png"/>
<link rel="stylesheet" type="text/css" href="./assets/styles/home.css">
<link rel="stylesheet" type="text/css" href="./assets/styles/mockup.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.6.6/svg.js"></script>
</head>
<body>
<header>
<!-- navigation -->
<div class="nav">
<div class="logo">
<a href="#home">
<img src="./assets/logo.png" alt="ticking logo">
<span>Ticking</span>
</a>
</div>
<ul>
<li><a href="#features">Features</a></li>
<li><a href="#video">Video</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<!-- cover -->
<div id="home">
<div class="cover-text">
<h1>Improve your drumming skills with Ticking</h1>
<h3>the smoothest way to get your timing right</h3>
</div>
<!-- background-animation -->
<div class="equalizer"></div>
<div class="iphone-mockup cover"></div>
<a target="_blank" href="https://itunes.apple.com/us/app/ticking/id1441531726?ls=1&mt=8">
<button type="button" name="app store download button"></button>
</a>
</div>
</header>
<!-- features -->
<section id="features">
<h2>Features</h2>
<div class="cont">
<div class="feature">
<div class="feat-desc">
<h3>Get instant visual feedback on your accuracy</h3>
<p>Color-coded ticks tell you if you were on time or if you missed a beat.</p>
</div>
<!-- <div class="icon"></div> -->
</div>
<div class="feature">
<div class="feat-desc">
<h3>From beginner to Bonzo</h3>
<p>Tick off exercises from Ticking’s rhythm patterns on your way to greatness.</p>
</div>
<!-- <div class="icon"></div> -->
</div>
<div class="feature">
<div class="feat-desc">
<h3>All you need is a quiet place </h3>
<p>You can use your practice pad, clap, tap on your legs or just knock on wood.</p>
</div>
<!-- <div class="icon"></div> -->
</div>
</div>
</section>
<!-- video -->
<div id="video" class="embed-container">
<iframe src="https://player.vimeo.com/video/444591565?loop=1&color=148787&title=0&byline=0&portrait=0"
frameborder="0"
webkitallowfullscreen
mozallowfullscreen
allowfullscreen></iframe>
<!-- <script src="https://player.vimeo.com/api/player.js"></script> -->
</div>
<!-- download -->
<section id="contact">
<h2>Contact & Support</h2>
<p>If you have any questions or suggestions about Ticking,</p>
<p>do not hesitate to <span><a href="mailto:[email protected]">contact us</a></span>!</p>
<a target="_blank" href="https://itunes.apple.com/us/app/ticking/id1441531726?ls=1&mt=8">
<button type="button" name="app store download button"></button>
<a href="https://decent.org/"><div class="image"></div></a>
</section>
<!-- footer nav -->
<footer>
<div class="left">
<!-- <span>© 2018 Ticking. All Rights Reserved.</span> -->
<a target="_blank" href="https://decent.org/"><div class="image"></div></a>
</div>
<ul>
<li><a href="mailto:[email protected]">Contact</a></li>
<li><a target="_blank" href="./privacy_policy.html">Privacy</a></li>
<li><a target="_blank" href="./terms_conditions.html">Terms</a></li>
</ul>
</footer>
<script src="./index.js"></script>
</body>
</html>