JSFiddle - React, Tailwind, and code Playground

by Kevin Bratt

HTML

<div style="color: black; background-color: white; border: 2px solid; padding: 5px;text-align: center;" >

<p><b>##MANUAL.CMS.CLIENT.NAME## - "White Label" Service</b></p>
<p>This is only a pointer to the Incident held in Cloud SG's System of Record, Jira.</p>
<p>Once the Jira Incident is assigned, remember to mark this HaloPSA record completed.</p>
<p><a href="https://pcso-cloud.atlassian.net/browse/##EXTERNALTICKETID">Click here to jump to the Jira Incident.</a></p>
</div>

<br>
<div style="color: black; background-color: white; border: 2px solid; padding: 5px;" >
<p>&nbsp;&nbsp;Direct links to Monitoring for reference.</p>
  <ul>
    <li>Click <a href="https://citrixrs.Logicmonitor.com">here</a> <b>FIRST</b> to access the Monitoring Service,then here to access the alert directly</li>
    <li>Click <a href="##DEVICEURL##">here</a> to see the monitored resource, <b>##HOSTNAME##</b>, directly in the Monitoring Service</li>
    <li>As appropriate click <a href="https://citrixrs.logicmonitor.com/santaba/uiv3/device/index.jsp#tree/-i-##SYSTEM.INSTANCEID##/graph">here</a> to see the resource instance, directly in the Monitoring Service</li>
    <li>Additionally, click <a href="https://citrixrs.logicmonitor.com/santaba/uiv3/device/index.jsp#tree/-dg-##MANUAL.LM.CLIENT.FOLDERID##/sdt">here</a> to see any Scheduled Down Times in place for this Customer</li>
  </ul>
 <p>&nbsp;&nbsp;(Logicmonitor data accompianies this HaloPSA record, to assist in future analysis.)</p>  </div>