Fusion tables - importing HTML formating (from sheet) in 'custom cards'

See more:

HTML

Google

I am looking to import html formatting from sheet to custom cards however it is not being read on our custom html format on the cards, despite working on the default html code. What can we do to make it work?

What I have tried:

Our Fusion Tables 'Custom Cards' code:

{template .contents}
    <div class='googft-card-view'
    enter code here`style='font-family: sans-serif;
    width: 450px;
    padding: 4px;
    bfuorder: 2px
    solid #ccc;
    overflow: hidden'>

    <div>

    {if $data.formatted['Insurance ID']=='Warranty'}
     {$data.formatted['Insurance 
     ID']}  <br>
    {else}
    {if $data.formatted['Insurance ID']=='Insurance'}
     {$data.formatted['Insurance 
    ID']} 
     <br>
   {else}
   {if $data.formatted['Insurance ID']=='Oliver'}
    {$data.formatted['Insurance 
   ID']}  <br>
   {/if}{/if}{/if}


   {if $data.formatted.Date}
   Date:  {$data.formatted.Date}<br>
   {/if}


   {if $data.formatted.Name}
   Name:  {$data.formatted.Name}<br>
   {/if}

    {if $data.formatted.Name}
    Serial Number:  {$data.formatted.Serial} <br>
    {/if}

    {if $data.formatted['Repair ID']}
    Repair ID:  {$data.formatted['Repair ID']}<br>
    {/if}

   {if $data.formatted.Problem}
   Problem:  {$data.formatted.Problem}<br>
   {/if}

   {if $data.formatted.Barcode}
   Barcode:  {$data.formatted.Barcode}<br>
   {/if}

   {if $data.formatted['Oliver Notes']}
   Notes:  {$data.formatted['Oliver Notes']}<br>
   {/if}


    </div>
    
   {/template}


The default 'custom cards' code

   <div class="googft-card-view" style="font-family: sans-serif; width: 
 450px; padding: 4px">
   Date: {Date}<br>
   Job ID: {Job ID}<br>
  Insurance ID: {Insurance ID}<br>
  Name: {Name}<br>
  Serial: {Serial}<br>
  Problem: {Problem}<br>
  Case ID: {Case ID}<br>
  Repair ID: {Repair ID}<br>
  Oliver Notes: {Oliver Notes}
  </div>