-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
78 lines (62 loc) · 3.07 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
<head>
<!-- google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Orbitron&family=Teko:wght@300&display=swap" rel="stylesheet"> <!-- reset css -->
<!-- <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Lexend&display=swap" rel="stylesheet"> -->
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Lexend&family=Zen+Dots&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<!-- meu css -->
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/classes.css">
<link rel="stylesheet" type="text/css" href="css/id.css">
<link rel="stylesheet" type="text/css" href="css/animations.css">
<!-- meu script -->
<!-- <script type="text/javascript" src="../script/objects.js" defer></script> -->
<!-- <script type="text/javascript" src="../script/index.js" defer></script> -->
<script type="text/javascript" src="script/indexAPI-v2.js" defer></script>
</head>
<body>
<div class="page-body">
<header class="cabecalho">
<img class="mask" src="img/mask.png"/>
<div class="header-text">
<p>UNIVERSAL</p>
<h4>SUPER HEROES</h4>
<p>COLLECTION</p>
</div>
</header>
<main>
<!-- menu -->
<div id="form-id">
<form>
<div id="inner-form">
<label id="add">| Todos |</label>
<input type="text" id="fname" name="fname" size="15" placeholder="NOME...">
<select id="type" name="">
<option value="">TIPO</option>
<option value="">TODOS</option>
<option value="good">HERÓI</option>
<option value="bad">VILÃO</option>
</select>
<select id="attribute" name="">
<option value="">SEXO</option>
<option value="">TODOS</option>
<option value="Male">HOMEM</option>
<option value="Female">MULHER</option>
</select>
<label class="filtrar" id="filter">| BUSCAR |</label>
</div>
</form>
</div>
<!-- modal -->
<dialog></dialog>
<!-- cards -->
<div class="grid-container"></div>
</main>
</div>
<footer>
<p id="p-footer"><span class="s-footer">SPEED TO HERO 2022</span> - No Rights Reserved!</p>
</footer>
</body>