Remember to check out the documentation for restdb.io Pages and for restdb.io Querying. You can also view the master template source code.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<meta name="google-site-verification" content="MNQO-fl-qUWdKXPeleJyaidWIawTusjGWlT0yhC-tKU" />
<link rel="icon" href="/media/favicon.ico">
<title>restdb.io - create dynamic, database-driven sites </title>
<!-- Bootstrap core CSS -->
<link href="//cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.6/cosmo/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
<!-- Custom styles for this site -->
<link href="{{root}}/layout.css" rel="stylesheet">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/prism/1.5.1/themes/prism.css">
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
<!--script src="//code.jquery.com/jquery-3.1.0.min.js"></script-->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
{{{head}}}
</head>
<body>
<nav class="navbar navbar-fixed-top navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="https://restdb.io"><img src="/media/weblogo.png">Dynamic Website Demo</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="{{root}}/">Home</a></li>
<li><a href="{{root}}/about">About</a></li>
<li><a href="{{root}}/contact">Contact</a></li>
<li class="dropdown">
<a data-toggle="dropdown" href="#" class="dropdown-toggle">
<span>Demos</span><span class="caret"></span></a>
<ul class="dropdown-menu">
<li>
<a href="{{root}}/markdowndemo">
<i class="fa fa-code"> </i>Markdown demo</a>
</li>
<li>
<a href="{{root}}/auth0-demo">
<i class="fa fa-key"> </i>Auth0 demo</a>
</li>
<li>
<a href="{{root}}/realtime-rest">
<i class="fa fa-arrows-alt"> </i>Realtime REST</a>
</li>
<li>
<a href="{{root}}/forbidden">
<i class="fa fa-lock"> </i>Password protected page (hammer/pass)</a>
</li>
<li>
<a href="{{root}}/forbidden2">
<i class="fa fa-lock"> </i>Password protected page uses database users (guest/pass)</a>
</li>
<li>
<a href="{{root}}/aargh">
<i class="fa fa-question"> </i>Not found page</a>
</li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
{{#unless params.viewsource}}
<div class="container">
<div class="col-md-8">
<div>{{{title}}}</div>
{{{content}}}
</div>
<div class="col-md-4">
{{{sidebar}}}
</div>
<a class="srcbtn btn btn-warning btn-xs" href="?viewsource=true">View Source <i class="fa fa-code"></i></a>
</div>
{{/unless}}
{{#if params.viewsource}}
<a class="srcbtn btn btn-warning btn-xs" onclick="location.href = location.protocol + '//' + location.host + location.pathname;return false;">View Page <i class="fa fa-undo"></i></a>
<div class="container">
<p>Remember to check out the documentation for restdb.io <a href="https://restdb.io/docs/Pages">Pages</a> and for restdb.io <a href="https://restdb.io/docs/querying-with-the-api">Querying.</a> You can also view the <a href="http://restdb.site/layout?viewsource=true">master template source code.</a></p>
<pre><code class="language-handlebars">{{page.code}}</code></pre>
</div>
{{/if}}
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="//code.jquery.com/jquery-2.2.0.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.5.1/prism.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.5.1/components/prism-handlebars.js"></script>
<!-- Fathom - simple website analytics - https://usefathom.com -->
<script>
(function(f, a, t, h, o, m){
a[h]=a[h]||function(){
(a[h].q=a[h].q||[]).push(arguments)
};
o=f.createElement('script'),
m=f.getElementsByTagName('script')[0];
o.async=1; o.src=t; o.id='fathom-script';
m.parentNode.insertBefore(o,m)
})(document, window, 'https://cdn.usefathom.com/tracker.js', 'fathom');
fathom('set', 'siteId', 'YCHUYMNY');
fathom('trackPageview');
</script>
<!-- / Fathom -->
<script>
/*$(function(){
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-63918558-1', 'auto', {'allowLinker': true});
ga('require', 'linker');
ga('linker:autoLink',['restdb.io']);
ga('send', 'pageview');
console.log("GA set");
});*/
</script>
{{{scripts}}}
<!-- local javascript for this site -->
<script src="{{root}}/index.js"></script>
<!--Start of Tawk.to Script-->
<!--Start of Tawk.to Script-->
<!--script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5a848148d7591465c707abf3/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script-->
<!--End of Tawk.to Script-->
<!--End of Tawk.to Script-->
</body>
</html>