astr

<style>
td a img, .sf, .smallfont, .mbn {
	display: none;
}
table {
	background: none;
}
body {
	background: url("https://i.imgur.com/Pw9cOYu.png");
	background-color: #000;
}
#chambery {
	top: -5px;
	left: 200px;
	z-index: -1;
}
#bigger {
	top: 310px;
	left: 460px;
	width: 685px;
	height: 410px;
	overflow: hidden;
}
.page {
	width: 680px;
	height: 405px;
	overflow: auto;
	padding: 4px;
	font: 12px tahoma;
	color: #767475;
}
#links {
	top: 315px;
	left: 255px;
	width: 170px;
	height: 360px;
}
h1 {
	font: 21px times new roman;
	color: #426ca9;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #2c5697;
}
h2 {
	font: 13pt georgia;
	color: #f3bf5c;
	text-transform: lowercase;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 75px;
	border-bottom: 1px solid #426ca9;
}
a {
	width: 360px;
	font: 25pt georgia;
	color: #345e9e;
	font-style: italic;
	text-transform: lowercase;
	letter-spacing: -2px;
	text-decoration: none;
}
a:hover {
	color: #f3bf5c;
}
a.nav {
	background-color: #426ca9;
	display: block;
	width: 160px;
	height: 45px;
	font: 25pt georgia;
	color: #f1f7fe;
	font-style: italic;
	text-transform: lowercase;
	letter-spacing: -2px;
	text-align: center;
	margin-bottom: 5px;
	cursor: crosshair;
}
a.nav:hover {
	background-color: #f3bf5c;
	color: #f1f7fe;
	border-bottom: 3px solid #280018;
	cursor: crosshair;
}
b {
	font: italic 8pt arial;
	color: #426ca9;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
}
i {
	font: 8pt century gothic;
	color: #2d3775;
	text-transform: uppercase;
}
strong {
	background: #f3bf5c;
	font: 8pt century gothic;
	color: #1f1e22;
	text-transform: uppercase;
	padding-left: 5px;
	padding-right: 5px;
}
th {
	background: url("https://www.transparenttextures.com/patterns/cream-pixels.png");
	width: 300px;
	height: 75px;
	font: 13px tahoma;
	color: #000;
	text-align: center;
	padding: 5px;
	border: 2px dashed #80a45d;
}
</style><div id="chambery" style="position: absolute;"><img src="https://i.imgur.com/RVkGjcD.png"></div>
<div id="bigger" style="position: absolute;">
<div class="page"><a name="clear"></a>
<h1>Welcome to Class Name!</h1>
<b>bold</b>, <i>italics</i>, and <strong>strong</strong>. Alohamora wand elf parchment, Wingardium Leviosa hippogriff, house dementors betrayal. Holly, Snape centaur portkey ghost Hermione spell bezoar Scabbers. Peruvian-Night-Powder werewolf, Dobby pear-tickle half-moon-glasses, Knight-Bus. Padfoot snargaluff seeker: Hagrid broomstick mischief managed. Snitch Fluffy rock-cake, 9 ¾ dress robes I must not tell lies. Mudbloods yew pumpkin juice phials Ravenclaw’s Diadem 10 galleons Thieves Downfall. Ministry-of-Magic mimubulus mimbletonia Pigwidgeon knut phoenix feather other minister Azkaban. Hedwig Daily Prophet treacle tart full-moon Ollivanders You-Know-Who cursed. maze raw-steak Voldemort Goblin Wars snitch Forbidden forest grindylows wool socks.
<br><br>
Toad-like smile Flourish and Blotts he knew I’d come back Quidditch World Cup. Fat Lady baubles banana fritters fairy lights Petrificus Totalus. So thirsty, deluminator firs’ years follow me 12 inches of parchment. Head Boy start-of-term banquet Cleansweep Seven roaring lion hat. Unicorn blood crossbow mars is bright tonight, feast Norwegian Ridgeback. Come seek us where our voices sound, we cannot sing above the ground, Ginny Weasley bright red. Fanged frisbees, phoenix tears good clean match.



<h2>Updates</h2>
<center>
<b>New Lesson Posted:</b> 00/00/00. <br><b>Due Date:</b> 00/00/00</center>



<h2>Grading Scale</h2>
<center>
O - Outstanding - <b>30 HP</b><br>
E - Exceeds Expectations - <b>25 HP</b><br>
A - Acceptable - <b>20 HP</b><br>
P - Poor - <b>15 HP</b><br>
D - Dreadful - 1<b>0 HP</b><br>
T - Troll - <b>5 HP</b></center>
</div>
<div class="page"><a name="lesson"></a>
<h1>Lesson One: Title</h1>
This page will hold your current lesson. Please label all lessons as Lesson One, Lesson Two, Lesson Three, etc. If you have previous lessons, go back to the first earliest and label them from there.
</div>
<div class="page"><a name="hmwrk"></a>
<h1>Lesson One: Homework</h1>
This page will hold your <b>current</b> homework assignment. Your assignments should be six questions long, each question is worth 5 house points and everyone gets 20 sickles for completing, regardless of the score you give them. If you take points off for not submitting full sentences, this must be made clear at the beginning of every homework assignment. <br><br>
<ol><li>Question One</li> <li>Question Two</li> <li>Question Three</li> <li>Question Four</li> <li>Question Five</li> <li>Question Six</li></ol>
</div>
<div class="page"><a name="students"></a>
<h1>Student Records</h1>
This page will be a place for you to keep track of WHICH students have completed which homework assignments. They don't have to sign up for the class, but you can keep track of the people who have done lesson one, lesson two, etc. That way there aren't doubles. Here is a little table for you, if you choose to do it this way. c:<br><br><br>
<center><table><tr><th><div style="color: #c76d62; font-weight: bold;">Lesson One</div>
<br>username<br>username<br>username<br>username<br>username<br></th><th><div style="color: #9d2e31; font-weight: bold;">Lesson Two</div><br>username<br>username<br>username<br>username<br>username<br></th><th><div style="color: #c76d62; font-weight: bold;">Lesson Three</div>
<br>username<br>username<br>username<br>username<br>username<br></th><th><div style="color: #9d2e31; font-weight: bold;">Lesson Four</div><br>username<br>username<br>username<br>username<br>username<br></th></tr></table></center>
<br><br>
To learn how to add in a lesson five + to the table, <a href="#foryou">click here.</a>
</div>
<div class="page"><a name="makeup"></a>
This is the main page for the past lessons and homework. In Liquid Luck, we make all past assignments available for people to do. Because this requires you to add in an additional anchor, we went ahead and made ~*~secret page~*~ in this layout code for you to be able to copy and paste it into your petpage without messing up the coding. c: You can find that <a href="#foryou">here</a>. Because you will need to delete this just remember to add #foryou to the end of your url at the top to find it again. c: Otherwise, just delete all my writing here and start with:
<h1>Previous Lessons and Assignments</h1>
<a href="#Lesson4">Lesson Four: Name</a>
<br><a href="#Lesson3">Lesson Three: Name</a>
<br><a href="#Lesson2">Lesson Two: Name</a>
<br><a href="#Lesson1">Lesson One: Name</a>
</div>
<div class="page"><a name="foryou"></a>
<center> You use this to add in a new previous lesson/homework set!<br><textarea><div class="page"><a name="lesson1OR2Or3ORetc"></a>
<h1>Name of Lesson</h1>
You put the information you included in your lesson here.
<h2>Homework</h2>
<ol><li>Question One</li> <li>Question Two</li> <li>Question Three</li> <li>Question Four</li> <li>Question Five</li> <li>Question Six</li></ol></div></textarea></center><br><br>
While it may look a bit complicated, the student table is very simple. Boiled down into not so technically terms: the (tr) (/tr) means ~*~ new row of cells ~*~. Each row has four cells. You can see them as Lesson One, Lesson Two, Lesson Three, and Lesson Four. Those cells are made with the (th) (/th). Which means it will go (tr)
and then inside that FOUR (th) (/th) and then close the whole thing off with a (/tr). So after you get to the fourth lesson, add in a (tr) but with the brackets instead of the parenthesis. Then add one of these:<br><center><textarea><th><div style="color: #54567b; font-weight: bold;">Lesson One</div>
<br>username<br>username<br>username<br>username<br>username<br></th></textarea><center><br>
That is ONE (th) (/th). Add four of them and then close it out with a (/tr), and then change the lesson names.
 If you have eight cells and you only need six, that is okay, just leave them blank.  You'll fill them eventually. c:<br>
Finally, make sure that you didn't accidentally erase the (/table) that was already at the bottom of everything.
 And that's it. You can change the colors if you want.</div>


<div class="page"><a name="lesson1"></a>
<h1>Name of Lesson</h1>
You put the information you included in your lesson here.
<h2>Homework</h2>
<ol><li>Question One</li> <li>Question Two</li> <li>Question Three</li> <li>Question Four</li> <li>Question Five</li> <li>Question Six</li></ol></div>


</div><div id="links" style="position: absolute;">
<a href="#clear" class="nav">Welcome</a><a href="#lesson" class="nav">Lesson</a><a href="#hmwrk" class="nav">Homework</a><a href="#makeup" class="nav">Previous</a><a href="#students" class="nav">Students</a><a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=username&subject=CLASSNAME" class="nav">Submit</a><a href="/~felixsluck" class="nav">Classes</a><a href="http://www.neopets.com/guilds/guild.phtml?id=4174717" class="nav">Liquid Luck</a>
</div>