-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
176 lines (167 loc) · 9.83 KB
/
index.html
File metadata and controls
176 lines (167 loc) · 9.83 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>HP FANTASY| harrypotterworld.com</title>
<link rel="stylesheet" href="website1.css">
<link rel="stylesheet" media="screen and (max-width: 1170px)" href="web1.css">
<link href="https://fonts.googleapis.com/css?family=Baloo+Bhai|Bree+Serif&display=swap" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTL60tC63lckr2Lc7UeZZOHed6XqsjgByuMwg&s">
</div>
<div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#services-container">Legendry Groups</a></li>
<li class="item"><a href="#client-section">Houses</a></li>
<li class="item"><a href="#contact">Sorting</a></li>
<li class="item"><a href="#patronus">Patronus</a></li>
</ul>
</div>
</nav>
<section id="home">
<br>
<h1 class="h-primary center">HOGWARTS SCHOOL OF<br> WITCHCRAFT AND WIZARDRY</h1><br><br>
<p>Hogwarts School of Witchcraft and Wizardry is a British wizarding boarding school teaching the magical arts, located in Scotland inside Hogwarts Castle. The castle is in the mountains near a loch. </p><br>
<p>At some point in the tenth century, four of the greatest witches and wizards that ever lived founded Hogwarts School of Witchcraft and Wizardry. Their names were Godric Gryffindor, Rowena Ravenclaw, Helga Hufflepuff and Salazar Slytherin.</p><br>
<p>The precise location of the school can never be uncovered because it has been rendered Unplottable. Similarly, most wizarding schools locations are protected in order to prevent their ways of teaching being revealed, as well as protect the students and schools themselves from any harm. </p>
</section>
<section id="services-container">
<h1 class="h-primary center" style="padding-top: 140px; margin-bottom:60px;">LEGENDRY GROUPS</h1>
<div id="services">
<div class="box">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR13zxS-D7WqCBajEqn3SJE02bBbdkb2293Nw&s" alt="">
<h2 class="h-secondary center">Golden Trio</h2>
<p class="center">The trio met for the first time on the Hogwarts Express when Hermione was looking for Neville's lost toad, Trevor. At Hogwarts, they all got sorted into Gryffindor.The trio spent their Hogwarts years together, solving mysteries during these years, and often leading to saving the school.During their seventh year at Hogwarts, the three didn't attend, and instead spent the year looking for Horcruxes.</p>
</div>
<div class="box">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSMISbBzuuZR3lXsgnK6Q5mS3o4IeZwb6pUnQ&s" alt="">
<h2 class="h-secondary center">Marauders</h2>
<p class="center">The Marauders were a group of four Gryffindors and classmates: Remus Lupin, Peter Pettigrew, Sirius Black, and James Potter. The four attended Hogwarts School of Witchcraft and Wizardry from 1971-1978. They had a knack for rule-breaking and mischief-making. While at Hogwarts they also created the Marauder's Map, which continued to help future generations of mischief-makers. The Marauders would all go on to fight in the First Wizarding War and some in the second. They were also participants in the original Order of the Phoenix.</p>
</div>
<div class="box">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTpk8v_j_W-gM6ojqtsc0MgMLRE4v3JSGKbug&s"><h2 class="h-secondary center">Professors</h2>
<p class="center">Professor Dumbledore is the headmaster of Hogwarts, everyone looks up to him for his ideas, he even gets owls from the Minister of Magic for help. Professor McGonagall was a witch and Animagus who taught at Hogwarts. Professor McGonagall worked for two years at the Ministry before she became a teacher of Transfiguration and was the Head of Gryffindor as well as Deputy Headmistress and Headmistress at the end of seventh year.Professor Snape taught potions in the first year until the fifth, in the sixth year he taught Defence against the Dark Arts.</p>
</div>
</div>
</section>
<section id="client-section">
<h1 class="h-primary center" >HOGWARTS HOUSES</h1>
<br><br>
<div id="clients">
<div class="client-item" style="color: maroon;">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRskDGKsdJRluRAVL721o78g8MrMAaq739lEg&s" alt="GRYFFINDOR">
<br><br>GRYFFINDOR<br>
<ul>
<br>
<li>Founder: Godric <br> Gryffindor</li>
<li>Head of House: Professor Minerva McGonnogall</li>
<li>Ghost: Nearly Headless Nick </li>
<li>House Colours: Red and <br>gold </li>
</ul>
</div>
<div class="client-item" style="color: blue;">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSvrQPueblONZUFqscSn2AT_AgpRwhbA0ymVg&s" alt="RAVENCLAW">
<br><br>RAVENCLAW<br>
<ul>
<br>
<li>Founder: Rowena Ravenclaw</li>
<li>Head of House: Professor Filius Flitwick</li>
<li>Ghost: The Grey <br>Lady </li>
<li>House Colours: Blue and bronze </li>
</ul>
</div>
<div class="client-item" style="color: rgb(255, 255, 0);">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTRY56wPzfu8_xBRJpXhqOtRrnIPzseE6A_UBXnzCoNVvBrQSD1_hUNjAJjRWinm_-ShuI&usqp=CAU" alt="HUFFLEPUFF">
<br><br>HUFFLEPUFF<br>
<ul>
<br>
<li>Founder: Helga Hufflepuff</li>
<li>Head of House: Professor Pomona Sprout</li>
<li>Ghost: The Fat <br>Friar </li>
<li>House Colours: Black and yellow </li>
</ul>
</div>
<div class="client-item" style="color: green;">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRxfrIbK1Ms8KbIPkKyYM2jXcgAqxkcaVAOeQ&s" alt="SLYTHERIN">
<br><br>SLYTHERIN<br>
<ul>
<br>
<li>Founder: Salazar Slytherin</li>
<li>Head of House: Professor Severus Snape</li>
<li>Ghost: The Bloody <br>Baron </li>
<li>House Colours: Green and silver </li>
</ul>
</div>
</div>
</div>
<br>
</section>
<section id="contact"><br><br><br><br><br>
<h1 class="h-primary center" style="padding-bottom: 3rem;">SORTING</h1>
<div id="contact-box">
<form action="">
<div class="form-group">
<label for="name">Name: </label>
<input type="text" name="name" id="name" placeholder="Enter your name">
</div><br>
<div class="form-group">
<label for="email">Email: </label>
<input type="email" name="name" id="email" placeholder="Enter your email">
</div><br>
<div class="form-group">
<label for="phone">Phone Number: </label>
<input type="phone" name="name" id="phone" placeholder="Enter your phone">
</div>
<!-- <div class="form-group">
<label for="message">Message: </label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
</div> -->
<div>
<br>
<input type="reset" value="Reset Now"><br><br>
<button class="btn">
<a class="abc" href="formsorting.html"> PROCEED TO SORTING CEREMONY</a><br>
</button>
</div>
</form>
</div>
</section>
<section id="patronus">
<br><br><br><br><br>
<h1 class="h-primary center"style="padding-bottom: 3rem;">PATRONUS</h1>
<div id="patr">
<form action="">
<div class="form-group">
<label for="name">Name: </label>
<input type="text" name="name" id="name" placeholder="Enter your name">
</div><br>
<div class="form-group">
<label for="name">House: </label>
<input type="text" name="name" id="name" placeholder="Enter your hogwarts house">
</div>
<br>
<input type="reset" value="Reset Now"><br><br>
<button class="btn" >
<a class="abc" href="formpatronus.html"> PROCEED TO GET YOUR PATRONUS</a><br>
</button>
</div>
</form>
</div>
</section>
<footer>
<div class="center">
Copyright © www.hpworld.com. All rights reserved!
</div>
</footer>
</body>
</html>