Membres de la version 1


la gazette du forum

les informations importantes sur la vie de Newport seront postées ici ... (évènements, topics communs ou topics libres ...)
Les pré-liens attendus

Le Deal du moment :
Bon plan achat en duo : 2ème robot cuiseur ...
Voir le deal
600 €

 

 — MODELE INSTAGRAM

Aller en bas 
AuteurMessage
Darien
Darien

messages : 244
inscription : 28/06/2021
avatar (copyright) : panic station

— MODELE INSTAGRAM Empty
MessageSujet: — MODELE INSTAGRAM   — MODELE INSTAGRAM EmptyDim 20 Nov - 11:53




instagram.com/pseudo





@Username Follow



000k publications
000k followers
000 suivi(e)s



Prénom Nom


Petite phrase toute mignone
info 1 info 2


00 00


00 00


00 00


00 00


00 00


00 00







Code:
<div id="ingu">
<div id="topgu">
<i class="fas fa-camera" style="margin-left: 5px"></i>
<span>instagram.com/pseudo</span>
<i class="fas fa-minus" style="margin-left: 5px"></i> <i class="far fa-window-restore"></i> <i class="fas fa-plus" style="margin-right: 5px;"></i></div><div id="mou"><div class="imu">

<div class="minim" style="background: url(https://via.placeholder.com/120)"></div></div>
<div id="side"><div class="first">

<strong style="margin-left: -5px;">@Username</strong> <i style="font-size: 9px">Follow</i> <i class="fas fa-caret-down" style="margin-left: -10px;"></i> <span class="fas fa-ellipsis-h" style="margin-left: -5px;"></span></div>

<div class="second">
<span><b>000k</b> publications</span>
<span><b>000k</b> followers</span>
<span><b>000</b> suivi(e)s</span>
</div>

<div class="third">
<h1>Prénom Nom</h1>
Petite phrase toute mignone
<span><b>info 1</b> info 2</span></div></div></div><div id="lf">

<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>

<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>

<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>

<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>

<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>

<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>


</div></div><div class="crdts"><a href="https://gitanodoescodes.tumblr.com/">— gitano;</a></div>

<style>#ingu {width: 500px; background: #fdfdfd; border: 1px solid #eaeaea; border-radius: 5px; margin: 0 auto; padding-bottom: 30px;}#ingu br {display: none;}#ingu #topgu {background: #E5BFB9; display: flex; justify-content: space-around; align-items: center; height: 40px; border-bottom: 1px solid #f1f1f1}#topgu i {border: 1px solid #f1f1f1; padding: 5px; background: #fefefe; font-size: 10px; color: #b78981; border-radius: 5px;} #topgu span {border: 1px solid #f1f1f1;background: #fefefe; font-size: 10px; color: #b78981; font: 9px 'Inconsolata', monospace; font-weight: bold;width: 350px; border-radius: 5px; text-transform: uppercase; padding: 6px;}#ingu #mou {background: #f9f9f9; display: flex; justify-content: space-around; align-items: center; height: 200px; border-bottom: 1px solid #f1f1f1} #ingu #mou .imu {width: 120px; height: 120px; border: 5px solid #E5BFB9; border-radius: 100%; padding: 5px; margin-left: 20px;}#ingu #mou .minim {width: 120px; height: 120px; border-radius: 100%;}#ingu #side {width: 300px; margin-left: 5px; color: #333; margin-right: 16px;}#ingu #side .first strong {display: block; width: 150px; font-weight: 400;}#ingu #side .first {font: 15px 'Open Sans', sans-serif; display: flex; justify-content: space-around; align-items: center; font-weight: 300;}#ingu #side .first i {background: #E5BFB9; padding: 5px 10px; height: 15px; text-transform: uppercase; font-weight: bold; font-style: inherit; display: flex; align-items: center; color: #fff;} #ingu #side .first span {color: #585858}#ingu .second {font: 10px 'Open Sans', sans-serif; display: flex; justify-content: space-around; align-items: center; font-weight: 300; margin-top: 10px; margin-bottom: 5px; margin-left: 5px;} #ingu .second span {display: block; width: 90px;} #ingu .third {font: 10px 'Open Sans', sans-serif; font-weight: 300; margin-top: 10px; margin-bottom: 5px; margin-left: 5px;}#ingu .third h1 {font-size: 15px; margin: 0px; text-align: justify;} #ingu .third span {display: block; margin-top:3px;} #ingu #lf {width: 370px; margin: 0 auto; margin-top: 18px; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;} #ingu .imt {width: 100px; border: 5px solid #f9f9f9; outline: 1px solid #f1f1f1; background: #f9f9f9; margin-top: 10px; margin-left: 5px; margin-right: 5px;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}#ingu .im1 {height: 100px; background-size: 100%!important} #ingu .imt span {background: #E5BFB9; display: block; font: 9px 'Open Sans', sans-serif; text-align: center; padding: 5px; color: #fff}</style><script src="https://kit.fontawesome.com/fb4f7fc7d2.js"></script><link href="https://fonts.googleapis.com/css?family=Inconsolata|Open+Sans:300,400&display=swap" rel="stylesheet">
Revenir en haut Aller en bas
Darien
Darien

messages : 244
inscription : 28/06/2021
avatar (copyright) : panic station

— MODELE INSTAGRAM Empty
MessageSujet: Re: — MODELE INSTAGRAM   — MODELE INSTAGRAM EmptyDim 20 Nov - 11:57




instagram.com/pseudo personnage









aimé par pseudo1, pseudo2 et 4.5k más  


pseudo Petite information sur cette photo






Code:
<div id="inmaw">
<div id="topmaw">
<i class="fas fa-camera" style="margin-left: 5px"></i>
<span>instagram.com/pseudo personnage</span>
<i class="fas fa-minus" style="margin-left: 5px"></i> <i class="far fa-window-restore"></i> <i class="fas fa-plus" style="margin-right: 5px;"></i></div>

<div class="imgcita" style="background: url(https://via.placeholder.com/400x400)"></div>

<div class="out-comm">
<div class="comm">
<div class="ims" style="background: url(https://via.placeholder.com/30)"></div>
<div class="ims" style="background: url(https://via.placeholder.com/30)"></div>
<div class="ims" style="background: url(https://via.placeholder.com/30)"></div>
<div class="txt">aimé par <b>pseudo1</b>, <b>pseudo2</b> et <b>4.5k más</b>  
</div></div>
<div class="desmaw">
<b>pseudo</b> Petite information sur cette photo
</div></div></div>

<div class="crdts"><a href="https://gitanodoescodes.tumblr.com/">— gitano;</a></div>

<style>#inmaw {color: #222; width: 500px; background: #fdfdfd; border: 1px solid #eaeaea; border-radius: 5px; margin: 0 auto; overflow: hidden;}#inmaw br {display: none;}#inmaw #topmaw {background: #E5BFB9; display: flex; justify-content: space-around; align-items: center; height: 40px; border-bottom: 1px solid #f1f1f1}#topmaw i {border: 1px solid #f1f1f1; padding: 5px; background: #fefefe; font-size: 10px; color: #b78981; border-radius: 5px;} #topmaw span {border: 1px solid #f1f1f1;background: #fefefe; font-size: 10px; color: #b78981; font: 9px 'Inconsolata', monospace; font-weight: bold;width: 350px; border-radius: 5px; text-transform: uppercase; padding: 6px;}#inmaw .imgcita {width: 400px; height: 400px; border: 5px solid #fff; outline: 1px solid #eaeaea; margin: 0 auto; margin-top: 40px;}#inmaw .out-comm {background:#f9f9f9; border-top: 1px solid #f1f1f1; margin-top: 40px; padding-bottom: 20px;} #inmaw .comm {margin: 0 auto; width: 400px; margin-top: 20px; display: flex; align-items: center;}#inmaw .ims {width: 30px; height: 30px; border-radius: 100%; background-size: 100%!important; border: 2px solid #fdfdfd; margin-left: -5px;}#inmaw .txt {margin-left: 10px; font: 11px 'Open Sans', sans-serif; font-weight: 300;}#inmaw .desmaw {width: 400px; margin: 0 auto; font: 13px 'Open Sans', sans-serif; font-weight: 300; margin-top: 10px; margin-bottom: 5px; text-align: justify;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}</style><script src="https://kit.fontawesome.com/fb4f7fc7d2.js"></script><link href="https://fonts.googleapis.com/css?family=Inconsolata|Open+Sans:300,400&display=swap" rel="stylesheet">
Revenir en haut Aller en bas
 
— MODELE INSTAGRAM
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» — MODELE ABSENCE
» — MODELE PORTABLE
» — MODELE D'ABSENCE
» — LE MODELE DE PRESENTATION
» — MODELE DES PRE-LIENS

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
hart of darien :: Darien ; Georgie :: Communication :: Instagram-
Sauter vers: