Chapter 1 - click here for coding

<center>

<div style=
"width:500px; 
height:50px; 
overflow:hidden; 
border:1px solid #8B7EDE;
border-radius:25px;
padding:5px; 
background:C1B3D4;">
<a name="box1"></a>
<center><h1><b><a href=/cattery.php?id=99105#box2>tab 1</a> <a href=/cattery.php?id=99105#box3>tab 2</a> <a href=/cattery.php?id=99105#box5>tab 3</a></b></h1>
</div>

<br><br>
<div style=
"width:500px; 
height:300px; 
overflow:hidden; 
border:1px solid #8B7EDE;
border-radius:25px; 
background:C1B3D4;">

<div style=
"width:500px; 
height:330px; 
overflow:hidden; 
border:1px solid #8B7EDE;
border-radius:25px;
background:C1B3D4;">
<a name="box2"></a>
<font color= 4C428C><h1>header here</h1>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc velit quam, luctus at ultricies quis, sollicitudin in augue. Nullam nec velit arcu. Maecenas vel seImper mauris. Donec rutrum turpis quis urna tempor vehicula. Ut massa justo, faucibus at congue et, consequat at lorem. Phasellus cursus magna id risus fringilla id malesuada leo facilisis. Mauris faucibus augue nisi, eget auctor sapien. Aliquam erat volutpat. Nulla vitae tellus est, ac consectetur erat. Curabitur id sapien orci, ut fermentum metus. Fusce eleifend elementum tincidunt. Donec vestibulum viverra ornare. Sed mattis magna sit amet sem ullamcorper sagittis. Integer condimentum, augue id euismod eleifend, ligula tellus posuere neque, condimentum malesuada dolor mi sed lectus. Morbi ultrices ipsum sagittis sapien aliquam ornare.

<br>Integer sed nisl eros. Nulla eget nisl vel tortor eleifend ultrices. Ut id lorem lectus. Morbi in tempus purus. Nullam non mi quis nibh tempus ultricies. In adipiscing rhoncus purus, ac egestas sapien molestie vitae. Nam scelerisque, sapien et adipiscing dapibus, nibh nisi egestas ligula, vulputate sodales diam mauris sollicitudin lorem. Nunc ac sodales magna. Praesent ornare lectus sit amet orci egestas facilisis.
</div><div style=
"width:500px; 
height:315px; 
overflow:auto; 
border:1px solid #8B7EDE;
border-radius:25px; 
background:C1B3D4;">
<a name="box3"></a>
<font color= 4C428C><h1>header here</h1>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc velit quam, luctus at ultricies quis, sollicitudin in augue. Nullam nec velit arcu. Maecenas vel seImper mauris. Donec rutrum turpis quis urna tempor vehicula. Ut massa justo, faucibus at congue et, consequat at lorem. Phasellus cursus magna id risus fringilla id malesuada leo facilisis. Mauris faucibus augue nisi, eget auctor sapien. Aliquam erat volutpat. Nulla vitae tellus est, ac consectetur erat. Curabitur id sapien orci, ut fermentum metus. Fusce eleifend elementum tincidunt. Donec vestibulum viverra ornare. Sed mattis magna sit amet sem ullamcorper sagittis. Integer condimentum, augue id euismod eleifend, ligula tellus posuere neque, condimentum malesuada dolor mi sed lectus. Morbi ultrices ipsum sagittis sapien aliquam ornare.

<br>Integer sed nisl eros. Nulla eget nisl vel tortor eleifend ultrices. Ut id lorem lectus. Morbi in tempus purus. Nullam non mi quis nibh tempus ultricies. In adipiscing rhoncus purus, ac egestas sapien molestie vitae. Nam scelerisque, sapien et adipiscing dapibus, nibh nisi egestas ligula, vulputate sodales diam mauris sollicitudin lorem. Nunc ac sodales magna. Praesent ornare lectus sit amet orci egestas facilisis.
</div><div style=
"width:500px; 
height:300px; 
overflow:hidden; 
border:1px solid #8B7EDE;
border-radius:25px;
background:C1B3D4;">
<a name="box5"></a>
<font color= 4C428C><h1>header here</h1>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc velit quam, luctus at ultricies quis, sollicitudin in augue. Nullam nec velit arcu. Maecenas vel seImper mauris. Donec rutrum turpis quis urna tempor vehicula. Ut massa justo, faucibus at congue et, consequat at lorem. Phasellus cursus magna id risus fringilla id malesuada leo facilisis. Mauris faucibus augue nisi, eget auctor sapien. Aliquam erat volutpat. Nulla vitae tellus est, ac consectetur erat. Curabitur id sapien orci, ut fermentum metus. Fusce eleifend elementum tincidunt. Donec vestibulum viverra ornare. Sed mattis magna sit amet sem ullamcorper sagittis. Integer condimentum, augue id euismod eleifend, ligula tellus posuere neque, condimentum malesuada dolor mi sed lectus. Morbi ultrices ipsum sagittis sapien aliquam ornare.

<br>Integer sed nisl eros. Nulla eget nisl vel tortor eleifend ultrices. Ut id lorem lectus. Morbi in tempus purus. Nullam non mi quis nibh tempus ultricies. In adipiscing rhoncus purus, ac egestas sapien molestie vitae. Nam scelerisque, sapien et adipiscing dapibus, nibh nisi egestas ligula, vulputate sodales diam mauris sollicitudin lorem. Nunc ac sodales magna. Praesent ornare lectus sit amet orci egestas facilisis.
</div></div>

<style>
//////////////////////////////////////////////DO NOT TOUCH CODING BEYOND THIS POINT//////////////////////////////////////////////
</style>

<br><br>
<div id=box4>
<style>
#box4
{width:100px; 
height:40px; 
overflow:hidden; 
border: 1px solid 8B7EDE;
border-radius:25px;
padding:5px; 
background:C1B3D4;
-webkit-transition:2s;
-moz-transition:2s;
-o-transition:2s;}
#box4:hover
{width:500px;
height:75px;}
</style>
<center><h1>links:
<p><a href=/cattery.php>cattery</a> <a href=/chat.php>chat</a> <a href=/explore.php>explore</a> <a href=/searchtopics.php?subject=&author=99105&mweor=&board=0&search=Search>my posts</a> <a href=/report.php?loc=1&other=99105>report</a> <a class="compose" cid="99105">message</a>  
</div>

<font color=4C428C>

<style>
#topbanner, 
#bottombanner,
#titlebar, 
#bodyi, .titlebar, ul, 
#footer{display:none;}
#titleimg { display:none; }
#titletxt { display:none; }
.titlebar { display:none; height:0px}
#topbanner { display:none; }
#bottombanner img { display:none; }
#menu_holder { display:none; }
#cattery_infobox { display:none; }
</style>

<style>
#cattery_descbox
{background-image:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/476/476801.png);
background-repeat:repeat;
background-attachment:fixed;
background-position:center;}
.mweorbox
{background-repeat:repeat;
background-attachment:fixed;
color: #4C428C;
border-radius:25px;
border: 1px solid 8B7EDE;
background:C1B3D4;
background-position:center;}
.trow1, .trow1 tr, .trow1 td, .trow2, .trow2 tr, .trow2 td, .trow3, .trow3 tr, .trow3 td, .trow1 table, .trow2 table, .trow3 table
{background-repeat:repeat;
background-attachment:fixed;
color: #4C428C;;
background:C1B3D4;
background-position:center;}
body
{background-image:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/476/476801.png);
background-repeat:repeat;
background-attachment:fixed;
background-position:center;}
#content 
{background-image:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/476/476801.png);
background-repeat:repeat;
background-attachment:fixed;
background-position:center;}
</style>

<style>
.popup2 
{background-image:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/476/476801.png);
color:822A66; 
border:1px solid 8B7EDE;}
</style>

<style>
a 
{color:6C5CD6;-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;}
a:hover
{color:B590E8;
text-shadow:0px 0px 10px ffffff;}
i
{display:none}
h1
{color:6C5CD6}
b
{color:B590E8}
</style>

You are not authorized to comment here. Your must be registered and logged in to comment