Freeform Widget table example

freeform_table_example.html

<table style="width: 100%;">
  <tbody>
     <tr>
       <td width="25%" rowspan="2" class="centered-text">
         <img width="204" height="141" src="https://searshomewarranty.com/Templates/ion/ion_Framework_v4.0/themes/sears/logo_searshomewarranty_1608_resized.png">
       </td>
       <td width="25%" class="teal-bg centered-text">
         <a class="white-text big-text" href="https://www.google.com">Whole House Warranty</a><br>
         <a class="white-text small-text" href="https://www.google.com">Best Value!</a>
       </td>
       <td width="25%" class="teal-bg centered-text">
         <a class="white-text big-text" href="https://www.google.com">Appliance Warranty</a>
       </td>
       <td width="25%" class="teal-bg centered-text">
         <a class="white-text big-text" href="https://www.google.com">Systems Warranty</a>
       </td>
     </tr>
     <tr>
       <td class="bright-orange-bg centered-text big-text">
         <a class="white-text" href="https://www.google.com">$69.99
           <span class="small-text">/mo</span><br> + 1st Month Free
         </a>
       </td>
       <td class="bright-orange-bg centered-text big-text">
         <a class="white-text" href="https://www.google.com">$49.99
           <span class="small-text">/mo</span><br> + 1st Month Free
         </a>
       </td>
       <td class="bright-orange-bg centered-text big-text">
         <a class="white-text" href="https://www.google.com">$59.99
           <span class="small-text">/mo</span><br> + 1st Month Free
         </a>
       </td>
     </tr>
     <tr>
       <td colspan="4" class="dark-blue-bg white-text">What's Covered</td>
     </tr>                 
     <tr>
       <td class="gray-light-bg">Refrigerator/Ice Maker</td>
       <td class="light-cyan-bg blue-check-icon"></td>
       <td class="onahau-bg blue-check-icon"></td>
       <td class="onahau-bg"></td>
     </tr>
     <tr>
       <td class="gray-light-bg">Garage Door Opener</td>
       <td class="light-cyan-bg blue-check-icon"></td>
       <td class="onahau-bg"></td>
       <td class="onahau-bg blue-check-icon"></td>
     </tr>
     <tr>
       <td class="gray-light-bg">Shop Your Way<sup>SM</sup></td>
       <td class="light-cyan-bg centered-text">Earn 15% Back in Points</td>
       <td class="onahau-bg centered-text">Earn 15% Back in Points</td>
       <td class="onahau-bg centered-text">Earn 15% Back in Points</td>
     </tr>
     <tr>
       <td colspan="4" class="dark-blue-bg white-text"><span>Select Your Plan</span></td>
     </tr>
     <tr>
       <td></td>
       <td class="bright-orange-bg centered-text big-text">
         <a class="white-text" href="https://www.google.com">$69.99
           <span class="small-text">/mo</span><br>+ 1st Month Free
         </a>
       </td>
       <td class="bright-orange-bg centered-text big-text">
         <a class="white-text" href="https://www.google.com">$49.99
           <span class="small-text">/mo</span><br>+ 1st Month Free
         </a>
       </td>
       <td class="bright-orange-bg centered-text big-text">
         <a class="white-text" href="https://www.google.com">$59.99
           <span class="small-text">/mo</span><br>+ 1st Month Free
         </a>
       </td>
     </tr>
  </tbody>
</table>