how to use this page

Welcome to TNP's Portfolio page! Here, you can have easy access to all of our past and recent portfolio codes. Choose the one that suits you best, copy and paste the code into your petpage and (if you are applying to the guild) fill it out to the best of your ability. If you're simply looking for a convenient code to help organize your goals/accomplishments, feel free to use our codes for personal use! (Please leave our credit!)

step 1: Click on a small thumbnail below the preview box. A preview of the image will then appear above.
step 2: Click on the preview image. This will then display the description and the coding to the page here.

Portfolios are listed from oldest to newest and, for those of you who may not be comfortable with CSS, in order of complexity.

Please read our F.A.Q. to learn more about TNP Portfolios!

What is a portfolio?
A portfolio is your personal file, a way to showcase all your accomplishments, share your experiences, document your goals and discover your creative talent.

How do I apply to TNP?
Once your portfolio is created, submit the link to sunny_forever for review/ application to the guild.

Do I have to be a member of The Neo Project guild to use the codes?
Nope! The codes are for everyone. However, please leave a credit/ link back to this page.

What can I use my portfolio for?
Anything! Use it as a scrapbook, a goal tracker, an art gallery, a guide, a blog, a journal, a storybook, whatever you like. We want to help spread your ideas and creations, whatever they may be!

Can I modify the coding?
You sure can. The older portfolios already have a color scheme, but newer codes are purposely coded in grayscale for you to customize. Feel free to add graphics, change the colors and positioning, do whatever you like. However, please leave our credit somewhere on the page.

Can I design my own portfolio?
Absolutely! If we like your design, we might just snag it for the page--if it's alright with you, that is.

How long has TNP been around?

The current guild was created in August of 2010. However, we've restored the original codes from the guild back in 2008, when the idea of TNP first began. They've been modified a bit, but the colors and layout still resemble the original portfolios.

Code #1

Hidden Forest

Code

Simple and sleek, this code is one of my favorites. Compatible in all browsers, limited coding knowledge required.

<div class="header">GUILD INFO</div>
<b>Tips for Applying</b>
<br>-don't be afraid to show your personality!
<br>-include detailed, pertinent information
<br>-include goals that are well defined and organized
<br>-showcase a special skill/accomplishment (such as art, writing, graphics, etc.)
<br>-including personal graphics/coding is a plus--but by itself will not guarantee you an invite
<br>-give it an honest effort
<br>-spend time talking with us on the recruiting boards to get your name out there and give our members an idea of who you are

<br><br><b>I've Joined, Now What?</b>
<br>-please <a href="http://www.neopets.com/preferences.phtml">enable guild mailings</a> in order to receive important updates
<br>-introduce yourself on the guild boards--including your username in your <a href="http://www.neopets.com/neoboards/preferences.phtml">neoboard signature</a> will help us learn your name! <b>*</b> Please remember to keep your posts <i>5 lines</i> or longer. 
<br>-look around at what TNP has to offer--there are many blocs (interest groups) to get involved in, as well as a monthly competition and several guild services. You can find a list of these on the guild website.
<br>-check out the awards/badges you can earn for completing special tasks around the guild.
<br>-visit our <a href="/~super_beat">blog</a> for updates, as well as a collection of entertaining/informative works from our members.

<br><br><b>Activeness</b>
<br>In order to be considered an active member of the guild, you must:
<br>-update your portfolio
<br>-post on the message boards (10+ posts)
<br>-participate in an event
<br>-participate in a bloc
<br><b>OR</b> -participate in staff
<br><i>at least once a month</i>

<br><br><div class="header">ABOUT ME</div>
<i>Name </i>:
<br><i>Age </i>:
<br><i>Timezone </i>: (NST+)
<br><i>How Long I've played Neopets </i>: 
<br><i>Biggest Accomplishment to Date </i>:  
<br><i>Likes </i>: 
<br><i>Dislikes </i>: 
<br><i>Why you joined TNP and why you love it so much </i>: 
<br><i>Description </i>: (for the guild comic or fanart c;)

<br><br><div class="header2">WISHLIST</div> 
<img src="http://images.neopets.com/items/jubzambra_ticket.gif" class="resize"><img src="http://images.neopets.com/items/spookymap1.gif" class="resize"><img src="http://images.neopets.com/items/dubloon5.gif" class="resize"><br><br><div class="header2">WANTED AVATARS</div>
<img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><br><br><div class="header2">DREAM PETS</div>
<img src="http://pets.neopets.com/cp/f2w9tw43/1/2.png" class="resize"><img src="http://pets.neopets.com/cp/wf6sfkj3/1/2.png" class="resize"><img src="http://pets.neopets.com/cp/928lzzrr/1/2.png" class="resize"><br><br><div class="header">GOALS</div> 
<b>»</b> #1
<br><b>»</b> #2
<br><b>»</b> #3
<br><b>»</b> #4
<br><b>»</b> #5	
	
	
<br><br><div class="header">GAMEPLAN</div> 
<br><li>I will complete <b>this task</b> by <b>this date</b>
</li>
<br><li>I will complete <b>this task</b> by <b>this date</b>
</li>
<br><li>I will complete <b>this task</b> by <b>this date</b>
</li>
<br><li>I will complete <b>this task</b> by <b>this date</b>
</li>
<br><li>I will complete <b>this task</b> by <b>this date</b>
</li>

<br><br><div class="header">TIMELINE/PROGRESS</div> 
<i>Date</i> 
<br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
<br><br><i>Date</i> 
<br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
<br><br><i>Date</i> 
<br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<br><br><div class="header">ACCOMPLISHMENTS</div> 
<h1>Date</h1> 
<br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<h1>Date</h1> 
<br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<br><br><div class="header2">CREDIT</div> 
<center>

<font class="disclaimer">I got my portfolio at <a href="/~tnproject">the neo project</a></font>

<br><font class="disclaimer">please do not remove our credit</font>

</center>

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

Code #2

A Day At The Beach

code

Similar style to our first design, but with a bold and colorful twist! Compatible in all browsers, limited coding knowledge required.

<br><br><div class="header">About</div> 
<i>Name</i>: 
<br><i>Age</i>: 
<br><i>Timezone</i>: (NST+) 
<br><i>How Long I've played Neopets</i>:
<br><i>Biggest Accomplishment to Date</i>:
<br><i>Likes</i>: 
<br><i>Dislikes</i>: 
<br><i>Why you joined TNP and why you love it so much</i>:
<br><i>Description</i>: (for the guild comic and fanart c;)

<br><br><div class="header">WISHLIST</div> 
<img src="http://images.neopets.com/items/jubzambra_ticket.gif" class="resize"><img src="http://images.neopets.com/items/spookymap1.gif" class="resize"><img src="http://images.neopets.com/items/dubloon5.gif" class="resize"><br><br><div class="header">WANTED AVATARS</div>
<img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><br><br><div class="header">DREAM PETS</div>
<img src="http://pets.neopets.com/cp/f2w9tw43/1/2.png" class="resize"><img src="http://pets.neopets.com/cp/wf6sfkj3/1/2.png" class="resize"><img src="http://pets.neopets.com/cp/928lzzrr/1/2.png" class="resize"><br><br><div class="header">GOALS</div> 
<br><b>»</b> GOAL #1: 
<br><b>»</b> GOAL #2:
<br><b>»</b> GOAL #3:
<br><b>»</b> GOAL #4:
<br><b>»</b> GOAL #5:
	
	
<br><br><div class="header">Gameplan</div> 
<li>I will <b>[complete this task]</b> by <b>[this date]</b> 
</li>
<li>I will <b>[complete this task]</b> by <b>[this date]</b> 
</li>
<li>I will <b>[complete this task]</b> by <b>[this date]</b> 
</li>
<li>I will <b>[complete this task]</b> by <b>[this date]</b> 
</li>
<li>I will <b>[complete this task]</b> by <b>[this date]</b> 
</li>
	
	
<br><br><div class="header">Accomplishments</div> 
<br><i>Date</i> 
<br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
<br><i>Date</i> 
<br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
<br><i>Date</i> 
<br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<br><br><div class="header">CREDIT</div> 
<center>
<font class="disclaimer">I got my portfolio at <a href="/~tnproject">the neo project</a></font>

<br><font class="disclaimer">Please do not remove our credit</font>

</center>
</div>
<br><br>

Code #3

window shopping

code

Stylish and makes a statement! Compatible in all browsers, limited coding knowledge required.

<br><br><div class="header">ABOUT ME</div> 
<i>Name</i>: 
<br><i>Age</i>: 
<br><i>Timezone</i>: 
<br><i>How Long I've played Neopets</i>: 
<br><i>Biggest Accomplishment to Date</i>: 
<br><i>Likes</i>: 
<br><i>Dislikes</i>: 
<br><i>Why you joined TNP and why you love it so much</i>: 
<br><i>Description</i>: (for a guild comic or fanart. c;)
<br><b>Referred By</b>: ???
</div>

<br><br><div class="header">GAMEPLAN</div> 
<br><li>I will <b>accomplish this task</b> by <b>this date</b>
</li>
<br><li>I will <b>accomplish this task</b> by <b>this date</b>
</li>
<br><li>I will <b>accomplish this task</b> by <b>this date</b>
</li>
<br><li>I will <b>accomplish this task</b> by <b>this date</b>
</li>
<br><li>I will <b>accomplish this task</b> by <b>this date</b>
</li>

<br><br><div class="header">TIMELINE/PROGRESS</div> 
<br><i>DATE</i> 
<br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
<br><i>DATE</i> 
<br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
<br><i>DATE</i> 
<br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<br><br><div class="header">MY ACCOMPLISHMENTS</div> 
<br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<br><br><div class="header">CREDIT</div> 
<center>

<font class="disclaimer">I got my portfolio at <a href="/~tnproject">the neo project</a></font>

<br><font class="disclaimer">please do not remove our credit</font>

</center>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br>

Code #4

Dark Magic

code

I once used this as my portfolio back in 2008 for its streamlined appearance, it recieved a third upgrade in 2011. Compatible in all browsers, limited coding knowledge required.

</div>
<div id="content" style="position: absolute;"> 
<div class="topban">
<font class="up">T</font>he <font class="up">N</font>eo <font class="up">P</font>roject</div> 
<div class="tiny">welcome to my portfolio</div>

<br><br><div class="header">GUILD INFO</div>
<b>Tips for Applying</b>
<br>-don't be afraid to show your personality!
<br>-include detailed, pertinent information
<br>-include goals that are well defined and organized
<br>-showcase a special skill/accomplishment (such as art, writing, graphics, etc.)
<br>-including personal graphics/coding is a plus--but by itself will not guarantee you an invite
<br>-give it an honest effort
<br>-spend time talking with us on the recruiting boards to get your name out there and give our members an idea of who you are

<br><br><div class="header">ABOUT ME</div> 
<i>Name</i>: 
<br><i>Age</i>: 
<br><i>Timezone</i>: 
<br><i>How Long I've played Neopets</i>: 
<br><i>Biggest Accomplishment to Date</i>: 
<br><i>Likes</i>: 
<br><i>Dislikes</i>:
<br><i>Why you joined TNP and why you love it so much</i>:
<br><i>Description</i>: (for the guild comic, or fanart c;)
<br><i>Referred by</i>:

<br><br><div class="header">WISHLIST</div> 
<img src="http://images.neopets.com/items/jubzambra_ticket.gif" class="resize"><img src="http://images.neopets.com/items/spookymap1.gif" class="resize"><img src="http://images.neopets.com/items/dubloon5.gif" class="resize"><br><br><div class="header">WANTED AVATARS</div>
<img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><br><br><div class="header">DREAM PETS</div>
<img src="http://pets.neopets.com/cp/f2w9tw43/1/2.png" class="resize"><img src="http://pets.neopets.com/cp/wf6sfkj3/1/2.png" class="resize"><img src="http://pets.neopets.com/cp/928lzzrr/1/2.png" class="resize"><br><br><br><div class="header">MY GOALS</div> 
<b>»</b> #1
<br><b>»</b> #2
<br><b>»</b> #3
<br><b>»</b> #4
<br><b>»</b> #5
	
	
<br><br><div class="header">GAMEPLAN</div> 
<li>I will <b>finish this task</b> by <b>this date</b>
</li>
<br><li>I will <b>finish this task</b> by <b>this date</b>
</li>
<br><li>I will <b>finish this task</b> by <b>this date</b>
</li>
<br><li>I will <b>finish this task</b> by <b>this date</b>
</li>
<br><li>I will <b>finish this task</b> by <b>this date</b>
</li> 
	
	
<br><br><div class="header">TIMELINE/PROGRESS</div> 
<i>Date</i> 
<br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
<br><i>Date</i> 
<br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
<br><i>Date</i> 
<br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<br><br><div class="header">MY ACCOMPLISHMENTS</div> 
<br><h1>DATE</h1> 
Accomplishment
<br><br><h1>DATE</h1> 
Accomplishment
<br><br><h1>DATE</h1> 
<br>Accomplishment

<br><br><div class="header">CREDIT</div> 
<center>

<font class="disclaimer">I got my portfolio at <a href="/~tnproject">the neo project</a></font>

<br><font class="disclaimer">please do not remove our credit</font>

</center>

</div>

Code #5

Sweet Iced Tea

code

Sweet and fresh, just the thing for a hot summer day. Blog feature--requires knowledge of basic div and font classes.

<br><br><h2>goals</h2>
<br><b>1</b>) goal #1 will be accomplished by this date
<br><b>2</b>) goal #2 will be accomplished by this date
<br><b>3</b>) goal #3 will be accomplished by this date
<br><b>4</b>) goal #4 will be accomplished by this date
<br><b>5</b>) goal #5 will be accomplished by this date

<br><br><h2>accomplishments</h2>
<br><b>1</b>) accomplishment #1
<br><b>2</b>) accomplishment #2
<br><b>3</b>) accomplishment #3
<br><b>4</b>) accomplishment #4
<br><b>5</b>) accomplishment #5

<br><br><h2>wishlist</h2>
<br><b>1</b>) wish #1
<br><b>2</b>) wish #2
<br><b>3</b>) wish #3
<br><b>4</b>) wish #4
<br><b>5</b>) wish #5

<br><br><h2>recognition</h2>
<center>
<table width="150" cellpadding="5" cellspacing="5" style="border: 1px solid #DFDFDF; background-color: #F5F5F5; width: 150px;">
<tr><th align="center"><font style="font-family: century gothic; font-size: 18pt; color: #AAAAAA; letter-spacing: -2; font-weight: normal;">trophy <b>cabinet</b></font></th></tr>
<tr><th align="center"><font style="font-family: century gothic; font-size: 8pt; color: #AAAAAA; letter-spacing: 4; font-weight: normal;">BADGES</font></th></tr>
<tr><td align="center">
<img border="0" src="http://usera.imagecave.com/theneoproject/badges/badge0.png"><img border="0" src="http://usera.imagecave.com/theneoproject/badges/badge0.png"><img border="0" src="http://usera.imagecave.com/theneoproject/badges/badge0.png"><br><img border="0" src="http://usera.imagecave.com/theneoproject/badges/badge0.png"><img border="0" src="http://usera.imagecave.com/theneoproject/badges/badge0.png"><img border="0" src="http://usera.imagecave.com/theneoproject/badges/badge0.png"><br>
</td></tr>
<tr><th align="center"><font style="font-family: century gothic; font-size: 8pt; color: #AAAAAA; letter-spacing: 4; font-weight: normal;">AWARDS</font></th></tr>
<tr><td align="center">
<img border="0" src="http://usera.imagecave.com/theneoproject/awards/award0.png"><img border="0" src="http://usera.imagecave.com/theneoproject/awards/award0.png"><br><img border="0" src="http://usera.imagecave.com/theneoproject/awards/award0.png"><img border="0" src="http://usera.imagecave.com/theneoproject/awards/award0.png">
</td></tr>
</table>
</center>

<br><br><h2>credit</h2>
<center>
<font class="disclaimer">I got my portfolio at <a href="/~tnproject">the neo project</a></font>

<br><font class="disclaimer">please do not remove our credit</font>
</center>
</div>
<div id="content" style="position: absolute;">
<h2>guild info</h2>
<b>Tips for Applying</b>
<br>-don't be afraid to show your personality!
<br>-include detailed, pertinent information
<br>-include goals that are well defined and organized
<br>-showcase a special skill/accomplishment (such as art, writing, graphics, etc.)
<br>-including personal graphics/coding is a plus--but by itself will not guarantee you an invite
<br>-give it an honest effort
<br>-spend time talking with us on the recruiting boards to get your name out there and give our members an idea of who you are

<h2>about me</h2>
<br><center> 
<div class="box">
<br>Name/Nickname:
<br>Age: 
<br>Likes: 
<br>Dislikes:
<br>Real Life Hobbies:
<br>Favorite Things To Do On Neo:
<br>Strengths:
<br>Weaknesses:
<br>My Creative Stuff: Artwork, petpages, etc.
<br>More About Me:</div>

<br><br><h2>for my guild</h2>
<div class="box">
<br>What I Want In A Guild:
<br>What I Think TNP Can Improve:
<br>Referred By:
<br>
</div>
</center>

<br><br><a name="top"></a><div class="box2">
<font class="date">00</font><font class="month">MONTH</font>
</div>
<h2>TITLE</h2>

<br><b>This</b> is where you can write all your opinions and thoughts about the guild - suggestions, comments, questions, screencaps, news, opinions & more! Get creative. Write stories, draw pictures, go crazy! Talk about your goals, what's working, what's not. Create tips or guides, talk about your favorite activities on Neo, give a shoutout to your friends in the guild. If you're not sure how to do something, ask! Write down your frustrations, ask for help. Make suggestions for a new guild activity, write a How To blog, share your thoughts on current guild happenings. This is your space, your thoughts, and we want to hear them! People from the guild will stop by here often, so fill it with your very best creative stuff.

<br><br><i>If</i> you are part of a guild committee, this is a great way to record what you did that day, so that we know you are keeping up with your duties! Post new happenings within your committee, make a to-do list, jot down important dates for other members to keep an eye on. Write down your suggestions and ideas, give feedback on how we can improve, etc.!

<br><br><b>Your</b> opinions are so, so important! We created this section so that we can check up on our members, see what they think about the guild, our activities, or policies, etc.! This is your chance to speak up and make a difference in the guild, please take advantage of it!

<br><br><div class="box2"> 
<font class="date">00</font><font class="month">MONTH</font>
</div>
<h2>TITLE</h2> <br>

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<br><br><div class="box2"> 
<font class="date">00</font><font class="month">MONTH</font>
</div>
<h2>TITLE</h2> <br>

Code #6

Midnight Dream

code

Simple and serene. Blog feature--requires knowledge of basic div and font classes.

<br><br><h2>recognition</h2> 
<br><center>
<table width="150" cellpadding="5" cellspacing="5" style="border: none; background-color: #2F2D2D; width: 150px;">
<tr><th align="center"><font style="font-family: century gothic; font-size: 18pt; color: #AAAAAA; letter-spacing: -2; font-weight: normal;">trophy <b>cabinet</b></font></th></tr>
<tr><th align="center"><font style="font-family: century gothic; font-size: 8pt; color: #AAAAAA; letter-spacing: 4; font-weight: normal;">BADGES</font></th></tr>
<tr><td align="center">
<img border="0" src="http://usera.imagecave.com/theneoproject/badges/badge0.png"><img border="0" src="http://usera.imagecave.com/theneoproject/badges/badge0.png"><img border="0" src="http://usera.imagecave.com/theneoproject/badges/badge0.png"><br><img border="0" src="http://usera.imagecave.com/theneoproject/badges/badge0.png"><img border="0" src="http://usera.imagecave.com/theneoproject/badges/badge0.png"><img border="0" src="http://usera.imagecave.com/theneoproject/badges/badge0.png"><br>
</td></tr>
<tr><th align="center"><font style="font-family: century gothic; font-size: 8pt; color: #AAAAAA; letter-spacing: 4; font-weight: normal;">AWARDS</font></th></tr>
<tr><td align="center">
<img border="0" src="http://usera.imagecave.com/theneoproject/awards/award0.png"><img border="0" src="http://usera.imagecave.com/theneoproject/awards/award0.png"><br><img border="0" src="http://usera.imagecave.com/theneoproject/awards/award0.png"><img border="0" src="http://usera.imagecave.com/theneoproject/awards/award0.png">
</td></tr>
</table>
</center>

<br><br><h2>credit</h2> 
<center>
<font class="disclaimer">I got my portfolio at <a href="/~tnproject">the neo project</a></font>

<br><font class="disclaimer">Please do not remove our credit</font>
</center>
</div>
<div id="content" style="position: absolute;"> 
<h2>guild info</h2> 
<b>Tips for Applying</b>
<br>-don't be afraid to show your personality!
<br>-include detailed, pertinent information
<br>-include goals that are well defined and organized
<br>-showcase a special skill/accomplishment (such as art, writing, graphics, etc.)
<br>-including personal graphics/coding is a plus--but by itself will not guarantee you an invite
<br>-give it an honest effort
<br>-spend time talking with us on the recruiting boards to get your name out there and give our members an idea of who you are

<br><h2>about me</h2>
<br><center> 
<div class="box">
<br>Name/Nickname:
<br>Age: 
<br>Likes: 
<br>Dislikes:
<br>Real Life Hobbies:
<br>Favorite Things To Do On Neo:
<br>Strengths:
<br>Weaknesses:
<br>My Creative Stuff: Artwork, petpages, etc.
<br>More About Me:</div>

<br><br><h2>for my guild</h2>
<div class="box">
<br>What I Want In A Guild:
<br>What I Think TNP Can Improve:
<br>Referred By:
<br>
</div>
</center>
 
 
<br><br><a name="top"></a><div class="box2"> 
<font class="date">00</font><font class="month">MONTH</font>
</div>
<h2>TITLE</h2> <br><br><b>This</b> is where you can write all your opinions and thoughts about the guild - suggestions, comments, questions, screencaps, news, opinions & more! Get creative. Write stories, draw pictures, go crazy! Talk about your goals, what's working, what's not. Create tips or guides, talk about your favorite activities on Neo, give a shoutout to your friends in the guild. If you're not sure how to do something, ask! Write down your frustrations, ask for help. Make suggestions for a new guild activity, write a How To blog, share your thoughts on current guild happenings. This is your space, your thoughts, and we want to hear them! People from the guild will stop by here often, so fill it with your very best creative stuff.

<br><br><div class="box2"> 
<font class="date">00</font><font class="month">MONTH</font>
</div>
<h2>TITLE</h2> <br>

Code #7

Generic V.1

code

Greyscale. Blog (scrolling) and page jump feature--requires basic knowledge of anchors and tables.

<td width="70%">
<h2>Guild Info</h2>
<div style="height: 200px; overflow: auto; text-align: left;">
<b>Tips for Applying</b>
<br>-don't be afraid to show your personality!
<br>-include detailed, pertinent information
<br>-include goals that are well defined and organized
<br>-showcase a special skill/accomplishment (such as art, writing, graphics, etc.)
<br>-including personal graphics/coding is a plus--but by itself will not guarantee you an invite
<br>-give it an honest effort
<br>-spend time talking with us on the recruiting boards to get your name out there and give our members an idea of who you are

<br><br><h2>
<b>my</b>OTHER</h2>
<br><b>Header One</b> text text text text text text
<br><br><b>Header One</b> text text text text text text
<br><br><b>Header One</b> text text text text text text

<br><br><h2>
<b>my</b>GUIDES</h2>
<br><b>Guide One</b> My guide to this subject
<br><br><b>Guide Two</b> My guide to this subject
<br><br><b>Guide Three</b> My guide to this subject

<br><br><h2>
<b>my</b>WISHLIST</h2>
<img src="http://images.neopets.com/items/jubzambra_ticket.gif" class="resize"><img src="http://images.neopets.com/items/spookymap1.gif" class="resize"><img src="http://images.neopets.com/items/dubloon5.gif" class="resize"><br><br><br><br><h2>
<b>my</b>AVATARS</h2>
<img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><br><br><br><br><h2>
<b>my</b>DREAM PETS</h2>
<img src="http://pets.neopets.com/cp/f2w9tw43/1/2.png" class="resize"><img src="http://pets.neopets.com/cp/wf6sfkj3/1/2.png" class="resize"><img src="http://pets.neopets.com/cp/928lzzrr/1/2.png" class="resize"><br><br><br><br><h2>
<b>tnp</b>CREDIT</h2>
<center>
<font class="disclaimer">I got my portfolio at <a href="/~tnproject">the neo project</a></font>

<br><font class="disclaimer">Please do not remove our credit</font>
</center>
<br><br>
</div>

<div id="right">
<div id="nav3">
<font class="urhere"><a name="info">my info</a></font> 
<a href="#project" class="nav3">my project</a> 
</div>
<br><br><br><p><b>Name</b> 
</p>
<p><b>Age</b> 
</p>
<p><b>Timezone</b> (NST +)
</p>
<p><b>Interests</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
 
</p>
<p><b>Strengths</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
 
</p>
<p><b>Weaknesses</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
 
</p>
<p><b>Goals</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
 
</p>
<p><b>Accomplishments</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

</p>
<p><i>Referred By</i> ???

<br><br></p>
<div id="nav3">
<a href="#info" class="nav3">my info</a> 
<font class="urhere"><a name="project">my project</a></font> 
</div> 
<br><br><br><p><b>Day One</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
 
</p>
<p><b>Day Two</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

</p>
<p><b>Day Three</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

</p>
<p><b>Day Four</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

</p>
<p><b>Day Five</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

</p>
<p><b>Day Six</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

</p>
<p><b>Day Seven</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

</p>
<p><b>Day Eight</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

</p>
<p><b>Day Nine</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

</p>
<p><b>Day Ten</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</p>
</div>
</div>

Code #8

Generic V.2

code

Greyscale. Blog (scrolling) and page jump feature + anchored blog entries--requires basic knowledge of tables, divs and anchors.

<br><br><center><div id="head">
<font class="subhead2"><a name="1">Title</a></font> 
<font class="month">MONTH</font><font class="day">DAY</font>
</div></center> 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
 
<center><div id="head">
<font class="subhead2"><a name="2">Title</a></font> 
<font class="month">MONTH</font><font class="day">DAY</font>
</div></center> 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<center><div id="head">
<font class="subhead2"><a name="3">Title</a></font> 
<font class="month">MONTH</font><font class="day">DAY</font>
</div></center> 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
 
 
<center><div id="head">
<font class="subhead2"><a name="4">Title</a></font> 
<font class="month">MONTH</font><font class="day">DAY</font>
</div></center> 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
 
 
<center><div id="head">
<font class="subhead2"><a name="5">Title</a></font> 
<font class="month">MONTH</font><font class="day">DAY</font>
</div></center> 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
 
</div></td> 
</tr>
</table>
<br><table cellspacing="5" cellpadding="5" width="99%">
<tr>
<td width="33%"><h2>
<b>my</b>WISHLIST</h2></td> 
<td width="33%"><h2>
<b>my</b>AVATARS</h2></td> 
<td width="33%"><h2>
<b>my</b>DREAM PETS</h2></td>
</tr>
<tr>
<td width="33%">Here is where all your wishlist items can be listed.
<br><img src="http://images.neopets.com/items/jubzambra_ticket.gif" class="resize"><img src="http://images.neopets.com/items/spookymap1.gif" class="resize"><img src="http://images.neopets.com/items/dubloon5.gif" class="resize">
</td> 
 
<td width="33%">Here is where all your wanted avatars can be listed.
<br><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize">
</td> 
 
<td width="33%">Here is where all your dream pets can be displayed.

<br><img src="http://pets.neopets.com/cp/f2w9tw43/1/2.png" class="resize"><img src="http://pets.neopets.com/cp/wf6sfkj3/1/2.png" class="resize"><img src="http://pets.neopets.com/cp/928lzzrr/1/2.png" class="resize">
</td>
</tr>
</table>
<h2>
<b>tnp</b>CREDIT</h2>
<center>
<font class="disclaimer">I got my portfolio at <a href="/~tnproject">the neo project</a></font>

<br><font class="disclaimer">Please do not remove our credit</font>

</center>
 
<div id="nav3">
<font class="urhere">my info</font> 
<a href="#project" class="nav3">my project</a> 
</div> 
 
<div align="left"> 
<br><br><a name="info"><h3>
<b>my</b> info</h3></a>
<p><b>Name</b> 
</p>
<p><b>Age</b> 
</p>
<p><b>Timezone</b> (NST +)
</p>
<p><b>Interests</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
 
</p>
<p><b>Strengths</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
 
</p>
<p><b>Weaknesses</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
 
</p>
<p><b>Goals</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
 
</p>
<p><b>Accomplishments</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

</p>
<p><i>Referred by</i> ???</p>
</div>
 
<div id="nav3">
<a href="#info" class="nav3">my info</a> 
<font class="urhere">my project</font> 
</div> 
<br><br><a name="project"><h3>
<b>my</b> project</h3></a> 
<p><b>Day One</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
 
</p>
<p><b>Day Two</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Code #9

Night on the Town

code

Join the party! Compatible in all browsers, limited coding knowledge required.

</div>
<div id="right" style="position: absolute;">  
<h2> 
<b>my</b>FAVS</h2> 
<br><b>Resource One</b> this is a link to a page that I found to be helpful/creative/especially awesome 
<br><br><b>Resource Two</b> this is a link to a page that I found to be helpful/creative/especially awesome 
<br><br><b>Resource Three</b> this is a link to a page that I found to be helpful/creative/especially awesome 
 
<br><br><h2> 
<b>my</b>GUIDES</h2> 
<br><b>Guide One</b> My guide to this subject 
<br><br><b>Guide Two</b> My guide to this subject 
<br><br><b>Guide Three</b> My guide to this subject 
 
<br><br><h2> 
<b>my</b>WISHLIST</h2> 
<img src="http://images.neopets.com/items/jubzambra_ticket.gif" class="resize"><img src="http://images.neopets.com/items/spookymap1.gif" class="resize"><img src="http://images.neopets.com/items/dubloon5.gif" class="resize"><br><br><br><br><h2> 
<b>my</b>AVATARS</h2> 
<img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/tdmbgpop.gif" class="resize"><br><br><br><br><h2> 
<b>my</b>DREAM PETS</h2> 
<img src="http://pets.neopets.com/cp/f2w9tw43/1/2.png" class="resize"><img src="http://pets.neopets.com/cp/wf6sfkj3/1/2.png" class="resize"><img src="http://pets.neopets.com/cp/928lzzrr/1/2.png" class="resize"><br><br><br><br><h2>feedback</h2>  
 
Ideas, comments, questions, complaints? <a href="http://www.neopets.com/neomessages.phtml?type=send">Neomail</a> the guild account and give us your feedback! 
 
<br><br><center> 
<font class="disclaimer">I got my portfolio at <a href="/~tnproject">the neo project</a></font>

<br><font class="disclaimer">Please do not remove our credit</font>
</center> 
</div>
<div id="content" style="position: absolute;"> 
 
 
<h2>about me</h2>  
<br><div class="box">  
 
 
 
<p><b>Name</b>  
</p> 
<p><b>Age</b>  
</p> 
<p><b>Timezone</b> (NST +) 
</p> 
<p><b>Interests</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
  
</p> 
<p><b>Strengths</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
  
</p> 
<p><b>Weaknesses</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
  
</p> 
<p><b>Goals</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
  
</p> 
<p><b>Accomplishments</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
 
 
</p> 
 
 
<p><i>Referred by</i> ??? 
 
</p> 
</div>

<br><h2>guild info</h2>
<b>Tips for Applying</b>
<br>-don't be afraid to show your personality!
<br>-include detailed, pertinent information
<br>-include goals that are well defined and organized
<br>-showcase a special skill/accomplishment (such as art, writing, graphics, etc.)
<br>-including personal graphics/coding is a plus--but by itself will not guarantee you an invite
<br>-give it an honest effort
<br>-spend time talking with us on the recruiting boards to get your name out there and give our members an idea of who you are

<br><br><b>Joining Staff</b>
<br>Visit <a href="/~subrideos">the employment agency page</a> for more information about staff and job openings! Feel free to contact sunny_forever with suggestions or ideas for new activities/events/services, etc.! We're always happy to hear your opinions, and very much appreciate your help.
 
 
 
<br><br><h2>MyProject</h2> 
 
<font class="u">This</font> is where you can write all your opinions and thoughts about The Neo Project - suggestions, comments, questions, screencaps, news, opinions & more! Get creative. Write stories, draw pictures, go crazy! Talk about your goals, what's working, what's not. Create tips or guides, talk about your favorite activities on Neo, give a shoutout to your friends. If you're not sure how to do something, ask! Write down your frustrations, ask for help. Make suggestions for The Project, write a How To blog, share your thoughts on current Project happenings. This is your space, your thoughts, and we want to hear them! People from The Project will stop by here often, so fill it with your very best creative stuff.  
 
<br><br><i>If</i> you are part of our staff, this is a great way to record what you did that day, so that we know you are keeping up with your duties! Post new happenings, make a to-do list, jot down important dates for other members to keep an eye on. Write down your suggestions and ideas, give feedback on how we can improve, etc.!  
 
<br><br><b>Your</b> opinions are so, so important! We created this section so that we can check up on our patrons, see what they think about the Project, the guild, our activities, or policies, etc.! This is your chance to speak up and make a difference in the way we do things, please take advantage of it! 
 
 
 
<br><br><div class="box2">  
<font class="date">00</font><font class="month">MONTH</font>  
</div>  
<h2>TITLE</h2>  
<br><p><b>Your</b> daily blog is a space for you to reflect on your goals, talk about any newfound inspiration and in general chatter away about your day!</p> 
 
 
 
<div class="quote">This is where a quote can go. Check out other peoples' portfolios! You can use your blog to comment on their posts, messages on the guild boards, etc.</div> 
 
 
 
<p><i>Holler back, y'all!</i> Please, please, PLEASE send your feedback to the guild account--tell us about your first week in the guild, how we're doing and what we could do better! We take your advice and opinions very seriously!</p> 
 
 
 
<br><br><center><a href="#top"><font class="disclaimer">back to top ▲</font></a></center> 
 
 
 
<br><br><div class="box2">  
<font class="date">00</font><font class="month">MONTH</font>  
</div>  
<h2>TITLE</h2>  
<br><br><b>Copy and Paste</b> this section for your blog posts! Fill in the MONTH section with olny the first 3 letters of the month for a better look. 
 
 
<p>Using the (P) tag for a new paragraph will indent your text--just be sure to close the paragraph with a (/P) tag!</p> 
 
<br>Using the (BR) tag will not indent the text. 
 
 
 
<br><br>Be sure to include the BACK TO THE TOP link below for each blog post--this allows readers to quickly jump back to the top: 
 
 
<br><br><center><a href="#top"><font class="disclaimer">back to top ▲</font></a></center>  
</div>
<br><br><br><br><br>

Code #10

Pure and Simple

code

Stunningly simple. Compatible in all browsers, limited coding knowledge required.

<a href="/" class="nav">neopets</a>

<a href="http://www.neopets.com/guilds/guild.phtml?id=4047024" class="nav">guild</a>

<h2>
<b>my</b>FAVS</h2>
<br><font class="u">Resource One</font> this is a link to a page that I found to be helpful/creative/especially awesome
<br><br><font class="u">Resource Two</font> this is a link to a page that I found to be helpful/creative/especially awesome
<br><br><font class="u">Resource Three</font> this is a link to a page that I found to be helpful/creative/especially awesome

<br><br><h2>
<b>my</b>GUIDES</h2>
<br><font class="u">Guide One</font> My guide to this subject
<br><br><font class="u">Guide Two</font> My guide to this subject
<br><br><font class="u">Guide Three</font> My guide to this subject

Ideas, comments, questions, complaints? <a href="http://www.neopets.com/neomessages.phtml?type=send">Neomail</a> the guild account and give us your feedback!

<font class="disclaimer">I got my portfolio at <a href="/~tnproject">the neo project</a></font>

<br><font class="disclaimer">Please do not remove our credit</font>

</center>
</div>
<div id="content" style="position: absolute;">

<h2>about me</h2>
<br><div class="box"> 
<p><b>Name</b> 
</p>
<p><font class="u">Age</font> 
</p>
<p><b>Timezone</b> (NST +)
</p>
<p><font class="u">Interests</font> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
 
</p>
<p><b>Strengths</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
 
</p>
<p><font class="u">Weaknesses</font> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
 
</p>
<p><b>Goals</b> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
 
</p>
<p><font class="u">Accomplishments</font> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

</p>

<p><i>Referred by</i> ???
</p>
</div>

<br><br><h2>Guild Info</h2>
<b>Tips for Applying</b>
<br>-don't be afraid to show your personality!
<br>-include detailed, pertinent information
<br>-include goals that are well defined and organized
<br>-showcase a special skill/accomplishment (such as art, writing, graphics, etc.)
<br>-including personal graphics/coding is a plus--but by itself will not guarantee you an invite
<br>-give it an honest effort
<br>-spend time talking with us on the recruiting boards to get your name out there and give our members an idea of who you are

<br><br><h2>Blog</h2>
<div id="scroll">
<center><div id="head">
<font class="subhead2"><a name="1">Title</a></font> 
<font class="month">MONTH</font><font class="day">DAY</font>
</div></center> 
<br><p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>

<div class="quote">This is where a quote can go. </div>

<center><div id="head">
<font class="subhead2"><a name="1">Title</a></font> 
<font class="month">MONTH</font><font class="day">DAY</font>
</div></center> 
<br><p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>

<div class="quote">This is where a quote can go. </div>

<br><br><h2>My Project</h2>
This is where you can write all your opinions and thoughts about The Neo Project - suggestions, comments, questions, screencaps, news, opinions & more! Get creative. Write stories, draw pictures, go crazy! Talk about your goals, what's working, what's not. Create tips or guides, talk about your favorite activities on Neo, give a shoutout to your friends. If you're not sure how to do something, ask! Write down your frustrations, ask for help. Make suggestions for The Project, write a How To blog, share your thoughts on current Project happenings. This is your space, your thoughts, and we want to hear them! People from The Project will stop by here often, so fill it with your very best creative stuff.

<br><br><i>If</i> you are part of our staff, this is a great way to record what you did that day, so that we know you are keeping up with your duties! Post new happenings, make a to-do list, jot down important dates for other members to keep an eye on. Write down your suggestions and ideas, give feedback on how we can improve, etc.!

<br><br><b>Your</b> opinions are so, so important! We created this section so that we can check up on our patrons, see what they think about the Project, the guild, our activities, or policies, etc.! This is your chance to speak up and make a difference in the way we do things, please take advantage of it!

Code #11

Lab Experiment

code

Under construction * New page feature--anchored without overflow, requires css knowledge.

<div id="box2">
<h2>my favs</h2>
<b>»</b> link to my favorite page
<br><b>»</b> link to my favorite page
<br><b>»</b> link to my favorite page
<br><h2>my wishlist</h2>
<img src="http://images.neopets.com/items/mall_bookwithquill.gif" class="resize"><img src="http://images.neopets.com/items/mall_bookwithquill.gif" class="resize"><img src="http://images.neopets.com/items/mall_bookwithquill.gif" class="resize"><h2>wanted avatars</h2>
<img src="http://images.neopets.com/neoboards/avatars/sdb.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/sdb.gif" class="resize"><img src="http://images.neopets.com/neoboards/avatars/sdb.gif" class="resize"><h2>dream pets</h2>
<img src="http://images.neopets.com/pets/happy/shoyru_plushie_baby.gif" class="resize"><img src="http://images.neopets.com/pets/happy/shoyru_plushie_baby.gif" class="resize"><img src="http://images.neopets.com/pets/happy/shoyru_plushie_baby.gif" class="resize"><h2>credit</h2>
<font class="disclaimer">I got my portfolio at <a href="/~tnproject">the neo project</a></font>

<br><font class="disclaimer">Please do not remove our credit</font>

</div>
</center>
</div>
<div id="main" style="position: absolute;">
<center>

<a name="home"><div id="box">
<table cellpadding="10"><tr><td>
<h2>application</h2>
<img src="http://images.neopets.com/template_images/ppps_in_a_jar.gif" class="right"><b>Name</b>
<br><b>Age</b>
<br><b>Timezone</b> (NST+)
<br><b>Interests</b>
<br><b>Likes</b>
<br><b>Dislikes</b>
<br><b>Strengths</b>
<br><b>Weaknesses</b>
<br><i>Referred by</i>

<h2>*this is your homepage</h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</td></tr></table>
</div>

</a><a name="one"><div id="box">
<table cellpadding="10"><tr><td>
<h2>monthly goals</h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

</td></tr></table>
</div></a>

<a name="two"><div id="box">
<table cellpadding="10"><tr><td>
<h2>np goals</h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
</td></tr></table>
</div></a>

<a name="three"><div id="box">
<table cellpadding="10"><tr><td>
<h2>pet goals</h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
</td></tr></table>
</div></a>

<a name="four"><div id="box">
<table cellpadding="10"><tr><td>
<h2>guild goals</h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
</td></tr></table>
</div></a>
</center>
</div>
<div id="bottom" style="position: absolute;">
<a href="#home" class="bot">home</a> | 
<a href="#one" class="bot">monthly goals</a> | 
<a href="#two" class="bot">np goals</a> | 
<a href="#three" class="bot">pet goals</a> | 
<a href="#four" class="bot">guild goals</a> | 
<a href="http://www.neopets.com/guilds/guild.phtml?id=4047024" class="bot">guild</a>
</div>