Video tutorial part 3 | Learn 2 Code DIY

Video Tutorial - Part 3

CODING CUSTOM CHATURBATE BIO DESIGN (PART 3)

HTML MARKUP

Learn how to code and customize a Chaturbate bio design.

Part 3 of this material is showing how to create and code custom fully editable sections

In this video you can see how to add Gift Cards section and floating icons for Twitter, Amazon Wishlist and Chaturbate Wishlist

Markup code used in this video material:

Markup:

<li style="display:block;width:100%;height:auto;padding:0;box-sizing:border-box;list-style:none;float:none;clear:left;margin:0 auto;text-align:center;font-family:sans-serif;"><ul style="display:block;width:80%;height:auto;padding:20px 0 22px;box-sizing:border-box;list-style:none;float:none;clear:left;margin:0 auto;text-align:center;background-color:rgba(0,0,0,.70);-webkit-border-radius:20px;border-radius:20px;-webkit-box-shadow:0 0 30px #000;box-shadow:0 0 30px #000;border:1px solid #333;"><li style="display:block;width:90%;height:auto;padding:0;box-sizing:border-box;list-style:none;float:none;clear:left;margin:12px auto 14px auto;text-align:center;">About MeLorem 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.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.</li></ul></li>

<li style="display:block;width:100%;height:auto;padding:0;box-sizing:border-box;list-style:none;float:none;clear:left;margin:20px auto 22px auto;text-align:center;font-family:sans-serif;color:#999;"><ul style="display:block;width:80%;height:auto;padding:20px 0 22px;box-sizing:border-box;list-style:none;float:none;clear:left;margin:0 auto;text-align:center;background-color:rgba(0,0,0,.70);-webkit-border-radius:20px;border-radius:20px;-webkit-box-shadow:0 0 30px #000;box-shadow:0 0 30px #000;border:1px solid #333;"><li style="display:block;width:90%;height:auto;padding:0;box-sizing:border-box;list-style:none;float:none;clear:left;margin:12px auto 14px auto;text-align:center;">My Tip Menu</li><li style="display:block;width:97%;height:auto;padding:10px 0 22px;box-sizing:border-box;list-style:none;float:none;clear:left;margin:0 auto;text-align:center;font-family:sans-serif;">Add tip request here200 tokensAdd tip request here200 tokensAdd tip request here200 tokensAdd tip request here200 tokensAdd tip request here200 tokensAdd tip request here200 tokensAdd tip request here200 tokensAdd tip request here200 tokensAdd tip request here200 tokens</li><li style="display:block;width:100%;height:0px;float:none;clear:left;box-sizing:border-box;list-style:none;margin:0 auto;opacity:0;overflow:hidden;">cgc divider - clearfix</li></ul></li>

<li style="display:block;width:100%;height:auto;padding:0;box-sizing:border-box;list-style:none;float:none;clear:left;margin:20px auto 42px auto;text-align:center;font-family:sans-serif;color:#999;"><ul style="display:block;width:80%;height:auto;padding:20px 0 22px;box-sizing:border-box;list-style:none;float:none;clear:left;margin:0 auto;text-align:center;background-color:rgba(0,0,0,.70);-webkit-border-radius:20px;border-radius:20px;-webkit-box-shadow:0 0 30px #000;box-shadow:0 0 30px #000;border:1px solid #333;"><li style="display:block;width:90%;height:auto;padding:0;box-sizing:border-box;list-style:none;float:none;clear:left;margin:12px auto 14px auto;text-align:center;">My Top Tippers</li><li style="display:block;width:97%;height:auto;padding:10px 0 22px;box-sizing:border-box;list-style:none;float:none;clear:left;margin:0 auto;text-align:center;font-family:sans-serif;">Premium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium UsernamePremium Username</li><li style="display:block;width:100%;height:0px;float:none;clear:left;box-sizing:border-box;list-style:none;margin:0 auto;opacity:0;overflow:hidden;">cgc divider - clearfix</li></ul></li>

<li style="display:block;width:44px;height:auto;position:fixed;top:166px;left:0;padding:3px 0 5px;box-sizing:border-box;list-style:none;text-align:center;"><a href="#"><img src="https://d31rb55u3y3kjs.cloudfront.net/c/u/520476279851687b6dabcc7189410390/2018/12/09124357/twtc.png
" style="display:block;width:30px;height:auto;margin:0 auto;background-color:#222;"/></a><a href="#"><img src="https://d31rb55u3y3kjs.cloudfront.net/c/u/520476279851687b6dabcc7189410390/2018/12/09124348/amac.png
" style="display:block;width:30px;height:auto;margin:0 auto;background-color:#222;"/></a><a href="#"><img src="https://d31rb55u3y3kjs.cloudfront.net/c/u/520476279851687b6dabcc7189410390/2018/12/09124349/cbwl.png
" style="display:block;width:30px;height:auto;margin:0 auto;background-color:#222;"/></a></li>
<li style="display:block;width:100%;height:auto;padding:10px 0 0;line-height:normal;float:none;clear:left;box-sizing:border-box;list-style:none;margin:20px auto 0px auto;background-color:rgba(0,0,0,0.70);"><ul style="display:block;width:80%;height:auto;padding:15px;line-height:normal;float:none;clear:left;box-sizing:border-box;list-style:none;margin:20px auto 0px auto;">All rights reserved 2020 (c) Model Name. Any Unauthorized use of my profile, video, pictures or media content, in any form, now or in the future is NOT Permissible, without expressed written consent. Any act to promote or gain profit in any manner (e.g. either monetarily or socially) from the use of my profile, video, pictures or media content in any form from my profile is a violation of my privacy and subject to legal action. By Reading This - You acknowledge and agree that you shall not post, upload, publish, transmit or make available content of this page including images and recording stream from my online activity and make available for download. This is intended as, and presented as a one time, one view presentation Only. You are Not Allowed to record my cam, or take snapshots of my cam. Penalties of Copyright Infringement. By reproducing, republishing or redistributing the work of a Copyright Holder without permission, You may be violating website's Terms and ConditionsBio design by <a href="https://camgirl.cloud/profile/14324/" style="color:#FFF;">Sebastian CGC</a></ul></li>

</ul>

test this markup code