Webinar Template

<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 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="/img/FG Logo Name Black_RGB.png" 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;">[Title of Webinar]</span></span></b>
    </h1><span style="font-size:16px;"><span style="color:white"><b>[Subtitle of Webinar]</b></span>
</div>
<div style="padding:32px 16px;background-color:#57585a;display:grid;grid-template-columns:1fr 1fr;gap:16px">
    <div>
        <span style="font-size:16px;" contenteditable="true">Join us to learn more about [topic] from our experts<br><br><strong>Date:</strong> January 1 , 2025<br>
            <strong>Time:</strong> 1:00-2:00pm CST </span><br><br>
        <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;">RSVP Today!</a>
    </div>
    <div contenteditable="true">
        <span style="font-size:16px;">Presented By:</span>
        <div class="profile-card">
            <span class="image" style="height: 64px;width:64px;"></span>
            <div>
                <p contenteditable="true">[Full Name]</p>
                <small contenteditable="true">[Title]</small>
            </div>
        </div>
        <div class="profile-card">
            <span class="image"></span>
            <div>
                <p contenteditable="true">[Full Name]</p>
                <small contenteditable="true">[Title]</small>
            </div>
        </div>
    </div>
</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. </span>
</div>
<div style="padding:0px 16px 0px 16px;background:white;" contenteditable="true">
    <table>
        <tr>
            <td>
                <?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 288" style="height: 64px;width:64px;">
                    <defs>
                        <style>
                            .cls-1 {
                                fill: none;
                            }

                            .cls-2 {
                                fill: #393a3b;
                            }

                            .cls-3 {
                                fill: #58585a;
                            }
                        </style>
                    </defs>
                    <g id="check">
                        <path class="cls-1" d="M67.09,195.66l-11.25-21.39c2.74,8.68,6.67,15.73,11.25,21.39Z" />
                        <path class="cls-2" d="M198.82,33.52l-75.28,170.44-.22-.37c-4.06,14.44-36.4,16.55-56.24-7.94l32.58,61.94,47.97-.24L246.78,33.28l-47.96.24Z" />
                        <path class="cls-3" d="M123.33,203.6l-34.42-57.89-47.97.24,14.9,28.32s0,0,0,0c0,0,0,0,0,0l11.25,21.39c19.84,24.49,52.18,22.38,56.24,7.94Z" />
                    </g>
                </svg>
            </td>
            <td>
                <span style="color:#57585a;font-size:16px">Norem ipsum dolor sit amet, <strong style="color:#393A3B;">consectetur adipiscing elit</strong>. Etiam eu turpis molestie, dictum est a, mattis tellus.</span>
            </td>
        </tr>
        <tr>
            <td>
                <?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 288" style="height: 64px;width:64px;">
                    <defs>
                        <style>
                            .cls-1 {
                                fill: none;
                            }

                            .cls-2 {
                                fill: #393a3b;
                            }

                            .cls-3 {
                                fill: #58585a;
                            }
                        </style>
                    </defs>
                    <g id="check">
                        <path class="cls-1" d="M67.09,195.66l-11.25-21.39c2.74,8.68,6.67,15.73,11.25,21.39Z" />
                        <path class="cls-2" d="M198.82,33.52l-75.28,170.44-.22-.37c-4.06,14.44-36.4,16.55-56.24-7.94l32.58,61.94,47.97-.24L246.78,33.28l-47.96.24Z" />
                        <path class="cls-3" d="M123.33,203.6l-34.42-57.89-47.97.24,14.9,28.32s0,0,0,0c0,0,0,0,0,0l11.25,21.39c19.84,24.49,52.18,22.38,56.24,7.94Z" />
                    </g>
                </svg>
            </td>
            <td>
                <span style="color:#57585a;font-size:16px">Norem ipsum dolor sit amet, <strong style="color:#393A3B;">consectetur adipiscing elit</strong>. Etiam eu turpis molestie, dictum est a, mattis tellus.</span>
            </td>
        </tr>
        <tr>
            <td>
                <?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 288" style="height: 64px;width:64px;">
                    <defs>
                        <style>
                            .cls-1 {
                                fill: none;
                            }

                            .cls-2 {
                                fill: #393a3b;
                            }

                            .cls-3 {
                                fill: #58585a;
                            }
                        </style>
                    </defs>
                    <g id="check">
                        <path class="cls-1" d="M67.09,195.66l-11.25-21.39c2.74,8.68,6.67,15.73,11.25,21.39Z" />
                        <path class="cls-2" d="M198.82,33.52l-75.28,170.44-.22-.37c-4.06,14.44-36.4,16.55-56.24-7.94l32.58,61.94,47.97-.24L246.78,33.28l-47.96.24Z" />
                        <path class="cls-3" d="M123.33,203.6l-34.42-57.89-47.97.24,14.9,28.32s0,0,0,0c0,0,0,0,0,0l11.25,21.39c19.84,24.49,52.18,22.38,56.24,7.94Z" />
                    </g>
                </svg>
            </td>
            <td>
                <span style="color:#57585a;font-size:16px">Norem ipsum dolor sit amet, <strong style="color:#393A3B;">consectetur adipiscing elit</strong>. Etiam eu turpis molestie, dictum est a, mattis tellus.</span>
            </td>
        </tr>
    </table>
</div>
<div style="padding:32px 16px 31px 16px;background:white;font-size:16px;" contenteditable="true">
    <a href="http://" contenteditable="true" style="background-color:#393A3B;border-radius:4px;color:white;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>
</div>
<div style="padding:32px 16px 31px 16px;background:white;font-size:16px;" 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.</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>