[comment]☁♚ coded by Eternal Prince (75514) ♚☁[/comment][bg=0px; width: 350px; height: 600px; padding: 0px; margin: auto; center; background: #fff;][comment]---
---
--- top bar container ---
---
---[/comment][bg=0px; width: 350px; height: 30px; padding: 0px; margin: auto;][comment]---
--- back arrow ---
---[/comment][border=0px; width: fit-content; height: 30px; padding: 0px; margin: auto; margin-left: 5px; font-size: 20px; color: black; float: left;][fa]fa-arrow-left[/fa][/border][border=0px; width: 15px; height: 30px; padding: 0px; margin: auto; float: left;][/border][border=0px; width: 235px; height: 30px; padding: 0px; margin: auto; font-size: 20px; color: black; float: left; overflow: hidden;][comment]---
---
--- change the username here! ---
---
---[/comment][font=Work Sans][b]marius_cheng[/b][/font][/border][comment]---
--- 3 dot menu thing ---
---[/comment][border=0px; width: fit-content; height: 30px; padding: 0px; margin: auto; margin-right: 15px; font-size: 20px; color: black; float: right;][fa]fa-ellipsis-v[/fa][/border][comment]---
--- notification bell ---
---[/comment][border=0px; width: fit-content; height: 30px; padding: 0px; margin: auto; margin-right: 20px; font-size: 20px; color: black; float: right;][fa]far fa-bell[/fa][/border][/bg][comment]---
---
--- icon, post + follow count container ---
---
---[/comment][bg=0px; width: 350px; height: 100px; padding: 0px; margin: auto; margin-top: 10px;][comment]---
---
--- icon / pfp here! ---
---
---[/comment][border=3px solid #CDCDCD; width: 100px; height: 100px; padding: 0px; margin: auto; margin-left: 15px; border-radius: 50px; float: left; background: url('https://i.imgur.com/2zBHtso.jpg');][/border][comment]---
---
--- following ---
---
---[/comment][border=0px; width: 60px; height: 100px; padding: 0px; margin: auto; margin-right: 15px; margin-top: 25px; float: right; overflow: hidden;][border=0px; width: 60px; height: fit-content; padding: 0px; margin: auto; text-align: center; font-size: 17px; color: black;][font=Montserrat][b]219[/b][/font][/border][border=0px; width: 60px; height: fit-content; padding: 0px; margin: auto; text-align: center; font-size: 11px; color: black;][font=Montserrat]Following[/font][/border][/border][comment]---
---
--- followers ---
---
---[/comment][border=0px; width: 60px; height: 100px; padding: 0px; margin: auto; margin-right: 15px; margin-top: 25px; float: right; overflow: hidden;][border=0px; width: 60px; height: fit-content; padding: 0px; margin: auto; text-align: center; font-size: 17px; color: black;][font=Montserrat][b]236K[/b][/font][/border][border=0px; width: 60px; height: fit-content; padding: 0px; margin: auto; text-align: center; font-size: 11px; color: black;][font=Montserrat]Followers[/font][/border][/border][comment]---
---
--- post count ---
---
---[/comment][border=0px; width: 60px; height: 100px; padding: 0px; margin: auto; margin-right: 15px; margin-top: 25px; float: right; overflow: hidden;][border=0px; width: 60px; height: fit-content; padding: 0px; margin: auto; text-align: center; font-size: 17px; color: black;][font=Montserrat][b]87[/b][/font][/border][border=0px; width: 60px; height: fit-content; padding: 0px; margin: auto; text-align: center; font-size: 11px; color: black;][font=Montserrat]Posts[/font][/border][/border][/bg][comment]---
---
--- display name! ---
---
---[/comment][bg=0px; width: 350px; height: 12px; padding: 0px; margin: auto; margin-top: 5px; margin-left: 10px; font-size: 11px; color: black;][font=Work Sans][b]Marius 汪卓成[/b][/font][/bg][comment]---
---
--- account type thingy (actor, musician, gamer, public figure, just for fun, etc.) ---
---
---[/comment][bg=0px; width: 350px; height: 12px; padding: 0px; margin: auto; margin-left: 10px; font-size: 11px; color: grey;][font=Work Sans]Actor[/font][/bg][comment]---
---
--- biography, keep it kinda short - only 4 lines. there's no scroll here. ---
---
---[/comment][bg=0px; width: 330px; height: 48px; padding: 0px; margin: auto; margin-left: 10px; font-size: 11px; line-height: 11px; color: black; overflow: hidden; text-align: justify;][font=Work Sans]this is the biography, use it for whatever you want. there are only four lines and no scroll so keep it short-ish. there'll just be empty space below if you don't use it all btw, it doesn't change to fit the text. something smth here idk[/font][/bg][comment]---
---
--- following + message container ---
---
---[/comment][bg=0px; width: 350px; height: 25px; padding: 0px; margin: auto; margin-top: 10px; overflow: hidden;][border=1px solid #DCDCDC; border-radius: 4px; width: 151px; height: 20px; padding: 0px; margin: auto; margin-left: 5px; font-size: 14px; color: black; text-align: center; float: left;][font=Montserrat]Following [fa]fa-angle-down[/fa][/font][/border][border=1px solid #DCDCDC; border-radius: 4px; width: 151px; height: 20px; padding: 0px; margin: auto; margin-left: 5px; font-size: 14px; color: black; text-align: center; float: left;][font=Montserrat]Message[/font][/border][border=1px solid #DCDCDC; border-radius: 4px; width: 20px; height: 20px; padding: 0px; margin: auto; margin-left: 5px; font-size: 14px; color: black; text-align: center; float: left;][font=Montserrat][fa]fa-angle-down[/fa][/font][/border][/bg][comment]---
---
--- story highlight container ---
---
---[/comment][bg=0px; width: 350px; height: 85px; padding: 0px; margin: auto; margin-top: 10px; overflow: hidden;][comment]---
---
--- first highlight ---
---
---[/comment][bg=0px; width: 70px; height: 85px; padding: 0px; margin: auto; margin-left: 5px; overflow: hidden; float: left;][border=2px solid #CDCDCD; border-radius: 35px; width: 65px; height: 65px; padding: 0px; margin: auto; float: left; background: url('https://i.imgur.com/jRptNfS.jpg');][border=0px; width: 65px; height: 15px; padding: 0px; margin: auto; margin-top: 65px; overflow: hidden; text-align: center; font-size: 11px; color: black;][font=Work Sans]Name One[/font][/border][/border][/bg][comment]---
---
--- second highlight ---
---
---[/comment][bg=0px; width: 70px; height: 85px; padding: 0px; margin: auto; margin-left: 20px; overflow: hidden; float: left;][border=2px solid #CDCDCD; border-radius: 35px; width: 65px; height: 65px; padding: 0px; margin: auto; float: left; background: url('https://i.imgur.com/wkuRlgj.jpg');][border=0px; width: 65px; height: 15px; padding: 0px; margin: auto; margin-top: 65px; overflow: hidden; text-align: center; font-size: 11px; color: black;][font=Work Sans]Name Two[/font][/border][/border][/bg][comment]---
---
--- third highlight ---
---
---[/comment][bg=0px; width: 70px; height: 85px; padding: 0px; margin: auto; margin-left: 20px; overflow: hidden; float: left;][border=2px solid #CDCDCD; border-radius: 35px; width: 65px; height: 65px; padding: 0px; margin: auto; float: left; background: url('https://i.imgur.com/ZNCbS8Y.jpg');][border=0px; width: 65px; height: 15px; padding: 0px; margin: auto; margin-top: 65px; overflow: hidden; text-align: center; font-size: 11px; color: black;][font=Work Sans]Name Three[/font][/border][/border][/bg][comment]---
---
--- fourth highlight ---
---
---[/comment][bg=0px; width: 70px; height: 85px; padding: 0px; margin: auto; margin-left: 20px; overflow: hidden; float: left;][border=2px solid #CDCDCD; border-radius: 35px; width: 65px; height: 65px; padding: 0px; margin: auto; float: left; background: url('https://i.imgur.com/J4kTz62.jpg');][border=0px; width: 65px; height: 15px; padding: 0px; margin: auto; margin-top: 65px; overflow: hidden; text-align: center; font-size: 11px; color: black;][font=Work Sans]Name Four[/font][/border][/border][/bg][/bg][comment]---
---
--- feed, reels, tagged label container ---
---
---[/comment][bg=0px; width: 350px; height: 33px; padding: 0px; margin: auto; margin-top: 5px; overflow: hidden;][comment]---
--- main feed ---
---[/comment][border=0px; border-bottom: 1px solid black; width: 117px; height: 30px; padding: 0px; margin: auto; float: left; text-align: center; font-size: 20px; color: black;][fa]fa-th[/fa][/border][comment]---
--- reels ---
---[/comment][border=0px; border-bottom: 1px solid #CDCDCD; width: 117px; height: 30px; padding: 0px; margin: auto; float: left; text-align: center; font-size: 20px; color: #CDCDCD;][fa]far fa-play[/fa][/border][comment]---
--- tagged posts ---
---[/comment][border=0px; border-bottom: 1px solid #CDCDCD; width: 116px; height: 30px; padding: 0px; margin: auto; float: left; text-align: center; font-size: 20px; color: #CDCDCD;][fa]far fa-user-tag[/fa][/border][/bg][comment]---
---
--- main feed image container ---
---
---[/comment][bg=0px; width: 350px; height: 216px; padding: 0px; margin: auto; margin-top: -1px; overflow: hidden;][comment]---
---
--- first image ---
---
---[/comment][border=1px solid white; width: 115px; height: 115px; padding: 0px; margin: auto; float: left; background: url('https://i.imgur.com/z83Y2zc.jpg');][/border][comment]---
---
--- second image ---
---
---[/comment][border=1px solid white; width: 114px; height: 115px; padding: 0px; margin: auto; float: left; background: url('https://i.imgur.com/3QKw5kO.png');][/border][comment]---
---
--- third image ---
---
---[/comment][border=1px solid white; width: 115px; height: 115px; padding: 0px; margin: auto; float: left; background: url('https://i.imgur.com/vqI0sHu.jpg');][/border][comment]---
---
--- fourth image ---
---
---[/comment][border=1px solid white; width: 115px; height: 115px; padding: 0px; margin: auto; float: left; background: url('https://i.imgur.com/9NEpYRU.png');][/border][comment]---
---
--- fifth image ---
---
---[/comment][border=1px solid white; width: 114px; height: 115px; padding: 0px; margin: auto; float: left; background: url('https://i.imgur.com/rqcSSFV.jpg');][/border][comment]---
---
--- sixth image ---
---
---[/comment][border=1px solid white; width: 115px; height: 115px; padding: 0px; margin: auto; float: left; background: url('https://i.imgur.com/snkrG0b.png');][/border][/bg][/bg][bg=0px; width: fit-content; height: fit-content; padding: 0px; margin: auto; center; text-align: center; font-size: 11px;]coded by Eternal Prince[/bg]