Skip to content

Instantly share code, notes, and snippets.

@soularization
Last active June 8, 2023 18:35
Show Gist options
  • Save soularization/c2c0154b2d6f7b00a7ce02169bdc9d87 to your computer and use it in GitHub Desktop.
Save soularization/c2c0154b2d6f7b00a7ce02169bdc9d87 to your computer and use it in GitHub Desktop.
Aphros (Profile Layout)
<div style="width:500px;height:auto;margin:auto;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:500px;height:505px;">&nbsp;</div>
<div style="float:left;margin-top:-504px;margin-left:0px;background-color:#fff;width:500px;height:503px;">&nbsp;</div>
<div style="float:left;width:150px;height:auto;margin-top:5px;">
<div style="float:left;width:150px;height:150px;margin-top:-500px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:150px;height:150px;">&nbsp;</div>
<div style="float:left;margin-top:-149px;margin-left:1px;background-color:#fff;width:148px;height:148px;"><img alt="" src="https://i.imgur.com/Rlvgsyp.png" style="width:148px;height:148px;" /></div>
</div>
<div style="float:left;width:150px;height:25px;margin-top:-340px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:150px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:1px;background-color:#fff;width:148px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-17px;margin-left:0px;width:148px;line-height:8px;letter-spacing:1px;text-align:center;text-transform:uppercase;"><span style="font-size:9px;"><span style="font-family:Calibri;"><span style="color:#76979B;">FULL NAME</span></span></span></div>
</div>
<div style="float:left;width:150px;height:25px;margin-top:-305px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:150px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:1px;background-color:#fff;width:148px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-17px;margin-left:0px;width:148px;line-height:8px;letter-spacing:1px;text-align:center;text-transform:uppercase;"><span style="font-size:9px;"><span style="font-family:Calibri;"><span style="color:#76979B;">OCCUPATION</span></span></span></div>
</div>
<div style="float:left;width:150px;height:25px;margin-top:-270px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:150px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:1px;background-color:#fff;width:148px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-17px;margin-left:0px;width:148px;line-height:8px;letter-spacing:1px;text-align:center;text-transform:uppercase;"><span style="font-size:9px;"><span style="font-family:Calibri;"><span style="color:#76979B;">POSITION</span></span></span></div>
</div>
<div style="float:left;width:150px;height:25px;margin-top:-235px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:150px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:1px;background-color:#fff;width:148px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-17px;margin-left:0px;width:148px;line-height:8px;letter-spacing:1px;text-align:center;text-transform:uppercase;"><span style="font-size:9px;"><span style="font-family:Calibri;"><span style="color:#76979B;">AGE</span></span></span></div>
</div>
<div style="float:left;width:150px;height:25px;margin-top:-200px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:150px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:1px;background-color:#fff;width:148px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-17px;margin-left:0px;width:148px;line-height:8px;letter-spacing:1px;text-align:center;text-transform:uppercase;"><span style="font-size:9px;"><span style="font-family:Calibri;"><span style="color:#76979B;">SEXUALITY</span></span></span></div>
</div>
<div style="float:left;width:150px;height:150px;margin-top:-165px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:150px;height:150px;">&nbsp;</div>
<div style="float:left;margin-top:-149px;margin-left:1px;background-color:#fff;width:148px;height:148px;"><img alt="" src="https://i.imgur.com/sSqlyjm.png" style="width:148px;height:148px;" /></div>
</div>
</div>
<div style="float:left;width:342px;height:485px;margin-top:-500px;margin-left:160px;">
<div style="width:342px;height:485px;overflow:hidden;float:left;margin:0px;">
<div style="width:367px;height:485px;overflow:auto;margin:0px;">
<div style="float:left;width:340px;height:auto;margin-top:0px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:150px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:1px;margin-left:-149px;background-color:#fff;width:148px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:8px;margin-left:-149px;width:148px;line-height:8px;letter-spacing:1px;text-align:center;text-transform:uppercase;"><span style="font-size:9px;"><span style="font-family:Calibri;"><span style="color:#76979B;">biography</span></span></span></div>
</div>
<div style="float:left;margin-top:5px;margin-left:0px;height:auto;padding:0px;">
<div style="float:left;width:340px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#4D6163;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
<div style="float:left;width:340px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;">&nbsp;</div>
<div style="float:left;width:340px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#4D6163;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
<div style="float:left;margin-top:10px;margin-left:0px;background-color:#76979B;width:340px;height:1px;">&nbsp;</div>
</div>
<div style="float:left;width:150px;height:auto;margin-top:10px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:150px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:1px;background-color:#fff;width:148px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-17px;margin-left:0px;width:148px;line-height:8px;letter-spacing:1px;text-align:center;text-transform:uppercase;"><span style="font-size:9px;"><span style="font-family:Calibri;"><span style="color:#76979B;">personality</span></span></span></div>
</div>
<div style="float:left;margin-top:5px;margin-left:0px;height:auto;padding:0px;">
<div style="float:left;width:340px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#4D6163;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
<div style="float:left;width:340px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;">&nbsp;</div>
<div style="float:left;width:340px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#4D6163;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
<div style="float:left;margin-top:10px;margin-left:0px;background-color:#76979B;width:340px;height:1px;">&nbsp;</div>
<div style="float:left;width:150px;height:auto;margin-top:10px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:150px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:1px;background-color:#fff;width:148px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-17px;margin-left:0px;width:148px;line-height:8px;letter-spacing:1px;text-align:center;text-transform:uppercase;"><font color="#76979B" face="Calibri" size="1">ONE PLUS ONE = TWO</font></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:40px;margin-left:-150px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:40px;margin-left:-35px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:40px;margin-left:5px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:150px;height:auto;margin-top:10px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:165px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:1px;background-color:#fff;width:163px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-17px;margin-left:0px;width:163px;line-height:8px;letter-spacing:1px;text-align:center;text-transform:uppercase;"><font color="#76979B" face="Calibri" size="1">FIRST NAME LAST NAME</font></div>
</div>
<div style="float:left;width:150px;height:auto;margin-top:10px;margin-left:25px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:165px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:1px;background-color:#fff;width:163px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-17px;margin-left:0px;width:163px;line-height:8px;letter-spacing:1px;text-align:center;text-transform:uppercase;"><font color="#76979B" face="Calibri" size="1">DATING STATUS</font></div>
</div>
<div style="float:left;margin-top:5px;margin-left:0px;height:auto;padding:0px;">
<div style="float:left;width:340px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#4D6163;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
</div>
<div style="float:left;width:340px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;">&nbsp;</div>
<div style="float:left;width:340px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#4D6163;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
</div>
<div style="float:left;margin-top:10px;margin-left:0px;background-color:#76979B;width:340px;height:1px;">&nbsp;</div>
<div style="float:left;width:150px;height:auto;margin-top:10px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:150px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:1px;background-color:#fff;width:148px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-17px;margin-left:0px;width:148px;line-height:8px;letter-spacing:1px;text-align:center;text-transform:uppercase;"><span style="font-size:9px;"><span style="font-family:Calibri;"><span style="color:#76979B;">through thick and thin</span></span></span></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:40px;margin-left:-150px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:40px;margin-left:-35px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:40px;margin-left:5px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:5px;margin-left:0px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:5px;margin-left:5px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:5px;margin-left:5px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:5px;margin-left:0px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:5px;margin-left:5px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:5px;margin-left:5px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;margin-top:10px;margin-left:0px;background-color:#76979B;width:340px;height:1px;">&nbsp;</div>
<div style="float:left;width:150px;height:25px;margin-top:10px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:150px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:1px;background-color:#fff;width:148px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-17px;margin-left:0px;width:148px;line-height:8px;letter-spacing:1px;text-align:center;text-transform:uppercase;"><span style="font-size:9px;"><span style="font-family:Calibri;"><span style="color:#76979B;">dp locker</span></span></span></div>
<div style="float:left;width:110px;height:110px;margin-top:5px;margin-left:0px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:-110px;margin-left:115px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:-110px;margin-left:230px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:5px;margin-left:0px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:-110px;margin-left:115px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:-110px;margin-left:230px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:5px;margin-left:0px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:-110px;margin-left:115px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;width:110px;height:110px;margin-top:-110px;margin-left:230px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:110px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-109px;margin-left:1px;background-color:#fff;width:108px;height:108px;"><img alt="" src="https://i.imgur.com/aFqsA4j.png" style="width:108px;height:108px;" /></div>
</div>
<div style="float:left;margin-top:10px;margin-left:0px;background-color:#76979B;width:340px;height:1px;">&nbsp;</div>
<div style="float:left;width:150px;height:auto;margin-top:10px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:150px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:1px;background-color:#fff;width:148px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-17px;margin-left:0px;width:148px;line-height:8px;letter-spacing:1px;text-align:center;text-transform:uppercase;"><span style="font-size:9px;"><span style="font-family:Calibri;"><span style="color:#76979B;">role play tracker</span></span></span></div>
</div>
<div style="float:left;margin-top:5px;margin-left:0px;height:auto;padding:0px;">
<div style="float:left;width:340px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#4D6163;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
<div style="float:left;width:340px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;">&nbsp;</div>
<div style="float:left;width:340px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#4D6163;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
</div>
<div style="float:left;margin-top:10px;margin-left:0px;background-color:#76979B;width:340px;height:1px;">&nbsp;</div>
<div style="float:left;width:150px;height:auto;margin-top:10px;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#76979B;width:150px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:1px;background-color:#fff;width:148px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-17px;margin-left:0px;width:148px;line-height:8px;letter-spacing:1px;text-align:center;text-transform:uppercase;"><span style="font-size:9px;"><span style="font-family:Calibri;"><span style="color:#76979B;">out of character</span></span></span></div>
</div>
<div style="float:left;margin-top:5px;margin-left:0px;height:auto;padding:0px;">
<div style="float:left;width:340px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#4D6163;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
<div style="float:left;width:340px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;">&nbsp;</div>
<div style="float:left;width:340px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#4D6163;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
</div>
</div>
</div>
</div>
</div>
<div style="float:left;margin-top:-10px;margin-left:0px;width:500px;letter-spacing:2px;text-align:center;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/28006/shades-of-seafoam-new-release-aphros-layout-layouts-layoutshop-layoutgallery-layoutdump" title="SOULARIZATION © 2023 [This layout was created by the user 'Soular' on roleplayrepublic.com. This layout is available for public use. If this layout appears to look 'broken', please let the user and owner 'Soular' know as soon as possible. Any theft of code, techniques and/or style, removal of credit and unauthorized use of the layout will result in an immediate report to the administrators of Roleplay Republic. All copyrights are reserved for layouts marked with the code tag 'Soularization'. Thank you]."><span style="font-family:Calibri;"><span style="font-size:8px;"><span style="color:#76979B;">SOULARIZATION &copy; MMXXIII</span></span></span></a></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment