<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.1.1/src/regular/style.css" />
<link rel="stylesheet" href="https://file.garden/ZpA9El5gR2LIe6l8/naycode_instagram_set.css">
<style>:root { --bg_1: #FEFEFEff; --bg_2: #E7E7E7ff; --text_color: #3d4349; --bold_color: #679EDCff; --width_tpt: 400px; --font_size: 13px; }</style>
<div class="naycode_tpt_pk_01"> <div class="naycode_01_navbar"><em class="ph ph-caret-left"></em><span>username</span><em class="ph ph-bell"></em><em class="ph ph-dots-three"></em></div> <div class="naycode_01_info"><img src="https://2img.net/h/via.placeholder.com/100x100/CCC.png" /><span data-info="Posts">123</span><span data-info="Followers">123</span><span data-info="Following">123</span> <div><strong>Full Name</strong> <span>Account Purpose</span> Things have been difficult, I hope to be able to experience only good things in the next six months...</div> <a href="/" class="ph ph-link-simple">Link basic here...</a> <button>Following</button> <button>Message</button> <button>Email</button></div> <div class="naycode_01_content"><input type="radio" name="naycode_tpt_pk_01" id="grid" checked /><label for="grid"><em class="ph ph-grid-nine"></em></label><input type="radio" name="naycode_tpt_pk_01" id="reels" /><label for="reels"><em class="ph ph-monitor-play"></em></label><input type="radio" name="naycode_tpt_pk_01" id="tagged" /><label for="tagged"><em class="ph ph-user-square"></em></label> <div class="tab-content grid"><img src="https://via.placeholder.com/150x150/CCC.png"> <img src="https://via.placeholder.com/150x150/CCC.png"> <img src="https://via.placeholder.com/150x150/CCC.png"> <img src="https://via.placeholder.com/150x150/CCC.png"> <img src="https://via.placeholder.com/150x150/CCC.png"> <img src="https://via.placeholder.com/150x150/CCC.png"></div> <div class="tab-content reels"><video controls src="https://va.media.tumblr.com/tumblr_sg41tlJYb01a0bxql_720.mp4"></video> <video controls src="https://va.media.tumblr.com/tumblr_sf8g7hpTl21rzn06d_720.mp4"></video> <video controls src="https://va.media.tumblr.com/tumblr_sc5bi0pLaD1rhz81i_720.mp4"></video></div> <div class="tab-content tagged"><img src="https://via.placeholder.com/150x150/CCC.png"> <img src="https://via.placeholder.com/150x150/CCC.png"> <img src="https://via.placeholder.com/150x150/CCC.png"> <img src="https://via.placeholder.com/150x150/CCC.png"> <img src="https://via.placeholder.com/150x150/CCC.png"> <img src="https://via.placeholder.com/150x150/CCC.png"></div></div></div>

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.1.1/src/regular/style.css" />
<link rel="stylesheet" href="https://file.garden/ZpA9El5gR2LIe6l8/naycode_instagram_set.css">
<style>:root { --bg_1: #FEFEFEff; --bg_2: #E7E7E7ff; --text_color: #3d4349; --bold_color: #679EDCff; --width_tpt: 400px; --font_size: 13px; }</style>
<div class="naycode_tpt_pk_01"> <div class="naycode_01_navbar"> <em class="ph ph-caret-left"></em> <span>username</span> </div> <div class="naycode_02_subnav"> <img src="https://2img.net/h/via.placeholder.com/50x50/CCC.png" /> <span data-local="Local post here">username</span> <em class="ph ph-dots-three"></em> </div> <div class="naycode_02_content"> <img src="https://2img.net/h/via.placeholder.com/400x350/CCC.png" /> <em class="ph ph-heart"></em> <em class="ph ph-chat-circle"></em> <em class="ph ph-paper-plane-tilt" style="margin-right: auto"></em> <em class="ph ph-bookmark-simple"></em> <span>123 likes</span> <div><strong>username</strong> Things have been difficult, I hope to be able to experience only good things in the next six months...</div> </div> <div class="naycode_02_comm" data-date="July 9"> <p><strong>username_comm_1</strong> Comment made on the photo</p> <p><strong>username_comm_2</strong> This is another comment made by someone else</p> </div> </div>

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.1.1/src/regular/style.css" />
<link rel="stylesheet" href="https://file.garden/ZpA9El5gR2LIe6l8/naycode_instagram_set.css">
<style>:root { --bg_1: #FEFEFEff; --bg_2: #E7E7E7ff; --text_color: #3d4349; --bold_color: #679EDCff; --width_tpt: 400px; --font_size: 13px; }</style>
<div class="naycode_tpt_pk_01"><div class="naycode_04_navbar"><strong>Reels</strong><i class="ph ph-caret-down"></i><em class="ph ph-camera"></em></div><div class="naycode_04_content"> <div class="naycode_04_profile"> <img src="https://2img.net/h/via.placeholder.com/50/CCC.png" /> <strong>username</strong> <button>follow</button> <details><summary>Here is the part of the description that is visible...</summary>and here's the rest of the description accessed via click</details> <div><i class="ph ph-music-notes"></i> <marquee>information music our audio original</marquee></div></div> <div class="naycode_04_buttons"><em class="ph ph-heart">123k</em><em class="ph ph-chat-circle">123k</em><em class="ph ph-paper-plane-tilt">123k</em><em class="ph ph-dots-three"></em> <div><img src="https://2img.net/h/via.placeholder.com/30/CCC.png" /><em class="ph ph-music-notes"></em></div></div></div> <img src="https://64.media.tumblr.com/455a5d3f22469e1aafda61b9290bb13f/c2b277d3a3494360-0b/s540x810/3ad5d0e006f5bec77b617ef6061a9d2dcb2bc3e2.gif" /></div>