<!DOCTYPE html>
{namespace neos=TYPO3\Neos\ViewHelpers}
{namespace ts=TYPO3\TypoScript\ViewHelpers}
<html>
<head>
  <f:section name="stylesheets">
    <!-- put your stylesheet inclusions here, they will be included in your website by TypoScript -->
    <link rel="stylesheet" href="{f:uri.resource(path: 'Bootstrap/css/bootstrap.min.css', package: 'ABC.Xyz')}" />
    <link rel="stylesheet" href="{f:uri.resource(path: 'Bootstrap/css/bootstrap-theme.min.css', package: 'ABC.Xyz')}" />
  </f:section>
  <f:section name="scripts">
    <!-- put your scripts inclusions here, they will be included in your website by TypoScript -->
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="{f:uri.resource(path: 'Bootstrap/js/bootstrap.min.js', package: 'ABC.Xyz')}"></script>
  </f:section>
</head>
<body>
<f:section name="body">
        <nav class="menu">
          <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">
              <div class="navbar-header">
                <a class="navbar-brand" href="#">Neos rocks!</a>
              </div>
              <div class="collapse navbar-collapse">
                {parts.menu -> f:format.raw()}
              </div>
            </div>
          </div>
        </nav>
        <nav class="breadcrumb">
                {parts.breadcrumb -> f:format.raw()}
        </nav>
        <div class="content">
                {content.main -> f:format.raw()}
        </div>
</f:section>
</body>
</html>