ravenclaws/aboutr.html at master · ejclover/ravenclaws · GitHub

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
<html>
<head>
        <!-- Latest compiled and minified CSS -->

    <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>


</head>

<body>
    <div  class ="navbar navbar-fixed-top" id="navv">

			<div class="navbar-header">
		    <a class ="navbar-brand-image " href="index.html"><img id="crest" src="https://vignette1.wikia.nocookie.net/pottermore/images/4/40/Ravenclaw_Crest_1.png/revision/latest?cb=20140604194505"></a>
		    </div>
		    <button type ="button" class = "navbar-toggle" data-toggle ="collapse" data-target="#exampleSSA">
			    <span class ="icon-bar"></span>
			    <span class ="icon-bar"></span>
			    <span class ="icon-bar"></span>

		    </button>

		    <div class ="collapse navbar-collapse" id ="exampleSSA">
			    <ul class ="nav navbar-nav navbar-center">
			      <li class=""><a class="navv" href="index.html">Home</a></li>
				    <li><a class="navv" href="#about">About</a></li>
				    <li><a class="navv" href="#contact">Contact</a></li>
				    <li><a class="navv" href="#location">Locations</a></li>
				    <li class="active"><a class="navv" href="aboutr.html">Famous Members</a></li>
				    <li class ="dropdown">

					    <a href="#" class="dropdown-toggle navv" data-toggle="dropdown">Fill in later<b class="caret"></b></a>
					    <ul class="dropdown-menu">
						    <li><a href="http://www.quackit.com/bootstrap/bootstrap_3/tutorial/bootstrap_jumbotron.cfm">Jumbotron Help</a></li>
						    <li><a href="http://www.quackit.com/bootstrap/bootstrap_3/tutorial/bootstrap_carousel.cfm">Carousel Help</a></li>
						    <li><a href="http://www.quackit.com/bootstrap/bootstrap_3/tutorial/bootstrap_modal.cfm">Modal Help</a></li>

					    </ul>

				    </li>

			    </ul>

		    </div>


    </div>

<div class="container-fluid">
    <div class="row">
    	       <div class="col-md-1"></div>
        <div class="col-md-5">
            <div class="flip-container" ontouchstart="this.classList.toggle('hover');">
	<div class="flipper">
		<div class="front">
		    <img class="flips img-responsive" src="https://pbs.twimg.com/profile_images/686909826794975232/OXZ_RqHM.jpg">
			<!-- front content -->
		</div>
		<div class="back well well-lg">
			<!-- back content -->
<div class="page-header">
  <h1>Rowena Ravenclaw </h1>
  <p class="lead">Rowena Ravenclaw was a Scottish witch, who lived in the early Middle Ages. Noted for her intelligence and creativity and regarded as one of the greatest witches of the age, Ravenclaw was one of the four founders of Hogwarts School of Witchcraft and Wizardry along with Godric Gryffindor, Helga Hufflepuff and Salazar Slytherin, as well as the namesake of the Ravenclaw House. Ravenclaw was "beautiful yet slightly intimidating."

Ravenclaw died sometime in the eleventh century, after she fell fatally ill. Legend had it that a broken heart is the cause — because her daughter, Helena, had run away with her diadem.</p>
</div>

		</div>
	</div>
</div>


        </div>
        <div class="col-md-5">
            <div class="flip-container" ontouchstart="this.classList.toggle('hover');">
	<div class="flipper">
		<div class="front">
		    <img class="flips img-responsive" src="https://images.pottermore.com/bxd3o8b291gf/Mam68Vfou2OO6kqEcyW8W/a9abc28e1e15bdd7d57f6257f3fed897/LunaLovegood_WB_F6_LunaLovegoodInQuibblerSpecsOnHogwartsExpress_Still_080615_Port.jpg?w=320&h=240&fit=thumb&f=top&q=85">
			<!-- front content -->
		</div>
		<div class="back well well-lg">
			<!-- back content -->
            <h1>Luna Lovegood</h1>
            <p class="lead">Luna attended Hogwarts School of Witchcraft and Wizardry from 1992-1999 and was sorted into Ravenclaw House. In her fourth year, Luna joined Dumbledore's Army, an organisation taught and led by Harry Potter, of which she became an important member. She participated in the Battle of the Department of Mysteries (1996) and the Battle of the Astronomy Tower (1997), and co-led the reconstituted Dumbledore's Army when Hogwarts fell under the control of Lord Voldemort. Because of her father's political dissidence at the time, Luna was abducted by Death Eaters to be held ransom, and imprisoned in the dungeons of Malfoy Manor for months. She was freed by Dobby along with several other prisoners in the spring of 1998, and stayed at Shell Cottage until she returned to Hogwarts to participate in the final battle of the Second Wizarding War.

After the war, Luna became a Magizoologist.</p>
		</div>
	</div>
</div>


        </div>
        <div class="col-md-1"></div>

    </div>
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-5"><div class="flip-container" ontouchstart="this.classList.toggle('hover');">
	<div class="flipper">
		<div class="front">
		    <img class="flips img-responsive" src="http://digitalspyuk.cdnds.net/17/04/480x240/landscape-1485591354-ollivander.jpg">
			<!-- front content -->
		</div>
		<div class="back well well-lg">
			<!-- back content -->
            <h1> Garrick Ollivander</h1>
            <p class="lead">Garrick Ollivander was the proprietor of Ollivanders in Diagon Alley during most of the 20th century. Ollivander was widely considered the best wandmaker in the world, and many wizards and witches buy their wands from him. Before Garrick Ollivander's proprietorship of Ollivanders, wizards used a wide variety of wand cores; the customer would often present their wandmaker with a magical substance to which they were attached, and he would turn it into their wand core.[1] Mr Ollivander believed that doing so altered the wand's temperament, and he revolutionised the way wands were crafted by having cores of immensely powerful magical substances expertly enclosed in specially selected and complementary wandwoods, with the result being that the wand would be matched to an owner that the wand itself felt an affinity for. </p>
		</div>
	</div>
</div></div>
        <div class="col-md-5"><div class="flip-container" ontouchstart="this.classList.toggle('hover');">
	<div class="flipper">
		<div class="front">
		    <img class="flips img-responsive" src="https://68.media.tumblr.com/dd47f08d5917ad43549319d1fab42a67/tumblr_o1ycdpseCf1sgjum7o1_500.jpg">
			<!-- front content -->
		</div>
		<div class="back well well-lg">
			<!-- back content -->
            <h1>Professor Filius Flitwick</h1>
            <p class="lead">Subtext for header</p>
		</div>
	</div>
</div></div>
        <div class="col-md-1"></div>


    </div>
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-5"><div class="flip-container" ontouchstart="this.classList.toggle('hover');">
	<div class="flipper">
		<div class="front">
		    <img class="flips img-responsive" src="https://vignette1.wikia.nocookie.net/epicrapbattlesofhistory/images/4/4a/Gilderoy_Lockhart_Based_On.png/revision/latest?cb=20160313040108">
			<!-- front content -->
		</div>
		<div class="back well well-lg">
			<!-- back content -->
            <h1>Gilderoy Lockhart</h1>
            <p class="lead">Subtext for header</p>
		</div>
	</div>
</div></div>
        <div class="col-md-5"><div class="flip-container" ontouchstart="this.classList.toggle('hover');">
	<div class="flipper">
		<div class="front">
		    <img class="flips img-responsive" src="http://vignette4.wikia.nocookie.net/harrypotter/images/8/84/Ignatia_Wildsmith-62-chocFrogCard.png/revision/latest?cb=20160606202322">
			<!-- front content -->
		</div>
		<div class="back well well-lg">
			<!-- back content -->
            <h1>Ignatia Wildsmith</h1>
            <p class="lead">In her youth, she attended Hogwarts School of Witchcraft and Wizardry from around 1238 to 1245, where she was Sorted into Ravenclaw. A younger Ignatia Wildsmith
After her graduation from Hogwarts School, Ms. Wildsmith presumably studied further into Herbology, and discovered the magical properties of the Floo plant. From it, she devised a magical powder, Floo Powder, which, when thrown into a fire, could transport wizards from one fireplace to another via a network of fireplaces.
Ms. Wildsmith died in 1320, aged around 93. In her honour, her achievement, the invention of the Floo Powder, was recorded on a Chocolate Frog Card.</p>
		</div>
	</div>
</div></div>
        <div class="col-md-1"></div>


    </div>


    </div>


</body>
</html>