DanelCodes

065 | Red Flavor

Oct 30th, 2019
1,154
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.11 KB | None | 0 0
  1. <div id="ingu">
  2. <div id="topgu">
  3. <i class="fas fa-camera" style="margin-left: 5px"></i>
  4. <span>instagram.com/nombre del personaje</span>
  5. <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">
  6.  
  7. <div class="minim" style="background: url(https://via.placeholder.com/120)"></div></div>
  8. <div id="side"><div class="first">
  9.  
  10. <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>
  11.  
  12. <div class="second">
  13. <span><b>000k</b> publicaciones</span>
  14. <span><b>000k</b> seguidores</span>
  15. <span><b>000</b> seguidos</span>
  16. </div>
  17.  
  18. <div class="third">
  19. <h1>Nombre Again</h1>
  20. Una pequeña descripción sobre ti. No la hagas demasiado larga o acabará desordenando el resto del código.
  21. <span><b>Alguna Cuenta</b> sigue esta cuenta</span></div></div></div><div id="lf">
  22.  
  23. <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>
  24.  
  25. <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>
  26.  
  27. <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>
  28.  
  29. <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>
  30.  
  31. <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>
  32.  
  33. <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>
  34.  
  35.  
  36. </div></div><div class="crdts"><a href="https://gitanodoescodes.tumblr.com/">— gitano;</a></div>
  37.  
  38. <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">
Advertisement
Add Comment
Please, Sign In to add comment