API tools faq
paste
edaross

htmlgen html template

edaross
Feb 28th, 2026 (edited)
47
0
Never
4
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.36 KB | Source Code | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <!-- For use with htmlgen at https://pastebin.com/rsC1jRDj and CSV data such as https://pastebin.com/gBHSh8tV -->
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <style>
  7.         .card {
  8.             width: 400px;
  9.             border: 2px solid #333;
  10.             border-radius: 10px;
  11.             padding: 20px;
  12.             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  13.             background: #fdfdfd;
  14.             box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
  15.             margin: 20px;
  16.         }
  17.         .header { border-bottom: 2px solid #e00; padding-bottom: 10px; margin-bottom: 15px; }
  18.         .name { font-size: 22px; font-weight: bold; color: #111; text-transform: uppercase; }
  19.         .id-badge { float: right; background: #333; color: white; padding: 5px 10px; border-radius: 5px; font-size: 12px; }
  20.         .role { font-weight: bold; color: #e00; margin-top: 5px; }
  21.         .details { font-size: 14px; color: #555; line-height: 1.6; }
  22.         .bio-box {
  23.             background: #eee;
  24.             padding: 10px;
  25.             border-radius: 5px;
  26.             font-size: 13px;
  27.             margin-top: 15px;
  28.             border-left: 4px solid #333;
  29.         }
  30.         .footer { font-size: 10px; color: #aaa; margin-top: 15px; text-align: center; }
  31.         .warning { color: #e00; font-weight: bold; font-size: 11px; text-transform: uppercase; }
  32.     </style>
  33. </head>
  34. <body>
  35.  
  36. <div class="card">
  37.     <div class="id-badge">ID: {{LastName|initials}}-{{$row}}</div>
  38.     <div class="header">
  39.         <div class="name">{{FirstName}} {{LastName|upper}}</div>
  40.         <div class="role">{{Role}} — Series {{Series}}</div>
  41.     </div>
  42.  
  43.     <div class="details">
  44.         <div><strong>Email:</strong> {{Email}}</div>
  45.        
  46.         {{if Phone}}
  47.             <div><strong>Phone:</strong> {{Phone|nobreak}}</div>
  48.         {{/if}}
  49.  
  50.         {{if Website}}
  51.             <div><strong>Link:</strong> <a href="{{Website|url}}">Official Site</a></div>
  52.         {{/if}}
  53.     </div>
  54.  
  55.     <div class="bio-box">
  56.         {{Bio|bbcode}}
  57.     </div>
  58.  
  59.     {{if Status != Active}}
  60.         <div class="warning">⚠️ Notice: Employee is currently on {{Status}}</div>
  61.     {{/if}}
  62.  
  63.     <div class="footer">
  64.         Generated on {{$date}} | Record {{$row}} of {{$total}}<br>
  65.         Taskmaster Office Proprietary Content
  66.     </div>
  67. </div>
  68.  
  69. </body>
  70. </html>
Tags: html
Advertisement
Comments
  • User was banned
  • User was banned
  • User was banned
  • User was banned
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!