~/wcscripts/guestbrowser.wc
<% * VS Addin Comment: SourceFile="~\..\..\fox\samples\wwdemo\wwdemo.prg" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Guest Book Browser</title>

    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="description" content="" />

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="apple-touch-icon" href="touch-icon.png" />

    <link rel="icon" href="touch-icon.png" />
    <meta name="msapplication-TileImage" content="touch-icon.png" />

    <link href="~/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/lib/fontawesome/css/all.min.css" rel="stylesheet" />
    <link href="~/css/application.css" rel="stylesheet" />
</head>
<body>
    <div class="banner">
        <a class="slide-menu-toggle-open "
           title="More...">
            <i class="fa fa-bars"></i>
        </a>

        <div class="title-bar">
            <a>
                <img class="title-bar-icon" src="~/images/Icon.png" /><div style="float: left; margin: 4px 5px; line-height: 1.0">
                    <i style="color: #0092d0; font-size: 0.9em; font-weight: bold;">West Wind</i><br />
                    <i style="color: whitesmoke; font-size: 1.65em; font-weight: bold;">Guestbook</i>
                </div>
            </a>
        </div>

        <nav class="banner-menu-top float-right">                        
            <a href="~/">
                <i class="fa fa-home"></i>
                Guestbook Home
            </a>            
        </nav>
    </div>


    <div id="MainView">
        <div class="container">

            <div class="page-header-text"><i class="fa fa-list-alt"></i> Guest Browser</div>
        
            <div class="btn-group">
                <a href="guest_book.wwd" class="btn btn-sm btn-secondary"><i class="fa fa-home"></i> Home</a>
                <a href="guest_book.wwd?Action=Add&id=<%= pcId %>" class="btn btn-sm btn-secondary"><i class="fa fa-plus-circle"></i> Add Guest</a>
                <a href="showcode.wwd?func=GuestBrowser" class="btn btn-sm btn-secondary"><i class="fa fa-code"></i> Show Code</a>
                <a href="showfileastext.wwd?file=~/wcscripts/guestbrowser.wc" class="btn btn-sm btn-secondary"><i class="fa fa-edit"></i> Show Template</a>
            </div>
            <br clear="all" />

            <p>
                <%= HtmlDataGrid("TQuery",poDataGridConfig) %>
            </p>


        </div>  <!-- end #MainView.container -->
    </div> <!-- end #MainView -->

    <footer>
        <a href="http://www.west-wind.com/" class="pull-right">
            <img src="~/images/WestwindText.png" />
        </a>
        <small>© Company</small>
    </footer>
    
  	<nav class="slide-menu">
        <div style="padding: 10px 10px 10px 3px;">
            <a class="slide-menu-toggle-close">
                <i class="fa fa-bars"></i>
            </a>

            <a class="disabled">
                <i class="fa fa-home"></i>
                Main Menu
            </a>

            <a href="~/">
                <i class="fa fa-home"></i>
                Home
            </a>

            <a href="#" class="indented">
                <i class="fa fa-newspaper-o"></i>
                Sub Link
            </a>
            <a href="#" class="indented">
                <i class="fa fa-newspaper-o"></i>
                Sub Link 2
            </a>

            <a href="#">
                <i class="fa fa-rss-square"></i>
                Login
            </a>
        </div>
    </nav>

    <script src="~/bower_components/jquery/dist/jquery.min.js"></script>
    <script src="~/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>    
    <script>
        $(".slide-menu-toggle-open,.slide-menu-toggle-close, .slide-menu a, #SamplesLink").click(function () {
            $(".slide-menu").toggleClass("active");
        });
    </script>

</body>
</html>