refactored example of shortcode not working

<span class = "contactheader"><h3>Contact</h3></span>
<div class="contact-body-list">
<ul>
<li>[types field='firstnamecpt'][/types] [types field='last-namecpt'][/types]
<li class="pronounciation">Pronounciation: [types field='pronounciation'][/types]</li>
<div class="fieldgroupcontact">
<li>[types field='office-phonestaff'][/types]</li>
<li>[types field='emailstaff' class='emailip'][/types]</li>
<li class="mobilephoneip">[types field='mobile-phonestaff']</li>
<li class="pronounsip">
[types field='gender-pronouns-staff'][/types]
</ul>
</div>