To show your calendar add a <div> tag with a <span> for each
event you want to show.
Especify the information of your event with: data-title title of the event,
data-location location of the event, data-date date of the event,
data-time time of the event, data-icon icon of the event (see the main
page reference), data-customText custom text below day number.
<head>
<!-- RegalCalendar main stylesheet -->
<link href="css/RegalCalendar.css" rel="stylesheet" />
<!-- Fontawesome icons stylesheet -->
<link href="css/all.min.css" rel="stylesheet" />
<!-- Mapbox stylesheet, required for display maps -->
<!-- Mapbox javascript, required for display maps -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/RegalCalendar.js"></script>
<script>
$(function() {
$('#rCalendar').RegalCalendar();
});
</script>
</head>
<body>
<div id="rCalendar" class="regalcalendar">
<span
class="event"
data-title="Event 2"
data-location="France"
data-date="11/01/2020"
data-time="12:00"
data-icon="fa fa-award"
data-types="country"
data-preview="Award">
<!-- Event description -->
</span>
</div>
</body>