index.html

<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>BSK | Example</title>
        <link rel="stylesheet" href="dist/css/mdi.css" />
        <link rel="stylesheet" href="dist/css/app.css" />
    </head>
    <body>

        <div id="app"></div>

        <a href="#books/1">Get</a>
        <br />
        <a href="#books">Get All</a>
        <br />
        <a href="#books/search">Search</a>
        <br />
        <a href="#books/create">Create</a>
        <br />
        <a href="#books/edit/1">Update</a>
        <br />
        <a href="#books/destroy/1">Destroy</a>

        <script src="dist/js/app.js"></script>

    </body>
</html>