generated from guybracha/Justice-League-fansite
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Jla.html
95 lines (94 loc) · 6.13 KB
/
Jla.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
<!DOCTYPE html>
<html>
<head>
<title>JusticeLeagueIsrael</title>
<link rel="stylesheet" href="design.css">
<script src="script.js"></script>
</head>
<body>
<div class="header">
<img class="logo" src="jlalogo.png">
<h3>Justice League of Israel - The israeli fansite of DC's top league</h3>
<button type="button" onclick="document.getElementById('demo').innerHTML = Date()">Click me for the time</button>
<p id="demo"></p>
</div>
<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#history">History</a></li>
<li><a href="#members">Members</a></li>
<li><a href="contact">Contact Us</a></li>
</ul>
<h1>How it all begins?</h1>
<p>Started back at early 1960, in The Brave and the bold #28 by writer gardner fox, artist mike sekowsky, and editor julius schwartz.</p>
<p>After a few succesful revivals of the Flash and Green Lantern, schwartz have decided to revive an old superhero team: the justice society of america, but with a twist... </p>
<p>Following the popularity of the american baseball leagues, the brilliant editor decided to rename the justice society to the Justice League of America.</p>
<p>The league's first apperance was in issue number 28 of DC's the brave and the bold, where they fought againsts Starro the conquerer.</p>
<p>And after a two back-to-back features at the brave and the bold, by late 1960, DC has decided to give the justice league their own title: Justice League of America vol. 1</p>
<img class="cover" src="brave28.jpg" alt="the brave and the bold 28" height="175px" width="auto">
<img class="cover" src="brave29.jpg" alt="the brave and the bold 29" height="175px" width="auto">
<img class="cover" src="brave30.jpg" alt="the brave and the bold 30" height="175px" width="auto">
<h1>Meet the League</h1>
<h2>The Satellite Era (1960-1984)</h2>
<p class="p1">Founders</p>
<p>Superman, Batman, Wonder Woman, The Flash, Green Lantern, Aquaman, Martian manhunter</p>
<P class="p1">Expanded league</P>
<p>Green Arrow, The Atom, Hawkman, Black Canary, Elongated Man, Red Tornado, Hawkgirl, Zatanna, Firestorm</p>
<p class="p1">The Detroit Era (1984-1987)</p>
<p>Vixen, Steel, Gypsy, Vibe</p>
<div class="gallery">
<img class="member" src="Aquaman.png" alt="Aquaman" height="150px" width="auto" float=center>
<img class="member" src="Atom.png" alt="The Atom" height="150px" width="auto">
<img class="member" src="Batman.png" alt="Batman" height="150px" width="auto">
<img class="member" src="BlackCanary.png" alt="Black Canary" height="150px" width="auto">
<img class="member" src="ElongatedMan.png" alt="Elongated Man" height="150px" width="auto">
<img class="member" src="Firestorm.png" alt="Firestorm" height="150px" width="auto">
<img class="member" src="Flash.png" alt="The Flash" height="150px" width="auto">
<img class="member" src="GreenArrow.png" alt="Green Arrow" height="150px" width="auto">
<img class="member" src="GreenLantern.png" alt="Green Lantern" height="150px" width="auto">
<img class="member" src="Hawkgirl.png" alt="Hawkgirl" height="150px" width="auto">
<img class="member" src="Hawkman.png" alt="Hawkman" height="150px" width="auto">
<img class="member" src="MartianManhunter.png" alt="Martian Manhunter" height="150px" width="auto">
<img class="member" src="RedTornado.png" alt="Red Torando" height="150px" width="auto">
<img class="member" src="Superman.png" alt="Superman" height="150px" width="auto">
<img class="member" src="WonderWoman.png" alt="Wonder Woman" height="150px" width="auto">
<img class="member" src="Zatanna.png" alt="Zatanna" height="150px" width="auto">
<img class="member" src="Gypsy.jpg" alt="Gypsy" height="150px" width="auto">
<img class="member" src="CommanderSteel.jpg" alt="Steel" height="150px" width="auto">
<img class="member" src="Vibe.jpg" alt="Vibe" height="150px" width="auto">
<img class="member" src="Vixen.png" alt="Vixen" height="150px" width="auto">
</div>
<p>Find them also on:</p>
<a href="https://en.wikipedia.org/wiki/Justice_League">Wikipedia</a>
<a href="https://dc.fandom.com/wiki/Justice_League">DC database</a>
<a href="https://dcau.fandom.com/wiki/Justice_League">DCAU</a>
<h2>Image Index</h2>
<div class="history">
<img src="Rollcall.jpg" alt="Roll Call (1960-1987)" height="200px" width="auto">
<img src="Ordway.jpg" alt="Homage by Jerry Ordway" height="200px" width="auto">
<img src="JL1987.jpg" alt="Justice League International 1987" height="200px" width="auto">
<img src="Gang.jfif" alt="All together now!" height="200px" width="auto">
<img src="JL2006.jpg" alt="Justice League of Amerrica 2006" height="200px" width="auto">
<img src="JL2016.png" alt="Justice League 2016" height="200px" width="auto">
<img src="kirby.jpg" alt="Super Powers - by Jack Kirby" height="200px" width="auto">
<img src="ross1.jpg" alt="Justice League by Alex ross" height="200px" width="auto">
<img src="jimlee.jpg" alt="Jim Lee, 2011" height="200px" width="auto">
<img src="perez1.jpg" alt="George Perez set 1" height="200px" width="auto">
<img src="perez2.jpg" alt="George Peres set 2" height="200px" width="auto">
<img src="HP.jpg" alt="JLA 1997" height="200px" width="auto">
<img src="EM.jpg" alt="2000s" height="200px" width="auto">
</div>
<h2>In other media</h2>
<div class="other">
<img src="Snyderverse.jpg" alt="Snyder's journey" height="200px" width="auto">
<img src="DCAU.png" alt="DC Animated Universe (2001)" height="200px" width="auto">
<img src="Earth16.png" alt="Young Justice (2010)" height="200px" width="auto">
<img src="Hb.jpg" alt="SuperFriends" height="200px" width="auto">
</div>
<div class="footer">
<p>Justice League created by Gardner Fox and belong to DC Comics.</p>
<img class="imgfloat" src="DCLOGO.png" alt="DC Comics logo" height="150px" width="auto">
<p>This site was created by Guy Bracha :)</p>
</div>
</body>
</html>