dreamcodes | biosheet: procession

♣ stats

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget ligula auctor, vulputate risus et, volutpat augue. Duis ultricies mollis ligula eu egestas. Donec interdum felis in felis dignissim finibus. Phasellus at mi ut nunc finibus placerat. Vivamus faucibus venenatis auctor. Sed egestas sollicitudin nibh ac rhoncus. Suspendisse vel nisl imperdiet urna sodales auctor ut gravida sem. Ut at pretium neque. Nullam mollis pellentesque metus, ut commodo orci blandit at. Fusce id interdum ligula. Integer nec erat lacinia, cursus ex eu, auctor ligula. In in libero turpis.

♣ background

Nunc id nulla in felis efficitur pellentesque a ut ex. Praesent mattis consequat nisl, vitae consequat purus suscipit ac. Nunc mattis ante eget ex aliquet sodales eu ut tellus. Donec ac erat odio. Nam ullamcorper velit velit, quis consectetur lectus egestas sed. Maecenas efficitur turpis id auctor rutrum. Etiam accumsan auctor lectus. Sed vitae sodales nulla, in aliquam risus. Duis vestibulum justo eu mollis molestie. Nulla ornare at nisl sed aliquam. Integer vulputate finibus mauris in aliquam. Nunc id nulla in felis efficitur pellentesque a ut ex. Praesent mattis consequat nisl, vitae consequat purus suscipit ac. Nunc mattis ante eget ex aliquet sodales eu ut tellus. Donec ac erat odio. Nam ullamcorper velit velit, quis consectetur lectus egestas sed. Maecenas efficitur turpis id auctor rutrum. Etiam accumsan auctor lectus. Sed vitae sodales nulla, in aliquam risus. Duis vestibulum justo eu mollis molestie. Nulla ornare at nisl sed aliquam. Integer vulputate finibus mauris in aliquam.

♣ personality

Donec lobortis neque elementum cursus aliquam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras rutrum vehicula turpis eu mattis. Morbi iaculis felis et ultrices gravida. Quisque id nisl faucibus ante tempor consectetur eget a lectus. Nullam condimentum, ipsum sed tempus egestas, turpis sapien fermentum ante, at facilisis dolor nulla ut orci. Nulla et lacus nec tellus sagittis tempor a in diam. Nullam non dui viverra, varius ligula eu, gravida orci. Donec commodo augue elit, nec dignissim nibh vestibulum nec. Duis interdum ex odio, sit amet vehicula lectus sollicitudin sit amet. Duis a pulvinar velit, eu placerat massa.

♣ appearance

♣ skills

copy & paste

<details style="padding: 0;">
		<summary style="font-size:0;cursor:pointer;"> <span style="font-size: 40pt; font-weight: bold; text-shadow: 2px 2px 2px #ddd; padding: 0; margin: 0; color: rgba(209, 145, 160, 1);"> &clubs; HEADING1 </span> </summary>
		<div style="background-color: rgba(209, 145, 160, 0.2); border-radius: 10px; text-align: justify; padding: 1em 2em; margin: 0 0 0 2.5em; line-height: 1.75em; box-shadow: 2px 2px 2px #ddd;">
	
		<p>CONTENT1</p>
	
		</div>
	</details>
	
	<details style="padding: 0;">
		<summary style="font-size:0;cursor:pointer;"> <span style="font-size: 40pt; font-weight: bold; text-shadow: 2px 2px 2px #ddd; padding: 0; margin: 0; color: rgba(175, 137, 164, 1);"> &clubs; HEADING2 </span> </summary>
		<div style="background-color: rgba(175, 137, 164, 0.2); border-radius: 10px; text-align: justify; padding: 1em 2em; margin: 0 0 0 2.5em; line-height: 1.75em; box-shadow: 2px 2px 2px #ddd;">
	
		<p>CONTENT2</p>
	
		</div>
	</details>
	
	<details style="padding: 0;">
		<summary style="font-size:0;cursor:pointer;"> <span style="font-size: 40pt; font-weight: bold; text-shadow: 2px 2px 2px #ddd; padding: 0; margin: 0; color: rgba(141, 130, 169, 1);"> &clubs; HEADING3 </span> </summary>
		<div style="background-color: rgba(141, 130, 169, 0.2); border-radius: 10px; text-align: justify; padding: 1em 2em; margin: 0 0 0 2.5em; line-height: 1.75em; box-shadow: 2px 2px 2px #ddd;">
	
		<p>CONTENT3</p>
	
		</div>
	</details>
	
	<details style="padding: 0;">
		<summary style="font-size:0;cursor:pointer;"> <span style="font-size: 40pt; font-weight: bold; text-shadow: 2px 2px 2px #ddd; padding: 0; margin: 0; color: rgba(107, 123, 174, 1);"> &clubs; HEADING4 </span> </summary>
		<div style="background-color: rgba(107, 123, 174, 0.2); border-radius: 10px; text-align: justify; padding: 1em 2em; margin: 0 0 0 2.5em; line-height: 1.75em; box-shadow: 2px 2px 2px #ddd;">
	
		<p>CONTENT4</p>
	
		</div>
	</details>
	
	<details style="padding: 0;">
		<summary style="font-size:0;cursor:pointer;"> <span style="font-size: 40pt; font-weight: bold; text-shadow: 2px 2px 2px #ddd; padding: 0; margin: 0; color: rgba(73, 116, 179, 1);"> &clubs; HEADING5 </span> </summary>
		<div style="background-color: rgba(73, 116, 179, 0.2); border-radius: 10px; text-align: justify; padding: 1em 2em; margin: 0 0 0 2.5em; line-height: 1.75em; box-shadow: 2px 2px 2px #ddd;">
	
		<p>CONTENT5</p>
	
		</div>
	</details>

</div>

find & replace

gradient colors: rgba(209, 145, 160, 1), rgba(175, 137, 164, 1), rgba(141, 130, 169, 1), rgba(107, 123, 174, 1), rgba(73, 116, 179, 1) • drop shadows: #ddd

(convert your hex codes to rgba)