layout.html

<!-- {//Context::unloadAllFiles()} -->
{Context::addCSSFile('./layouts/xe_aaron_sub_layout/bower_components/materialize/dist/css/materialize.css')}
{Context::addCSSFile('./layouts/xe_aaron_sub_layout/bower_components/materialize/templates/parallax-template/css/style.css')}
<!-- {//Context::addJsFile('./layouts/xe_aaron_layout/bower_components/jquery/dist/jquery.min.js', 'head', 'gte IE 9')} -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<include target="../xe_aaron_layout/header.html"/>

<div id="coverSection" class="section no-padding">
  <div class="col s12">
    <img cond="$mid == 'introduce'" class="responsive-img cover-img" src="{$layout_info->path}/images/covers/welcome.jpg">
    <img cond="$mid == 'timeline'" class="responsive-img cover-img" src="{$layout_info->path}/images/covers/timeline.jpg">
  </div>
</div>


<main>
  <div class="container">
    <div id="body" class="row">
      <div class="content" id="content" cond="$mid == 'sermons'">{$content}</div>
        <include target="./introduce.html" cond="$mid == 'introduce'"/>
        <include target="./timeline.html" cond="$mid == 'timeline'"/>
        <include target="./shuttle.html" cond="$mid == 'shuttle'"/>
    </div>
  </div>
</main>

<div class="fixed-action-btn" style="bottom: 45px; right: 24px;">
  <div id="goTopButton" style="display:none;">
    <a class="btn-floating btn-large blue-grey lighten-1" href="javascript:onTop();"><i class="material-icons">vertical_align_top</i></a>
  </div>
</div>

<!---
<script src="{$layout_info->path}/bower_components/materialize/dist/js/materialize.js"></script>
<script src="{$layout_info->path}/js/init.js"></script>
-->