Test One

Work in progress



<div style="background-color: #000; background-image: linear-gradient(45deg, transparent 23px, #0bbf0e 24px, #0bbf0e 26px, transparent 26px, transparent 27px, #0bbf0e 28px, #0bbf0e 30px, transparent 30px, transparent 31px, #0bbf0e 32px, #0bbf0e 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #0bbf0e 24px, #0bbf0e 26px, transparent 26px, transparent 27px, #0bbf0e 28px, #0bbf0e 30px, transparent 30px, transparent 31px, #0bbf0e 32px, #0bbf0e 33px, transparent 34px); background-size: 40px 40px; border:5px double lime; box-shadow: 0 0 7px lime; padding:10px; color:#fff;">  Intro

 

Text here

 

Words

Words

<div style="background-color: #000; background-image: linear-gradient(45deg, transparent 23px, #0bbf0e 24px, #0bbf0e 26px, transparent 26px, transparent 27px, #0bbf0e 28px, #0bbf0e 30px, transparent 30px, transparent 31px, #0bbf0e 32px, #0bbf0e 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #0bbf0e 24px, #0bbf0e 26px, transparent 26px, transparent 27px, #0bbf0e 28px, #0bbf0e 30px, transparent 30px, transparent 31px, #0bbf0e 32px, #0bbf0e 33px, transparent 34px); background-size: 40px 40px; border:5px double lime; box-shadow: 0 0 7px lime; padding:10px; color:#fff;">  Appearance

 

Text here

  Words

Words

<div style="background-color: #000; background-image: linear-gradient(45deg, transparent 23px, #0bbf0e 24px, #0bbf0e 26px, transparent 26px, transparent 27px, #0bbf0e 28px, #0bbf0e 30px, transparent 30px, transparent 31px, #0bbf0e 32px, #0bbf0e 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #0bbf0e 24px, #0bbf0e 26px, transparent 26px, transparent 27px, #0bbf0e 28px, #0bbf0e 30px, transparent 30px, transparent 31px, #0bbf0e 32px, #0bbf0e 33px, transparent 34px); background-size: 40px 40px; border:5px double lime; box-shadow: 0 0 7px lime; padding:10px; color:#fff;"> 

Personality

 

Text here

  Words

Words

<div style="background-color: #000; background-image: linear-gradient(45deg, transparent 23px, #0bbf0e 24px, #0bbf0e 26px, transparent 26px, transparent 27px, #0bbf0e 28px, #0bbf0e 30px, transparent 30px, transparent 31px, #0bbf0e 32px, #0bbf0e 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #0bbf0e 24px, #0bbf0e 26px, transparent 26px, transparent 27px, #0bbf0e 28px, #0bbf0e 30px, transparent 30px, transparent 31px, #0bbf0e 32px, #0bbf0e 33px, transparent 34px); background-size: 40px 40px; border:5px double lime; box-shadow: 0 0 7px lime; padding:10px; color:#fff;"> <div style="background:rgba(0,0,0,.5); border:5px double lime; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#fff;"> History

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

Text here

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words

<div style="background-color: #000; background-image: linear-gradient(45deg, transparent 23px, #0bbf0e 24px, #0bbf0e 26px, transparent 26px, transparent 27px, #0bbf0e 28px, #0bbf0e 30px, transparent 30px, transparent 31px, #0bbf0e 32px, #0bbf0e 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #0bbf0e 24px, #0bbf0e 26px, transparent 26px, transparent 27px, #0bbf0e 28px, #0bbf0e 30px, transparent 30px, transparent 31px, #0bbf0e 32px, #0bbf0e 33px, transparent 34px); background-size: 40px 40px; border:5px double lime; box-shadow: 0 0 7px lime; padding:10px; color:#fff;"> <div style="background:rgba(0,0,0,.5); border:5px double lime; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#fff;">

Abilities

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

Text here

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words

<div style="background-color: #000; background-image: linear-gradient(45deg, transparent 23px, #0bbf0e 24px, #0bbf0e 26px, transparent 26px, transparent 27px, #0bbf0e 28px, #0bbf0e 30px, transparent 30px, transparent 31px, #0bbf0e 32px, #0bbf0e 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #0bbf0e 24px, #0bbf0e 26px, transparent 26px, transparent 27px, #0bbf0e 28px, #0bbf0e 30px, transparent 30px, transparent 31px, #0bbf0e 32px, #0bbf0e 33px, transparent 34px); background-size: 40px 40px; border:5px double lime; box-shadow: 0 0 7px lime; padding:10px; color:#fff;"> <div style="background:rgba(0,0,0,.5); border:5px double lime; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#fff;"> Relationships

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

Text here

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words

<div style="background-color: #000; background-image: linear-gradient(45deg, transparent 23px, #0bbf0e 24px, #0bbf0e 26px, transparent 26px, transparent 27px, #0bbf0e 28px, #0bbf0e 30px, transparent 30px, transparent 31px, #0bbf0e 32px, #0bbf0e 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #0bbf0e 24px, #0bbf0e 26px, transparent 26px, transparent 27px, #0bbf0e 28px, #0bbf0e 30px, transparent 30px, transparent 31px, #0bbf0e 32px, #0bbf0e 33px, transparent 34px); background-size: 40px 40px; border:5px double lime; box-shadow: 0 0 7px lime; padding:10px; color:#fff;"> <div style="background:rgba(0,0,0,.5); border:5px double lime; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#fff;">

Trivia

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

Text here

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words

<div style="background-color: #000; background-image: linear-gradient(45deg, transparent 23px, #0bbf0e 24px, #0bbf0e 26px, transparent 26px, transparent 27px, #0bbf0e 28px, #0bbf0e 30px, transparent 30px, transparent 31px, #0bbf0e 32px, #0bbf0e 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #0bbf0e 24px, #0bbf0e 26px, transparent 26px, transparent 27px, #0bbf0e 28px, #0bbf0e 30px, transparent 30px, transparent 31px, #0bbf0e 32px, #0bbf0e 33px, transparent 34px); background-size: 40px 40px; border:5px double lime; box-shadow: 0 0 7px lime; padding:10px; color:#fff;"> <div style="background:rgba(0,0,0,.5); border:5px double lime; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#fff;"> Gallery

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

<Insert gallery here>

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgb #800000, rgba(0, 255, 0, .0));" />

Words

Words