fork download
copy 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://w...content-available-to-author-only...3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html lang="en" xmlns="http://w...content-available-to-author-only...3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word">
  3. <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5.     <meta name="viewport" content="width=width, initial-scale=1.0">
  6.     <!--[if !mso]>
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <![endif]-->
  9.     <meta name="x-apple-disable-message-reformatting">
  10.     <title>Who needs web accessibility?</title>
  11.     <!--[if gte mso 9]>
  12.     <xml>
  13.         <o:OfficeDocumentSettings>
  14.             <o:AllowPNG/>
  15.             <o:PixelsPerInch>96</o:PixelsPerInch>
  16.         </o:OfficeDocumentSettings>
  17.     </xml>
  18.     <![endif]-->
  19.  
  20.     <link href="https://u...content-available-to-author-only...t.net/jop4uat.css" rel="stylesheet">
  21.  
  22.     <style type="text/css">
  23.  
  24.         *,
  25.         *:after,
  26.         *:before {
  27.             -webkit-box-sizing: border-box;
  28.             -moz-box-sizing: border-box;
  29.             box-sizing: border-box;
  30.         }
  31.  
  32.         * {
  33.             -ms-text-size-adjust: 100%;
  34.             -webkit-text-size-adjust: 100%;
  35.         }
  36.  
  37.         html,
  38.         body,
  39.         .document {
  40.             width: 100% !important;
  41.             height: 100% !important;
  42.             margin: 0;
  43.             padding: 0;
  44.             font-family: acumin-pro, Helvetica, Arial, sans-serif;
  45.         }
  46.  
  47.         body {
  48.             -webkit-font-smoothing: antialiased;
  49.             -moz-osx-font-smoothing: grayscale;
  50.             text-rendering: optimizeLegibility;
  51.         }
  52.  
  53.         .document {
  54.             line-height: 100% !important;
  55.         }
  56.  
  57.         div[style*="margin: 16px 0"] {
  58.             margin: 0 !important;
  59.         }
  60.  
  61.         table,
  62.         td {
  63.             mso-table-lspace: 0;
  64.             mso-table-rspace: 0;
  65.         }
  66.  
  67.         table {
  68.             border-spacing: 0;
  69.             border-collapse: collapse;
  70.             table-layout: fixed;
  71.             margin: 0 auto;
  72.         }
  73.  
  74.         h1,
  75.         h2,
  76.         h4,
  77.         h5,
  78.         h6 {
  79.             color: #000 !important;
  80.         }
  81.  
  82.         h3 {
  83.             color: #9f1f63 !important;
  84.         }
  85.  
  86.         h1 a,
  87.         h2 a,
  88.         h3 a,
  89.         h4 a,
  90.         h5 a,
  91.         h6 a {
  92.             color: #9f1f63 !important;
  93.         }
  94.  
  95.         h1 a:active,
  96.         h2 a:active,
  97.         h3 a:active,
  98.         h4 a:active,
  99.         h5 a:active,
  100.         h6 a:active {
  101.             color: #9f1f63;
  102.         !important;
  103.         }
  104.  
  105.         h1 a:visited,
  106.         h2 a:visited,
  107.         h3 a:visited,
  108.         h4 a:visited,
  109.         h5 a:visited,
  110.         h6 a:visited {
  111.             color: #9f1f63 !important;
  112.         }
  113.  
  114.         p {
  115.             margin: 10px 0;
  116.             color: #000000;
  117.         }
  118.  
  119.         a {
  120.             color: #9f1f63;
  121.             text-decoration: none;
  122.         }
  123.  
  124.         a:link {
  125.             color: #9f1f63;
  126.         }
  127.  
  128.         a:active {
  129.             color: #9f1f63;
  130.         }
  131.  
  132.         a:visited {
  133.             color: #9f1f63;
  134.         }
  135.  
  136.         a:hover {
  137.             color: #9f1f63;
  138.         }
  139.  
  140.         img {
  141.             max-width: 100%;
  142.             border: none;
  143.             outline: none;
  144.             text-decoration: none;
  145.             -ms-interpolation-mode: bicubic;
  146.         }
  147.  
  148.         .image_fix {
  149.             display: block;
  150.         }
  151.  
  152.         .video_fix {
  153.             display: block;
  154.             width: 600px;
  155.             height: auto;
  156.             max-width: 100%;
  157.         }
  158.  
  159.         .show-mobile {
  160.             display: none !important;
  161.         }
  162.  
  163.         #outlook a {
  164.             padding: 0;
  165.         }
  166.  
  167.         *[x-apple-data-detectors] {
  168.             color: inherit !important;
  169.             text-decoration: none !important;
  170.         }
  171.  
  172.         .x-gmail-data-detectors,
  173.         .x-gmail-data-detectors *,
  174.         .aBn {
  175.             border-bottom: 0 !important;
  176.             cursor: default !important;
  177.         }
  178.  
  179.         .btn {
  180.             -webkit-transition: all 200ms ease;
  181.             transition: all 200ms ease;
  182.         }
  183.  
  184.         .btn:hover {
  185.             background-color: #9f1f63;
  186.         }
  187.  
  188.         @media only screen and (max-width: 599px) {
  189.             .show-mobile {
  190.                 display: block !important;
  191.             }
  192.  
  193.             .hide-mobile {
  194.                 display: none !important;
  195.             }
  196.         }
  197.  
  198.     </style>
  199.  
  200.     <style type="text/css">
  201.         @media only screen and (min-width: 768px) and (max-width: 1024px) {
  202.             a[href^="tel"],
  203.             a[href^="sms"] {
  204.                 text-decoration: none;
  205.                 color: #9f1f63;
  206.                 /* 
  207.                   cursor: default;*/
  208.             }
  209.  
  210.             .mobile_link a[href^="tel"],
  211.             .mobile_link a[href^="sms"] {
  212.                 text-decoration: default;
  213.                 color: #9f1f63 !important;
  214.                 /*pointer-events: auto;
  215.                 cursor: default;*/
  216.             }
  217.         }
  218.  
  219.         @media only screen and (max-width: 599px) {
  220.             .document .header {
  221.                 padding-right: 0 !important;
  222.             }
  223.  
  224.             .left-spacer {
  225.                 width: 15px !important;
  226.             }
  227.  
  228.             .right-spacer {
  229.                 width: 15px !important;
  230.             }
  231.  
  232.             .show-mobile {
  233.                 display: block !important;
  234.             }
  235.  
  236.             .hide-mobile {
  237.                 display: none !important;
  238.             }
  239.  
  240.             .email-container {
  241.                 width: 100% !important;
  242.             }
  243.  
  244.             .main-title {
  245.                 font-size: 26px !important;
  246.                 line-height: 37px !important;
  247.                 margin-top: 34px !important;
  248.                 max-width: 290px !important;
  249.             }
  250.  
  251.             .sfc-logo-mob {
  252.                 width: 87px !important;
  253.             }
  254.  
  255.             .logo-women-own {
  256.                 width: 120px !important;
  257.             }
  258.  
  259.  
  260.             .mobile-content {
  261.                 padding-left: 25px !important;
  262.                 padding-right: 26px !important;
  263.             }
  264.  
  265.             .mobile-content,
  266.             .mobile-content span {
  267.                 font-size: 16px !important;
  268.                 line-height: 22px;
  269.             }
  270.  
  271.             .mobile-content.services {
  272.                 margin-top: 24px !important;
  273.                 max-width: 316px !important;
  274.             }
  275.  
  276.             .mobile-content.services span {
  277.                 font-size: 17px !important;
  278.                 line-height: 24px;
  279.                 color: #6D6E71 !important;
  280.             }
  281.  
  282.             .mobile-content.services span strong {
  283.                 color: #9F1F63 !important;
  284.             }
  285.  
  286.             .outro {
  287.                 max-width: 315px !important;
  288.             }
  289.  
  290.             .contact-intro {
  291.                 max-width: 242px !important;
  292.                 font-size: 20px !important;
  293.             }
  294.  
  295.             .fear-failure {
  296.                 width: 260px !important;
  297.                 font-size: 17px !important;
  298.             }
  299.  
  300.             .fear-failure span,
  301.             .see-how span {
  302.                 font-size: 17px !important;
  303.             }
  304.  
  305.             .see-how {
  306.                 width: 267px !important;
  307.                 font-size: 17px !important;
  308.             }
  309.  
  310.             .ready-to-stand {
  311.                 width: 225px !important;
  312.                 font-size: 20px !important;
  313.             }
  314.  
  315.             .ready-to-stand span {
  316.                 font-size: 20px !important;
  317.             }
  318.  
  319.             .join-our {
  320.                 margin-top: 25px !important;
  321.             }
  322.  
  323.             .social-circle {
  324.                 width: 42px !important;
  325.             }
  326.  
  327.             .mobile-w-155 {
  328.                 width: 155px !important;
  329.             }
  330.  
  331.             .related-content {
  332.                 max-width: 308px !important;
  333.             }
  334.  
  335.             .bg-container {
  336.                 background: none !important;
  337.                 width: auto !important;
  338.             }
  339.  
  340.             .mobile-block {
  341.                 display: block !important;
  342.                 width: 100% !important;
  343.                 height: auto !important;
  344.             }
  345.  
  346.             .mobile-block img {
  347.                 margin-left: auto !important;
  348.                 margin-right: auto !important;
  349.             }
  350.  
  351.             .mobile-block p {
  352.                 text-align: center !important;
  353.                 margin-bottom: 15px !important;
  354.                 max-width: 449px !important;
  355.                 margin-left: auto !important;
  356.                 margin-right: auto !important;
  357.                 color: #9F1F63 !important;
  358.             }
  359.  
  360.             .mobile-block p span {
  361.                 color: #9F1F63 !important;
  362.             }
  363.  
  364.             .mobile-hidden {
  365.                 display: none !important;
  366.             }
  367.         }
  368.  
  369.         @media only screen and (max-width: 500px) {
  370.             a[href^="tel"],
  371.             a[href^="sms"] {
  372.                 text-decoration: none;
  373.                 color: #9f1f63;
  374.                 /* 
  375.                 cursor: default;*/
  376.             }
  377.  
  378.             .mobile_link a[href^="tel"],
  379.             .mobile_link a[href^="sms"] {
  380.                 text-decoration: default;
  381.                 color: #9f1f63 !important;
  382.                 /*pointer-events: auto;*/
  383.                 /*cursor: default;*/
  384.             }
  385.         }
  386.  
  387.         @media only screen and (max-width: 460px) {
  388.             .title-container {
  389.                 width: 100% !important;
  390.             }
  391.  
  392.             .mobile-p-b-10 {
  393.                 padding-bottom: 10px !important;
  394.             }
  395.  
  396.             .mobile-p-b-35 {
  397.                 padding-bottom: 35px !important;
  398.             }
  399.  
  400.  
  401.             .mobile-p-t-0 {
  402.                 padding-top: 0 !important;
  403.             }
  404.  
  405.             .mobile-p-l-10 {
  406.                 padding-left: 10px !important;
  407.             }
  408.  
  409.             .mobile-p-l-20 {
  410.                 padding-left: 20px !important;
  411.             }
  412.  
  413.             .mobile-p-l-5 {
  414.                 padding-left: 5px !important;
  415.             }
  416.  
  417.             .mobile-p-r-10 {
  418.                 padding-right: 10px !important;
  419.             }
  420.  
  421.             .mobile-p-r-20 {
  422.                 padding-right: 20px !important;
  423.             }
  424.  
  425.         }
  426.  
  427.         @media only screen and (max-width: 440px) {
  428.             .content-spacer {
  429.                 display: none;
  430.             }
  431.  
  432.             .main-description {
  433.                 background: none !important;
  434.             }
  435.  
  436.             .main-description__content {
  437.                 padding-left: 25px !important;
  438.                 padding-right: 25px !important;
  439.             }
  440.  
  441.             .container {
  442.                 width: 100% !important;
  443.                 margin: auto;
  444.             }
  445.  
  446.         }
  447.  
  448.         @media only screen and (max-width: 407px) {
  449.             .title-container {
  450.                 padding: 15px !important;
  451.             }
  452.  
  453.             .banner-copy {
  454.                 font-size: 16px !important;
  455.             }
  456.  
  457.             .header-spacer {
  458.                 padding-top: 275px !important;
  459.             }
  460.         }
  461.  
  462.         sup {
  463.             font-size: 55%;
  464.         }
  465.  
  466.     </style>
  467.     <style type="text/css">
  468.         .video-wrapper {
  469.             display: none;
  470.         }
  471.  
  472.         @media (-webkit-min-device-pixel-ratio: 0) and (min-device-width: 1024px) {
  473.             .video-wrapper {
  474.                 display: block !important;
  475.             }
  476.  
  477.             .video-fallback {
  478.                 display: none !important;
  479.             }
  480.         }
  481.  
  482.         @supports (-webkit-overflow-scrolling:touch) and (color:#ffffffff) {
  483.             div[class^=video-wrapper] {
  484.                 display: block !important;
  485.             }
  486.  
  487.             div[class^=video-fallback] {
  488.                 display: none !important;
  489.             }
  490.         }
  491.  
  492.         #MessageViewBody .video-wrapper {
  493.             display: block !important;
  494.         }
  495.  
  496.         #MessageViewBody .video-fallback {
  497.             display: none !important;
  498.         }
  499.     </style>
  500.     <style type="text/css">
  501.         /* Used with outlook.com */
  502.         [class~="x_video-wrapper"] {
  503.             display: none !important;
  504.         }
  505.  
  506.         [class~="x_video-fallback"] {
  507.             display: block !important;
  508.         }
  509.     </style>
  510. </head>
  511. <body>
  512. <div style="display: none; max-height: 0; overflow: hidden;">Everyone! (even Olympians)</div>
  513. <div style="display: none; max-height: 0; overflow: hidden;">&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
  514. </div>
  515.  
  516. <!--[if mso]>
  517. <center>
  518.     <table>
  519.         <tr>
  520.             <td width="600" style="line-height: 0; font-size: 1px; height: 1px;">
  521. <![endif]-->
  522. <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#ffffff" class="document" style="max-width: 600px; margin: auto;">
  523.     <tr>
  524.         <td style="padding-bottom: 0; line-height: 0; font-size: 1px; height: 1px; background: #ffffff;">
  525.             <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" class="container main-description email-container" style="width: 600px;">
  526.                 <tr>
  527.                     <td>
  528.                         <a href="https://w...content-available-to-author-only...1.com/" target="_blank"><img src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/94f5e767-2fb0-a0a4-66ce-312654eae04d.png" width="600" alt="Who needs web accessibility?" class="hide-mobile image_fix" border="0">
  529.                             <!--[if !mso]><!--><img src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/94f5e767-2fb0-a0a4-66ce-312654eae04d.png" width="100%" alt="Who needs web accessibility?" class="show-mobile" border="0" style="display: none;width: 100%;">
  530.                             <!--<![endif]-->
  531.                         </a>
  532.                     </td>
  533.                 </tr>
  534.             </table>
  535.         </td>
  536.     </tr>
  537.     <tr>
  538.         <td style="padding-bottom: 0; line-height: 0; font-size: 1px; height: 1px; background: #ffffff;">
  539.             <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" class="container main-description email-container" style="width: 600px">
  540.                 <tr>
  541.                     <td style="height: 1px; padding: 0; font-size: 1px; line-height: 1px;">
  542.  
  543.                         <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" class="container" style="max-width: 600px; width: 100%;">
  544.                             <tr>
  545.                                 <td width="60" class="left-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
  546.                                 <td style="padding: 0; text-align: left; ">
  547.                                     <p class="main-title" style="margin: 30px auto 5px auto;font-family: Helvetica, Arial, sans-serif; color: #9F1F63; font-size: 33px; line-height: 44px; font-weight: 700;text-align:center;max-width: 500px;">
  548.                                         <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;font-weight: 700; font-size:30px;">Go for gold in web accessibility</span>
  549.                                     </p>
  550.                                     <p class="mobile-content" style="margin: 26px auto 5px;font-family: Helvetica, Arial, sans-serif; color: #6D6E71; font-size: 17px; line-height: 23px; font-weight: 400;text-align:center;max-width: 450px;letter-spacing: .01em;">
  551.                                         <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;font-size: 17px;font-weight: 400;">
  552.                                             <p class="mobile-content" style="margin-top: 25px; margin-bottom: 27px;font-family: Helvetica, Arial, sans-serif; color: #6D6E71; font-size: 17px; line-height: 23px; font-weight: 400;text-align:center;max-width: 449px;letter-spacing: .01em">If you tuned into the Paris <a href="https://w...content-available-to-author-only...c.com/2024/08/03/paris-summer-olympics-snoop-dogg.html#:~:text=Beginning%20with%20the%20opening%20ceremony,to%20an%20NBC%20Sports%20release"><u>Summer Olympics</u></a> last month, you saw some kick-a** athletes in action.</p>
  553.  
  554.                                             <p class="mobile-content" style="margin-top: 25px; margin-bottom: 27px;font-family: Helvetica, Arial, sans-serif; color: #6D6E71; font-size: 17px; line-height: 23px; font-weight: 400;text-align:center;max-width: 449px;letter-spacing: .01em">Even Olympians aren’t immune to the struggles of mere mortals. They eat, endure the DMV, and, yes, sometimes need a little help from website accessibility features. Picture Katie Ledecky at a chaotic Olympic event, trying to catch a funny video. Like the rest of us, she flips on the subtitles — originally meant for hearing impairments, but useful for everyone.</p>
  555.  
  556. <p class="mobile-content" style="margin: 20px auto 5px;font-family: Helvetica, Arial, sans-serif; color: #9F1F63; font-size: 17px; line-height: 23px; font-weight: 400;text-align:center;max-width: 416px;letter-spacing: .01em;">
  557.                                         <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;font-size: 17px;font-weight: 400;">Web accessibility levels the playing field for all users. With it, you’ll earn a gold medal in user experience. Without it, you won’t even qualify for the games.<span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color:#9F1F63 !important; text-decoration: none !important;"></span>
  558.                                         </span>
  559.                                     </p>
  560.                                 </span></p></td>
  561.                                 <td width="60" class="right-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
  562.                             </tr>
  563.                             <tr>
  564.                                 <td colspan="3" height="15" style="height: 15px;"></td>
  565.                             </tr>
  566.                             <tr>
  567.                                 <td width="80" class="left-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
  568.                                 <td style="padding: 5px 0 0; text-align: left;">
  569.                                     <p class="fear-failure" style="font-family: Helvetica, Arial, sans-serif; color: #9F1F63; font-size: 17px; line-height: 24px; font-weight: 400;text-align:center;max-width: 430px; margin: 0 auto; margin-bottom:30px;">
  570. 										<span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;font-size: 18px;font-weight: 700;">Are you ready to take your site’s accessibility to Olympic heights?</span>
  571.  
  572.                                     <div style="text-align: center; margin: 28px auto 36px auto;"><!--[if mso]>
  573.                                         <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml"
  574.                                                      xmlns:w="urn:schemas-microsoft-com:office:word"
  575.                                                      href="https://w...content-available-to-author-only...1.com/our-blog/?utm_source=mailchimp&utm_medium=email&utm_campaign=SFC-MKTG-91-June-2024&utm_content=read_our_blog"
  576.                                                      style="height:35px;v-text-anchor:middle;width:200px;"
  577.                                                      arcsize="38%"
  578.                                                      stroke="f" fillcolor="#87B941">
  579.                                             <w:anchorlock/>
  580.                                             <center>
  581.                                         <![endif]-->
  582.                                         <a href="www.sfcgroup1.com/who-does-web-accessibility-benefit-hint-the-answer-is-everybody/" style="font-family: Helvetica, Arial, sans-serif; background-color:#87B941;border-radius:15px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:16px;font-weight:bold;line-height:35px;text-align:center;text-decoration:none !important;width:200px;-webkit-text-size-adjust:none;">
  583.                                             <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color:#ffffff !important; text-decoration: none !important;">
  584.                                                 <font style="color:#ffffff !important; text-decoration: none !important;">LEARN HOW</font>
  585.                                             </span>
  586.                                         </a>
  587.                                         <!--[if mso]>
  588.                                         </center>
  589.                                         </v:roundrect>
  590.                                         <![endif]--></div>
  591.  
  592.                                 </p>
  593.                                 </td>
  594.                                 <td width="80" class="right-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
  595.                             </tr>
  596.                             <tr>
  597.                                 <td colspan="3" height="20" style="height: 20px;"></td>
  598.                             </tr>
  599.  
  600.                         </table>
  601.                     </td>
  602.                 </tr>
  603.             </table>
  604.  
  605.  
  606.  
  607.     </td></tr><tr>
  608.         <td style="padding-bottom: 0; line-height: 0; font-size: 1px; height: 1px; background: #ffffff;">
  609.             <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" class="container main-description" style="width: 100%;">
  610.                 <tr>
  611.                     <td style="padding-top: 0;">
  612.                         <img src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/691a1555-3251-3d34-96f1-e22d66826ea9.png" width="600" alt="Icon: smiles" class="hide-mobile image_fix" border="0">
  613.                         <!--[if !mso]><!--><img src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/691a1555-3251-3d34-96f1-e22d66826ea9.png" style="display: none;" width="100%" alt="Icon: Whistle" class="show-mobile" border="0">
  614.                         <!--<![endif]-->
  615.                     </td>
  616.                 </tr>
  617.             </table>
  618.         </td>
  619.     </tr>
  620.  
  621.     <tr>
  622.         <td style="padding-bottom: 20px; line-height: 0; font-size: 1px; height: 1px; background: #9F1F63;" align="center">
  623.             <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" class="container main-description email-container" style="width: 600px;">
  624.                 <tr>
  625.                     <td style="height: 1px; padding: 0; font-size: 1px; line-height: 1px;" align="center">
  626.  
  627.                         <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" class="container main-description email-container" style="width: 600px;">
  628.                             <tr>
  629.                                 <td width="60" class="left-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
  630.                                 <td style="padding: 0 0 7px;" align="center">
  631.  
  632.                                     <p style="margin-top:-20px; margin-bottom: 29px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; font-size: 20px; line-height: 26px; font-weight: bold;text-align:center;">
  633.                                         <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color:#ffffff;font-size: 26px;line-height: 36px;">Olympians need coaches – you need accessibility experts</span>
  634.                                     </p>
  635.                                     <p class="mobile-content" style="margin-top: 25px; margin-bottom: 27px;font-family: Helvetica, Arial, sans-serif; color: #ffffff; font-size: 17px; line-height: 23px; font-weight: 400;text-align:center;max-width: 449px;letter-spacing: .01em">Coaches are a wealth of information and dedication. At SFC Group, we’ve coached more clients than we can count toward a better user experience — because, let’s be honest, who doesn’t need help making the web less of a digital obstacle course?</p>
  636.                                 </td>
  637.                                 <td width="60" class="right-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
  638.                             </tr>
  639.  
  640.                         </table>
  641.                     </td>
  642.                 </tr>
  643.             </table>
  644.         </td>
  645.     </tr>
  646.     <tr>
  647.         <td style="padding-bottom: 0; line-height: 0; font-size: 1px; height: 1px; background: #ffffff;">
  648.             <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" class="container main-description email-container" style="width: 600px;">
  649.                 <tr>
  650.                     <td style="height: 1px; padding: 0; font-size: 1px; line-height: 1px;">
  651.  
  652.                         <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" class="container main-description email-container" style="max-width: 600px; width: 100%;">
  653.                             <tr>
  654.                                 <td width="60" class="left-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
  655.                                 <td style="padding: 0; text-align: center; " align="center">
  656.  
  657.                                     <p class="contact-intro" style="margin: 39px auto 0 auto; font-family: Helvetica, Arial, sans-serif; color: #C63C83; font-size: 22px; line-height: 30px; font-weight: 400; text-align: center;max-width: 380px;">
  658.                                         <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color:#C63C83; font-size: 22px;line-height: 30px;">Let us take you to the winner’s circle.</span>
  659.                                     </p>
  660.  
  661.                                     <div style="text-align: center; margin: 26px auto 7px;"><!--[if mso]>
  662.                                         <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml"
  663.                                                      xmlns:w="urn:schemas-microsoft-com:office:word"
  664.                                                      href="https://w...content-available-to-author-only...1.com/connect/"
  665.                                                      style="height:35px;v-text-anchor:middle;width:200px;" arcsize="38%"
  666.                                                      stroke="f" fillcolor="#87B941">
  667.                                             <w:anchorlock/>
  668.                                             <center>
  669.                                         <![endif]-->
  670.                                         <a href="https://w...content-available-to-author-only...1.com/connect/" style="font-family: Helvetica, Arial, sans-serif; background-color:#87B941;border-radius:15px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:16px;font-weight:bold;line-height:35px;text-align:center;text-decoration:none !important;width:200px;-webkit-text-size-adjust:none;"><span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color:#ffffff !important; text-decoration: none !important;"><font style="color:#ffffff !important; text-decoration: none !important;">GO FOR GOLD</font></span></a>
  671.                                         <!--[if mso]>
  672.                                         </center>
  673.                                         </v:roundrect>
  674.                                         <![endif]--></div>
  675.                                 </td>
  676.                                 <td width="55" class="right-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
  677.                             </tr>
  678.  
  679.                         </table>
  680.                     </td>
  681.                 </tr>
  682.             </table>
  683.         </td>
  684.     </tr>
  685.  
  686.     <tr>
  687.         <td style="line-height: 0; font-size: 1px; height: 1px;">
  688.             <table role="presentation" cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff" class="email-container" align="center" width="440" style="margin: auto;">
  689.                 <tr>
  690.                     <td style="padding-top: 48px;">
  691.                         <table role="presentation" cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff" class="email-container" align="center" width="360" style="margin: auto;">
  692.                             <tr>
  693.                                 <td width="35" class="left-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
  694.                                 <td style="text-align: right;padding-right: 32px;" align="right">
  695.                                     <img class="image_fix sfc-logo-mob" src="https://e...content-available-to-author-only...s.com/d7d484437e9910a880c6103389f9a70497c95aac%2FSFC-Group%2Fsfc-group-logo.png" alt="Logo: SFCGroup" width="97" style="margin: auto 0 auto auto" border="0">
  696.                                 </td>
  697.                                 <td style="text-align: left;padding-left: 17px;" align="left" class="mobile-p-l-5">
  698.                                     <img class="image_fix logo-women-own" src="https://e...content-available-to-author-only...s.com/d7d484437e9910a880c6103389f9a70497c95aac%2FSFC-Group%2FSFC-MKTG-91%2FWOB_Certified_WBENC_color_web+%281%29.jpg" alt="Logo: Women owned" width="130" height="64" style="margin: auto  auto auto 0;height: auto;" border="0">
  699.  
  700.                                 </td>
  701.                                 <td width="40" class="right-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
  702.                             </tr>
  703.                         </table>
  704.                     </td>
  705.                 </tr>
  706.                 <tr>
  707.                     <td style="padding-bottom: 0; text-align: center;" align="center">
  708.                         <p class="ready-to-stand join-our" style="margin: 39px auto 0; font-family: Helvetica, Arial, sans-serif; color: #C63C83; font-size: 22px; line-height: 28px; text-align: center;">
  709.                             <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color: #C63C83;">Join our Olympic Village on social.</span>
  710.                         </p>
  711.  
  712.                     </td>
  713.                 </tr>
  714.                 <tr>
  715.                     <td class="mobile-p-b-35" style="padding-top: 32px; padding-bottom: 19px; text-align: center; ">
  716.                         <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" class="" style="margin: auto;">
  717.                             <tr>
  718.                                 <td width="10" class="left-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
  719.                                 <td style="height: 1px; padding: 0 15px 0 0; text-align: center;" class="mobile-p-r-10">
  720.                                     <a href="https://w...content-available-to-author-only...n.com/company/sfc-group1/?utm_source=mailchimp&utm_medium=email&utm_campaign=SFC-MKTG-91-Apr-2024&utm_content=linkedin">
  721.                                         <img src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/f23c1494-f013-e1a5-e9f2-e24e801f527a.png" class="image_fix social-circle" alt="icon: linkedin" width="51" style="margin: 0;" border="0"></a>
  722.                                 </td>
  723.                                 <td style="height: 1px; padding: 0 15px; text-align: center;" class="mobile-p-r-10 mobile-p-l-10">
  724.                                     <a href="https://w...content-available-to-author-only...k.com/sfcgrouprocks/?utm_source=mailchimp&utm_medium=email&utm_campaign=SFC-MKTG-91-Apr-2024&utm_content=facebook"><img class="image_fix social-circle" src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/b49ee23e-c9e1-768b-a5ab-291b6b159d07.png" alt="icon: facebook" width="51" style="margin: 0;" border="0"></a>
  725.                                 </td>
  726.  
  727.                                 <td style="height: 1px; padding: 0 15px; text-align: center;" class="mobile-p-r-10 mobile-p-l-10">
  728.                                     <a href="https://w...content-available-to-author-only...m.com/sfcgroup1/?utm_source=mailchimp&utm_medium=email&utm_campaign=SFC-MKTG-91-Apr-2024&utm_content=instagram"><img class="image_fix social-circle" src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/aef8924a-3445-ec76-86bb-9d8bc8c4bb41.png" alt="icon: instagram" width="51" style="margin: 0;" border="0"></a>
  729.                                 </td>
  730.                                 <td style="height: 1px; padding: 0 15px; text-align: center;" class="mobile-p-r-10 mobile-p-l-10">
  731.                                     <a href="https://v...content-available-to-author-only...o.com/user122200736"><img class="image_fix social-circle" src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/2eb17bc2-6d28-5a28-8c6c-f7404c5ef2ec.png" alt="icon: vimeo" width="51" style="margin: 0;" border="0"></a>
  732.                                 </td>
  733.  
  734.                                 <td style="height: 1px; padding: 0 0 0 15px; text-align: center;" class="mobile-p-l-10">
  735.                                     <a href="https://s...content-available-to-author-only...1.com/?utm_source=mailchimp&utm_medium=email&utm_campaign=SFC-MKTG-91-Apr-2024&utm_content=SFC"><img class="image_fix social-circle" src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/a66c6437-9429-bf5f-f495-422ebc628b1e.png" alt="icon: sfc group" width="51" style="margin: 0;" border="0"></a>
  736.                                 </td>
  737.                                 <td width="10" class="left-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
  738.                             </tr>
  739.                         </table>
  740.  
  741.                     </td>
  742.                 </tr>
  743.             </table>
  744.         </td>
  745.     </tr>
  746.     <tr style="line-height: 0; font-size: 1px; height: 1px; background-color: #ffffff;">
  747.         <td style="padding-bottom: 34px;">
  748.             <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center">
  749.                 <tr>
  750.                     <td style="text-align: center;"></td>
  751.                     <td style="text-align: center;"></td>
  752.                 </tr>
  753.             </table>
  754.         </td>
  755.     </tr>
  756.  
  757.     <tr>
  758.         <td style="padding-top: 30px; padding-bottom: 30px; text-align: center; " bgcolor="#F3F3F3">
  759.             <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" class="" style="margin: auto;">
  760.                 <tr>
  761.                     <td style="padding: 0; text-align: center; " align="center">
  762.                         <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" class="" style="margin: auto;">
  763.                             <tr>
  764.                                 <td class="mobile-hidden mobile-w-20" width="25" style="width: 25px;"></td>
  765.                                 <td class="mobile-block mobile-p-b-10" style="padding-bottom: 25px;">
  766.                                     <img class="image_fix mobile-w-155" src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/ab3d73da-65c1-d15a-6697-f4fecc8dc587.png" alt="We have some ‘splainin to do!" width="116" height="121" style="margin-left: auto;min-width: 116px;height: auto;" border="0">
  767.                                 </td>
  768.                                 <td class="mobile-hidden" width="50" style="
  769.                                 width: 50px;"></td>
  770.                                 <td class="mobile-block mobile-p-b-10" style="padding-bottom: 25px;">
  771.                                     <p style="margin: 0px auto 0 0; font-family: Helvetica, Arial, sans-serif; color: #C63C83; font-size: 16px; line-height: 24px;text-align:left;max-width: 251px;">
  772.                                         <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color: #9F1F63; font-size: 16px;">
  773.                                            We have some ‘splainin to do!
  774.                                             <br>
  775.                                             <a href="https://v...content-available-to-author-only...o.com/1000074457" target="_blank" style="color: #87B941;text-decoration: underline;"><span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color:#87B941 !important; text-decoration: none !important;"><font style="color:#87B941 !important; text-decoration: underline !important;">Check out our story.</font></span></a>
  776.                                         </span>
  777.                                     </p>
  778.                                 </td>
  779.                                 <td class="mobile-hidden mobile-w-20" width="90" style="width: 90px;"></td>
  780.                             </tr>
  781.                             <tr>
  782.                                 <td class="mobile-hidden mobile-w-20" width="25" style="width: 25px;"></td>
  783.                                 <td class="mobile-block mobile-p-b-10" style="padding-bottom: 25px;">
  784.                                     <img class="image_fix mobile-w-155" src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/213e3dc8-548b-8066-a630-b07668950753.png" alt="We are owning the podium." width="116" height="121" style="margin-left: auto;min-width: 116px;height: auto;" border="0">
  785.                                 </td>
  786.                                 <td class="mobile-hidden" width="50" style="
  787.                                 width: 50px;"></td>
  788.                                 <td class="mobile-block mobile-p-b-10" style="padding-bottom: 25px;">
  789.                                     <p style="margin: 0px auto 0 0; font-family: Helvetica, Arial, sans-serif; color: #C63C83; font-size: 16px; line-height: 24px;text-align:left;max-width: 251px;">
  790.                                         <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color: #9F1F63; font-size: 16px;">
  791.                                             We are owning the podium.
  792.                                             <br>
  793.                                             <a href="https://w...content-available-to-author-only...1.com/our-news" target="_blank" style="color: #87B941;text-decoration: underline;"><span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color:#87B941 !important; text-decoration: none !important;"><font style="color:#87B941 !important; text-decoration: underline !important;">See our latest award wins.</font></span></a>
  794.                                         </span>
  795.                                     </p>
  796.                                 </td>
  797.  
  798.                                 <td class="mobile-hidden mobile-w-20" width="90" style="width: 90px;"></td>
  799.                             </tr>
  800.                         </table>
  801.  
  802.                     </td>
  803.                 </tr>
  804.  
  805.  
  806.             </table>
  807.         </td>
  808.     </tr>
  809.  
  810.  
  811.     <tr>
  812.         <td class="expandable-row" style="">
  813.         </td>
  814.     </tr>
  815. </table>
  816. <!--[if mso]>
  817. </td></tr></table>
  818. </center>
  819. <![endif]-->
  820.             <center>
  821.                 <br>
  822.                 <br>
  823.                 <br>
  824.                 <br>
  825.                 <br>
  826.                 <br>
  827.                 <table border="0" cellpadding="0" cellspacing="0" width="100%" id="canspamBarWrapper" style="background-color:#FFFFFF; border-top:1px solid #E5E5E5;">
  828.                     <tr>
  829.                         <td align="center" valign="top" style="padding-top:20px; padding-bottom:20px;">
  830.                             <table border="0" cellpadding="0" cellspacing="0" id="canspamBar">
  831.                                 <tr>
  832.                                     <td align="center" valign="top" style="color:#606060; font-family:Helvetica, Arial, sans-serif; font-size:11px; line-height:150%; padding-right:20px; padding-bottom:5px; padding-left:20px; text-align:center;">
  833.                                         This email was sent to <a href="mailto:&lt;&lt; Test Email Address &gt;&gt;" target="_blank" style="color:#404040 !important;">&lt;&lt; Test Email Address &gt;&gt;</a>
  834.                                         <br>
  835.                                         <a href="https://s...content-available-to-author-only...e.com/about?u=c58705e17ef4bdebcb15285d3&id=3d185fe9fc&e=[UNIQID]&c=595757f8c0" target="_blank" style="color:#404040 !important;"><em>why did I get this?</em></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://s...content-available-to-author-only...e.com/unsubscribe?u=c58705e17ef4bdebcb15285d3&id=3d185fe9fc&t=b&e=[UNIQID]&c=595757f8c0" style="color:#404040 !important;">unsubscribe from this list</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://s...content-available-to-author-only...e.com/profile?u=c58705e17ef4bdebcb15285d3&id=3d185fe9fc&e=[UNIQID]&c=595757f8c0" style="color:#404040 !important;">update subscription preferences</a>
  836.                                         <br>
  837.                                         SFC Group &middot; 14581 Lakeshore Road &middot; Lakeside, Michigan 49116 &middot; USA
  838.                                         <br>
  839.                                         <br>
  840.  
  841.                                     </td>
  842.                                 </tr>
  843.                             </table>
  844.                         </td>
  845.                     </tr>
  846.                 </table>
  847.                 <style type="text/css">
  848.                     @media only screen and (max-width: 480px){
  849.                         table#canspamBar td{font-size:14px !important;}
  850.                         table#canspamBar td a{display:block !important; margin-top:10px !important;}
  851.                     }
  852.                 </style>
  853.             </center></body>
  854. </html>
Success #stdin #stdout 0.03s 25948KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://w...content-available-to-author-only...3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://w...content-available-to-author-only...3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=width, initial-scale=1.0">
    <!--[if !mso]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <![endif]-->
    <meta name="x-apple-disable-message-reformatting">
    <title>Who needs web accessibility?</title>
    <!--[if gte mso 9]>
    <xml>
        <o:OfficeDocumentSettings>
            <o:AllowPNG/>
            <o:PixelsPerInch>96</o:PixelsPerInch>
        </o:OfficeDocumentSettings>
    </xml>
    <![endif]-->

    <link href="https://u...content-available-to-author-only...t.net/jop4uat.css" rel="stylesheet">

    <style type="text/css">

        *,
        *:after,
        *:before {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        * {
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        html,
        body,
        .document {
            width: 100% !important;
            height: 100% !important;
            margin: 0;
            padding: 0;
            font-family: acumin-pro, Helvetica, Arial, sans-serif;
        }

        body {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility;
        }

        .document {
            line-height: 100% !important;
        }

        div[style*="margin: 16px 0"] {
            margin: 0 !important;
        }

        table,
        td {
            mso-table-lspace: 0;
            mso-table-rspace: 0;
        }

        table {
            border-spacing: 0;
            border-collapse: collapse;
            table-layout: fixed;
            margin: 0 auto;
        }

        h1,
        h2,
        h4,
        h5,
        h6 {
            color: #000 !important;
        }

        h3 {
            color: #9f1f63 !important;
        }

        h1 a,
        h2 a,
        h3 a,
        h4 a,
        h5 a,
        h6 a {
            color: #9f1f63 !important;
        }

        h1 a:active,
        h2 a:active,
        h3 a:active,
        h4 a:active,
        h5 a:active,
        h6 a:active {
            color: #9f1f63;
        !important;
        }

        h1 a:visited,
        h2 a:visited,
        h3 a:visited,
        h4 a:visited,
        h5 a:visited,
        h6 a:visited {
            color: #9f1f63 !important;
        }

        p {
            margin: 10px 0;
            color: #000000;
        }

        a {
            color: #9f1f63;
            text-decoration: none;
        }

        a:link {
            color: #9f1f63;
        }

        a:active {
            color: #9f1f63;
        }

        a:visited {
            color: #9f1f63;
        }

        a:hover {
            color: #9f1f63;
        }

        img {
            max-width: 100%;
            border: none;
            outline: none;
            text-decoration: none;
            -ms-interpolation-mode: bicubic;
        }

        .image_fix {
            display: block;
        }

        .video_fix {
            display: block;
            width: 600px;
            height: auto;
            max-width: 100%;
        }

        .show-mobile {
            display: none !important;
        }

        #outlook a {
            padding: 0;
        }

        *[x-apple-data-detectors] {
            color: inherit !important;
            text-decoration: none !important;
        }

        .x-gmail-data-detectors,
        .x-gmail-data-detectors *,
        .aBn {
            border-bottom: 0 !important;
            cursor: default !important;
        }

        .btn {
            -webkit-transition: all 200ms ease;
            transition: all 200ms ease;
        }

        .btn:hover {
            background-color: #9f1f63;
        }

        @media only screen and (max-width: 599px) {
            .show-mobile {
                display: block !important;
            }

            .hide-mobile {
                display: none !important;
            }
        }

    </style>

    <style type="text/css">
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
            a[href^="tel"],
            a[href^="sms"] {
                text-decoration: none;
                color: #9f1f63;
                /* 
                  cursor: default;*/
            }

            .mobile_link a[href^="tel"],
            .mobile_link a[href^="sms"] {
                text-decoration: default;
                color: #9f1f63 !important;
                /*pointer-events: auto;
                cursor: default;*/
            }
        }

        @media only screen and (max-width: 599px) {
            .document .header {
                padding-right: 0 !important;
            }

            .left-spacer {
                width: 15px !important;
            }

            .right-spacer {
                width: 15px !important;
            }

            .show-mobile {
                display: block !important;
            }

            .hide-mobile {
                display: none !important;
            }

            .email-container {
                width: 100% !important;
            }

            .main-title {
                font-size: 26px !important;
                line-height: 37px !important;
                margin-top: 34px !important;
                max-width: 290px !important;
            }

            .sfc-logo-mob {
                width: 87px !important;
            }

            .logo-women-own {
                width: 120px !important;
            }


            .mobile-content {
                padding-left: 25px !important;
                padding-right: 26px !important;
            }

            .mobile-content,
            .mobile-content span {
                font-size: 16px !important;
                line-height: 22px;
            }

            .mobile-content.services {
                margin-top: 24px !important;
                max-width: 316px !important;
            }

            .mobile-content.services span {
                font-size: 17px !important;
                line-height: 24px;
                color: #6D6E71 !important;
            }

            .mobile-content.services span strong {
                color: #9F1F63 !important;
            }

            .outro {
                max-width: 315px !important;
            }

            .contact-intro {
                max-width: 242px !important;
                font-size: 20px !important;
            }

            .fear-failure {
                width: 260px !important;
                font-size: 17px !important;
            }

            .fear-failure span,
            .see-how span {
                font-size: 17px !important;
            }

            .see-how {
                width: 267px !important;
                font-size: 17px !important;
            }

            .ready-to-stand {
                width: 225px !important;
                font-size: 20px !important;
            }

            .ready-to-stand span {
                font-size: 20px !important;
            }

            .join-our {
                margin-top: 25px !important;
            }

            .social-circle {
                width: 42px !important;
            }

            .mobile-w-155 {
                width: 155px !important;
            }

            .related-content {
                max-width: 308px !important;
            }

            .bg-container {
                background: none !important;
                width: auto !important;
            }

            .mobile-block {
                display: block !important;
                width: 100% !important;
                height: auto !important;
            }

            .mobile-block img {
                margin-left: auto !important;
                margin-right: auto !important;
            }

            .mobile-block p {
                text-align: center !important;
                margin-bottom: 15px !important;
                max-width: 449px !important;
                margin-left: auto !important;
                margin-right: auto !important;
                color: #9F1F63 !important;
            }

            .mobile-block p span {
                color: #9F1F63 !important;
            }

            .mobile-hidden {
                display: none !important;
            }
        }

        @media only screen and (max-width: 500px) {
            a[href^="tel"],
            a[href^="sms"] {
                text-decoration: none;
                color: #9f1f63;
                /* 
                cursor: default;*/
            }

            .mobile_link a[href^="tel"],
            .mobile_link a[href^="sms"] {
                text-decoration: default;
                color: #9f1f63 !important;
                /*pointer-events: auto;*/
                /*cursor: default;*/
            }
        }

        @media only screen and (max-width: 460px) {
            .title-container {
                width: 100% !important;
            }

            .mobile-p-b-10 {
                padding-bottom: 10px !important;
            }

            .mobile-p-b-35 {
                padding-bottom: 35px !important;
            }


            .mobile-p-t-0 {
                padding-top: 0 !important;
            }

            .mobile-p-l-10 {
                padding-left: 10px !important;
            }

            .mobile-p-l-20 {
                padding-left: 20px !important;
            }

            .mobile-p-l-5 {
                padding-left: 5px !important;
            }

            .mobile-p-r-10 {
                padding-right: 10px !important;
            }

            .mobile-p-r-20 {
                padding-right: 20px !important;
            }

        }

        @media only screen and (max-width: 440px) {
            .content-spacer {
                display: none;
            }

            .main-description {
                background: none !important;
            }

            .main-description__content {
                padding-left: 25px !important;
                padding-right: 25px !important;
            }

            .container {
                width: 100% !important;
                margin: auto;
            }

        }

        @media only screen and (max-width: 407px) {
            .title-container {
                padding: 15px !important;
            }

            .banner-copy {
                font-size: 16px !important;
            }

            .header-spacer {
                padding-top: 275px !important;
            }
        }

        sup {
            font-size: 55%;
        }

    </style>
    <style type="text/css">
        .video-wrapper {
            display: none;
        }

        @media (-webkit-min-device-pixel-ratio: 0) and (min-device-width: 1024px) {
            .video-wrapper {
                display: block !important;
            }

            .video-fallback {
                display: none !important;
            }
        }

        @supports (-webkit-overflow-scrolling:touch) and (color:#ffffffff) {
            div[class^=video-wrapper] {
                display: block !important;
            }

            div[class^=video-fallback] {
                display: none !important;
            }
        }

        #MessageViewBody .video-wrapper {
            display: block !important;
        }

        #MessageViewBody .video-fallback {
            display: none !important;
        }
    </style>
    <style type="text/css">
        /* Used with outlook.com */
        [class~="x_video-wrapper"] {
            display: none !important;
        }

        [class~="x_video-fallback"] {
            display: block !important;
        }
    </style>
</head>
<body>
<div style="display: none; max-height: 0; overflow: hidden;">Everyone! (even Olympians)</div>
<div style="display: none; max-height: 0; overflow: hidden;">&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
</div>

<!--[if mso]>
<center>
    <table>
        <tr>
            <td width="600" style="line-height: 0; font-size: 1px; height: 1px;">
<![endif]-->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#ffffff" class="document" style="max-width: 600px; margin: auto;">
    <tr>
        <td style="padding-bottom: 0; line-height: 0; font-size: 1px; height: 1px; background: #ffffff;">
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" class="container main-description email-container" style="width: 600px;">
                <tr>
                    <td>
                        <a href="https://w...content-available-to-author-only...1.com/" target="_blank"><img src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/94f5e767-2fb0-a0a4-66ce-312654eae04d.png" width="600" alt="Who needs web accessibility?" class="hide-mobile image_fix" border="0">
                            <!--[if !mso]><!--><img src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/94f5e767-2fb0-a0a4-66ce-312654eae04d.png" width="100%" alt="Who needs web accessibility?" class="show-mobile" border="0" style="display: none;width: 100%;">
                            <!--<![endif]-->
                        </a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td style="padding-bottom: 0; line-height: 0; font-size: 1px; height: 1px; background: #ffffff;">
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" class="container main-description email-container" style="width: 600px">
                <tr>
                    <td style="height: 1px; padding: 0; font-size: 1px; line-height: 1px;">

                        <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" class="container" style="max-width: 600px; width: 100%;">
                            <tr>
                                <td width="60" class="left-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
                                <td style="padding: 0; text-align: left; ">
                                    <p class="main-title" style="margin: 30px auto 5px auto;font-family: Helvetica, Arial, sans-serif; color: #9F1F63; font-size: 33px; line-height: 44px; font-weight: 700;text-align:center;max-width: 500px;">
                                        <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;font-weight: 700; font-size:30px;">Go for gold in web accessibility</span>
                                    </p>
                                    <p class="mobile-content" style="margin: 26px auto 5px;font-family: Helvetica, Arial, sans-serif; color: #6D6E71; font-size: 17px; line-height: 23px; font-weight: 400;text-align:center;max-width: 450px;letter-spacing: .01em;">
                                        <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;font-size: 17px;font-weight: 400;">
                                            <p class="mobile-content" style="margin-top: 25px; margin-bottom: 27px;font-family: Helvetica, Arial, sans-serif; color: #6D6E71; font-size: 17px; line-height: 23px; font-weight: 400;text-align:center;max-width: 449px;letter-spacing: .01em">If you tuned into the Paris <a href="https://w...content-available-to-author-only...c.com/2024/08/03/paris-summer-olympics-snoop-dogg.html#:~:text=Beginning%20with%20the%20opening%20ceremony,to%20an%20NBC%20Sports%20release"><u>Summer Olympics</u></a> last month, you saw some kick-a** athletes in action.</p>
                                            
                                            <p class="mobile-content" style="margin-top: 25px; margin-bottom: 27px;font-family: Helvetica, Arial, sans-serif; color: #6D6E71; font-size: 17px; line-height: 23px; font-weight: 400;text-align:center;max-width: 449px;letter-spacing: .01em">Even Olympians aren’t immune to the struggles of mere mortals. They eat, endure the DMV, and, yes, sometimes need a little help from website accessibility features. Picture Katie Ledecky at a chaotic Olympic event, trying to catch a funny video. Like the rest of us, she flips on the subtitles — originally meant for hearing impairments, but useful for everyone.</p>
                                            
<p class="mobile-content" style="margin: 20px auto 5px;font-family: Helvetica, Arial, sans-serif; color: #9F1F63; font-size: 17px; line-height: 23px; font-weight: 400;text-align:center;max-width: 416px;letter-spacing: .01em;">
                                        <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;font-size: 17px;font-weight: 400;">Web accessibility levels the playing field for all users. With it, you’ll earn a gold medal in user experience. Without it, you won’t even qualify for the games.<span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color:#9F1F63 !important; text-decoration: none !important;"></span>
                                        </span>
                                    </p>
                                </span></p></td>
                                <td width="60" class="right-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
                            </tr>
                            <tr>
                                <td colspan="3" height="15" style="height: 15px;"></td>
                            </tr>
                            <tr>
                                <td width="80" class="left-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
                                <td style="padding: 5px 0 0; text-align: left;">
                                    <p class="fear-failure" style="font-family: Helvetica, Arial, sans-serif; color: #9F1F63; font-size: 17px; line-height: 24px; font-weight: 400;text-align:center;max-width: 430px; margin: 0 auto; margin-bottom:30px;">
										<span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;font-size: 18px;font-weight: 700;">Are you ready to take your site’s accessibility to Olympic heights?</span>

                                    <div style="text-align: center; margin: 28px auto 36px auto;"><!--[if mso]>
                                        <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml"
                                                     xmlns:w="urn:schemas-microsoft-com:office:word"
                                                     href="https://w...content-available-to-author-only...1.com/our-blog/?utm_source=mailchimp&utm_medium=email&utm_campaign=SFC-MKTG-91-June-2024&utm_content=read_our_blog"
                                                     style="height:35px;v-text-anchor:middle;width:200px;"
                                                     arcsize="38%"
                                                     stroke="f" fillcolor="#87B941">
                                            <w:anchorlock/>
                                            <center>
                                        <![endif]-->
                                        <a href="www.sfcgroup1.com/who-does-web-accessibility-benefit-hint-the-answer-is-everybody/" style="font-family: Helvetica, Arial, sans-serif; background-color:#87B941;border-radius:15px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:16px;font-weight:bold;line-height:35px;text-align:center;text-decoration:none !important;width:200px;-webkit-text-size-adjust:none;">
                                            <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color:#ffffff !important; text-decoration: none !important;">
                                                <font style="color:#ffffff !important; text-decoration: none !important;">LEARN HOW</font>
                                            </span>
                                        </a>
                                        <!--[if mso]>
                                        </center>
                                        </v:roundrect>
                                        <![endif]--></div>
                       
                                </p>
                                </td>
                                <td width="80" class="right-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
                            </tr>
                            <tr>
                                <td colspan="3" height="20" style="height: 20px;"></td>
                            </tr>

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



    </td></tr><tr>
        <td style="padding-bottom: 0; line-height: 0; font-size: 1px; height: 1px; background: #ffffff;">
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" class="container main-description" style="width: 100%;">
                <tr>
                    <td style="padding-top: 0;">
                        <img src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/691a1555-3251-3d34-96f1-e22d66826ea9.png" width="600" alt="Icon: smiles" class="hide-mobile image_fix" border="0">
                        <!--[if !mso]><!--><img src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/691a1555-3251-3d34-96f1-e22d66826ea9.png" style="display: none;" width="100%" alt="Icon: Whistle" class="show-mobile" border="0">
                        <!--<![endif]-->
                    </td>
                </tr>
            </table>
        </td>
    </tr>

    <tr>
        <td style="padding-bottom: 20px; line-height: 0; font-size: 1px; height: 1px; background: #9F1F63;" align="center">
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" class="container main-description email-container" style="width: 600px;">
                <tr>
                    <td style="height: 1px; padding: 0; font-size: 1px; line-height: 1px;" align="center">

                        <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" class="container main-description email-container" style="width: 600px;">
                            <tr>
                                <td width="60" class="left-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
                                <td style="padding: 0 0 7px;" align="center">

                                    <p style="margin-top:-20px; margin-bottom: 29px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; font-size: 20px; line-height: 26px; font-weight: bold;text-align:center;">
                                        <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color:#ffffff;font-size: 26px;line-height: 36px;">Olympians need coaches – you need accessibility experts</span>
                                    </p>
                                    <p class="mobile-content" style="margin-top: 25px; margin-bottom: 27px;font-family: Helvetica, Arial, sans-serif; color: #ffffff; font-size: 17px; line-height: 23px; font-weight: 400;text-align:center;max-width: 449px;letter-spacing: .01em">Coaches are a wealth of information and dedication. At SFC Group, we’ve coached more clients than we can count toward a better user experience — because, let’s be honest, who doesn’t need help making the web less of a digital obstacle course?</p>
                                </td>
                                <td width="60" class="right-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
                            </tr>

                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td style="padding-bottom: 0; line-height: 0; font-size: 1px; height: 1px; background: #ffffff;">
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" class="container main-description email-container" style="width: 600px;">
                <tr>
                    <td style="height: 1px; padding: 0; font-size: 1px; line-height: 1px;">

                        <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" class="container main-description email-container" style="max-width: 600px; width: 100%;">
                            <tr>
                                <td width="60" class="left-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
                                <td style="padding: 0; text-align: center; " align="center">

                                    <p class="contact-intro" style="margin: 39px auto 0 auto; font-family: Helvetica, Arial, sans-serif; color: #C63C83; font-size: 22px; line-height: 30px; font-weight: 400; text-align: center;max-width: 380px;">
                                        <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color:#C63C83; font-size: 22px;line-height: 30px;">Let us take you to the winner’s circle.</span>
                                    </p>

                                    <div style="text-align: center; margin: 26px auto 7px;"><!--[if mso]>
                                        <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml"
                                                     xmlns:w="urn:schemas-microsoft-com:office:word"
                                                     href="https://w...content-available-to-author-only...1.com/connect/"
                                                     style="height:35px;v-text-anchor:middle;width:200px;" arcsize="38%"
                                                     stroke="f" fillcolor="#87B941">
                                            <w:anchorlock/>
                                            <center>
                                        <![endif]-->
                                        <a href="https://w...content-available-to-author-only...1.com/connect/" style="font-family: Helvetica, Arial, sans-serif; background-color:#87B941;border-radius:15px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:16px;font-weight:bold;line-height:35px;text-align:center;text-decoration:none !important;width:200px;-webkit-text-size-adjust:none;"><span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color:#ffffff !important; text-decoration: none !important;"><font style="color:#ffffff !important; text-decoration: none !important;">GO FOR GOLD</font></span></a>
                                        <!--[if mso]>
                                        </center>
                                        </v:roundrect>
                                        <![endif]--></div>
                                </td>
                                <td width="55" class="right-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
                            </tr>

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

    <tr>
        <td style="line-height: 0; font-size: 1px; height: 1px;">
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff" class="email-container" align="center" width="440" style="margin: auto;">
                <tr>
                    <td style="padding-top: 48px;">
                        <table role="presentation" cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff" class="email-container" align="center" width="360" style="margin: auto;">
                            <tr>
                                <td width="35" class="left-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
                                <td style="text-align: right;padding-right: 32px;" align="right">
                                    <img class="image_fix sfc-logo-mob" src="https://e...content-available-to-author-only...s.com/d7d484437e9910a880c6103389f9a70497c95aac%2FSFC-Group%2Fsfc-group-logo.png" alt="Logo: SFCGroup" width="97" style="margin: auto 0 auto auto" border="0">
                                </td>
                                <td style="text-align: left;padding-left: 17px;" align="left" class="mobile-p-l-5">
                                    <img class="image_fix logo-women-own" src="https://e...content-available-to-author-only...s.com/d7d484437e9910a880c6103389f9a70497c95aac%2FSFC-Group%2FSFC-MKTG-91%2FWOB_Certified_WBENC_color_web+%281%29.jpg" alt="Logo: Women owned" width="130" height="64" style="margin: auto  auto auto 0;height: auto;" border="0">

                                </td>
                                <td width="40" class="right-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td style="padding-bottom: 0; text-align: center;" align="center">
                        <p class="ready-to-stand join-our" style="margin: 39px auto 0; font-family: Helvetica, Arial, sans-serif; color: #C63C83; font-size: 22px; line-height: 28px; text-align: center;">
                            <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color: #C63C83;">Join our Olympic Village on social.</span>
                        </p>

                    </td>
                </tr>
                <tr>
                    <td class="mobile-p-b-35" style="padding-top: 32px; padding-bottom: 19px; text-align: center; ">
                        <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" class="" style="margin: auto;">
                            <tr>
                                <td width="10" class="left-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
                                <td style="height: 1px; padding: 0 15px 0 0; text-align: center;" class="mobile-p-r-10">
                                    <a href="https://w...content-available-to-author-only...n.com/company/sfc-group1/?utm_source=mailchimp&utm_medium=email&utm_campaign=SFC-MKTG-91-Apr-2024&utm_content=linkedin">
                                        <img src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/f23c1494-f013-e1a5-e9f2-e24e801f527a.png" class="image_fix social-circle" alt="icon: linkedin" width="51" style="margin: 0;" border="0"></a>
                                </td>
                                <td style="height: 1px; padding: 0 15px; text-align: center;" class="mobile-p-r-10 mobile-p-l-10">
                                    <a href="https://w...content-available-to-author-only...k.com/sfcgrouprocks/?utm_source=mailchimp&utm_medium=email&utm_campaign=SFC-MKTG-91-Apr-2024&utm_content=facebook"><img class="image_fix social-circle" src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/b49ee23e-c9e1-768b-a5ab-291b6b159d07.png" alt="icon: facebook" width="51" style="margin: 0;" border="0"></a>
                                </td>

                                <td style="height: 1px; padding: 0 15px; text-align: center;" class="mobile-p-r-10 mobile-p-l-10">
                                    <a href="https://w...content-available-to-author-only...m.com/sfcgroup1/?utm_source=mailchimp&utm_medium=email&utm_campaign=SFC-MKTG-91-Apr-2024&utm_content=instagram"><img class="image_fix social-circle" src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/aef8924a-3445-ec76-86bb-9d8bc8c4bb41.png" alt="icon: instagram" width="51" style="margin: 0;" border="0"></a>
                                </td>
                                <td style="height: 1px; padding: 0 15px; text-align: center;" class="mobile-p-r-10 mobile-p-l-10">
                                    <a href="https://v...content-available-to-author-only...o.com/user122200736"><img class="image_fix social-circle" src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/2eb17bc2-6d28-5a28-8c6c-f7404c5ef2ec.png" alt="icon: vimeo" width="51" style="margin: 0;" border="0"></a>
                                </td>

                                <td style="height: 1px; padding: 0 0 0 15px; text-align: center;" class="mobile-p-l-10">
                                    <a href="https://s...content-available-to-author-only...1.com/?utm_source=mailchimp&utm_medium=email&utm_campaign=SFC-MKTG-91-Apr-2024&utm_content=SFC"><img class="image_fix social-circle" src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/a66c6437-9429-bf5f-f495-422ebc628b1e.png" alt="icon: sfc group" width="51" style="margin: 0;" border="0"></a>
                                </td>
                                <td width="10" class="left-spacer" style="padding-left: 0; line-height:1px; font-size:1px;"></td>
                            </tr>
                        </table>

                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr style="line-height: 0; font-size: 1px; height: 1px; background-color: #ffffff;">
        <td style="padding-bottom: 34px;">
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center">
                <tr>
                    <td style="text-align: center;"></td>
                    <td style="text-align: center;"></td>
                </tr>
            </table>
        </td>
    </tr>

    <tr>
        <td style="padding-top: 30px; padding-bottom: 30px; text-align: center; " bgcolor="#F3F3F3">
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" class="" style="margin: auto;">
                <tr>
                    <td style="padding: 0; text-align: center; " align="center">
                        <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" class="" style="margin: auto;">
                            <tr>
                                <td class="mobile-hidden mobile-w-20" width="25" style="width: 25px;"></td>
                                <td class="mobile-block mobile-p-b-10" style="padding-bottom: 25px;">
                                    <img class="image_fix mobile-w-155" src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/ab3d73da-65c1-d15a-6697-f4fecc8dc587.png" alt="We have some ‘splainin to do!" width="116" height="121" style="margin-left: auto;min-width: 116px;height: auto;" border="0">
                                </td>
                                <td class="mobile-hidden" width="50" style="
                                width: 50px;"></td>
                                <td class="mobile-block mobile-p-b-10" style="padding-bottom: 25px;">
                                    <p style="margin: 0px auto 0 0; font-family: Helvetica, Arial, sans-serif; color: #C63C83; font-size: 16px; line-height: 24px;text-align:left;max-width: 251px;">
                                        <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color: #9F1F63; font-size: 16px;">
                                           We have some ‘splainin to do!
                                            <br>
                                            <a href="https://v...content-available-to-author-only...o.com/1000074457" target="_blank" style="color: #87B941;text-decoration: underline;"><span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color:#87B941 !important; text-decoration: none !important;"><font style="color:#87B941 !important; text-decoration: underline !important;">Check out our story.</font></span></a>
                                        </span>
                                    </p>
                                </td>
                                <td class="mobile-hidden mobile-w-20" width="90" style="width: 90px;"></td>
                            </tr>
                            <tr>
                                <td class="mobile-hidden mobile-w-20" width="25" style="width: 25px;"></td>
                                <td class="mobile-block mobile-p-b-10" style="padding-bottom: 25px;">
                                    <img class="image_fix mobile-w-155" src="https://m...content-available-to-author-only...t.com/c58705e17ef4bdebcb15285d3/images/213e3dc8-548b-8066-a630-b07668950753.png" alt="We are owning the podium." width="116" height="121" style="margin-left: auto;min-width: 116px;height: auto;" border="0">
                                </td>
                                <td class="mobile-hidden" width="50" style="
                                width: 50px;"></td>
                                <td class="mobile-block mobile-p-b-10" style="padding-bottom: 25px;">
                                    <p style="margin: 0px auto 0 0; font-family: Helvetica, Arial, sans-serif; color: #C63C83; font-size: 16px; line-height: 24px;text-align:left;max-width: 251px;">
                                        <span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color: #9F1F63; font-size: 16px;">
                                            We are owning the podium.
                                            <br>
                                            <a href="https://w...content-available-to-author-only...1.com/our-news" target="_blank" style="color: #87B941;text-decoration: underline;"><span style="font-family: acumin-pro, Helvetica, Arial, sans-serif !important;color:#87B941 !important; text-decoration: none !important;"><font style="color:#87B941 !important; text-decoration: underline !important;">See our latest award wins.</font></span></a>
                                        </span>
                                    </p>
                                </td>
                                
                                <td class="mobile-hidden mobile-w-20" width="90" style="width: 90px;"></td>
                            </tr>
                        </table>

                    </td>
                </tr>


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


    <tr>
        <td class="expandable-row" style="">
        </td>
    </tr>
</table>
<!--[if mso]>
</td></tr></table>
</center>
<![endif]-->
            <center>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="canspamBarWrapper" style="background-color:#FFFFFF; border-top:1px solid #E5E5E5;">
                    <tr>
                        <td align="center" valign="top" style="padding-top:20px; padding-bottom:20px;">
                            <table border="0" cellpadding="0" cellspacing="0" id="canspamBar">
                                <tr>
                                    <td align="center" valign="top" style="color:#606060; font-family:Helvetica, Arial, sans-serif; font-size:11px; line-height:150%; padding-right:20px; padding-bottom:5px; padding-left:20px; text-align:center;">
                                        This email was sent to <a href="mailto:&lt;&lt; Test Email Address &gt;&gt;" target="_blank" style="color:#404040 !important;">&lt;&lt; Test Email Address &gt;&gt;</a>
                                        <br>
                                        <a href="https://s...content-available-to-author-only...e.com/about?u=c58705e17ef4bdebcb15285d3&id=3d185fe9fc&e=[UNIQID]&c=595757f8c0" target="_blank" style="color:#404040 !important;"><em>why did I get this?</em></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://s...content-available-to-author-only...e.com/unsubscribe?u=c58705e17ef4bdebcb15285d3&id=3d185fe9fc&t=b&e=[UNIQID]&c=595757f8c0" style="color:#404040 !important;">unsubscribe from this list</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://s...content-available-to-author-only...e.com/profile?u=c58705e17ef4bdebcb15285d3&id=3d185fe9fc&e=[UNIQID]&c=595757f8c0" style="color:#404040 !important;">update subscription preferences</a>
                                        <br>
                                        SFC Group &middot; 14581 Lakeshore Road &middot; Lakeside, Michigan 49116 &middot; USA
                                        <br>
                                        <br>
                                        
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <style type="text/css">
                    @media only screen and (max-width: 480px){
                        table#canspamBar td{font-size:14px !important;}
                        table#canspamBar td a{display:block !important; margin-top:10px !important;}
                    }
                </style>
            </center></body>
</html>
https://ideone.com/pftKiK
language:
PHP (php 7.3.5)
created:
1 day ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!