CODES & EXPLICATIONS

<div id="containinsta"> <div class="headerinst"> <div class="iicon"> <i class="fa-solid fa-plus"></i> <i class="fa-regular fa-user" style="margin: 5px;"></i> <i class="fa-solid fa-bars"></i> </div> <div class="iimage"> <div class="iimg"> <div style="background-image: url(PHOTO PROFIL)"></div> </div> </div> <div class="iuser"> <user>@username</user> <span class="following"> following </span> </div>   <div class="istats"> <div class="aa"><b>000</b> posts</div> <div class="bb"><b>000</b> followers</div> <div class="cc"><b>000</b> following</div> </div> </div> <div class="bio"> <span class="nameb">prénom nom</span> <span class="gend">they/them</span><br> bio <div class="follow">Followed by <b>@username</b>, <b>@username</b>, <b>@username</b> + <b>00</b> more </div> </div> <div class="fix"> <div class="fix-item"> <div style="background-image: url(HIGHLIGHT 1)"></div> highlight </div> <div class="fix-item"> <div style="background-image: url(HIGHLIGHT 2)"> </div> highlight </div> <div class="fix-item"> <div style="background-image: url(HIGHLIGHT 3)">  </div> highlight </div> <div class="fix-item"> <div style="background-image: url(HIGHLIGHT 4)"></div> highlight </div> </div> <div class="feed"> <div class="photo_insta" style="background-image:url(PHOTO INSTA 1)"><div class="numbers_insta"> <i class="fa-solid fa-heart"></i> 00 <i class="fa-solid fa-comment"></i> 00 </div></div> <div class="photo_insta" style="background-image:url(PHOTO INSTA 2)"><div class="numbers_insta"> <i class="fa-solid fa-heart"></i> 00 <i class="fa-solid fa-comment"></i>00 </div></div> <div class="photo_insta" style="background-image:url(PHOTO INSTA 3)"><div class="numbers_insta"> <i class="fa-solid fa-heart"></i> 00 <i class="fa-solid fa-comment"></i> 00 </div></div> <div class="photo_insta" style="background-image:url(PHOTO INSTA 4)"><div class="numbers_insta"> <i class="fa-solid fa-heart"></i> 00 <i class="fa-solid fa-comment"></i> 00 </div></div> <div class="photo_insta" style="background-image:url(PHOTO INSTA 5)"><div class="numbers_insta"> <i class="fa-solid fa-heart"></i> 00 <i class="fa-solid fa-comment"></i> 00 </div></div> <div class="photo_insta" style="background-image:url(PHOTO INSTA 6)"><div class="numbers_insta"> <i class="fa-solid fa-heart"></i> 00 <i class="fa-solid fa-comment"></i> 00 </div></div> <div class="photo_insta" style="background-image:url(PHOTO INSTA 7)"> <div class="numbers_insta"> <i class="fa-solid fa-heart"></i> 00 <i class="fa-solid fa-comment"></i> 00 </div></div> <div class="photo_insta" style="background-image:url(PHOTO INSTA 8)"><div class="numbers_insta"> <i class="fa-solid fa-heart"></i> 00 <i class="fa-solid fa-comment"></i> 00 </div></div> <div class="photo_insta" style="background-image:url(PHOTO INSTA 9)"><div class="numbers_insta"><i class="fa-solid fa-heart"></i> 00 <i class="fa-solid fa-comment"></i> 00 </div></div></div> </div>

<div class="stories"> <input type="radio" name="stories" id="st1" checked/> <input type="radio" name="stories" id="st2"/>  <div class="stbtn"> <label for="st1"></label></div> <div class="stdata"> <div class="stuser"> <div class="sticon" style="background-image:url(PHOTO DE PROFIL)"></div> username</div> <div class="stclose"><em class="sf sf-cross"></em></div> </div> <div class="stimgs"> <div class="stimg1" style="background-image:url(https://64.media.tumblr.com/f0844cd4ed8e3834e58c89e1c9385d74/21b8c9f1a9d9539c-7b/s540x810/6209cdcf8c0d8eeb98577587a90b94be2684f7a2.jpg);"></div> </div> </div>

 <div class="stories"> <input type="radio" name="stories" id="st1" checked/> <input type="radio" name="stories" id="st2"/>  <div class="stbtn"> <label for="st1"></label></div> <div class="stdata"> <div class="stuser"> <div class="sticon" style="background-image:url(PHOTO DE PROFIL)"></div> username</div> <div class="stclose"><em class="sf sf-cross"></em></div> </div> <div class="stimgs"> <div class="stimg1" style="background-image:url(https://64.media.tumblr.com/9315916dbd168e0996e0c101e2319402/21b8c9f1a9d9539c-e3/s540x810/81c3088ea1f5f00890cc4cabc86215e216ff2e72.jpg);"><span class="textstory" style="bottom: 156px; right: 17px;background:#fff;">texte [img]https://2img.net/i/fa/twemoji/16x16/1f600.png[/img] </span></div> </div> </div>

 <div class="stories"> <input type="radio" name="stories" id="st1" checked/> <input type="radio" name="stories" id="st2"/>  <div class="stbtn"> <label for="st1"></label></div> <div class="stdata"> <div class="stuser"> <div class="sticon" style="background-image:url(PHOTO DE PROFIL)"></div> username</div> <div class="stclose"><em class="sf sf-cross"></em></div> </div> <div class="stimgs"> <div class="stimg1" style="background-image:url(https://64.media.tumblr.com/a913510ff0f0698e8742edc316e51550/ae3ef9dd43b02b82-19/s1280x1920/2188c60169318474bc554601bee93e7a46ad5199.jpg);"><span class="locastory" style="bottom:100px;left:40px;"><i class="fa-solid fa-location-dot"></i> localisation </span></div> </div> </div>

<div id="containpost"> <div class="instagram-post"> <div class="instagram-photo"> <img src="PHOTO INSTA"> </div> <div class="instagram-icons"> <i class="fa-regular fa-heart"></i> <i class="fa-regular fa-comment"></i> <i class="fa-regular fa-paper-plane"></i> </div> <div class="instagram-collection"> <i class="fa-regular fa-bookmark"></i></div> <div class="instagram-caption"> <b>username</b> caption ici. <span>#hashtag</span> </div> <div class="instagram-datetime"> il y a 5h </div> </div> </div>

<center><div class="fondfollow"><table><td><img src="PHOTO DE PROFIL" class="followimg"></td><td><b>@username</b> a commencé à vous suivre. <br> <tim>il y a 2h</tim></td></table></div></center>

<center><div class="fondfollow"><table><td><img src="PHOTO DE PROFIL" class="followimg"></td><td><b>@username</b> a commenté votre photo : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur, est a posuere auctor, massa elit commodo nibh.. </td></table></div></center>

<center><div class="fondfollow"><table><td><img src="PHOTO DE PROFIL" class="followimg"></td><td><b>@username</b> a aimé votre photo <i class="fa-solid fa-heart" style="font-size:10px;"></i> </td></table></div></center>