byom
/
byom-customer-api


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
							<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <style>
       .container {
           max-width: 600px;
           margin: 0 auto;
           font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
           color: #333;
           padding: 20px;
       }
       .header {
           background: #2563eb;
           color: white;
           padding: 20px;
           border-radius: 8px;
           text-align: center;
       }
       .content {
           background: white;
           padding: 30px;
           border-radius: 8px;
           margin-top: 20px;
           box-shadow: 0 2px 4px rgba(0,0,0,0.1);
       }
       .button {
           display: inline-block;
           padding: 12px 24px;
           background: #2563eb;
           color: white;
           text-decoration: none;
           border-radius: 6px;
           margin: 20px 0;
       }
       .footer {
           text-align: center;
           color: #666;
           font-size: 14px;
           margin-top: 30px;
       }
   </style>
</head>
<body style="background-color: #f3f4f6; margin: 0; padding: 20px;">
   <div class="container">
       <div class="header">
           <h1>You're invited!</h1>
       </div>
       <div class="content">
           <p>Hi there,</p>
           <p>You've been invited to join our workspace. Click the button below to accept the invitation and get started.</p>
           <a href="{{.URL}}" class="button">Accept Invitation</a>
           <p>If the button doesn't work, copy and paste this link into your browser:</p>
           <p style="word-break: break-all; color: #666;">{{.URL}}</p>
       </div>
       <div class="footer">
           <p>This invitation expires in 24 hours.</p>
       </div>
   </div>
</body>
</html>