Integrating external event widgets from codepen Question

Would anyone be able to provide some insight on recreating this html page inside weblow? Since just copying the html I believe would exceed the max amount of code.

https://codepen.io/arlosoftware/pen/KmOYmZ

My main concern would be successfully implementing these particular snippets of code if I decided to recreate the divs and classes manually :

    <% if (typeof(Location.ViewUri) !== "undefined" && Location.ViewUri !== "") { %>
<span class="arlo-location arlo-text-color-lightest">
<i class="fa fa-map-marker"></i>
<a href="<%- Location.ViewUri %>" class="arlo-text-color-link arlo-font-size-larger">
<%- Location.Name %>