html snippet where shortcode doesn't work

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