CB Image based bio design

A custom editable CB bio design - image based
You can play with it on Codepen
Design compatible with Camgirl Live Editor tool
<ul id="main" style="display:block;width:100%;min-width:300px;padding:0;height:auto;box-sizing:border-box;list-style:none;line-height:normal;margin:120px auto 50px -146px;"> <li style="display:block;width:100%;min-width:300px;padding:0;height:auto;box-sizing:border-box;list-style:none;line-height:normal;margin:0 auto;"><img src="https://via.placeholder.com/1000x450/66CCCC/F1F1F1/?text=1000x450" style="display:block;width:100%;height:auto;margin:0 auto;float:none;clear:left;"/></li> <li style="display:block;width:100%;height:auto;padding:0;box-sizing:border-box;list-style:none;line-height:normal;margin:0 auto;"><ul style="display:block;width:100%;height:auto;padding:0;box-sizing:border-box;list-style:none;line-height:normal;margin:0 auto;float:none;clear:left;"> <li style="display:block;width:50%;height:auto;padding:0;box-sizing:border-box;list-style:none;line-height:normal;margin:0 auto;float:left;"><img src="https://via.placeholder.com/600x350/CC99FF/F1F1F1/?text=600x350" style="display:block;width:100%;height:auto;padding:0;margin:0 auto;float:none;clear:left;"/></li> <li style="display:block;width:50%;height:auto;box-sizing:border-box;list-style:none;line-height:normal;margin:0 auto;float:left;"><img src="https://via.placeholder.com/600x350/FFC4E1/777777/?text=600x350" style="display:block;width:100%;height:auto;margin:0 auto;float:none;clear:left;"/></li> <li style="display:block;width:100%;height:0px;padding:0;box-sizing:border-box;list-style:none;line-height:normal;margin:0 auto;opacity:0;overflow:hidden;">divider for clearfix - sebastian cgc</li> </ul> </li> <li style="display:block;width:100%;padding:0;height:auto;box-sizing:border-box;list-style:none;line-height:normal;margin:0 auto;"><img src="https://via.placeholder.com/1000x450/F7CE93/F1F1F1/?text=1000x450" style="display:block;width:100%;height:auto;margin:0 auto;float:none;clear:left;"/></li> <li style="display:block;width:100%;height:auto;padding:0;box-sizing:border-box;list-style:none;line-height:normal;margin:0 auto;"><ul style="display:block;width:100%;height:auto;padding:0;box-sizing:border-box;list-style:none;line-height:normal;margin:0 auto;float:none;clear:left;"> <li style="display:block;width:33.33%;height:auto;padding:0;box-sizing:border-box;list-style:none;line-height:normal;margin:0 auto;float:left;"><img src="https://via.placeholder.com/500x550/D6F3A9/777777/?text=500x550" style="display:block;width:100%;height:auto;padding:0;margin:0 auto;float:none;clear:left;"/></li> <li style="display:block;width:33.33%;height:auto;padding:0;box-sizing:border-box;list-style:none;line-height:normal;margin:0 auto;float:left;"><img src="https://via.placeholder.com/500x550/CFE7E7/777777/?text=500x550" style="display:block;width:100%;height:auto;padding:0;margin:0 auto;float:none;clear:left;"/></li> <li style="display:block;width:33.33%;height:auto;padding:0;box-sizing:border-box;list-style:none;line-height:normal;margin:0 auto;float:left;"><img src="https://via.placeholder.com/500x550/FFFFB3/777777/?text=500x550" style="display:block;width:100%;height:auto;padding:0;margin:0 auto;float:none;clear:left;"/></li> <li style="display:block;width:100%;height:0px;padding:0;box-sizing:border-box;list-style:none;line-height:normal;margin:0 auto;opacity:0;overflow:hidden;">divider for clearfix - sebastian cgc</li> </ul> </li> <li style="display:block;width:100%;min-width:300px;padding:0;height:auto;box-sizing:border-box;list-style:none;line-height:normal;margin:0 auto;"><img src="https://via.placeholder.com/1000x250/9933CC/F1F1F1/?text=1000x250" style="display:block;width:100%;height:auto;margin:0 auto;float:none;clear:left;"/></li> </ul>