This repository was archived by the owner on Aug 21, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
245 lines (208 loc) · 8.17 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
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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
<!DOCTYPE html>
<html>
<head>
<!-- Written by JAMES LEWANDOWSKI for Maryville University Web Design II-->
<title>Superhero Children</title>
<link rel="stylesheet" href="https://use.typekit.net/kqw2udd.css">
<link rel="stylesheet" href="content/main.css">
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
<meta charset="UTF-8">
</head>
<body>
<div class="sidebarl"></div>
<div class="sidebarr"></div>
<nav>
<ul>
<li><a href="#section-1" class="jonnav"><img src="content/navicons/jon-ahoverchecked.png"></a></li>
<li><a href="#section-2" class="damiannav"><img src="content/navicons/ahoverchecked2.png"></a></li>
<li><a href="#section-3" class="jaknav"><img src="content/navicons/Jak-ahoverchecked.png"></a></li>
<li><a href="#section-4" class="connornav"><img src="content/navicons/Connor-ahoverchecked.png"></a></li>
<li><a href="#section-5" class="spidernav"><img src="content/navicons/Spider-ahoverchecked.png"></a></li>
</ul>
</nav>
<div class="wrapper">
<section id="children">
<header>
<h1>CHILDREN OF SUPERHEROES</h1>
</header>
<section id="section-1">
<div class="jon" id="flip">
<div class="jonimg"></div>
<ul class="text-flip">
<li>
<p>Jonathan Kent </p>
</li>
<li>
<p>Superman Convergence vol. 2 </p>
</li>
<li>
<p>Clark Kent (Superman) & Lois Lane </p>
</li>
<li>
<p>Super hearing, invulnerability, superhuman strength, flying and heat vision. </p>
</li>
<li>
<p>Born while his parents were trapped under a dome for nine months, Jon grows up in a small
California home where he lives a normal childs life. Upon accidentally killing his family
cat and a hawk he realizes his strength and soon becomes Superboy. </p>
</li>
</ul>
<ul class="titles-flip">
<li><b>Name</b>
</li>
<li><b>Appearance</b>
</li>
<li><b>Child of</b>
</li>
<li><b>Superpower</b>
</li>
<li><b>Background</b>
</li>
</ul>
</div>
</section>
<section id="section-2">
<div class="damian" id="noflip">
<ul class="titles">
<li><b>Name</b>
</li>
<li><b>Appearance</b>
</li>
<li><b>Child of</b>
</li>
<li><b>Superpower</b>
</li>
<li><b>Background</b>
</li>
</ul>
<ul class="text">
<li>
<p>Damian Wayne </p>
</li>
<li>
<p>Batman vol. 655 </p>
</li>
<li>
<p>Bruce Wayne (Batman) & Talia al Ghul </p>
</li>
<li>
<p>Martial Arts </p>
</li>
<li>
<p>Damian Wayne grew up training vigorosly under Ra's al Ghul in the League of Assassins. He
grows a desire to help his father on his war on crime and wants Bruce's attention. Leading
to him becoming the newest Robin. </p>
</li>
</ul>
</div>
</section>
<section id="section-3">
<div class="jakjak" id="flip">
<ul class="text-flip">
<li>
<p>Jack Jack Parr </p>
</li>
<li>
<p>The Incredibles </p>
</li>
<li>
<p>Bob Parr (Mr. Incredible & Helen Parr (Elastigirl) </p>
</li>
<li>
<p>Unknown (Several) </p>
</li>
<li>
<p>Jack Jack, still a toddler, has grown up living a normal babies life until the end of the
Incredible's 1 where he shows several powers as he falls towards the ground with the enemy.
In Incredibles 2 his powers grow and he obtains his very own super suit. </p>
</li>
</ul>
<ul class="titles-flip">
<li><b>Name</b>
</li>
<li><b>Appearance</b>
</li>
<li><b>Child of</b>
</li>
<li><b>Superpower</b>
</li>
<li><b>Name</b>
</li>
</ul>
</div>
</section>
<section id="section-4">
<div class="connor" id="noflip">
<ul class="titles">
<li><b>Name</b>
</li>
<li><b>Appearance</b>
</li>
<li><b>Child of</b>
</li>
<li><b>Superpower</b>
</li>
<li><b>Name</b>
</li>
</ul>
<ul class="text">
<li>
<p>Connor Queen </p>
</li>
<li>
<p>Green Arrow vol. 2 </p>
</li>
<li>
<p>Sandra Hawke & Oliver Queen (The Green Arrow) </p>
</li>
<li>
<p>Archer </p>
</li>
<li>
<p>Connor Queen (or Connor Hawke) has a confusing timeline in which he started out as a student who Oliver Queen met. In the New 52 series of comics it is introduced that Connor Hawke lives in an alternative reality where he is the son of the Green Arrow. </p>
</li>
</ul>
</div>
</section>
<section id="section-5">
<div class="spider" id="flip">
<ul class="text-flip">
<li>
<p>May Parker </p>
</li>
<li>
<p>What If vol. 2 #105 </p>
</li>
<li>
<p>Peter Parker (Spiderman) & Mary Jane Parker </p>
</li>
<li>
<p>Spider Powers </p>
</li>
<li>
<p>May started showing that she inherited Peters spider powers at a young age and took Ben Reilly's Spider-Man costume to take up crime fighting. Her parents advised against, but eventually helped her. </p>
</li>
</ul>
<ul class="titles-flip">
<li><b>Name</b>
</li>
<li><b>Appearance</b>
</li>
<li><b>Child of</b>
</li>
<li><b>Superpower</b>
</li>
<li><b>Name</b>
</li>
</ul>
</div>
</section>
</section>
</div>
<footer>
<p>Created by James Lewandowski. | Free Vector Background Design by: Vecteezy.com</p>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="content/main.js"></script>
</body>
</html>