Palette 2k17

[comment]

BY USING THIS BB CODE, YOUR ARE ACCEPTING THE
| TERMS N' CONDITIONS |

⸺ do *not* remove credit from the code for *whatever* reason
⸺ please do not alter the code drastically because it may screw it up
⸺ any questions should be PMed to me

[/comment]
[div=
  position: relative;
  width: calc(100%  - 20px);
  height: 400px;
  overflow: hidden;
  background-color: transparent;
  padding: 10px;

][div=
  width: 100%;
  padding-right: 150px;
  height: 100%;
  overflow-y: scroll;
  font-align: justify;
  text-align: justify;

][div=
  background: linear-gradient(to left, #EFC452,  #FCD6E1, #FCA5B1, #FC4A66);
  padding: 40px;
  height: 420px;
  margin: auto;

][div=
  background: transparent;
  border: 8px solid #F0F4F7;
  height: 200px;
  width: 370px;
  font-size: 24px;
  font-align: justify;
  color: white;
  text-align: center;
  margin: auto;
  margin-top: 40px;
  overflow: hidden;

][div=
  background: transparent;
  color: #F0F4F7;
  text-align: center;
  margin: auto;
  padding: 10px;
  padding-top: 0px;
  font-weight: medium;
  text-transform: uppercase;
  font-size: 50px;

  ][font=Oswald][font=Raleway][size=20px]left untouched[/size][/font][size=24px][center][url=https://www.youtube.com/watch?v=4rxYdCfjROI][color=#E0FBFC][fa]fa-volume-up[/fa][/color][/url][/center][/size]TESSA THOMPSON[/font][/div][/div][/div][div=

  background: #F0F4F7;
  color: black;
  padding: 30px;

  ][div=
  background: #FC4A66;
  overflow: hidden;
  height: 200px;
  width: 200px;
  position: relative;
  top: -125px;
  border: 6px solid #F0F4F7;
  pointer-events: none;
  float: left;

][img]http://via.placeholder.com/200x200/FC4A66/FCD6E1[/img][/div][div=
  background: #F0F4F7;
  color: black;
  float: left;
  position: relative;
  left: -200px;
  top: 100px;
  border-bottom: 1px groove #FC4A66;
  padding: 2px;
  font-size: 12px;

][font=Roboto][b]age[/b] | thirty three
[b]gender[/b] | female
[b]sexuality[/b] | pansexual
[b]need[/b] | a will to live[/font][/div][div=
  background: #F0F4F7;
  float: left;
  position: relative;
  top: -76px;
  font-size: 12px;
  color: #FC4A66;
  padding: 6px;
  text-align: center;
  border: 2px groove #FCD6E1;
  margin-left: 34px;

  ][font=Roboto][b]quote[/b] | "I EAT ALMONDS PROFESSIONALLY."[/font][/div][div=
  background: transparent;
  font-size: 30px;
  text-align: left;
  color: #FC4A66;
  text-transform: uppercase;
  float-left;

 ][font=Oswald]about[/font][/div][div=
 background: transparent;
 text-align: justify;
margin-right: 80px;
 font-size: 12px;
 max-height: 200px;
 overflow: auto;
 margin-top: 10px;
 border-left: 1px groove #FC4A66;
padding-left: 10px;

 ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec magna mi, auctor ac dictum et, accumsan sit amet neque. Duis posuere libero eu ipsum pretium, id posuere ante aliquam. Morbi ac nisl eget elit vestibulum accumsan eget vel lacus. Curabitur lobortis tortor neque, nec aliquam urna elementum quis. Phasellus et malesuada dui, at viverra mauris. Maecenas rhoncus tincidunt sem vel lacinia.

 Duis tincidunt augue velit, sed mattis nisi fringilla eget. Pellentesque a nisi vitae nisi porta vestibulum. Ut ante libero, commodo quis pulvinar eu, ornare in eros. Etiam vel fermentum risus, at vulputate diam. Praesent fermentum vestibulum dolor porta pellentesque. Donec nec libero imperdiet, laoreet eros in, scelerisque purus. Quisque neque massa, bibendum pulvinar purus vitae, euismod vulputate purus. Curabitur eu pharetra mauris.

Cras posuere nunc sed ligula imperdiet, sodales porttitor ipsum mollis. Pellentesque a mi eu felis egestas ultrices. Pellentesque blandit faucibus nulla, in eleifend tellus commodo lacinia. Sed ac est lectus. Pellentesque dictum quam at diam luctus gravida. Proin sagittis sem sed nulla hendrerit, in lacinia est consectetur. Vivamus a lacinia quam.[/div]
[/div][div=

  background: #FCD6E1;
  padding: 20px;

][row][column=span6][div=font-size: 24px;
  color: #FC4A66;
  text-align: left;
  text-transform: uppercase;
  font-size: 30px;
  font-style: italic;

][font=Oswald]history[/font][/div][div=
	position: relative;
	width: calc(100%  - 20px);
	height: 175px;
	overflow: hidden;
	background-color: transparent;
	padding: 10px;

][div=
	width: 100%;
	padding-right: 150px;
	height: 100%;
	overflow-y: scroll;
	color: black;
	text-align: left;
	font-size: 12px;
	border-left: 3px solid #FC4A66;
	padding-left: 10px;

][font=Roboto]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent porta facilisis suscipit. Praesent in pellentesque libero. Maecenas tempus diam id libero porta, sit amet mollis erat pellentesque. Donec ornare risus non ornare fringilla. Donec in felis non tortor viverra interdum in in sapien. Sed velit neque, rutrum sit amet egestas non, ultrices ac mi. Duis nec sem consequat, sollicitudin lorem sit amet, rhoncus ligula. Mauris in felis ac est facilisis condimentum ac ut mauris. Duis sagittis fringilla mauris eget sagittis. Integer at accumsan est.

Cras justo lacus, condimentum sit amet ornare at, sodales vitae nunc. Vivamus porttitor semper arcu vel pretium. Donec convallis nisl tortor. Nullam quis leo feugiat, consequat urna efficitur, varius ante. Nam quis libero nulla. Fusce non pretium ipsum. Donec sodales, dui ut vehicula condimentum, quam felis congue justo, ut blandit nibh lorem nec felis. Praesent et interdum massa, a cursus nibh. Duis tincidunt pretium nisi. Pellentesque ante leo, volutpat nec ipsum sit amet, iaculis euismod nisi. Nam non massa vel mauris cursus vulputate in luctus mi.

Aliquam sollicitudin arcu ut metus facilisis, quis aliquet ipsum auctor. Fusce accumsan nunc quis justo sodales, ut gravida ligula tincidunt. Nam eu ornare enim. Quisque non velit sed orci vestibulum sodales. Vivamus volutpat orci in massa consectetur tempus. Mauris enim leo, laoreet in dolor vitae, bibendum posuere enim. Vivamus aliquet sed mi et tristique. Cras porttitor mauris id arcu volutpat dignissim. Pellentesque feugiat ultricies risus, eget scelerisque sapien dapibus id. Aliquam varius, eros vel suscipit egestas, ante nulla vulputate nibh, et sodales dui nulla at mi. Sed congue justo sit amet sapien accumsan semper. In accumsan dolor sagittis aliquet vestibulum. Donec ornare feugiat elit, vitae congue nisl ullamcorper quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;[/font][/div][/div]
[div=
  background: transparent;
  font-size: 24px;
  font-weight: bold;
  font-style: italic;
  color: #FC4A66;
  text-align: right;

  ][font=Raleway]"I eat almonds professionally." - Tessa[/font][/div][/column]
[column=span2][div=
  background: #FCD6E1;
  pointer-events: none;
  overflow: hidden;
  height: 100px;
  width: 100px;
  border: 6px solid #F0F4F7;
  border-botom: 0px;
  margin: auto;

][img]http://via.placeholder.com/100x100/FCD6E1/FC4A66[/img][/div][div=
	background: #FCD6E1;
	pointer-events: none;
	overflow: hidden;
	height: 100px;
	width: 100px;
	border: 6px solid #F0F4F7;
	border-top: 0px;
	border-bottom: 0px;
	margin: auto;

][img]http://via.placeholder.com/100x100/FCD6E1/FC4A66[/img][/div][div=
	background: #FCD6E1;
	pointer-events: none;
	overflow: hidden;
	height: 100px;
	width: 100px;
	border: 6px solid #F0F4F7;
	margin: auto;

][img]http://via.placeholder.com/100x100/FCD6E1/FC4A66[/img][/div][/column][/row]
[/div][div=
  background: #EFC452;
  border-top: 4px solid #FC4A66;
  font-size: small;
  text-align: right;
  color: black;
  opacity: 0.5;
  padding: 2px;
  padding-right: 4px;
  text-transform: uppercase;

]coding by cychotic[/div][/div][/div]