Pony Express ID Card code for Mouthwashing pals!

[cantstandthenoise]

PONY EXPRESS EMPLOYEE CARD

FULL NAME

JOB TITLE: TITLE HERE

PRONOUNS: PRONOUNS

AGE: AGE HERE

UNIT: TULPAR

DOB: DATE OF BIRTH

ID: USE ID# FROM CANON ID CARD

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Diam vulputate ut pharetra sit amet aliquam id diam maecenas. Consequat ac felis donec et odio pellentesque diam volutpat commodo. Hendrerit dolor magna eget est lorem. Nascetur ridiculus mus mauris vitae. A arcu cursus vitae congue mauris rhoncus. Nec nam aliquam sem et tortor consequat id porta.

< isopods >

<raw-code> <center> <!--START OF ID--> <div style=" display: inline-block; margin: auto; font-family: 'Arial'; --borderColor: #AD9F8B; --backgroundColor: #DEDCD8; background: var(--backgroundColor); box-shadow: 8px 8px rgba(0, 0, 0, 0.5);"> <!--ID HEADER--> <div style="display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: center; align-items: flex-start;"> <!--ID INFO, NAME, AND TITLE--> <div style="padding-bottom: 10px;"> <div style="display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; background-color: var(--borderColor); min-width: 400px; min-height: 50px;"> <!--OPTIONAL LOGO IMAGE BELOW. FEEL FREE TO DELETE THIS IF YOU AREN'T USING IT--> <img src="https://i.imgur.com/PMooxXy.png" style="width: 55px; margin: 5px;"> <!--OPTIONAL LOGO END--> <div style="text-transform: uppercase; font-size: 22px; color: var(--backgroundColor); margin: 5px;"> PONY EXPRESS EMPLOYEE CARD </div> </div> <!-- NAME AND TITLE --> <div style=" margin: 10px 10px 0px 10px; color: black; border: 2px dotted var(--borderColor);"> <div style=" font-size: 24px; font-weight: 800; padding: 5px; border-bottom: 2px dotted var(--borderColor);"> FULL NAME </div> <div style=" display: flex; flex-direction: row; justify-content: space-evenly; font-size: 14px; padding: 5px; border-bottom: 2px dotted var(--borderColor);"> <div style="width: 50%; border-right: 2px dotted var(--borderColor);"> <B>JOB TITLE:</b> TITLE HERE </div> <div style="width: 50%;"> <B>PRONOUNS:</b> PRONOUNS </div> </div> <div style=" display: flex; flex-direction: row; justify-content: space-evenly; font-size: 14px; padding: 5px; border-bottom: 2px dotted var(--borderColor);"> <div style="width: 50%; border-right: 2px dotted var(--borderColor);"> <B>AGE:</b> AGE HERE </div> <div style="width: 50%;"> <B>UNIT:</b> TULPAR </div> </div> <div style=" display: flex; flex-direction: row; justify-content: space-evenly; font-size: 14px; padding: 5px;"> <div style="width: 50%; border-right: 2px dotted var(--borderColor);"> <B>DOB:</b> DATE OF BIRTH </div> <div style="width: 50%;"> <B>ID:</b> USE ID# FROM CANON ID CARD </div> </div> </div> <!-- NAME AND TITLE END--> </div> <!--ID INFO, NAME, AND TITLE END--> <!--IMAGE--> <div style=" display: flex; align-items: center; justify-content: center; padding: 10px; background-color: var(--borderColor);"> <img src="PROFILE IMAGE" width="160px"> </div> <!--IMAGE END--> </div> <!--ID HEADER END--> <!-- OTHER INFO DOWN HERE --> <div style=" color: black; margin: 15px 10px 0px 10px; padding: 10px; text-align: left; border: 1px solid var(--borderColor); max-width: 575px; font-size: 11px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br/><br/> Diam vulputate ut pharetra sit amet aliquam id diam maecenas. Consequat ac felis donec et odio pellentesque diam volutpat commodo. Hendrerit dolor magna eget est lorem. Nascetur ridiculus mus mauris vitae. A arcu cursus vitae congue mauris rhoncus. Nec nam aliquam sem et tortor consequat id porta. </div> <!-- OTHER INFO END --> <!---CREDIT, DO NOT DELETE--> <span style="float: right; padding: 5px; margin-right: 10px; color: black; font-size: 10px;"><a style="text-decoration: none; color: var(--borderColor)" href="https://isopods.dreamwidth.org/7577.html">< isopods ></a> </span> </div> <!--END OF ID--> </center> </raw-code>

INSTRUCTIONS:
Copy & Paste code
Search "PROFILE IMAGE" and insert a profile picture (I used canon ID pics for realism!)
Edit text not coded to be bold
Profile text (lorem ipsum placeholder) should be relatively simple to maintain ID card size
Post entry
Profit???