code: transistor cr chart/character bio

[svirdilu]

Title

EXEMPLAR ROLE??? TEXT?? ROLE??? TEXT??

Encrypted comments detected in source control. DESIGNATION: ??? <!-- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vestibulum metus in turpis elementum pretium. Curabitur id congue sapien, sed ultricies mauris. Quisque pulvinar dolor ac euismod sagittis. Integer nec massa at purus pellentesque sodales. Pellentesque lacinia, eros ut bibendum lobortis, est risus volutpat risus, eu mattis dolor nunc sit amet nibh. Vivamus mi nulla, vehicula non lectus ut, gravida vehicula est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc accumsan, felis sit amet iaculis tincidunt. --!> End of file.

Ctrl+F "EDIT HERE" (oh god I hope I marked them all)
<table width="670" style="background:#000000; border-radius:10px;"> <tr style="background-image: url('http://i.imgur.com/5bXfJVv.png'); background-position: center bottom; background-repeat:no-repeat;"><td colspan="2" style="font-family: Trebuchet MS, Calibri; font-size:25px; color:#F6F6F6; text-align:left;"><div style="float: left; width:5px; height:10px; border: 2px solid #fff; background-color:#DD9C52; margin-top:11px; box-shadow: 0px 0px 12px rgba(221, 156, 81, 0.8);"> </div>  Title <!--EDIT HERE--> </td></tr> <tr> <td width="205"> <div style="padding-left:5px; padding-bottom:7px; font-family: Calibri; font-size:20px; color:#F6F6F6; font-weight:100; background-image: url('http://i.imgur.com/1lWs1xm.png'); background-position: center bottom; background-repeat:no-repeat; text-align:left;"> <div style="float:left; width:5px; height:10px; border: 2px solid #fff; background-color:#DD9C52; margin-top:7px; box-shadow: 0px 0px 12px rgba(221, 156, 81, 0.8);"> </div>  EXEMPLAR <!--EDIT HERE? possibly--><br> </div> <div style="background-image: url('http://i.imgur.com/vEixxrz.png'); background-position: center bottom; background-repeat:no-repeat; height:350px; color:#DE8F00; text-align:left;"><div style="padding:15px;"><Center><img src="http://i.imgur.com/fcN1umR.png"><!--EDIT HERE? image w/ transparent background!--></center> <span style="padding-left:10px; color:#F6F6F6;">ROLE???</span><br> <!--EDIT HERE x4. or however many of these you want--> <span style="padding-left:15px; font-family:courier;">TEXT??</span><br><br> <span style="padding-left:10px; color:#F6F6F6;">ROLE???</span><br> <span style="padding-left:15px; font-family:courier;">TEXT??</span><br><br> </div> </div> </div> </td> <td><br> <div style="background-image: url('http://i.imgur.com/Hx8yiTj.png'); background-position: bottom; background-repeat:no-repeat; height:350px; text-align:left;"> <br> <span style="color:#B20000;font-family: Calibri; font-size:15px; ">Encrypted comments detected in source control.</span><br> <span style="color:#F6F6F6;font-family: Calibri; font-size:30px;">DESIGNATION: ???</span> <!--EDIT HERE--><br> <div style="width:400px; height:210px; overflow-x: hidden; overflow: auto; font-family:courier; color:#F6F6F6;"> & lt;!-- <!--EDIT HERE aka remove the space between the ampersand and l--> <!--EDIT HERE--> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vestibulum metus in turpis elementum pretium. Curabitur id congue sapien, sed ultricies mauris. Quisque pulvinar dolor ac euismod sagittis. Integer nec massa at purus pellentesque sodales. Pellentesque lacinia, eros ut bibendum lobortis, est risus volutpat risus, eu mattis dolor nunc sit amet nibh. Vivamus mi nulla, vehicula non lectus ut, gravida vehicula est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc accumsan, felis sit amet iaculis tincidunt. --!& gt; <!--EDIT HERE same here--> </div><br> <span style="padding-left:25px; color:#DE8F00;">End of file.</span> </td> </tr> </table>

---

testing w/ overflow and an icon for img... ew scrollbar
but yes this is what it'd look like, if you want to use icons toss in an extra <br> before and after the image

Title

EXEMPLAR ROLE??? TEXT?? ROLE??? TEXT??

Encrypted comments detected in source control. DESIGNATION: ??? <!-- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vestibulum metus in turpis elementum pretium. Curabitur id congue sapien, sed ultricies mauris. Quisque pulvinar dolor ac euismod sagittis. Integer nec massa at purus pellentesque sodales. Pellentesque lacinia, eros ut bibendum lobortis, est risus volutpat risus, eu mattis dolor nunc sit amet nibh. Vivamus mi nulla, vehicula non lectus ut, gravida vehicula est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc accumsan, felis sit amet iaculis tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vestibulum metus in turpis elementum pretium. Curabitur id congue sapien, sed ultricies mauris. Quisque pulvinar dolor ac euismod sagittis. Integer nec massa at purus pellentesque sodales. Pellentesque lacinia, eros ut bibendum lobortis, est risus volutpat risus, eu mattis dolor nunc sit amet nibh. Vivamus mi nulla, vehicula non lectus ut, gravida vehicula est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc accumsan, felis sit amet iaculis tincidunt. --!> End of file.