API tools faq
paste
Advertisement
Sarafuddin000

Email templet

Sarafuddin000
Apr 23rd, 2021 (edited)
905
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 7.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Orelega+One">
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <title>Thanks you from BitLeet</title>
  9. <style type="text/css">
  10.     body {
  11.         margin: 0;
  12.         background-color: #cccccc;
  13.     }
  14.     table {
  15.         border-spacing: 0;
  16.     }
  17.     td {
  18.         padding: 0;
  19.     }
  20.     img {
  21.         border: 0;
  22.     }
  23.     /* @media screen {
  24.       @font-face {
  25.         font-family: 'Fira Sans';
  26.         font-style: normal;
  27.         font-weight: 300;
  28.         src: local(''),
  29.         url('https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnPKruRA.woff2') format('woff2'),
  30.         url('https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnPKruQg.woff') format('woff');
  31.       }
  32.       @font-face {
  33.         font-family: 'Fira Sans';
  34.         font-style: normal;
  35.         font-weight: 400;
  36.         src: local(''),
  37.         url('https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VflQ.woff2') format('woff2'),
  38.         url('https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5Vfkw.woff') format('woff');
  39.       }
  40.       @font-face {
  41.         font-family: 'Fira Sans';
  42.         font-style: normal;
  43.         font-weight: 500;
  44.         src: local(''),
  45.         url('https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKvuRA.woff2') format('woff2'),
  46.         url('https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKvuQg.woff') format('woff');
  47.       }
  48.       @font-face {
  49.         font-family: 'Fira Sans';
  50.         font-style: normal;
  51.         font-weight: 700;
  52.         src: local(''),
  53.         url('https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3uRA.woff2') format('woff2'),
  54.         url('https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3uQg.woff') format('woff');
  55.       }
  56.       @font-face {
  57.         font-family: 'Fira Sans';
  58.         font-style: normal;
  59.         font-weight: 800;
  60.         src: local(''),
  61.         url('https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnMK7uRA.woff2') format('woff2'),
  62.         url('https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnMK7uQg.woff') format('woff');
  63.       }
  64.     } */
  65.  
  66.     .wrapper {
  67.         width: 100%;
  68.         table-layout: fixed;
  69.         background-color: #cccccc;
  70.         padding-bottom: 40px;
  71.     }
  72.    
  73.     .main {
  74.         background-color: #ffffff;
  75.         margin: 0 auto;
  76.         width: 100%;
  77.         max-width: 600px;
  78.         border-spacing: 0;
  79.         font-family: sans-serif;
  80.         color: #4a4a4a;
  81.     }
  82.     .two-columns {
  83.         text-align: center;
  84.         font-size: 0;
  85.     }
  86.     .two-columns .column {
  87.         width: 100%;
  88.         max-width: 300px;
  89.         display: inline-block;
  90.         vertical-align: top;
  91.     }
  92.     .two-columns .padding {
  93.         padding: 20px;
  94.     }
  95.     .two-columns .content {
  96.         text-align: center;
  97.         font-size: 15px;
  98.         line-height: 20px;
  99.     }
  100.     .two-columns .centered {
  101.         text-align: center;
  102.     }
  103.  
  104.  
  105.     @media screen and (max-width: 600px) {
  106.  
  107.     }
  108. </style>
  109. </head>
  110. <body>
  111.  
  112. <center class="wrapper">
  113.     <table class="main" width="100">
  114.    
  115.  
  116. <!-- SOCIAL MEDIA ICONS -->
  117.  
  118.  
  119. <!-- LOGO SECTION -->
  120. <tr>
  121.     <td>
  122.         <table width="100%">
  123.  
  124.             <tr>
  125.                 <td style="background-color: #4980d2;padding: 5px 0 5px;text-align: center;">
  126.  
  127.                     <a href="#"><img src="img/bitleet-24-no-tag-white.png" alt="BitLeet Logo"
  128.                         width="150"></a>
  129.                    
  130.                 </td>
  131.             </tr>
  132.  
  133.         </table>
  134.     </td>
  135. </tr>
  136.  
  137.  
  138. <!-- GIF BANNER IMAGE -->
  139. <!-- <tr>
  140.     <td style="background-color: #ffffff;text-align: center;">
  141.  
  142.         <p style="font-size: 20px; font-weight: bold;">
  143.             Thank you for choosing <strong style="color: #4980d2;">BitLeet Inc.</strong></p>
  144.         <a href="#"><img src="img/snow.gif" alt="Bannar img"
  145.             width="600" style="max-width: 100%;">
  146.  
  147.     </td>
  148. </tr> -->
  149.  
  150. <!-- TITLE, TEXT & BUTTON -->
  151. <tr>
  152.     <td style="padding-bottom: 10px;">
  153.         <table width="100%">
  154.             <tr>
  155.                 <td style="text-align: center;padding: 10px;">
  156.  
  157.                     <p style="font-size: 20px; font-weight: bold;">
  158.                         Thank you for choosing <strong style="color: #4980d2;">BitLeet Inc.</strong></p>
  159.                         <h1 style="color: #4980d2; size: 30pt;">Congratulations</h1>
  160.                         <a><a>Your promotion for <a style="text-decoration: none;" href="https://www.facebook.com/presentationskills">Mahmudul Hassan Zahid </a> results</a>
  161.                 </td>
  162.             </tr>
  163.         </table>
  164.     </td>
  165. </tr>
  166.  
  167.  
  168.  
  169. <!-- TWO COLUMN BODY SECTION -->
  170. <tr>
  171.     <td>
  172.         <table width="100%">
  173.             <tr>
  174.                 <td class="two-columns">
  175.                     <table class="column">
  176.                         <tr>
  177.                             <td class="padding">
  178.  
  179.                                 <table class="content">
  180.                                     <tr>
  181.                                         <td>
  182.                                             <h2>Page Likes</h2>
  183.                                             <p style="font-size: 30pt; font-weight: bold;">522</p>
  184.                                         </td>
  185.                                     </tr>
  186.                                 </table>
  187.  
  188.                             </td>
  189.                         </tr>
  190.                     </table>
  191.                    
  192.                     <table class="column">
  193.                         <tr>
  194.                             <td class="padding">
  195.  
  196.                                 <table class="content">
  197.                                     <tr>
  198.                                         <td {text-align: center}>
  199.                                             <h2 style="text-align: center;">Cost per results</h2>
  200.                                             <p style="font-size: 30pt; font-weight: bold;">0.01$</p>
  201.                                         </td>
  202.                                     </tr>
  203.                                 </table>
  204.  
  205.                             </td>
  206.                         </tr>
  207.                     </table>
  208.  
  209.                 </td>
  210.             </tr>
  211.         </table>
  212.     </td>
  213. </tr>
  214.  
  215. <!-- BLUE BORDER -->
  216. <tr>
  217.     <td height="5" style="background-color: #4980d2;"></td>
  218. </tr>
  219. <!-- BLUE BACKGROUND QUOTE -->
  220.  
  221.  
  222. <!-- FOOTER SECTION -->
  223. <tr>
  224.     <td>
  225.         <table width="100%">
  226.             <tr>
  227.                 <td class="two-columns">
  228.                     <table class="column">
  229.                         <tr>
  230.                             <td class="padding">
  231.  
  232.                                 <table class="content">
  233.                                     <tr>
  234.                                         <td>
  235.                                             <!-- <a href="#"><img src="img/560x420.jpg" alt="" width="260" style="max-width: 260px;"></a> -->
  236.                                             <h2>Follow us.</h2>
  237.                                             <p>We are always looking for new exciting projects and collaborations. Feel free to contact us.</p>
  238.  
  239.                                             <a href="#"><img src="img/white-facebook.png" alt=""
  240.                                                 width="30"></a>
  241.                                             <a href="#"><img src="img/white-twitter.png" alt=""
  242.                                                 width="30"></a>
  243.                                             <a href="#"><img src="img/white-youtube.png" alt=""
  244.                                                 width="30"></a>
  245.                                             <a href="#"><img src="img/white-linkedin.png" alt=""
  246.                                                 width="30"></a>
  247.                                         </td>
  248.                                     </tr>
  249.                                 </table>
  250.  
  251.                             </td>
  252.                         </tr>
  253.                     </table>
  254.                    
  255.                     <table class="column">
  256.                         <tr>
  257.                             <td class="padding">
  258.  
  259.                                 <table class="content">
  260.                                     <tr>
  261.                                         <td>
  262.                                             <h2>Contact us.</h2>
  263.                                             <p>3rd Floor, Shila-Brishty Market, Pollibidyut, Chandra, Kaliakair, Gazipur-1751</p>
  264.                                             <a style="text-decoration: none; color: #4a4a4a;" href="tel:+8801919692819">+880 1919 692819
  265.                                             </a>
  266.                                             <a style="color: #4980d2;" href="mailto:sarafuddin@bitleet.xyz">sarafuddin@bitleet.xyz                                          </a>
  267.                                         </td>
  268.                                     </tr>
  269.                                 </table>
  270.  
  271.                             </td>
  272.                         </tr>
  273.                     </table>
  274.  
  275.                 </td>
  276.             </tr>
  277.         </table>
  278.     </td>
  279. </tr>
  280. <tr>
  281.     <td height="10" style="background-color: #4980d2;"></td>
  282. </tr>
  283. </center>
  284.  
  285. </body>
  286. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!