<div class="profile-card">
    <span class="image"></span>
    <div>
        <p contenteditable="true">[Subject Line (Limit 50 characters)]</p>
        <small contenteditable="true">[Preview text (Limit 100 characters)]</small>
    </div>
</div>

<table bgcolor="#57585a" border="0" cellpadding="0" cellspacing="0" style="width:100%;border:0px;padding:13px;" width="100%" contenteditable="true">

    <tr>
        <td>
            <table border="0" cellpadding="0" cellspacing="0" style="width:100%;" width="600">

                <tr>
                    <td style="padding:10px;">
                        <a data-hs-link-id="0" href="https://www.fglife.com" style="color:#00a4bd; mso-line-height-rule:exactly" target="_blank" rel="noopener"><img align="middle" alt="" class="stretch-on-mobile" sizes="(max-width: 75px) 100vw, 75px" src="https://success.fglife.com/hs-fs/hubfs/footer-widget-logo.png?width=150&upscale=true&name=footer-widget-logo.png" srcset="https://success.fglife.com/hs-fs/hubfs/footer-widget-logo.png?upscale=true&amp;width=150&amp;upscale=true&amp;name=footer-widget-logo.png 75w, https://success.fglife.com/hs-fs/hubfs/footer-widget-logo.png?upscale=true&amp;width=300&amp;upscale=true&amp;name=footer-widget-logo.png 150w" style="outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; border:none; max-width:100%; font-size:16px;height:60px;width:73px" height="60" width="73" />
                        </a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

<div style="padding:28px 18px 0px 18px;background-color:#57585a;" contenteditable="true">
    <h1 style="color:#181818;font-family:Arial,helvetica,sans-serif;font-size:28px;font-style:normal;font-weight:bold;line-height:1;">
        <b><span style="font-size:42px;"><span style="color:#E7E8EA;">Heading One</span></span></b>
    </h1><span style="font-size:24px;"><span style="color:white"><b>Heading Two</b></span>
</div>

<div style="padding:32px 16px;background-color:#57585a;"><!--[if mso]>
  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:40px;v-text-anchor:middle;width:280px;" arcsize="10%" stroke="f" fillcolor="#582C83">
    <w:anchorlock/>
    <center>
  <![endif]-->
    <a href="http://" contenteditable="true" style="background-color:white;border-radius:4px;color:#393A3B;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:280px;-webkit-text-size-adjust:none;">Primary Call-to-Action!</a>
    <!--[if mso]>
    </center>
  </v:roundrect>
<![endif]-->
</div>
<div style="padding:24px 16px 32px 16px;background:white;" contenteditable="true">
    <span style="color:#57585a;font-size:16px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vel mauris at metus efficitur egestas eu in neque. Mauris pellentesque fermentum finibus. Maecenas semper libero euismod augue placerat imperdiet. Sed sodales turpis sit amet erat cursus ornare. Nulla hendrerit enim eu neque pulvinar fringilla. Suspendisse sodales mauris finibus augue consectetur dictum. Suspendisse non ipsum ac felis pretium rutrum in quis sapien. Donec vel iaculis risus, nec blandit elit.</span>
</div>
<div style="background-color:#E7E8EA;padding:18px 18px 18px 18px" contenteditable="true">
    <h2 style="color:#181818;font-family:Arial,helvetica,sans-serif;font-size:22px;font-style:normal;font-weight:bold;line-height:1;">
        <span style="font-size:24px;color:#393A3B;">Heading Two</span><br><br><span style="color:#393A3B;font-size:16px;font-weight:normal">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vel mauris at metus efficitur egestas eu in neque. Mauris pellentesque fermentum finibus. Maecenas semper libero euismod augue placerat imperdiet.&nbsp;<br><br></span>
        <div style="padding: 8px 0px 18px 0px"><!--[if mso]>
  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:40px;v-text-anchor:middle;width:280px;" arcsize="10%" strokecolor="#FEC10D" fillcolor="">
    <w:anchorlock/>
    <center style="color:#ffffff;font-family:sans-serif;font-size:13px;font-weight:bold;">Secondary Call-to-Action!</center>
  </v:roundrect>
<![endif]--><a href="http://" style="background-color:;border:2px solid #393A3B;border-radius:4px;color:#393A3B;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:280px;-webkit-text-size-adjust:none;mso-hide:all;">Secondary Call-to-Action!</a></div>
</div>
<div style="padding:32px 16px 31px 16px;background:white;" contenteditable="true">
    <span style="color:#57585a;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vel mauris at metus efficitur egestas eu in neque. Mauris pellentesque fermentum finibus. Maecenas semper libero euismod augue placerat imperdiet. Sed sodales turpis sit amet erat cursus ornare. Nulla hendrerit enim eu neque pulvinar fringilla. Suspendisse sodales mauris finibus augue consectetur dictum. Suspendisse non ipsum ac felis pretium rutrum in quis sapien. Donec vel iaculis risus, nec blandit elit.</span>
</div>
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:#57585a;padding:20px;" contenteditable="true">
    <tr>
        <td>
            <span style="font-size:12px;">
                <font color="#FFFFFF"><i><b>For financial professional use only. Not for use with the general public.</b></i></font>
            </span>
            <p>
                <i><span style="font-size:9px;"><span style="color:#ffffff;"><sup>1</sup> Place disclaimer here&nbsp;</span></span></i><br>
                <br>
                <span style="font-size:9px;"><span style="color:#ffffff;"><i><sup>2</sup> Place disclaimer here</i><br>
                        <br>
                    </span></span>
            </p>
            <div style="text-align: right;">
                <span style="font-size:12px;">
                    <font color="#FFFFFF">00-0000</font>
                </span>
            </div>
        </td>
    </tr>

</table>
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="width:100%;border:0px;" bgcolor="#57585a">
    <tr>
        <td>
            <table cellpadding="0" cellspacing="0" border="0" width="100%" style="width:100%;">
                <tr>
                    <td width="50%" valign="top" style="padding:30px 0 30px 40px">
                        <img alt="F&amp;G Logo_White_RGB" src="https://success.fglife.com/hs-fs/hubfs/F%26G%20Logo_White_RGB.png?width=100&upscale=true&name=F%26G%20Logo_White_RGB.png" style="outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; border:none; max-width:100%; font-size:16px" width="50" align="middle" srcset="https://success.fglife.com/hs-fs/hubfs/F%26G%20Logo_White_RGB.png?upscale=true&amp;width=100&amp;upscale=true&amp;name=F%26G%20Logo_White_RGB.png 50w, https://success.fglife.com/hs-fs/hubfs/F%26G%20Logo_White_RGB.png?upscale=true&amp;width=200&amp;upscale=true&amp;name=F%26G%20Logo_White_RGB.png 100w" sizes="(max-width: 50px) 100vw, 50px">
                    </td>
                    <td width="50%" valign="top" align="right" style="padding:40px 30px 30px 40px">
                        <table cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td>
                                    <a href="https://www.facebook.com/111754218894239" style="color:#00a4bd; mso-line-height-rule:exactly; text-decoration:none !important" data-hs-link-id="0" target="_blank" rel="noopener">
                                        <img src="https://success.fglife.com/hs/hsstatic/TemplateAssets/static-1.114/img/hs_default_template_images/modules/Follow+Me+-+Email/facebook_original_white.png" alt="Facebook" height="30" style="outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; border:none; width:auto!important; height:30px!important; vertical-align:middle" valign="middle" width="auto">

                                    </a>
                                </td>
                                <td>
                                    <a href="https://www.linkedin.com/company/2188830" style="color:#00a4bd; mso-line-height-rule:exactly; text-decoration:none !important" data-hs-link-id="0" target="_blank" rel="noopener">

                                        <img src="https://success.fglife.com/hs/hsstatic/TemplateAssets/static-1.114/img/hs_default_template_images/modules/Follow+Me+-+Email/linkedin_original_white.png" alt="LinkedIn" height="30" style="outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; border:none; width:auto!important; height:30px!important; vertical-align:middle" valign="middle" width="auto">

                                    </a>
                                </td>
                                <td>
                                    <a href="https://twitter.com/fg_life" style="color:#00a4bd; mso-line-height-rule:exactly; text-decoration:none !important" data-hs-link-id="0" target="_blank" rel="noopener">
                                        <img src="https://success.fglife.com/hs/hsstatic/TemplateAssets/static-1.114/img/hs_default_template_images/modules/Follow+Me+-+Email/twitter_original_white.png" alt="Twitter" height="30" style="outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; border:none; width:auto!important; height:30px!important; vertical-align:middle" valign="middle" width="auto">

                                    </a>
                                </td>
                            </tr>
                        </table>

                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

<table role="presentation" class="hse-footer hse-secondary" width="100%" cellpadding="0" cellspacing="0" style="border-spacing:0 !important; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; font-family:Arial, sans-serif; font-size:12px; line-height:135%; color:#23496d; margin-bottom:0; padding:0">

    <tr>
        <td align="center" valign="top" style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:16px; color:#636466; word-break:break-word; text-align:center; margin-bottom:0; line-height:135%; padding:10px 20px">

            <p style="mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:10px; font-weight:normal; text-decoration:none; font-style:normal; color:#636466; direction:lrt" dir="lrt">
                Fidelity &amp; Guaranty Life Insurance Company, 801 Grand Ave, Suite 2600, Des Moines, IA 50309
            </p>
            <p style="mso-line-height-rule:exactly">

                <a data-unsubscribe="true" href="%%=RedirectTo(CloudPagesURL('242'))=%%" style="mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:11px; color:#582C83; font-weight:bold; text-decoration:underline; font-style:normal" data-hs-link-id="1" target="_blank" rel="noopener">Unsubscribe</a>

            </p>

        </td>
    </tr>

</table>

<style>
    table,
    div {
        max-width: 600px;
    }

    .profile-card {
        display: flex;
        gap: 1em;
        margin-bottom: 1em;
    }

    .profile-card p {
        margin: 0;
        max-width: 50ch;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .profile-card small {
        margin: 0;
        max-width: 80ch;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
    }

    .profile-card .image {
        background-color: #582C83;
        border-radius: 50%;
        height: 64px;
        width: 64px;
        display: inline-block;
        min-width: 64px;
    }
</style>

No notes defined.