⎯ code instagram (facultatif)
@ Jane Keeplin
![Jane Keeplin](https://64.media.tumblr.com/1303ff654e6453238dfafb44b651c319/tumblr_pqmo5sGsmZ1saikalo5_250.png)
username
Following
▾
349834238
Nom Prénom
Long nights, daydreams, sugar and smoke rings
![⎯ code instagram (facultatif) 1f48b](https://2img.net/i/fa/twemoji/16x16/1f48b.png)
youtu.be/PYI0E_Wr1gM
Followed by username, username, username + 1 more
Long nights, daydreams, sugar and smoke rings
![⎯ code instagram (facultatif) 1f48e](https://2img.net/i/fa/twemoji/16x16/1f48e.png)
![⎯ code instagram (facultatif) 1f48b](https://2img.net/i/fa/twemoji/16x16/1f48b.png)
youtu.be/PYI0E_Wr1gM
Followed by username, username, username + 1 more
89 5
89 5
89 5
89 5
89 5
89 5
89 5
89 5
89 5
89 5
89 5
89 5
89 5
- Code:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"> <link rel="stylesheet" href="https://www.aht.li/3282401/insta.css" /> <link rel="stylesheet" href="https://www.aht.li/3282530/insta_onglets.css" /> <div class="insta"> <div class="profil"><img class="profil-image" src="https://via.placeholder.com/200x200" /> <div class="perso more"> <div class="pseudo">username</div> <div class="profil-btn">Following</div> <div class="profil-btn">▾</div></div> <div class="stat"><span class="posts">349</span><span class="followers">834</span><span class="following">238</span></div> <div class="bio"><strong>Nom Prénom</strong>
Long nights, daydreams, sugar and smoke rings [img]http://twemoji.maxcdn.com/16x16/1f48e.png[/img] [img]http://twemoji.maxcdn.com/16x16/1f48b.png[/img]
<a href="https://www.youtube.com/watch?v=PYI0E_Wr1gM" target="_blank">youtu.be/PYI0E_Wr1gM</a>
<span class="followed">Followed by <strong>username</strong>, <strong>username</strong>, <strong>username</strong> + 1 more</span></div></div>
<div class="tabs"><input class="input" name="tabs" type="radio" id="tab-1" checked="checked" /> <label class="label published" for="tab-1">Posts</label> <div class="panel"><div class="galerie"><!--
code ajout d'une image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x150" /></div><!--
code ajout nouvelle image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-clone" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/350x200" /></div><!--
code ajout nouvelle image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/160x160" /></div><!--
code ajout nouvelle image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-video" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/230x180" /></div><!--
code ajout nouvelle image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/300x150" /></div><!--
code ajout nouvelle image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-clone" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/350x150" /></div><!--
code ajout nouvelle image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-clone" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/300x150" /></div><!--
code ajout nouvelle image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-video" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/400x200" /></div><!--
code ajout nouvelle image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/300x150" /></div><!--
FIN DU FEED INSTA
--></div></div><!--
DÉBUT DES IMAGES "MENTIONNÉ"
--><input class="input" name="tabs" type="radio" id="tab-2" /> <label class="label tagged" for="tab-2">Tagged</label> <div class="panel"> <div class="galerie"><!--
code ajout d'une image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x150" /></div><!--
code ajout d'une image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x150" /></div><!--
code ajout d'une image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x150" /></div><!--
code ajout d'une image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x150" /></div><!--
FIN DES MENTIONS
--></div></div> </div>
<div class="loader"></div></div> <credit>cr: HERESY.</credit>
439 Likes
username message ici
username commentaire
username commentaire
username commentaire
username message ici
username commentaire
username commentaire
username commentaire
June 15
- Code:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"> <link rel="stylesheet" href="https://www.aht.li/3282993/insta-comm.css" /> <div class="insta-post"><div class="insta-id"><a href="http://www.bazzart.org/u7256" target="_blank"><img class="insta-id-pic" src="https://via.placeholder.com/200x200" /></a> <div class="id-pseudo">username • following</div></div><!--
--><img class="post-pic" src="https://via.placeholder.com/400x450" /><div class="post-like"><strong>439 Likes</strong>
<strong>username</strong> message ici
<hr />
<!-- la partie comms est facultative et peut être supprimée --><strong>username</strong> commentaire
<strong>username</strong> commentaire
<strong>username</strong> commentaire
<hr />
<div class="date">June 15</div></div></div>
- Code:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"> <link rel="stylesheet" href="https://www.aht.li/3282993/insta-comm.css" />
<div class="insta-post"><div class="insta-id"><a href="#" target="_blank"><img class="insta-id-pic" src="https://via.placeholder.com/200x200" /></a> <div class="id-pseudo" style="font-weight: 100;"><strong>username</strong> vous a suivi.</div></div></div>
- Code:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"> <link rel="stylesheet" href="https://www.aht.li/3282993/insta-comm.css" />
<div class="insta-post"><div class="insta-id"><a href="#" target="_blank"><img class="insta-id-pic" src="https://via.placeholder.com/200x200" /></a> <div class="id-pseudo" style="font-weight: 100;"><strong>username</strong> a aimé votre publication.</div></div></div>
username a commenté votre publication :
uisque non nunc eget nisl placerat ullamcorper. Praesent nec orci sit amet magna accumsan luctus a nec diam. Nam iaculis, nulla ac commodo vehicula, purus ipsum mattis arcu, convallis suscipit nunc eros ut nulla. Morbi pulvinar lorem varius orci vulputate convallis.
uisque non nunc eget nisl placerat ullamcorper. Praesent nec orci sit amet magna accumsan luctus a nec diam. Nam iaculis, nulla ac commodo vehicula, purus ipsum mattis arcu, convallis suscipit nunc eros ut nulla. Morbi pulvinar lorem varius orci vulputate convallis.
- Code:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"> <link rel="stylesheet" href="https://www.aht.li/3282993/insta-comm.css" />
<div class="insta-post"><div class="insta-id" style="height: auto; padding-top: 10px; padding-bottom: 10px;"><a href="#" target="_blank"><img class="insta-id-pic" src="https://via.placeholder.com/200x200" /></a> <div class="id-pseudo" style="font-weight: 100;"><strong>username</strong> a commenté votre publication :<br/><br/>uisque non nunc eget nisl placerat ullamcorper. Praesent nec orci sit amet magna accumsan luctus a nec diam. Nam iaculis, nulla ac commodo vehicula, purus ipsum mattis arcu, convallis suscipit nunc eros ut nulla. Morbi pulvinar lorem varius orci vulputate convallis. </div></div></div>
me contacter
|
|