The start page uses the Holy Grail layout as a base and is predefined with all associated HTML5 elements.
Example of index.html
<!doctype html>
<html lang="en">
<head>
<title>My application</title>
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge;ie=10;chrome=1">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<base env="local:/;prod:/">
<link type="text/css" href="https://cdn.front.nu/dist/front.css" rel="stylesheet">
<link type="text/css" href="https://cdn.front.nu/dist/design/front/theme/front.css" rel="stylesheet">
<script src="https://cdn.front.nu/dist/front.js" lib="nav"></script>
</head>
<body>
<header></header>
<nav></nav>
<aside></aside>
<main include="home.html"></main>
<aside></aside>
<footer></footer>
</body>
</html>
Cascading Style Sheets are used to render and style the User Interface.
<link type="text/css" href="https://cdn.front.nu/dist/front.css" rel="stylesheet">
FAML (Front Text Markup Language) uses JavaScript to run.
<script src="https://cdn.front.nu/dist/front.js"></script>
| lib | Load required libraries. |
Front attributes