-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnovo.html
41 lines (40 loc) · 1.74 KB
/
novo.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
<!DOCTYPE html>
<HTML>
<head>
<title>Busca Música</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="/style.css">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
</head>
<style>
#aprox {color:black;font-weight:bold;padding:10px 0}
</style>
<BODY>
<header>
<h1>Procura a letra de uma música?</h1>
<h2>Aqui você pode encontra-lá</h2>
<p>Basta preencher os campos abaixo e achará a letra dela, e caminho para escuta-lá no youtube.</p>
<section>
<input type="text" id="cantor" placeholder="Nome do Cantor(a)">
<input type="text" id="musica" placeholder="Nome da Música">
<input type="submit" id="botao" value="Busca">
</section>
</header>
<main>
<div id="vag" style="display: none;" class="hidden">
<!--- Here you can specify the artist and music to fetch -->
<span>
<b>Artist:</b> <i id='artista'></i>
<b>Song:</b> <i id='music'></i>
</span>
<!--- Where lyrics should be placed. Don't remove Vagalume logo and link. -->
<a target=_blank href="http://www.vagalume.com.br/" style="float: right; font-weight: bold; font-size: 10px;text-decoration: nonex;"><img src="/logo.jpg" style="height: 80px;" alt="Vagalume"><br/>Letras de Músicas</a>
<div id='letra'>
<pre class=text>Fetching lyrics... <img src="http://www.vagalume.com.br/images/processing.gif"></pre>
</div>
<!--<a target=_blank id=vagalumeBrandBottom href="http://www.vagalume.com.br/search.php?t=art&q=Madonna">More about <p></p> at Vagalume »</a> -->
</div>
</main>
<script src="scripts.js"></script>
</BODY>
</HTML>