-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
34 lines (34 loc) · 1.54 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Calebe Copello">
<meta name="keywords" content="Marvel, Heroes">
<meta name="description" content="A web app to search for Marvel Heroes">
<link rel="stylesheet" href="./style.css">
<title>Marvel Hero Finder</title>
</head>
<body>
<div class="marvelHeroContainer" id="marvelHeroContainer">
<div class="marvelInputHeroContainer" id="marvelInputHeroContainer">
<input type="text" class="marvelInputBox" placeholder="Spider-Man (Peter Parker)" id="marvelInputBox" value="Wolverine" >
<button class="marvelButton" id="marvelButton">Search</button>
</div>
<div class="marvelSearchList" id="marvelSearchList"></div>
<div class="marvelDisplayContainer" id="marvelDisplayContainer">
<div class="marvelCardContainer" id="marvelCardContainer">
<div class="marvelHeroImg" id="marvelHeroImg"></div>
<div class="marvelHeroInfo" id="marvelHeroInfo">
<div class="marvelHeroName" id="marvelHeroName"></div>
<div class="marvelHeroDesc" id="marvelHeroDesc"></div>
</div>
</div>
</div>
<div class="marvelComicsText">Early Comics</div>
<div class="marvelComicsContainer" id="marvelComicsContainer">
</div>
</div>
<script src="./marvelScript.js"></script>
</body>
</html>