-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (104 loc) · 11.7 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
<html>
<head>
<meta charset="utf-8">
<link id="style" rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<meta name="author" content="Tommy Gaudreau">
<meta name="description" content="Tribute page about Fullmetal Alchemist">
<meta name="keywords" content="fullmetal, alchemist, anime">
<title>Fullmetal Alchimist tribute</title>
</head>
<body>
<div class="container-fluid">
<div class="row" id="header">
<div class="col-xs-12 col-sm-12 col-md-12 col-ld-12 text-center">
<a href="https://en.wikipedia.org/wiki/Fullmetal_Alchemist" target="_blank"><img class="col-xs-12 img-responsive" src="http://www.renders-graphiques.fr/image/upload/normal/3537_render_FMA_Logo.png"></a>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-ld-12 text-center">
<a href="#timeline" id="toContent" style="position:absolute; bottom:20px;transform: translate(-50%, 0%)"><i class="fa fa-arrow-circle-down"></i></a>
</div>
</div>
<div class="container" style="margin-top:50px;" id="timeline">
<h3>Timeline</h3>
<ul>
<li style="">2001-2010: <span style="float:right;width:70%;margin-bottom:20px;">Its first installment was published in the magazine's August 2001 issue on July 12, 2001; publication continued until the series concluded in June 2010 with the 108th installment.</span></li>
<li style="clear:both;">2003-2004: <span style="float:right;width:70%;margin-bottom:20px;">The original anime, which the ending differs from the manga, was broadcast on MBS in Japan from October 4, 2003, to October 2, 2004</span>
</li>
<li style="clear:both;">2003-2010: <span style="float:right;width:70%;margin-bottom:20px;">Square Enix has published a series of seven light novel adaptations based on the series.</span>
</li>
<li style="clear:both;">2005-2011: <span style="float:right;width:70%;margin-bottom:20px;">Viz Media localized the tankōbon volumes in English in North America between May 3, 2005, and December 20, 2011. On June 7, 2011, Viz started publishing the series in omnibus format, featuring three volumes in one.</span>
</li>
<li style="clear:both;">2009-2010: <span style="float:right;width:70%;margin-bottom:20px;">Fullmetal Alchemist: Brotherhood premiered on April 5, 2009, on MBS-TBS' Sunday 5:00 PM JST anime time block and ran weekly until airing its final episode on July 4, 2010</span>
</li>
<li style="clear:both;">2014-Today: <span style="float:right;width:70%;margin-bottom:20px;"> Yen Press has the rights for the digital release of the volumes in North America since 2014.</span>
</li>
<li style="clear:both;">2016: <span style="float:right;width:70%;margin-bottom:20px;"> on December 12, 2016 Yen Press has released the series on the ComiXology website.</span>
</li>
</ul>
</div>
<div class="row" id="synopsis" style="clear:both;">
<div class="container">
<h3 style="margin-bottom:20px">Synopsis</h3> Edward and Alphonse Elric live in the rural town of Resembool with their mother Trisha and their father Van Hohenheim, the latter having left home for an unknown reason. When Trisha dies of the plague, the brothers perform the forbidden alchemic
technique of human transmutation in an attempt to resurrect her. Consequently, the transmutation backfires and in law with equivalent exchange, Edward's left leg and Alphonse's entire body are destroyed. Edward sacrifices his right arm to rescue
Alphonse's soul, binding it to a suit of armor with a blood seal. Edward is invited by Roy Mustang to become a State Alchemist to research a way to restore Alphonse's body. Edward succeeds, becoming the Fullmetal Alchemist, the title based on his
prosthetic automail limbs and use of alchemy involving metal materials.
</div>
</div>
<div class="row" id="characters">
<div class="col-xs-12 col-sm-12 col-md-12 col-ld-12 text-left">
<h3>CHARACTERS</h3>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 text-center">
<a href="https://myanimelist.net/character/12/Alphonse_Elric" target="_blank"><img class="img-responsive" src="https://myanimelist.cdn-dena.com/images/characters/5/54265.jpg" alt="alphonse">
<h4>Alphonse Elric</h4></a>
Alphonse Elric is a fictional character in the manga and anime series Fullmetal Alchemist. He is a human child who lost his body during a forbidden alchemical transmutation to bring his deceased mother back to life, and had his soul transmuted into a suit of armor by his brother, Edward Elric. Al's blood seal lies just below the base of the neck at the back of the suit, on the inside. It is drawn with Ed's blood. According to Edward, he needs to be careful whenever he reconstructs Alphonse's body because he must keep the blood seal intact during the transmutation. If the blood seal is removed, Al's soul will be lost.
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 text-center">
<a href="https://myanimelist.net/character/11/Edward_Elric" target="_blank"><img class="img-responsive" src="https://myanimelist.cdn-dena.com/images/characters/9/72533.jpg" alt="Edward">
<h4>Edward Elric</h4></a>
Edward "Fullmetal Alchemist" Elric is a young alchemical prodigy. He is the youngest State Alchemist ever to be recognized by the Amestris State Military, having received the title at the age of 12. Ed's primary motivation throughout the series is to return his younger brother, Alphonse, to his original body, which was lost in a failed human transmutation. Edward, despite his occasional bouts of immaturity, is a selfless boy who gains a reputation as a "hero of the people" throughout his youth. Notably, he doesn't seem concerned about returning his own arm and leg, instead focusing entirely on Al's suffering.
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 text-center">
<a href="https://myanimelist.net/character/63/Winry_Rockbell" target="_blank"><img class="img-responsive" src="https://myanimelist.cdn-dena.com/images/characters/15/84336.jpg" alt="Winry">
<h4>Winry Rockbell</h4></a>
childhood friend of the central characters, the Elric brothers, she is often seen in their company throughout the series. She is evidently Edward's love interest. Specializing in mechanical repair, specifically with automail, Winry services Edward's arm and leg whenever it is in need of repair or replacement.
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 text-center">
<a href="https://myanimelist.net/character/66/Scar" target="_blank"><img class="img-responsive" src="https://myanimelist.cdn-dena.com/images/characters/3/31591.jpg" alt="Scar">
<h4>Scar</h4></a>
Scar seeks his revenge against the state alchemists, all of whom he blames for the destruction of Ishbal. His wrath does not extend, however, to non-state alchemists, which is why he does not seek to kill Alphonse Elric during their frequent confrontations.
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 text-center">
<a href="https://myanimelist.net/character/69/Maes_Hughes" target="_blank"><img class="img-responsive" src="https://myanimelist.cdn-dena.com/images/characters/13/73469.jpg" alt="Maes">
<h4>Maes Hughes</h4></a>
Maes Hughes is a character that is hard not to love. He is often seen as the comedy relief but has his debuts as a serious and skilled fighter. He is best friends with Roy Mustang (and would do anything to help Roy achieve his goals) and a loving and devoted husband/father. Maes would do anything for his wife Gracia and always carries pictures of his daughter Elycia in his uniform and never misses a chance to show everyone how cute she is. He starts out in the anime as a Major in the Investigation Division and eventually becomes a Lieutenant Colonel.
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 text-center">
<a href="https://myanimelist.net/character/68/Roy_Mustang" target="_blank"><img class="img-responsive" src="https://myanimelist.cdn-dena.com/images/characters/9/186277.jpg" alt="Roy">
<h4>Roy Mustang</h4></a>
Outwardly arrogant and playfully manipulative, Mustang is intelligent and almost always one step ahead of his opponents, and likes to feel in control of the situation. He is one of the superiors of Edward Elric. On the surface, he appears to be nothing more than a man of the military who pursues promotions and praise and is considered a ladies' man who constantly goes on dates with different women. Mustang's true goal is to become Führer in order to gain the power to reform the government in order to absolve his sins in the Ishval War as well as change the country for the better, along with the joking requirement for female officers to wear tiny miniskirts (which considerably increased Havoc's loyalty to him and caused Hawkeye to be angry with him).
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 text-center">
<a href="https://myanimelist.net/character/2079/Alex_Louis_Armstrong" target="_blank"><img class="img-responsive" src="https://myanimelist.cdn-dena.com/images/characters/2/71066.jpg" alt="Alex">
<h4>Alex Louis Armstrong</h4></a>
Major Alex Louis Armstrong, the Strong Arm Alchemist, was born into an elite family of alchemists and has mastered his family's techniques. Members of his family have, in the past, filled the highest military and political positions in the state. He acquired his alchemy titles for his skill of using arm strength in his alchemy. All though he may look intimidating, he is really friendly and (overly)affectionate, and often stays behind or risks his life for the safety of others. He also has a tendency to show off techniques passed down to him to his enemies, and make them feel somewhat awkward during a battle.
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 text-center">
<a href="https://myanimelist.net/character/9792/Van_Hohenheim" target="_blank"><img class="img-responsive" src="https://myanimelist.cdn-dena.com/images/characters/3/80676.jpg" alt="Hohenheim">
<h4>Van Hohenheim</h4></a>
He is the father of the protagonists, Edward and Alphonse Elric. He is a brilliant and well-known alchemist. He left Ed, Al, and their mother Trisha when Al was a baby and Ed was very young. Years later, Ed still holds a grudge against him for abandoning his mother, which he believes contributed to her death.
</div>
</div>
<div class="row" id="footer">
<div class="col-xs-12 col-sm-12 col-md-12 col-ld-12 text-right">
<span style="float:left;">Coded by <a href="https://www.freecodecamp.com/tommypepsi" target="_blank">Tommy Gaudreau</a></span>
<a href="https://en.wikipedia.org/wiki/Fullmetal_Alchemist" target="_blank"><i style="font-size: 30px;Color:white;" class="fa fa-wikipedia-w">ikipedia</i></a>
<a href="https://myanimelist.net/anime/5114/Fullmetal_Alchemist__Brotherhood" target="_blank"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/6c/6c7419658ea598af00a30a46fac6a5a29fd640b3_full.jpg"></a>
</div>
</div>
</div>
<script src="js/js.js"></script>
</body>
</html>