API tools faq
paste
BettyLeg

Surprise! (Texto)

BettyLeg
Jun 14th, 2020 (edited)
1,629
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.70 KB | None | 0 0
raw download clone embed print report
  1. /**************************************** SIN FOTO *************************/
  2. <div class="fnd-be3" style="background:#000"><div class="bsq-be3"><div class="des-b3"><div class="titbe3"><span style="color:#000">Surprise!</span> </div><div id="exboxb3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt laoreet massa sed luctus. Nullam pharetra imperdiet suscipit. Integer at turpis tortor. <i style="color:#000">Suspendisse rutrum nisl purus</i>, at ultrices nisi eleifend id. Suspendisse potenti. Maecenas mattis ar cu non sodales accumsan. <b style="color:#000">Integer maximus semper urna at fermentum.</b> Morbi vel enim maximus, tincidunt nisi in, pharetra neque. Suspendisse potenti. <a href="#">@Nombre del pj</a>, Donec porta at leo non volutpat.</div></div><div class="ft-b3">Betty <i class="fas fa-angle-double-right"></i> Mañana <i class="fas fa-angle-double-right"></i> Bar</div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
  3.  
  4. <link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.fnd-be3{ width:380px; padding:20px; background:#A33D4B; outline:1px solid #eee; margin:10px auto; } .bsq-be3{width:380px; outline:1px solid #eee; background:#fff;} #exboxb3{font-family: 'Lora', serif; font-size:12px; line-height:21px;} .des-b3{padding:0px 40px 40px; text-align:justify; } .titbe3{text-align:center;font-family: 'Playfair Display', serif; font-size:30px; font-weight:600; font-style:italic; color:#A33D4B; margin-bottom:20px; line-height:35px; padding-top:30px;} .ft-b3{padding:20px; color:#444; font-size:12px; font-family: 'Lora', serif; text-align:center; border-top:1px solid #ddd;} .des-b3 a{text-decoration:none;} .ft-b3 i{padding:0px 6px; border-right:px solid #fff; color:#A33D4B;}.cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>
  5.  
  6.  
  7. /****************************** CON FOTO Y UNA COLUMNA ******************************/
  8. <div class="fnd-be3" style="background:#000"><div class="bsq-be3"><div class="port-b3"><img src="https://placehold.jp/200x200.png"/></div><div class="des-b3"><div class="tit-be3"><span style="color:#000">Surprise you motherfucker!</span> </div><div id="exboxb3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt laoreet massa sed luctus. Nullam pharetra imperdiet suscipit. Integer at turpis tortor. <i style="color:#000">Suspendisse rutrum nisl purus</i>, at ultrices nisi eleifend id. Suspendisse potenti. Maecenas mattis ar cu non sodales accumsan. <b style="color:#000">Integer maximus semper urna at fermentum.</b> Morbi vel enim maximus, tincidunt nisi in, pharetra neque. Suspendisse potenti. <a href="#">@Nombre del pj</a>, Donec porta at leo non volutpat.</div></div><div class="ft-b3">Betty <i class="fas fa-angle-double-right"></i> Mañana <i class="fas fa-angle-double-right"></i> Bar</div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
  9.  
  10. <link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.fnd-be3{ width:380px; padding:20px; background:#A33D4B;outline:1px solid #eee; margin:10px auto; } .bsq-be3{width:380px; outline:1px solid #eee; background:#fff;} .port-b3{display:flex; align-items:center; justify-content:center; padding: 30px 0px 10px;} .port-b3 img{width:200px; height:200px; border-radius:180px; padding:5px; border:1px solid #ccc;} #exboxb3{font-family: 'Lora', serif; font-size:12px; line-height:21px;} .des-b3{padding:0px 40px 40px; text-align:justify; } .tit-be3{text-align:center; padding:0px;font-family: 'Playfair Display', serif; font-size:30px; font-weight:600; font-style:italic; color:#A33D4B; margin-bottom:20px; line-height:35px;} .ft-b3{padding:20px; color:#444; font-size:12px; font-family: 'Lora', serif; text-align:center; border-top:1px solid #ddd;} .des-b3 i, .des-b3 b{color:#A33D4B;} .des-b3 a{text-decoration:none;} .ft-b3 i{padding:0px 6px; border-right:px solid #fff; color:#A33D4B;}.cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>
  11.  
  12. /*********************** CON FOTO Y DOS COLUMNAS ****************************/
  13. <div class="fnd-be3" style="background:#000"><div class="bsq-be3"><div class="port-b3"><img src="https://placehold.jp/200x200.png"/></div><div class="des-b3"><div class="tit-be3"><span style="color:#000">Surprise you motherfucker!</span> </div><div id="exbox-b3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt laoreet massa sed luctus. Nullam pharetra imperdiet suscipit. Integer at turpis tortor. <i style="color:#000">Suspendisse rutrum nisl purus</i>, at ultrices nisi eleifend id. Suspendisse potenti. Maecenas mattis ar cu non sodales accumsan. <b style="color:#000">Integer maximus semper urna at fermentum.</b> Morbi vel enim maximus, tincidunt nisi in, pharetra neque. Suspendisse potenti. <a href="#">@Nombre del pj</a>, Donec porta at leo non volutpat.</div></div><div class="ft-b3">Betty <i class="fas fa-angle-double-right"></i> Mañana <i class="fas fa-angle-double-right"></i> Bar</div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
  14.  
  15. <link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.fnd-be3{ width:380px; padding:20px; background:#A33D4B;outline:1px solid #eee; margin:10px auto; } .bsq-be3{width:380px; outline:1px solid #eee; background:#fff;} .port-b3{display:flex; align-items:center; justify-content:center; padding: 30px 0px 10px;} .port-b3 img{width:200px; height:200px; border-radius:180px; padding:5px; border:1px solid #ccc;} #exbox-b3{column-count:2; -webkit-column-count: 2; -moz-column-count: 2; -o-column-count: 2;column-gap: 20px; font-family: 'Lora', serif; font-size:12px; line-height:21px;} .des-b3{padding:0px 40px 40px; text-align:justify; } .tit-be3{text-align:center; padding:0px;font-family: 'Playfair Display', serif; font-size:30px; font-weight:600; font-style:italic; color:#A33D4B; margin-bottom:20px;line-height:35px;} .ft-b3{padding:20px; color:#444; font-size:12px; font-family: 'Lora', serif; text-align:center; border-top:1px solid #ddd;} .des-b3 a{text-decoration:none;} .ft-b3 i{padding:0px 6px; border-right:px solid #fff; color:#A33D4B;}.cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>
  16.  
  17. <link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.fnd-be3{ width:380px; padding:20px; background:#A33D4B; outline:1px solid #eee; margin:10px auto; } .bsq-be3{width:380px; outline:1px solid #eee; background:#fff;} #exboxb3{font-family: 'Lora', serif; font-size:12px; line-height:21px;} .des-b3{padding:0px 40px 40px; text-align:justify; } .titbe3{text-align:center;font-family: 'Playfair Display', serif; font-size:30px; font-weight:600; font-style:italic; color:#A33D4B; margin-bottom:20px; line-height:35px; padding-top:30px;} .ft-b3{padding:20px; color:#444; font-size:12px; font-family: 'Lora', serif; text-align:center; border-top:1px solid #ddd;} .des-b3 a{text-decoration:none;} .ft-b3 i{padding:0px 6px; border-right:px solid #fff; color:#A33D4B;}.cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!