-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
104 lines (99 loc) · 4.6 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<title>Based Eren</title>
<link rel="stylesheet" href="css/styles.css" />
<link rel="icon" href="favicon.ico" />
<link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat&family=Sacramento&display=swap"
rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@600&display=swap" rel="stylesheet" />
</head>
<body>
<div class="top-container">
<img class="aot-logo" src="images/aot-logo.png" alt="aot-logo" />
<h1>I'm Eren Yeager.</h1>
<h2 class="a-chad">a <span class="chad">chad</span>.</h2>
<img class="eren-ages young" src="images/young eren.png" alt="young-eren" />
<img class="eren-ages teen" src="images/teen-eren.jpg" alt="teen-eren" />
<img class="eren-ages old" src="images/old-eren.png" alt="old-eren" />
</div>
<div class="middle-container">
<div class="profile">
<img class="eren-face" src="images/Eren_Yeager_character_image.png" alt="eren-face" />
<h2>Hello.</h2>
<p class="intro">
Eren Yeager (エレン・イェーガー Eren Yēgā) is a former member of the
Survey Corps. He is the main protagonist of Attack on Titan. He lived
in Shiganshina District with his parents and adopted sister Mikasa
Ackerman until the fall of Wall Maria, where he impotently witnessed
his mother being eaten by a Titan. This event would lead to Eren's
intense hatred towards the Titans as he swore to wipe all of them off
the face of the Earth.
</p>
</div>
<hr />
<div class="skills">
<h2>My Power.</h2>
<div class="skill-row">
<img class="founding-titan" src="images/founding-titan.png" alt="founding-titan" />
<h3>Founding Titan</h3>
<p class="founding-titan-description">
With the power of the Founding Titan that Grisha Yeager stole from
the Reiss family, Eren possesses the ability to control nearby
Titans, causing them to relentlessly attack his chosen target.
However, this ability can only be used while Eren is in contact with
a Titan of royal blood.
</p>
</div>
<div class="skill-row">
<img class="attack-titan" src="images/attack-titan.jpg" alt="attack-titan" />
<h3>Attack Titan</h3>
<p class="attack-titan-description">
After the fall of Wall Maria, Grisha found Eren in a refugee camp
and brought him into a nearby forest. After giving him the key to
the basement, Grisha injected a struggling Eren with a serum, which
transformed him into a 4 meter Pure Titan with short rugged hair and
a skinny body. This Titan ate Grisha, giving Eren the powers of the
Founding Titan and Attack Titan. Years later, during the first
Battle of Trost, Eren was eaten alive by a Titan, and inside the
stomach-like cavity saw other fellow recruits lying dead/dying, one
wanting her mother before sinking in stomach acid. The sight
combined with intense feelings of desperation and his drive to
exterminate all Titans awoke his ability to transform into his Titan
form for the first time.
</p>
</div>
<div class="skill-row">
<img class="war-hammer-titan" src="images/war-hammer-titan.png" alt="war-hammer-titan" />
<h3>War Hammer Titan</h3>
<p class="war-hammer-titan-description">
Eren obtained the power of the War Hammer Titan during the Raid on
Liberio by devouring the younger sister of Willy. He is capable of
using the War Hammer's abilities to create defensive pikes and
caltrops to hinder his enemies in combat. He is also capable of
sealing a long tunnel with hardened Titan flesh to evade capture.
</p>
</div>
</div>
<hr />
<div class="contact-me">
<h2>Get In Touch</h2>
<h3>If you are full of hatred like me.</h3>
<p class="contact-message">
Have some people you hate so much that you want to destroy them?
Contact me! We can have a talk about that.
</p>
<a href="mailto:[email protected]" class="myButton">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/">LinkedIn
</a>
<a class="footer-link" href="https://twitter.com/">Twitter</a>
<a class="footer-link" href="https://attackontitan.fandom.com/wiki/Eren_Yeager">Website
</a>
<p class="copyright">© 854 Eren Yeager @ Paradis Island.</p>
</div>
</body>
</html>