able/index.html at master · uditkarode/able · 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
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
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
    <meta name="theme-color" content="#646775">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>AbleMusic</title>
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/main.css">
	<link href="https://fonts.googleapis.com/css?family=Karla|Muli|Noto+Sans+JP" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Inter:wght@600;700&display=swap" rel="stylesheet">
</head>


<body>

<div class="jumbotron mysec">
	<nav class="navbar navbar-expand-lg navbar-light p-3">
	  <div class="container">
	    <a class="navbar-brand logo" href="/">AbleMusic</a>
	    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
	      <span class="navbar-toggler-icon"></span>
	    </button>
	    <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
	      <ul class="navbar-nav">
	        <li class="nav-item active">
                <a class="nav-link" href="https://github.com/uditkarode/AbleMusicPlayer">Source<span class="sr-only">(current)</span></a>
	        </li>
	        <li class="nav-item">
	          <a class="nav-link" href="https://t.me/AbleApp">Support</a>
	        </li>
	        <li class="nav-item">
	          <a class="nav-link" href="mailto:udit.karode@gmail.com">Contact</a>
	        </li>
	      </ul>
	    </div>
	  </div>
	</nav>

	<div class="container main">
		<div class="row flex-row-reverse">

			<div class="col-sm-6 imgs">
				<img class="dotted" src="img/dotted.png">
				<div class="screenshot">
					<img src="img/mob.jpg">
					<img src="img/mob.jpg">
					<img src="img/mob2.jpg">
				</div>
			</div>

			<div class="col-sm-6 main-desc">
				<img class="dotted-text" src="img/dotted.png">
				<h1>Music,<br>done right.</h1>
				<p>Able is a minimalistic and easy-to-use music streaming application like Spotify/YouTube Music, but free, open source, and no ads forever.</p>

					<div class="dl-btn">
						<div class="desc">
							<a href="https://github.com/uditkarode/AbleMusicPlayer/releases">
							<p>
								<span>Download</span><br>for Android 6+
							</p>
							</a>
						</div>
					</div>
			</div>
		</div>
	</div>

</div>


<div class="jumbotron second-part">
		<div class="container">

			<div class="row flex-row-reverse">
				<div class="col-sm-6">
					<img src="img/mob3.jpg">
				</div>
				<div class="col-sm-6">
					<h2>Intuitive UI</h2>
					<p>Able has a minimalistic, unique and intuitive user interface, which makes it easy to navigate and pleasing to the eyes.</p>
					<p>It also uses a dark overall color scheme, so that you now have a night-ready slick design.</p>
				</div>
			</div>

			<div class="row">
				<div class="col-sm-6">
					<img src="img/mob4.jpg">
				</div>
				<div class="col-sm-6">
					<h2>Thoughtful UX</h2>
					<p>Able cares about user experience so we have categorised every element of the app, allowing you to quickly find what you need.</p>
					<p>Hence; Songs, Albums and Playlists are kept seperately to ensure a uncluttered experience, while also allowing for a sleek look.</p>
				</div>
			</div>

			<div class="row flex-row-reverse">
				<div class="col-sm-6">
					<img src="img/mob5.jpg">
				</div>
				<div class="col-sm-6">
					<h2>Massive Library</h2>
					<p>Songs are obtained from the massive YouTube Music song library, with an option to download Youtube videos as audio.</p>
					<p>You can search your songs by name of the song, artist, album. You can also play pre-made playlists for every mood or genre.</p>
				</div>
			</div>

			<div class="row">
				<div class="col-sm-6">
					<img src="img/mob6.jpg">
				</div>
				<div class="col-sm-6">
					<h2>Custom Playlists</h2>
					<p>Not enough? We always love to jam to a playlist. Speaking of playlists, that's another feature Able entails.</p>
					<p>You can create an infinite number of easily shareable custom playlists from your song library with the click of a button.</p>
				</div>
			</div>

			<div class="row flex-row-reverse">
				<div class="col-sm-6">
					<img src="img/mob7.jpg">
				</div>
				<div class="col-sm-6">
					<h2>Spotify Import</h2>
					<p>Feeling sad about losing all your favorite songs from the music player you came from? Don't worry you can import all your Spotify songs to Able using the Spotify Import feature.</p>
					<p>This allows you to easily switch from Spotify to Able, keeping all your playlists offline, and never having to see another advertisement again.</p>
				</div>
			</div>

			<div class="row">
				<div class="col-sm-6">
					<img src="img/mob8.jpg">
				</div>
				<div class="col-sm-6">
					<h2>Customisable</h2>
					<p>We value your choices and your opinions. This is the reason why Able provides you the option to tune it in the way that best matches the uniqueness you possess.</p>
					<p>Able allows for three modes for songs - Download (which downloads songs for future offline sessions), Stream (Streams the song online), or 'Both' (Streams the song while also downloading it, so you don't have to wait for the download to finish).</p>
				</div>
			</div>

			<div class="row flex-row-reverse">
				<div class="col-sm-6">
					<img src="img/mob9.jpg">
				</div>
				<div class="col-sm-6">
					<h2>Free forever!</h2>
					<p>AbleMusic was, is, and will always remain free of charge, ad-free, and open source. The only source of monetary income from this app is (optional) donations.</p>
					<p>The goal of AbleMusic is not to earn money, but to promote creation of open-source and free applications that can stand up to proprietary and paid applications by huge organisations. Oh, and also to give everyone the best music experience possible. The application is still in Beta, but we accept all suggestions, and provide support for issues on Telegram. Thanks for giving us a go!</p>
				</div>
			</div>
		</div>
</div>

</body>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="js/main.js"></script>

</html>