-
Notifications
You must be signed in to change notification settings - Fork 18
/
Copy pathindex.html
190 lines (179 loc) · 7.82 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Harry Potter</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<div class="header">
<div class="nav">
<img class="navimg" src="img/logo.png" alt="logo" />
<div class="right">
<ul>
<li><a href="#home" class="home1">Home</a></li>
<li><a href="#characters" class="chars">Characters</a></li>
</ul>
</div>
</div>
</div>
</header>
<div class="content" id="home">
<div class="text">
<section class="heading">
<h2 class="title">
<div class="title1">Harry</div>
Potter
</h2>
<h2 class="slogan">I solemnly swear I am up to no good</h2>
</section>
</div>
</div>
<h3 class="sub" id="characters">CHARACTERS</h3>
<div class="row">
<div class="card">
<img src="img\dumbledore.jpg" alt="Albus Dumbledore" id="dumbledore" />
<div class="container">
<h4><strong>Albus Dumbledore</strong></h4>
<p class="desc">
Albus Dumbledore, a character from the beloved Harry Potter series
created by J.K. Rowling, is one of the most iconic and enigmatic
figures in the wizarding world. As the wise and kind-hearted
headmaster of Hogwarts School of Witchcraft and Wizardry, Dumbledore
serves not only as a mentor and protector to the young wizard Harry
Potter but also as a symbol of wisdom, integrity, and moral
strength.
</p>
</div>
</div>
<div class="card">
<img src="img/HarryPotter.webp" alt="Harry Potter" />
<div class="container">
<h4><strong>Harry Potter</strong></h4>
<p class="desc">
Harry Potter is described as a gifted wizard apprentice. He has a
particular talent for flying, which manifests itself in Harry Potter
and the Philosopher's Stone the first time he tries it, and gets him
a place on a Quidditch team one year before the normal minimum
joining age.
</p>
</div>
</div>
<div class="card">
<img src="img\character3.jpg" alt="Astoria Greengrass" />
<div class="container">
<h4><strong>Astoria Greengrass</strong></h4>
<p class="desc">
Astoria Malfoy (née Greengrass) is a minor character in Harry
Potter. In between the battle of Hogwarts and the epilogue, Astoria
married Draco Malfoy and became pregnant with Scorpius Malfoy, their
only child. Astoria tragically inherited the family curse that her
ancestor had and she passed away. She also was a member of the
Greengrass family, one of the Sacred Twenty-Eight.
</p>
</div>
</div>
<div class="card">
<img src="img/GinnyWeasley.webp" alt="Ginny Weasley" />
<div class="container">
<h4><strong>Ginny Weasley</strong></h4>
<p class="desc">
Ginevra Molly "Ginny" Weasley is one of the main characters in the
Harry Potter franchise. In the films, she was portrayed by Bonnie
Wright. The only daughter of Arthur and Molly, the younger sister of
Bill, Charlie, Percy, Fred, George and Ron, Ginny is the only girl
in the Weasley family. At a young age, she fell in love with the
wizard Harry Potter but could never act upon those feelings, until
the sixth film/book. She is a very talented and outspoken person.
</p>
</div>
</div>
<div class="card">
<img src="img/Ron Weasley.jpg" alt="Harry Potter">
<div class="container">
<h4><strong>Ron Weasley</strong></h4>
<p class="desc">Ronald Bilius Weasley is a fictional character in J. K. Rowling's Harry Potter fantasy novel series. His first appearance was in the first book of the series, Harry Potter and the Philosopher's Stone, as the best friend of Harry Potter and Hermione Granger. He is a member of the Weasley family, a pure blood family that resides in "The Burrow" outside Ottery St. Catchpole. Being the only member of the three main characters raised in magical society, he also provides insight into the Wizarding World's magical customs and traditions.</p>
</div>
</div>
<div class="card">
<img src="img/Sirius_Black.jpg" alt="Padfoot">
<div class="container">
<h4><strong>Sirius Black</strong></h4>
<p class="desc">Sirius Black III also known as Padfoot or Snuffles (in his Animagus form), was an English pure-blood wizard, the older son of Orion and Walburga Black, the older brother of Regulus Black, and godfather of Harry Potter. Although he was the heir of the House of Black, Sirius disagreed with his family's belief in blood purity and defied tradition when he was Sorted into Gryffindor House instead of Slytherin at Hogwarts School of Witchcraft and Wizardry, which he attended from 1971 to 1978. As the rest of his family had been in Slytherin, he was the odd one out.</p>
</div>
</div>
<div class="card">
<img src="img/HermioneGranger.jpg" alt="Hermione Granger" />
<div class="container">
<h4><strong>Hermione Granger</strong></h4>
<p class="desc">
Hermione's most prominent features include her prodigious intellect
and cleverness. She is levelheaded, book-smart, and always very
logical. Throughout the series, Hermione uses the skills of a
librarian and teacher to gather the information needed to defeat
Voldemort, the "Dark Lord".
</p>
</div>
</div>
<div class="card">
<img src="img/Lordvoldemort (1).jpg" alt="Lord Voldemort" />
<div class="container">
<h4><strong>Lord Voldemort</strong></h4>
<p class="desc">
Lord Voldemort is a character and the main antagonist in J. K.
Rowling's series of Harry Potter novels. The character first
appeared in Harry Potter and the Philosopher's Stone, which was
published in 1997, and returned either in person or in flashbacks in
each book and its film adaptation in the series except the third,
Harry Potter and the Prisoner of Azkaban, in which he is only
mentioned.
</p>
</div>
</div>
<div class="card">
<img src="img/RubeusHagrid.jpg" alt="Rubeous Hagrid" />
<div class="container">
<h4><strong>Rubeous Hagrid</strong></h4>
<p class="desc">
Rubeus Hagrid is a fictional character in the Harry Potter book
series written by J. K. Rowling. He is introduced in Harry Potter
and the Philosopher's Stone as a half-giant and half-human who is
the gamekeeper and Keeper of Keys and Grounds of Hogwarts, the
primary setting for the first six novels.
</p>
</div>
</div>
<div class="card">
<img src="img/Severus Snape.jpeg" alt="Severus Snape" />
<div class="container">
<h4><strong>Severus Snape</strong></h4>
<p class="desc">
Severus Snape is a fictional character in J. K. Rowling's Harry
Potter series. He is an exceptionally skilled wizard whose extremely
cold and resentful exterior conceals deep emotions and anguish. A
Professor at Hogwarts School of Witchcraft and Wizardry, Snape is
hostile to Harry due to his resemblance to his father James Potter,
who bullied Snape during their time together at Hogwarts.
</p>
</div>
</div>
<div class="card">
<img src="img/McGonagall_(screenshot).jpg" alt="Minerva McGonagall" />
<div class="container">
<h4><strong>Minerva McGonagall</strong></h4>
<p class="desc">
Professor Minerva McGonagall is a fictional character in J. K.
Rowling's Harry Potter series. Professor McGonagall is a professor
at Hogwarts School for Witchcraft and Wizardry, the head of
Gryffindor House, the professor of Transfiguration, the Deputy
Headmistress under Albus Dumbledore and a member of the Order of the
Phoenix.
</p>
</div>
</div>
</div>
</body>
</html>