<!DOCTYPE html> 
<html> 
<head>   
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">   
    <meta name="viewport" content="width=device-width, initial-scale=1">   
    <meta http-equiv="X-UA-Compatible" content="IE=edge">   
    <meta name="format-detection" content="date=no">   
    <meta name="format-detection" content="telephone=no">   
    <title>Single Column</title>    
    <style type="text/css"> 
        body {   
            margin: 0;   
            padding: 0;   
            -ms-text-size-adjust: 100%;   
            -webkit-text-size-adjust: 100%; 
        }  
        table {   
            border-spacing: 0; 
        }  
        table td {   
            border-collapse: collapse; 
        }  
        .ExternalClass {   
            width: 100%; 
        }  
        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {   
            line-height: 100%; 
        }  
        .ReadMsgBody {   
            width: 100%;   
            background-color: #ebebeb; 
        }  
        table {   
            mso-table-lspace: 0pt;   
            mso-table-rspace: 0pt; 
        }  
        img {   
            -ms-interpolation-mode: bicubic; 
        }  
        a {   
            text-decoration: none;   
            color: inherit; 
        }  
        .yshortcuts a {   
            border-bottom: none !important; 
        }  
        @media screen and (max-width: 599px) {   
            .force-row,   
            .container {     
                width: 100% !important;     
                max-width: 100% !important;   
            } 
        } 
        @media screen and (max-width: 400px) {   
            .container-padding {     
                padding-left: 12px !important;     
                padding-right: 12px !important;   
            } 
        } 
        .ios-footer a {   
            color: #aaaaaa !important;   
            text-decoration: underline; 
        } 
        a[href^="x-apple-data-detectors:"], a[x-apple-data-detectors] {   
            color: inherit !important;   
            text-decoration: none !important;   
            font-size: inherit !important;   
            font-family: inherit !important;   
            font-weight: inherit !important;   
            line-height: inherit !important; 
        } 
    </style> 
</head>  
<body style="margin:0; padding:0;" bgcolor="#FFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">  
    <!-- 100% background wrapper (white background) --> 
    <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" style="background-color:#FFF">   
        <tr>     
            <td align="center" valign="top">        
                <br>        
                <!-- 600px container (white background) -->       
                <table border="0" width="600" cellpadding="0" cellspacing="0" class="container" style="max-width:600px;width:60vw;padding: 2em 0;background-color: #e7f3ff;">                
                    <tr>           
                        <td class="container-padding header" align="center" style="font-family:Helvetica, Arial, sans-serif;font-size:24px;font-weight:bold;padding-bottom:12px;color:#0073e6;padding-left:24px;padding-right:24px">             
                     sideGiGGuYs          
                        </td>         
                    </tr>          
                    <tr>           
                        <td class="container-padding content" align="left" style="padding-left:24px;padding-right:24px;padding-top:12px;padding-bottom:12px;background-color:#dceeff">              
                            <span style="font-weight: 600;line-height: 5em;color: #003366;">Hello, {name}</span>              
                            <div class="title" align="center" style="font-family:Helvetica, Arial, sans-serif;font-size:18px;font-weight:800;color:#003366;text-transform: capitalize; text-decoration: underline;"> Friendly Reminder: Outstanding Payment for POS Software</div>             
                            <br>              
                            <div class="body-text" style="font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:20px;text-align:left;color:#004080">{message}</div>            
                        </td>         
                    </tr>         
                    <tr>           
                        <td class="container-padding footer-text" align="left" style="font-family:Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;color:#999999;padding-left:24px;padding-right:24px">             
                            <br><br><br>             
                            <strong>               
                                <a target="_blank" style="text-decoration: none; color: inherit;">                 
                                    sideGiGGuYs               
                                </a>             
                            </strong><br>             
                            <span class="ios-footer">               
                                Mile 11 Ghana Old Barrier Kokrobite,<br>               
                                Accra, Ghana<br>             
                            </span>             
                            <br>             
                            Powered By SideGigGuys<br>             
                            <br>             
                            <br>             
                            <table align="center" cellpadding="0" cellspacing="0" style="margin-top: 12px;">               
                                          
                            </table>             
                            <br><br>           
                        </td>         
                    </tr>       
                </table>       
                <!--/600px container -->      
            </td>   
        </tr> 
    </table> 
    <!--/100% background wrapper-->  
</body> 
</html>