<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">  

	<!-- jQuery -->
	<script src="asplite/jquery.js"></script>	
   
    <title>[title] - aspLite custom 404 catcher at work</title>

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

	<meta name="theme-color" content="#563d7c">

    <style>
	/* Move down content because we have a fixed navbar that is 3.5rem tall */
	body {
	  padding-top: 3.5rem;
	}
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>
    <!-- Custom styles for this template -->

   
  </head>
  <body>
    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarsExampleDefault">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="/default.asp">Home <span class="sr-only">(current)</span></a>
      </li>      
    </ul>
   
  </div>
</nav>

<main role="main">

  <!-- Main jumbotron for a primary marketing message or call to action -->
  <div class="jumbotron">
    <div class="container">
      <h1 class="display-3">[title]</h1>
      <p class="lead">If you can read this, you got the <strong><i>aspLite custom 404 catcher</i></strong> (enabling userfriendly urls) to work (*). This is great. A whole new world opens up now. You can use an unlimited number of imaginary folders and subfolders(**) for your web application. You would typically store important information in them, like "/category/products/productname". This way you can create very good SEO urls. The 4 buttons below will lead you to 4 different "pages" of this application. Please note that we're always (and only) executing "default.asp" in the root of this aspLite installation.</p>
	  
      <p>
	  <a class="btn btn-success btn-lg" href="about" role="button">About us &raquo;</a>
	  <a class="btn btn-warning btn-lg" href="learn-more" role="button">Learn more &raquo;</a>
	  <a class="btn btn-info btn-lg" href="getCode" role="button">Get code &raquo;</a>
	  <a class="btn btn-primary btn-lg" href="contact" role="button">Contact us &raquo;</a>	  
	  </p>
	  
	  <p>
	  <i>(*) when using this technique, you technically are no longer building a Single Page Application, as every url will reload the entire page</i>
	  <br>
	  <i>(**) when subfolders are used, be careful to add forward slashes ("/") to all your links. If you don't, paths to scripts, images and css files will break</i></p>
	  
    </div>
  </div>

  <div class="container">    
    
        <h2>[heading]</h2>
		[BODY]

    <hr>

  </div> <!-- /container -->

</main>

<footer class="container">
  <p>&copy; aspLite 2020</p>
</footer>

	<!-- REQUIRED AJAX functions for aspLite - jQuery REQUIRED! -->
	<script>
	var aspLiteAjaxHandler='default.asp'
	</script>
	<script src="asplite/asplite.js"></script>


<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>	  
	  
	  
	  </body>
</html>