Preview
the code
COPY & PASTE TO
CSS STYLE
/* please do not mess with the css if you do not understand it or it may break */
body {
background-image: url(https://i.imgur.com/04HrxYN.png) ;
font-family: Century Gothic, Arial, Gill Sans MT;
font-color: white;}
.snow {
position: absolute;
top: 11330px;
left: 375px;
width: 1000px;
height: 500px;
z-index: 998;
}
a:link,a:visited,a:active{
font-family: Century Gothic, Arial, Gill Sans MT;
color: white;}
a:hover{
font-variant: small-caps;
letter-spacing: 3px;
color: rgba(0, 230, 64, 1);
text-decoration: line-through;}
a.nav:hover{
font-variant: small-caps;
letter-spacing: 3px;
color: red;
text-decoration: line-through;}
.navi {
position: absolute;
top: 11700px;
left: 825px;
font-size: 15px;
letter-spacing: 2px;
z-index: 999;
width: 600px;
}
h1 {
text-align:center;
background-color: rgba(44, 62, 80, 1);
color: rgba(197, 239, 247, 1);
text-variant: small-caps;
font-family: Century Gothic, Arial, Gill Sans MT;
font-style: bold;}
h2 {
text-align: center;
letter-spacing: 4px;
color: #161d3c;
text-transform: capitalize;
text-shadow: 5px 2px 4px white;
}
h3 {
text-align: center;
color: white;
text-transform: lowercase;
letter-spacing: 2px;
font-size: 24px;
}
::-webkit-scrollbar {
width: 7px;
}
::-webkit-scrollbar-track {
background: white;
}
::-webkit-scrollbar-thumb {
background: #74d3f6;
}
::-webkit-scrollbar-thumb:hover {
background: #19b7f0;
}
.box1 {
font-family: Century Gothic, Arial, Gill Sans MT;
font-size: 20px;
position: absolute;
letter-spacing: 2px;
overflow: auto;
color: white;
top: 11335px;
left: 400px;
width:450px;
height:490px;
z-index: 999;}
.box2 {
font-family: Century Gothic, Arial, Gill Sans MT;
font-size: 20px;
position: absolute;
letter-spacing: 2px;
overflow: auto;
color: white;
top: 11850px;
left: 367px;
width:1000px;
height:520px;
background-color: rgba(40, 41, 41, 0.69);
padding-bottom: 20px;
margin-bottom: 30px;
padding-right: 10px;
padding-left: 10px;
z-index: 999;}
.box3 {
font-family: Century Gothic, Arial, Gill Sans MT;
font-size: 20px;
position: absolute;
letter-spacing: 2px;
overflow: auto;
color: white;
top: 11335px;
left: 1420px;
width:450px;
height:490px;
padding-right: 10px;
padding-left: 10px;
background-color: rgba(40, 41, 41, 0.69);
z-index: 999;}
.box4 {
font-family: Century Gothic, Arial, Gill Sans MT;
font-size: 20px;
position: absolute;
letter-spacing: 2px;
overflow: auto;
color: white;
top: 11850px;
left: 1420px;
width:450px;
height:520px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px;
margin-bottom: 30px;
background-color: rgba(40, 41, 41, 0.69);
z-index: 999;}
.box5 {
font-family: Century Gothic, Arial, Gill Sans MT;
font-size: 20px;
position: absolute;
letter-spacing: 2px;
overflow: auto;
color: white;
top: 11335px;
left: 7px;
width:320px;
height:1035px;
padding-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 30px;
background-color: rgba(40, 41, 41, 0.69);
z-index: 999;}
.cred {
font-color: black;
top: 12500px;
left: 600px;
margin-bottom: 30px;
text-align: center;
width: 600px;
height: 100px;
position: absolute;
overflow: auto;
}
div#fpaw_layout_column_2 {overflow: visible;}
div#fpaw_layout_holder {top: -11350px;float:
none;position: relative;margin: 0px 0px 0px 0px;left:
0px;float: left;}
.text_logout, #fpaw_layout_column_1, fpaw_layout_column_3, #top_bar, #fpaw_layout_footer, #fpaw_layout_inner_footer, #fpaw_layout_footer_text, .footer_legal, fpaw_layout_footer_section, .fpaw_layout_footer_subsection {display: none;}
COPY & PASTE TO
DESCRIPTION
<div class="snow"><img src="https://i.imgur.com/t9PWlg5.png" alt="Let it Snow" width="1000" height="500"></div>
<div class="navi"><div style="text-align:center;">
<a class="nav" href="https://www.furry-paws.com/kennel"><b>Kennel</b></a> -
<a href="https://www.furry-paws.com/explore"><b>Atlas</b></a> -
<a href="https://www.furry-paws.com/shop" class="nav"><b>Market</b></a> -
<a href="https://www.furry-paws.com/forum"><b>Chat</b></a> -
<a href="https://www.furry-paws.com/message/compose" class="nav"><b>Message Me</b></a>
</div>
</div>
//////////////////////////////////////////////////////
<div class="box1">
<h1>Box 1</h1>
Lorem ipsum dolor sit amet, quem volutpat per no. No movet meliore officiis nec, vis te quod minim perpetua, pri te mazim homero abhorreant. Te atomorum prodesset interesset pri, hinc iisque interpretaris et pri. Ius ut aliquid propriae delicata, illud copiosae mel et, et eos causae perpetua suscipiantur. Ius nibh assum tation te, choro latine comprehensam et eam.
Duo vivendo petentium ei, cum ne essent epicurei menandri. Ex nam esse scribentur concludaturque. Detraxit conclusionemque nec ea, te vix consul putent. Magna fabellas vituperatoribus vel eu. Ad eam propriae verterem corrumpit, an iudico impedit voluptaria mel. Falli dicam per at. Vim no hinc nostro dignissim, sea eu legimus evertitur, est id primis iisque.
<h2>Header 2 sample</h2>
<hr>Odio facer intellegam mea at. Ut usu clita intellegat. Te eius decore volutpat duo, mei regione persecuti cu, ea soluta facilisi quo. Eam affert delicata qualisque te, cu duo principes ullamcorper, te probo oratio putent duo. Graecis moderatius cu quo, eam te percipit splendide, ea vitae repudiandae sea. Ancillae mediocritatem ea sea, laudem theophrastus ex duo. Utinam recusabo mel te, sea ad phaedrum inciderint, ex verterem perpetua accommodare eos.
Lorem ipsum dolor sit amet, quem volutpat per no. No movet meliore officiis nec, vis te quod minim perpetua, pri te mazim homero abhorreant. Te atomorum prodesset interesset pri, hinc iisque interpretaris et pri. Ius ut aliquid propriae _absolutedelicata, illud copiosae mel et, et eos causae perpetua suscipiantur. Ius nibh assum tation te, choro latine comprehensam et eam.
Duo vivendo petentium ei, cum ne essent epicurei menandri. Ex nam esse scribentur concludaturque. Detraxit conclusionemque nec ea, te vix consul putent. Magna fabellas vituperatoribus vel eu. Ad eam propriae verterem corrumpit, an iudico impedit voluptaria mel. Falli dicam per at. Vim no hinc nostro dignissim, sea eu legimus evertitur, est id primis iisque.
<h3> header 3 sample</h3>
Odio facer intellegam mea at. Ut usu clita intellegat. Te eius decore volutpat duo, mei regione persecuti cu, ea soluta facilisi quo. Eam affert delicata qualisque te, cu duo principes ullamcorper, te probo oratio putent duo. Graecis moderatius cu quo, eam te percipit splendide, ea vitae repudiandae sea. Ancillae mediocritatem ea sea, laudem theophrastus ex duo. Utinam recusabo mel te, sea ad phaedrum inciderint, ex verterem perpetua accommodare eos.
</div>
//////////////////////////////////////////////////////
<div class="box2">
<h1>Box 1</h1>
Lorem ipsum dolor sit amet, quem volutpat per no. No movet meliore officiis nec, vis te quod minim perpetua, pri te mazim homero abhorreant. Te atomorum prodesset interesset pri, hinc iisque interpretaris et pri. Ius ut aliquid propriae delicata, illud copiosae mel et, et eos causae perpetua suscipiantur. Ius nibh assum tation te, choro latine comprehensam et eam.
Duo vivendo petentium ei, cum ne essent epicurei menandri. Ex nam esse scribentur concludaturque. Detraxit conclusionemque nec ea, te vix consul putent. Magna fabellas vituperatoribus vel eu. Ad eam propriae verterem corrumpit, an iudico impedit voluptaria mel. Falli dicam per at. Vim no hinc nostro dignissim, sea eu legimus evertitur, est id primis iisque.
<h2>Header 2 sample</h2>Odio facer intellegam mea at. Ut usu clita intellegat. Te eius decore volutpat duo, mei regione persecuti cu, ea soluta facilisi quo. Eam affert delicata qualisque te, cu duo principes ullamcorper, te probo oratio putent duo. Graecis moderatius cu quo, eam te percipit splendide, ea vitae repudiandae sea. Ancillae mediocritatem ea sea, laudem theophrastus ex duo. Utinam recusabo mel te, sea ad phaedrum inciderint, ex verterem perpetua accommodare eos.
Lorem ipsum dolor sit amet, quem volutpat per no. No movet meliore officiis nec, vis te quod minim perpetua, pri te mazim homero abhorreant. Te atomorum prodesset interesset pri, hinc iisque interpretaris et pri. Ius ut aliquid propriae _absolutedelicata, illud copiosae mel et, et eos causae perpetua suscipiantur. Ius nibh assum tation te, choro latine comprehensam et eam.
Duo vivendo petentium ei, cum ne essent epicurei menandri. Ex nam esse scribentur concludaturque. Detraxit conclusionemque nec ea, te vix consul putent. Magna fabellas vituperatoribus vel eu. Ad eam propriae verterem corrumpit, an iudico impedit voluptaria mel. Falli dicam per at. Vim no hinc nostro dignissim, sea eu legimus evertitur, est id primis iisque.
<h3> header 3 sample</h3>
Odio facer intellegam mea at. Ut usu clita intellegat. Te eius decore volutpat duo, mei regione persecuti cu, ea soluta facilisi quo. Eam affert delicata qualisque te, cu duo principes ullamcorper, te probo oratio putent duo. Graecis moderatius cu quo, eam te percipit splendide, ea vitae repudiandae sea. Ancillae mediocritatem ea sea, laudem theophrastus ex duo. Utinam recusabo mel te, sea ad phaedrum inciderint, ex verterem perpetua accommodare eos.
</div>
//////////////////////////////////////////////////////
<div class="box3">
<h1>Right Top Box</h1>
Lorem ipsum dolor sit amet, quem volutpat per no. No movet meliore officiis nec, vis te quod minim perpetua, pri te mazim homero abhorreant. Te atomorum prodesset interesset pri, hinc iisque interpretaris et pri. Ius ut aliquid propriae delicata, illud copiosae mel et, et eos causae perpetua suscipiantur. Ius nibh assum tation te, choro latine comprehensam et eam.
Duo vivendo petentium ei, cum ne essent epicurei menandri. Ex nam esse scribentur concludaturque. Detraxit conclusionemque nec ea, te vix consul putent. Magna fabellas vituperatoribus vel eu. Ad eam propriae verterem corrumpit, an iudico impedit voluptaria mel. Falli dicam per at. Vim no hinc nostro dignissim, sea eu legimus evertitur, est id primis iisque.
<h2>Header 2 sample</h2>
<hr>Odio facer intellegam mea at. Ut usu clita intellegat. Te eius decore volutpat duo, mei regione persecuti cu, ea soluta facilisi quo. Eam affert delicata qualisque te, cu duo principes ullamcorper, te probo oratio putent duo. Graecis moderatius cu quo, eam te percipit splendide, ea vitae repudiandae sea. Ancillae mediocritatem ea sea, laudem theophrastus ex duo. Utinam recusabo mel te, sea ad phaedrum inciderint, ex verterem perpetua accommodare eos.
Lorem ipsum dolor sit amet, quem volutpat per no. No movet meliore officiis nec, vis te quod minim perpetua, pri te mazim homero abhorreant. Te atomorum prodesset interesset pri, hinc iisque interpretaris et pri. Ius ut aliquid propriae _absolutedelicata, illud copiosae mel et, et eos causae perpetua suscipiantur. Ius nibh assum tation te, choro latine comprehensam et eam.
Duo vivendo petentium ei, cum ne essent epicurei menandri. Ex nam esse scribentur concludaturque. Detraxit conclusionemque nec ea, te vix consul putent. Magna fabellas vituperatoribus vel eu. Ad eam propriae verterem corrumpit, an iudico impedit voluptaria mel. Falli dicam per at. Vim no hinc nostro dignissim, sea eu legimus evertitur, est id primis iisque.
<h3> header 3 sample</h3>
Odio facer intellegam mea at. Ut usu clita intellegat. Te eius decore volutpat duo, mei regione persecuti cu, ea soluta facilisi quo. Eam affert delicata qualisque te, cu duo principes ullamcorper, te probo oratio putent duo. Graecis moderatius cu quo, eam te percipit splendide, ea vitae repudiandae sea. Ancillae mediocritatem ea sea, laudem theophrastus ex duo. Utinam recusabo mel te, sea ad phaedrum inciderint, ex verterem perpetua accommodare eos.
</div>
//////////////////////////////////////////////////////
<div class="box4">
<h1>Right Bottom Box</h1>
Lorem ipsum dolor sit amet, quem volutpat per no. No movet meliore officiis nec, vis te quod minim perpetua, pri te mazim homero abhorreant. Te atomorum prodesset interesset pri, hinc iisque interpretaris et pri. Ius ut aliquid propriae delicata, illud copiosae mel et, et eos causae perpetua suscipiantur. Ius nibh assum tation te, choro latine comprehensam et eam.
Duo vivendo petentium ei, cum ne essent epicurei menandri. Ex nam esse scribentur concludaturque. Detraxit conclusionemque nec ea, te vix consul putent. Magna fabellas vituperatoribus vel eu. Ad eam propriae verterem corrumpit, an iudico impedit voluptaria mel. Falli dicam per at. Vim no hinc nostro dignissim, sea eu legimus evertitur, est id primis iisque.
<h2>Header 2 sample</h2>
<hr>Odio facer intellegam mea at. Ut usu clita intellegat. Te eius decore volutpat duo, mei regione persecuti cu, ea soluta facilisi quo. Eam affert delicata qualisque te, cu duo principes ullamcorper, te probo oratio putent duo. Graecis moderatius cu quo, eam te percipit splendide, ea vitae repudiandae sea. Ancillae mediocritatem ea sea, laudem theophrastus ex duo. Utinam recusabo mel te, sea ad phaedrum inciderint, ex verterem perpetua accommodare eos.
Lorem ipsum dolor sit amet, quem volutpat per no. No movet meliore officiis nec, vis te quod minim perpetua, pri te mazim homero abhorreant. Te atomorum prodesset interesset pri, hinc iisque interpretaris et pri. Ius ut aliquid propriae _absolutedelicata, illud copiosae mel et, et eos causae perpetua suscipiantur. Ius nibh assum tation te, choro latine comprehensam et eam.
Duo vivendo petentium ei, cum ne essent epicurei menandri. Ex nam esse scribentur concludaturque. Detraxit conclusionemque nec ea, te vix consul putent. Magna fabellas vituperatoribus vel eu. Ad eam propriae verterem corrumpit, an iudico impedit voluptaria mel. Falli dicam per at. Vim no hinc nostro dignissim, sea eu legimus evertitur, est id primis iisque.
<h3> header 3 sample</h3>
Odio facer intellegam mea at. Ut usu clita intellegat. Te eius decore volutpat duo, mei regione persecuti cu, ea soluta facilisi quo. Eam affert delicata qualisque te, cu duo principes ullamcorper, te probo oratio putent duo. Graecis moderatius cu quo, eam te percipit splendide, ea vitae repudiandae sea. Ancillae mediocritatem ea sea, laudem theophrastus ex duo. Utinam recusabo mel te, sea ad phaedrum inciderint, ex verterem perpetua accommodare eos.
</div>
//////////////////////////////////////////////////////
<div class="box5">
<h1>Long Left box</h1>
Lorem ipsum dolor sit amet, quem volutpat per no. No movet meliore officiis nec, vis te quod minim perpetua, pri te mazim homero abhorreant. Te atomorum prodesset interesset pri, hinc iisque interpretaris et pri. Ius ut aliquid propriae delicata, illud copiosae mel et, et eos causae perpetua suscipiantur. Ius nibh assum tation te, choro latine comprehensam et eam.
Duo vivendo petentium ei, cum ne essent epicurei menandri. Ex nam esse scribentur concludaturque. Detraxit conclusionemque nec ea, te vix consul putent. Magna fabellas vituperatoribus vel eu. Ad eam propriae verterem corrumpit, an iudico impedit voluptaria mel. Falli dicam per at. Vim no hinc nostro dignissim, sea eu legimus evertitur, est id primis iisque.
<h2>Header 2 sample</h2>
<hr>Odio facer intellegam mea at. Ut usu clita intellegat. Te eius decore volutpat duo, mei regione persecuti cu, ea soluta facilisi quo. Eam affert delicata qualisque te, cu duo principes ullamcorper, te probo oratio putent duo. Graecis moderatius cu quo, eam te percipit splendide, ea vitae repudiandae sea. Ancillae mediocritatem ea sea, laudem theophrastus ex duo. Utinam recusabo mel te, sea ad phaedrum inciderint, ex verterem perpetua accommodare eos.
Lorem ipsum dolor sit amet, quem volutpat per no. No movet meliore officiis nec, vis te quod minim perpetua, pri te mazim homero abhorreant. Te atomorum prodesset interesset pri, hinc iisque interpretaris et pri. Ius ut aliquid propriae _absolutedelicata, illud copiosae mel et, et eos causae perpetua suscipiantur. Ius nibh assum tation te, choro latine comprehensam et eam.
Duo vivendo petentium ei, cum ne essent epicurei menandri. Ex nam esse scribentur concludaturque. Detraxit conclusionemque nec ea, te vix consul putent. Magna fabellas vituperatoribus vel eu. Ad eam propriae verterem corrumpit, an iudico impedit voluptaria mel. Falli dicam per at. Vim no hinc nostro dignissim, sea eu legimus evertitur, est id primis iisque.
<h3> header 3 sample</h3>
Odio facer intellegam mea at. Ut usu clita intellegat. Te eius decore volutpat duo, mei regione persecuti cu, ea soluta facilisi quo. Eam affert delicata qualisque te, cu duo principes ullamcorper, te probo oratio putent duo. Graecis moderatius cu quo, eam te percipit splendide, ea vitae repudiandae sea. Ancillae mediocritatem ea sea, laudem theophrastus ex duo. Utinam recusabo mel te, sea ad phaedrum inciderint, ex verterem perpetua accommodare eos.
<h1>Header</h1>
Lorem ipsum dolor sit amet, quem volutpat per no. No movet meliore officiis nec, vis te quod minim perpetua, pri te mazim homero abhorreant. Te atomorum prodesset interesset pri, hinc iisque interpretaris et pri. Ius ut aliquid propriae delicata, illud copiosae mel et, et eos causae perpetua suscipiantur. Ius nibh assum tation te, choro latine comprehensam et eam.
Duo vivendo petentium ei, cum ne essent epicurei menandri. Ex nam esse scribentur concludaturque. Detraxit conclusionemque nec ea, te vix consul putent. Magna fabellas vituperatoribus vel eu. Ad eam propriae verterem corrumpit, an iudico impedit voluptaria mel. Falli dicam per at. Vim no hinc nostro dignissim, sea eu legimus evertitur, est id primis iisque.
<h2>Header 2 sample</h2>
<hr>Odio facer intellegam mea at. Ut usu clita intellegat. Te eius decore volutpat duo, mei regione persecuti cu, ea soluta facilisi quo. Eam affert delicata qualisque te, cu duo principes ullamcorper, te probo oratio putent duo. Graecis moderatius cu quo, eam te percipit splendide, ea vitae repudiandae sea. Ancillae mediocritatem ea sea, laudem theophrastus ex duo. Utinam recusabo mel te, sea ad phaedrum inciderint, ex verterem perpetua accommodare eos.
Lorem ipsum dolor sit amet, quem volutpat per no. No movet meliore officiis nec, vis te quod minim perpetua, pri te mazim homero abhorreant. Te atomorum prodesset interesset pri, hinc iisque interpretaris et pri. Ius ut aliquid propriae _absolutedelicata, illud copiosae mel et, et eos causae perpetua suscipiantur. Ius nibh assum tation te, choro latine comprehensam et eam.
Duo vivendo petentium ei, cum ne essent epicurei menandri. Ex nam esse scribentur concludaturque. Detraxit conclusionemque nec ea, te vix consul putent. Magna fabellas vituperatoribus vel eu. Ad eam propriae verterem corrumpit, an iudico impedit voluptaria mel. Falli dicam per at. Vim no hinc nostro dignissim, sea eu legimus evertitur, est id primis iisque.
<h3> header 3 sample</h3>
Odio facer intellegam mea at. Ut usu clita intellegat. Te eius decore volutpat duo, mei regione persecuti cu, ea soluta facilisi quo. Eam affert delicata qualisque te, cu duo principes ullamcorper, te probo oratio putent duo. Graecis moderatius cu quo, eam te percipit splendide, ea vitae repudiandae sea. Ancillae mediocritatem ea sea, laudem theophrastus ex duo. Utinam recusabo mel te, sea ad phaedrum inciderint, ex verterem perpetua accommodare eos.
</div>
//////////////////////////////
!! DO NOT REMOVE !!
<div class="cred">layout by <b>#762349</b> | dog img @ <b>Pexels</b> | snowflakes @ <b>vecteezy</b><br>
layout is free to use</div>