<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Achievements Project</title>
<link rel="stylesheet" href="styles/theme.css" />
<link rel="stylesheet" href="styles/common.css" />
<link rel="stylesheet" href="styles/index.css" />
</head>
<body>
<div id="navbar">
<template data-template="navbar: List<Basic>">
<div id="navbar-section-${section}" class="navbar-section">
<template data-template="navbar-section-${section}: List<Basic>">
<div id="navbar-item-${item}" class="navbar-item" data-page-name="${item}">
${title}
</div>
</template>
</div>
</template>
</div>
<div id="content-body">
<template data-template="content-body: List<Basic>">
<div id="${page}-page" class="page">
<div class="page-header">
<p class="page-header-text">${title}</p>
<div class="page-header-separator"></div>
</div>
<template data-template="extern-${page}-page: Extern"></template>
</div>
</template>
</div>
<script src="scripts/template.js"></script>
<script src="scripts/index.js"></script>
</body>
</html>