Events - linkable titles to details page

Hello,

Using the provided events test folder placed in my root folder, I am trying to link my calendar listings to a details page ( event.php )

editing: custom-listing-day.html. My current code is:

<perch:before><ul class="calendar"></perch:before>
  <li>
    <h3 class="date"><perch:events id="eventDateTime" format="l, jS F Y g:i a" /></h3>
    <div class="vevent">
    <a href="<perch:events id="eventURL" />"><perch:events id="eventTitle" /></a>
    <perch:events id="eventDescHTML" encode="false" />
    </div>
  </li>
<perch:after></ul></perch:after>

In the settings reads:

Event detail page path

/events/event.php?s={eventSlug}

How do I make this linkable to a details page please as it doesn't not seem to work, it just reloads the listing page?

My source code looks like this:

  <li>
    <h3 class="date">Wednesday, 30th December 2015 8:55 am</h3>
    <div class="vevent">
    <a href="">One Event</a>
    <p>One Event</p>
    </div>
  </li>

Obviously I am missing my href link, help appreciated, thanks