Nifflers

<style>
table {
	display: none;
}
.page table {
	display: table;
}
body {
	background-image: url("http://i.imgur.com/awdwEXY.png");
}
#layout {
	width: 800px;
	height: 600px;
	margin: 0 auto;
	background-image: url("http://i.imgur.com/1v1haBd.png");
}
#main {
	font: 10pt tahoma;
	color: #000000;
	top: 210px;
	left: 170px;
	width: 625px;
	height: 380px;
	overflow: hidden;
}
.page {
	height: 380px;
	overflow: auto;
}
#nav {
	top: 208px;
	left: 10px;
	width: 140px;
	height: 475px;
	overflow: hidden;
	text-align: center;
}
.table {
	display: inline;
	text-align: left;
}
td {
	padding: 10px;
	font: 10pt tahoma;
	color: #000000;
}
h1 {
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	color: #fff3ec;
	letter-spacing: 2px;
	line-height: 16px;
	text-align: left;
	padding-left: 15px;
	background: #f9ae8d;
	border-left: 30px solid #f9d78d;
}
h2 {
	font: 10pt tahoma;
	color: #fff3ec;
	text-align: center;
	background-color: #f9ae8d;
	letter-spacing: 2px;
	line-height: 18px;
}
h2:hover {
	font: 10pt tahoma;
	color: #f9ae8d;
	text-align: center;
	background-color: #fff3ec;
	letter-spacing: 2px;
	line-height: 18px;
}
h3 {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #fff3ec;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 13px;
	text-align: center;
	background: #f9ae8d;
	border-right: 80px solid #f9d78d;
	border-left: 80px solid #f9d78d;
}
b {
	color: #ff8181;
	font: 10pt tahoma;
	font-weight: bold;
	line-height: 14px;
}
i {
	color: #f9ae8d;
	font: 10pt tahoma;
	font-style: italic;
	line-height: 14px;
}
a:link, a:visited, a:active {
	color: #f9d78d;
	font: 10pt tahoma;
	text-decoration: none;
}
a:hover {
	color: #ff8181;
	font: 10pt tahoma;
	text-decoration: none;
}
</style><br><br><br><div id="layout" style="position: relative;">


<div id="nav" style="position: absolute;">
<a href="#home" class="nav"><h2>Home</h2></a>
<a href="#week1" class="nav"><h2>Week 1</h2></a>
<a href="#week2" class="nav"><h2>Week 2</h2></a>
<a href="#week3" class="nav"><h2>Week 3</h2></a>
<a href="#week4" class="nav"><h2>Week 4</h2></a>
<a href="/~thefloonetwork" class="nav"><h2>The Floo Network</h2></a>


</div>


<div id="main" style="position: absolute;">
<a name="home"></a>
<div class="page">
<h1>Welcome!</h1>
<img src="http://i.imgur.com/H8tos0R.png" style="float: left;">
Welcome to my office! As you likely already know, I have an obsession with Nifflers. In fact, I own quite a few of them and keep them right here in my office. They require a lot of care and get into more than their fair share of mischief. Would you be willing to help me take care of them?<br><br><br><br><br><b>Note:</b><br>
This activity works differently than others in the guild. You will not earn any House Points for participation, but you will earn more Galleons than usual. Fitting for a Niffler, don't you think? If you complete all 4 weeks, you'll earn a special Niffler-themed gift for your trunk.
</div>


<a name="week1"></a>
<div class="page">
<h1>Week 1</h1>
<p>
I lost my Baby Nifflers at a friend's house! Click below to search. Hurry!
</p>
<center>
<img src="http://i.imgur.com/AHMXYeC.png" usemap="#image-map"><map name="image-map"><area href="#patio" coords="12,111,64,276" shape="rect"><area href="#living" coords="92,164,245,271" shape="rect"><area href="#dining" coords="86,36,154,130" shape="rect"><area href="#bathroom" coords="262,27,320,132" shape="rect"><area href="#bedroom" coords="264,181,392,275" shape="rect"><area href="#kitchen" coords="174,29,236,131" shape="rect"></map></center>
</div>


<a name="patio"></a>
<div class="page">
<center>
<img src="http://www.bowerpowerblog.com/wp-content/uploads/2012/07/IMG_1960b-1.jpg" width="300"><br><br>
The patio is empty. Perhaps you should <a href="#week1">check somewhere else</a>.
</center>
</div>

<a name="living"></a>
<div class="page">
<center>
<img src="http://www.roomandboard.com/blog/wp-content/uploads/2019/01/altura_800639_19e_feature.jpg" width="300"><br><br>
The living room is empty. Perhaps you should <a href="#week1">check somewhere else</a>.
</center>
</div>

<a name="dining"></a>
<div class="page">
<center>
<img src="http://1i9wu42vzknf1h4zwf2to5aq-wpengine.netdna-ssl.com/wp-content/uploads/2019/03/x_SS_ModernLoftDiningTblSand_a_mc_104-3000.jpg" width="300"><br><br>
The dining room is empty. Perhaps you should <a href="#week1">check somewhere else</a>.
</center>
</div>

<a name="bathroom"></a>
<div class="page">
<center>
<img src="http://www.badeloftusa.com/wp-content/uploads/2018/10/adding-a-bathroom-1024x983.jpg" width="300"><br><br>
The bathroom is empty. Perhaps you should <a href="#week1">check somewhere else</a>.
</center>
</div>

<a name="bedroom"></a>
<div class="page">
<center>
<img src="http://media.architecturaldigest.com/photos/5eac5fa22105f13b72dede45/3:2/w_1599,h_1066,c_limit/111LexowAve_Aug18-1074.jpg" width="300"><br><br>
The bedroom is empty. Perhaps you should <a href="#week1">check somewhere else</a>.
</center>
</div>

<a name="kitchen"></a>
<div class="page">
<center>
<img src="http://i.imgur.com/vT12nmE.jpg" width="300"><br><br>
You found them sitting in the kitchen, happily munching away on some chocolate chip cookies. Whew! That could have been so much worse!<br><br><a href="/neomessages.phtml?type=send&amp;recipient=painted_dreams87&amp;subject=Niffler+1">Neomail me the code word <i>cookie</i> to receive 20 Galleons.</a>
</center>
</div>



<a name="week2"></a>
<div class="page">
<h1>Week 2</h1>
<center>
<img src="http://vignette.wikia.nocookie.net/harrypotter/images/2/2e/Niffler_gold.gif" width="200"></center>
<p>
I was shaking my Niffler upside down after a day away from the castle when I realized that he had some of my lesson plans tucked in there among his treasures. Now the topics I wanted to cover are scrambled, and I need your help remembering what they were. For each one you unscramble, you'll receive 5 Galleons. (Hint: Words are Hufflepuff-themed.)
</p>
<center>
<b>1.</b> egdbra<br><b>2.</b> inknsdes<br><b>3.</b> sutrpo
<br><br><a href="/neomessages.phtml?type=send&amp;recipient=painted_dreams87&amp;subject=Niffler+2">Neomail me your answers.</a>
</center>
</div>



<a name="week3"></a>
<div class="page">
<h1>Week 3</h1>
<p>
My Nifflers have decided to throw me a birthday party. They really are the sweetest little pets, once you get past them trying to take your stuff. xD They'd like your help picking out the card and cake, so please choose 1 card and 1 cake from the images below (refer to the names below the images). You'll receive 5-10 Galleons for your choice of card and an addition 5-15 Galleons for your choice of cake.
</p>
<center>
<img src="http://i.imgur.com/WmsCyDk.png"><img src="http://i.imgur.com/gZ1JaLB.png"><br>
Pastel Card or Bright Card
<br><br><img src="http://i.imgur.com/UjEACNw.png"><img src="http://i.imgur.com/fcckMGh.png"><img src="http://i.imgur.com/PyDA4sp.png"><br>
Gold Cake, White Cake, or Black Cake
<br><br><a href="/neomessages.phtml?type=send&amp;recipient=painted_dreams87&amp;subject=Niffler+3">Neomail me your choices</a> and be sure to <a href="#party">attend the party</a>!
</center>
</div>


<a name="party"></a>
<div class="page">
<center>
<img src="http://thumbs.gfycat.com/LateBitesizedElver-max-1mb.gif"><br><br>
The party was a huge hit thanks to your help! My Nifflers want to show their appreciation, so they've decided to give you a gift. This is in addition to the gift you receive for participating all 4 weeks!<br><br><img src="http://i.imgur.com/JqacLPD.gif"><br><br>

To receive your gift of the above avatar, <a href="/neomessages.phtml?type=send&amp;recipient=painted_dreams87&amp;subject=Niffler+Party">Neomail me with the code word <i>avatar</i>.</a>
</center></div>


<a name="week4"></a>
<div class="page">
<h1>Week 4</h1>
<center>
<img src="http://i.pinimg.com/originals/cb/bd/0e/cbbd0eac6eb6bc87e3d9f77787bade62.jpg" width="200"></center>
<p>
My Niffler disappeared for an entire day before returning to my office. Describe what you think she did that day in 3+ sentences to receive 10 Galleons.
</p>
<center>
<a href="/neomessages.phtml?type=send&amp;recipient=painted_dreams87&amp;subject=Niffler+4">Neomail me with what you think my Niffler did.</a>
</center>
</div>












</div></div>