-
Notifications
You must be signed in to change notification settings - Fork 0
/
Index.html
87 lines (73 loc) · 4.16 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
<!doctype html>
<html lang="en">
<head>
<title>Óros · O que está por vir?</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Descubra seu horóscopo com apenas seu nome e data de nascimento.">
<meta name=" author " content="Kadu Floresta">
<link rel="sortcut icon" href="img/favicon.png" type="image/x-icon" />;
<link rel="stylesheet" href="css/style.css">
<!-- <script src="js/Index.js"></script> -->
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
</head>
<body class="bodyContent">
<nav>
<h1 class="pageName">🔯 · Óros</h1>
<ul class="nav-links ">
<li><a href="formulario.html">⭐️ cadastro</a></li>
<li class="active"><a href="Index.html">⭐️ home</a></li>
</ul>
</nav>
<hr>
<div class="container">
<h4 id="infoCadastro">♈♉♊♋♌♎♏ Cadastre-se para receber informações sobre seu Signo ♍♎♏♐♑♒♓</h4>
<div class="form-row">
<div class="form-group col-3">
<img class="signo1" src="img/signo1.png" alt="signo" usemap="#menu1">
<!-- Mapeamento da imagem -->
<map name="menu1">
<area shape="rect" coords="8, 12, 169, 164" href="aries.html" alt="aries">
<area shape="rect" coords="181, 12, 343, 164" href="touro.html" alt="touro">
<area shape="rect" coords="8, 175, 169, 328" href="leao.html" alt="leao">
<area shape="rect" coords="181, 175, 343, 328" href="virgem.html" alt="virgem">
<area shape="rect" coords="8, 341, 169, 508" href="sagitario.html" alt="sagitairio">
<area shape="rect" coords="181, 341, 343, 508" href="capricornio.html" alt="capricornio">
</map>
</div>
<div class="form-group col-6">
<a id="linkImagem" href="#"><img id="vidente" src="img/vidente.png" alt="vidente"><span>
<img src="img/balao.png" alt="balao" width="260px" height="210px"/></span></a>
<img id="bolaCristal" src="img/bola.gif" alt="bolaDeCristal">
</div>
<div class="form-group col-3">
<img class="signo2" src="img/signo2.png" alt="signo" usemap="#menu2">
<!-- Mapeamento da Imagem -->
<map name="menu2">
<area shape="rect" coords="21, 7, 172, 167" href="gemeos.html" alt="gemeos">
<area shape="rect" coords="186, 7, 339, 167" href="cancer.html" alt="cancer">
<area shape="rect" coords="21, 176, 172, 330" href="libra.html" alt="libra">
<area shape="rect" coords="186, 176, 339, 330" href="escorpiao.html" alt="escorpiao">
<area shape="rect" coords="21, 343, 172, 512" href="aquario.html" alt="aquario">
<area shape="rect" coords="186, 343, 339, 512" href="peixes.html" alt="peixes">
</map>
</div>
</div>
<p class="copyright">Copyright © 2020 | Kadu Floresta</p>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
crossorigin="anonymous"></script>
</body>
</html>