forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
106 lines (103 loc) · 4.45 KB
/
index.html
File metadata and controls
106 lines (103 loc) · 4.45 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>Spy × Family</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<header>
<h1>Spy × Family</h1>
<p class="desc">
This page is going to introduce three main characters in the animation.
Spy × Family is a Japanese manga series written and illustrated by
Tatsuya Endo. The story follows a spy who has to "build a family" to
execute a mission, not realizing that the girl he adopts as his daughter
is a telepath, and the woman he agrees to be in a marriage with is a
skilled assassin.
</p>
</header>
<main>
<article>
<span>Anya Forger</span>
<br />
<img
src="https://cdn.vox-cdn.com/thumbor/zv781CgSls8cezMmM9d4mIr_NLY=/0x0:1920x1080/920x613/filters:focal(807x387:1113x693):format(webp)/cdn.vox-cdn.com/uploads/chorus_image/image/70922041/Screen_Shot_2022_05_26_at_10.49.28_AM.0.png"
alt="Anya Forger"
<br
/>
<p class="desc">
As a young child, Anya is very impressionable towards the people
around her. For instance, reading Loid's mind and acting in ways he
found very odd and learning how to punch from Yor. Given her
telepathic ability ostracizing her from people and her many foster
homes, she instantly took to "Twilight" for being a real spy. Since
being adopted, she wanted to go wherever Loid was going in hopes of
seeing the spy stuff she always sees on TV. But, after the events of
Chapter 1, she has learned of the harshness of espionage and stopped
messing with Loid's spy work. She is quite clever being able to spell
long words by herself and helping Loid out as best she can, even
nudging Loid and Yor together. She likes watching spy cartoons, her
favorite being "Spy Wars", and is often seen watching them whenever
she can.
</p>
</article>
<article>
<span>Loid Forger</span>
<br />
<img
src="https://cdn.realsport101.com/images/ncavvykf/epicstream/5e5d611578adb5eff695b3ad44969d217265a2d4-800x450.png?w=686&h=386&auto=format"
alt="Loid Forger"
<br
/>
<p class="desc">
Befitting of a spy, his true personality is rather cold and
methodical, doing whatever it takes to complete the mission, from
joining terrorist organizations to dating his target's daughter to
becoming a father. However, he is shown to have a kind personality as
shown when he rescued Anya Forger, even risking his identity as a spy.
</p>
</article>
<article>
<span>Yor Forger</span>
<br />
<img
src="https://fictionhorizon.com/wp-content/uploads/2022/05/maxresdefault-2-2-1024x576.jpg"
alt="Yor Forger"
<br
/>
<p class="desc">
Yor lacks social skills and initially comes across as a somewhat aloof
individual, interacting minimally with her coworkers and being rather
straightforward, and she's described by Camilla as a robot. Similarly,
Yor is remarkably collected, able to keep her composure in the midst
of combat. She is incredibly polite to the point of asking her
assassination targets for "the honor of taking their lives." Despite
her job, Yor is a genuinely kind person with a strong maternal and big
sister instincts. After becoming a family with Loid and Anya, Yor
becomes more expressive and opens up to her coworkers, asking for help
on being a better wife or cooking. She is protective of her faux
family, especially towards Anya whom she has no trouble defending with
extreme violence.
</p>
</article>
</main>
<hr />
<footer>
<p>Feel free to contact me on</p>
<p>Email: [email protected]</p>
</footer>
</body>
</html>