The HTML markup for a wijflipcard widget looks like this.

<div id="flipcard1">
    <div>
        <img src="Images\wijmo.png"><br />
        <center>This is the front.</center></div>
    <div>
        <br /><br />
        <center>This is the back.</center>
    </div>
</div>

You can initialize the widget with the following jQuery script.

<script id="scriptInit" type="text/javascript">
require(["wijmo.wijflipcard"], function () {
    $(document).ready(function () {
        $("#flipcard1").wijflipcard({ });
    });
});
</script>

The markup and script featured here results in the following live widget. Click the FlipCard to see the back panel, and click it again to toggle back to the front panel.