Basic template

The basic template is a guideline for how to structure your pages when building with this theme.

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

            <!-- Google Fonts -->
            <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display:400,600%7CFira+Sans:300,400,400i,600">

            <!-- Material icons -->
            <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

            <!-- CSS (including Bootstrap) -->
            <link rel="stylesheet" href="assets/css/theme.css">

            <!-- JS (including Bootstrap & plugins) -->
            <script src="assets/js/theme.js" defer></script>
        </head>
        <body>
            <h1>Hello, world!</h1>
        </body>
        </html>
    
Important: Remember to add the defer attribute in order to execute the scripts after the page has been rendered.