𝐈𝐕𝐘
deer
sul sul
[class=container]
width: 560px;
position: relative;
margin: auto;
cursor: url(http://cur.cursors-4u.net/user/images1/use128.png), auto !important;
[/class]
[class=cover]
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
[/class]
[class=background_two]
background-color: #f5f5ef;
width: 560px;
height: 456px;
[/class]
[class=border]
background-color: #556344;
width: 110px;
height: 416px;
padding: 20px;
[/class]
[class=main_image]
position: relative;
background: url('https://i.imgur.com/VsDi4YH.jpg');
width: 180px;
height: 304px;
border: 8px solid #697D58;
margin-left: 30px;
margin-top: 45px;
[/class]
[class=image_one]
position: relative;
background: url('https://i.imgur.com/5OcwEu2.jpg');
border-radius: 100%;
border: 1px solid #748b74;
background-size: 100%;
margin-left: 180px;
margin-top: -295px;
width: 80px;
height: 80px;
[/class]
[class=image_two]
position: relative;
background: url('https://i.imgur.com/zL3C6nJ.jpg');
border-radius: 100%;
border: 1px solid #748b74;
background-size: 100%;
margin-left: 180px;
margin-top: 15px;
width: 80px;
height: 80px;
[/class]
[class=image_three]
position: relative;
background: url('https://i.pinimg.com/564x/23/71/a6/2371a6da77d340aa387bedf1bb375bed.jpg');
border-radius: 100%;
border: 1px solid #748b74;
background-size: 100%;
margin-left: 180px;
margin-top: 15px;
width: 80px;
height: 80px;
[/class]
[class=textcontainer_two]
position: relative;
margin-left: 260px;
margin-top: -260px;
white-space: pre-wrap;
[/class]
[class=header_one]
color: #748b74;
text-transform: uppercase;
text-align: center;
font-size: 20px;
[/class]
[class=header_two]
color: #0a4424;
text-transform: uppercase;
text-align: center;
font-size: 30px;
margin-top: -45px;
[/class]
[class=background]
background-color: #FFFFFF;
margin: auto;
width: 560px;
height: 455px;
position: relative;
[/class]
[class=banner]
width: 100%;
height: 100px;
padding: 0px;
background-color: #556344;
[/class]
[class=banner_text]
position: relative;
padding: 30px;
font-size: 30px;
text-transform: uppercase;
font-style: italic;
color: white;
top: -5px;
text-align: right;
[/class]
[class=divider]
position: absolute;
width: 50%;
line-height: 0;
height: 1px;
background-color: black;
margin-top: -5px;
left: 250px;
[/class]
[class=textcontainer]
position: relative;
padding: 10px;
[/class]
[class=side_one]
position: relative;
width: 210px;
[/class]
[class=side_two]
position: relative;
margin-top: -310px;
margin-left: 220px;
white-space: pre-wrap;
[/class]
[class=box]
position: relative;
border: solid 1px #BABCBE;
background-color: white;
height: 320px;
[/class]
[class=box_info]
position: relative;
border-bottom: 1px solid #BABCBE;
text-align: right;
padding: 5px;
background-color: #F2F2F2;
font-size: 18px;
color: #748b74;
text-transform: uppercase;
font-style: italic;
[/class]
[class=box_text]
padding: 10px;
color: grey;
font-size: 12px;
font-family: 'Arial';
line-height: 16px;
[/class]
[class=textinformation]
margin-top: -5px;
margin-left: 10px;
font-size: 18px;
color: #748b74;
[/class]
[class=textinformation_two]
margin-top: -10px;
margin-left: 20px;
font-size: 11px;
line-height: 16px;
color: grey;
text-transform: uppercase;
[/class]
[class=divider_two]
position: absolute;
width: 210px;
line-height: 0;
height: 1px;
background-color: black;
margin-top: 10px;
[/class]
[class=icon_border]
display: inline-block;
border: solid 1px #BABCBE;
background-color: #F2F2F2;
line-height: 0;
padding: 12px;
margin: auto;
margin-top: -90px;
margin-left: 15px;
height: 100px;
width: 100px;
[/class]
[class=icon_one]
background: url('https://i.imgur.com/zHdHroE.jpg');
background-size: 100%;
border: solid 1px #FBFBFB;
height: 100px;
width: 100px;
[/class]
[class name=icon_one state=hover]
background: url('https://i.imgur.com/mVu2zgG.jpg') no-repeat;
background-size: cover;
width: 100%;
height: 100%;
[/class]
[script class=background on=click]
slideDown 800 cover
[/script]
[script class=cover on=click]
slideUp 800
[/script]
[div class=container][div class=background]
[div class=banner][div class=banner_text]first middle last
[div class=divider][/div][/div][/div]
[div class=textcontainer][div class=icon_border][div class=icon_one][/div][/div]
[div class=side_one][div class=textinformation] location[/div] [div class=textinformation_two]information here[/div] [div class=divider_two][/div]
[div class=textinformation] scenario[/div] [div class=textinformation_two]information here[/div] [div class=divider_two][/div]
[div class=textinformation]with[/div] [div class=textinformation_two]information here[/div] [div class=divider_two][/div]
[div class=textinformation]mentions[/div] [div class=textinformation_two]information here[/div] [div class=divider_two][/div]
[div class=textinformation] outfit | mood[/div] [div class=textinformation_two]information here[/div] [div class=divider_two][/div] [/div] [div class=side_two][div class=box][div class=box_info]in character[/div][/div][/div] [/div][/div][/div] [div class=cover][div class=background_two][div class=border][div class=main_image][/div] [div class=image_one][/div] [div class=image_two][/div] [div class=image_three][/div][/div][div class=textcontainer_two][div class=header_one]name here[/div] [div class=header_two]role | title[/div][/div][/div][/div][/div]
[div class=side_one][div class=textinformation] location[/div] [div class=textinformation_two]information here[/div] [div class=divider_two][/div]
[div class=textinformation] scenario[/div] [div class=textinformation_two]information here[/div] [div class=divider_two][/div]
[div class=textinformation]with[/div] [div class=textinformation_two]information here[/div] [div class=divider_two][/div]
[div class=textinformation]mentions[/div] [div class=textinformation_two]information here[/div] [div class=divider_two][/div]
[div class=textinformation] outfit | mood[/div] [div class=textinformation_two]information here[/div] [div class=divider_two][/div] [/div] [div class=side_two][div class=box][div class=box_info]in character[/div][/div][/div] [/div][/div][/div] [div class=cover][div class=background_two][div class=border][div class=main_image][/div] [div class=image_one][/div] [div class=image_two][/div] [div class=image_three][/div][/div][div class=textcontainer_two][div class=header_one]name here[/div] [div class=header_two]role | title[/div][/div][/div][/div][/div]
codedbycrucially | click cover, hover icon, hidden scroll | pastebin: xx
And thank you so much for making so many beautiful templates! You're wickedly talented!!!
