API tools faq
paste
BettyLeg

Say you love me | E-mail

BettyLeg
Aug 25th, 2021 (edited)
345
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.52 KB | None | 0 0
raw download clone embed print report
  1. /*************************** EMAIL CLARO *****************************/
  2. <div class="email-bac"><div class="btemail"><div class="email-ic"><i class="fa fa-arrow-left" style="color:#a6c7df"></i><i class="fa fa-caret-square-down"></i><i class="fa fa-exclamation-triangle"></i><i class="fa fa-trash"></i><i class="fa fa-envelope-open"></i><i class="fa fa-history"></i><i class="fa fa-check-square"></i><i class="fa fa-archive"></i><i class="fa fa-tag"></i><i class="fa fa-ellipsis-v"></i></div><div class="email-po"><div class="email-poim"><img src="https://placehold.jp/80x80.png"/><div><b style="color:#a6c7df">Dear deary (i'm just kidding)</b><span>from <b style="color:#a6c7df">me</b> to <b style="color:#a6c7df">you</b></span></div></div><div class="email-pofe"><span>1h ago</span></div></div><div class="email-co">Textoooooo.</div><div class="email-icab"><i class="fa fa-star" style="color:#a6c7df;"></i><i class="fa fa-reply" style="background:#a6c7df; color:#fff;"></i></div></div></div><a href="bettyleg.tumblr.com" class="btcred">BETTYLEG</a>
  3.  
  4. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,700;1,900&display=swap" rel="stylesheet"><style>.email-bac{margin: 10px auto; width: 480px; border: 1px solid #ddd; padding: 20px; border-radius: 10px; background: #f2f5f6;} .btemail{border:1px solid #ddd; border-radius:10px; overflow:hidden; background:#fff;} .email-po{height:120px; padding:0px 20px;} .email-co{border-bottom:1px solid #ddd; padding: 25px 40px 40px; font-size:12px; line-height:18px; text-align:justify; color:#666; font-family: 'Lato', sans-serif; font-weight:400;} .email-icab{height:60px; display:flex; align-items:center; justify-content:flex-end; padding:0px 10px; background:#fdfdfd;} .email-po, .email-poim,.email-ic{display:flex; align-items:center; justify-content:space-between;} .email-poim > img{width:80px; height:80px; display:block; border:1px solid #ddd; border-radius:200px; padding:5px; margin-right:10px;} .email-pofe{font-size:12px; font-family: 'Lato', sans-serif;} .email-poim > div > b{display:block; font-size:18px; font-family: 'Lato', sans-serif; font-style:italic;} .email-poim > div{font-family: 'Lato', sans-serif; font-size:12px; line-height:16px; color:#aaa; max-width:260px;} .email-pofe > span{padding:0px 6px; color:#999;} .email-pofe > i.fa-star{color:yellow;} .email-ic{justify-content:flex-start; padding:0px 15px; font-size:9px; height:40px; border-bottom:1px solid #ddd; color:#bbb; background:#fdfdfd;} .email-ic > i{padding:0px 4px;}.email-ic > i {padding:0px 4px;} .email-ic > i.fa-arrow-left{margin-right:12px;} .email-ic > i.fa-trash,.email-ic > i.fa-check-square{padding-right:14px; border-right:2px solid #ddd; margin-right:12px;} .email-icab > i{display:inline-flex; align-items:center; justify-content:center; border:1px solid #ddd; width:80px; height:30px; border-radius:5px; margin-right:10px; font-size:12px; background:#fff;}.btcred{width:200px; margin:-1px auto 10px; text-align:center; display:block; font-size:8px; color:#999; text-decoration:none; font-weight:600; font-family:arial; letter-spacing:1px;}</style>
  5.  
  6. /*********************************** EMAIL OSCURO *************************************/
  7. <div class="email-bac"><div class="btemail"><div class="email-ic"><i class="fa fa-arrow-left" style="color:#a6c7df"></i><i class="fa fa-caret-square-down"></i><i class="fa fa-exclamation-triangle"></i><i class="fa fa-trash"></i><i class="fa fa-envelope-open"></i><i class="fa fa-history"></i><i class="fa fa-check-square"></i><i class="fa fa-archive"></i><i class="fa fa-tag"></i><i class="fa fa-ellipsis-v"></i></div><div class="email-po"><div class="email-poim"><img src="https://placehold.jp/80x80.png" style="border-color:#f2f5f6;"/><div><b style="color:#a6c7df">Dear deary (i'm just kidding)</b><span>from <b style="color:#a6c7df">me</b> to <b style="color:#a6c7df">you</b></span></div></div><div class="email-pofe"><span>1h ago</span></div></div><div class="email-co">Textooooo.</div><div class="email-icab"><i class="fa fa-star" style="color:#a6c7df;"></i><i class="fa fa-reply" style="background:#a6c7df; color:#fff;"></i></div></div></div><a href="bettyleg.tumblr.com" class="btcred">BETTYLEG</a>
  8.  
  9. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,700;1,900&display=swap" rel="stylesheet"><style>.email-bac{margin: 10px auto; width: 480px; border: 1px solid #777; padding: 20px; border-radius: 10px; background: #404d51;} .btemail{border:1px solid #777; border-radius:10px; overflow:hidden; background:#333;} .email-po{height:120px; padding:0px 20px;} .email-co{border-bottom:1px solid #777; padding: 25px 40px 40px; font-size:12px; line-height:18px; text-align:justify; color:#ccc; font-family: 'Lato', sans-serif; font-weight:400;} .email-icab{height:60px; display:flex; align-items:center; justify-content:flex-end; padding:0px 10px; background:#222;} .email-po, .email-poim,.email-ic{display:flex; align-items:center; justify-content:space-between;} .email-poim > img{width:80px; height:80px; display:block; border:1px solid #777; border-radius:200px; padding:5px; margin-right:10px;} .email-pofe{font-size:12px; font-family: 'Lato', sans-serif;} .email-poim > div > b{display:block; font-size:18px; font-family: 'Lato', sans-serif; font-style:italic;} .email-poim > div{font-family: 'Lato', sans-serif; font-size:12px; line-height:16px; color:#999; max-width:260px;} .email-pofe > span{padding:0px 6px; color:#999;} .email-pofe > i.fa-star{color:yellow;} .email-ic{justify-content:flex-start; padding:0px 15px; font-size:9px; height:40px; border-bottom:1px solid #777; color:#bbb; background:#222;} .email-ic > i{padding:0px 4px;}.email-ic > i {padding:0px 4px;} .email-ic > i.fa-arrow-left{margin-right:12px;} .email-ic > i.fa-trash,.email-ic > i.fa-check-square{padding-right:14px; border-right:2px solid #777; margin-right:12px;} .email-icab > i{display:inline-flex; align-items:center; justify-content:center; border:1px solid #777; width:80px; height:30px; border-radius:5px; margin-right:10px; font-size:12px; background:#333;}.btcred{width:200px; margin:-1px auto 10px; text-align:center; display:block; font-size:8px; color:#999; text-decoration:none; font-weight:600; font-family:arial; letter-spacing:1px;}</style>
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!