@(title: String, bodyClasses: String)

@html.main(title, bodyClasses) {

    <script data-main="/resources/javascripts/mainStudent.js"
            src="/resources/lib/requirejs/require.js"></script>
    <link rel="stylesheet" href="/resources/lib/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="/resources/stylesheets/students.min.css">

} {
    @*<header class="main">*@
        @*<h1 class="logo"></h1>*@
        @*<nav class="project-nav">*@
            @*<ul class="project-nav-items">*@
                @*<li class="project-nav-item">Nav item</li>*@
                @*<li class="project-nav-item">Nav item</li>*@
                @*<li class="project-nav-item">Nav item</li>*@
            @*</ul>*@
        @*</nav>*@
    @*</header>*@

    @*<aside class="main">*@
        @*<nav class="primary-nav">*@
            @*<ul class="primary-nav-items">*@
                @*<li class="primary-nav-item"><i class="fa fa-star"></i></li>*@
                @*<li class="primary-nav-item"><i class="fa fa-star"></i></li>*@
                @*<li class="primary-nav-item"><i class="fa fa-star"></i></li>*@
            @*</ul>*@
        @*</nav>*@
        @*<nav class="secondary-nav">*@
            @*<ul class="secondary-nav-items">*@
                @*<li class="secondary-nav-item"><i class="fa fa-star"></i></li>*@
                @*<li class="secondary-nav-item"><i class="fa fa-star"></i></li>*@
                @*<li class="secondary-nav-item"><i class="fa fa-star"></i></li>*@
            @*</ul>*@
        @*</nav>*@
    @*</aside>*@

    @*<main class="main main-content">*@
        @*<h2>Page title</h2>*@
        @*<h3>Subtitle | additional information about the page</h3>*@
        @*<p>The main content goes in here. At this point most of the templating will be happening in javascript.</p>*@
    @*</main>*@

    @*<footer class="main">*@
        @*<div class="footer-message">*@
            @*Hey Frank Studently! You're currently working on ELA SEC2 - HOW TO WRITE*@
        @*</div>*@
    @*</footer>*@
}