Skip to Main Content


Guide Subject Page Template

Code for Subject page
<body class="s-lib-public-body">
        <!-- BEGIN: Page Header -->
        <!-- END: Page Header -->
        <!-- BEGIN: Content Header -->
        <div id="s-lib-public-header" class="s-lib-header container s-lib-side-borders">
            <div id="s-lib-bc">
            <h1 id="s-lib-public-header-title">{{title}}
            <div id="s-lib-public-header-desc">{{system_intro}}
        <!-- END: Content Header -->
        <!-- BEGIN: Nav Bar -->
        <div id="s-lib-public-nav" class="container s-lib-side-borders">
        <!-- END: Nav Bar -->
        <!-- BEGIN: content -->
        <div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders">
            <div  id="s-lg-index-cols"  class="row">
                <div  id="col1"  class="col-md-8 center">
                    <div class="clearfix">
                        <div id="s-lg-hp-nav">
                                    <ul class="nav nav-pills">
                    <div id="s-lg-index-list" class="">
                        <div id="s-lg-col-1" class="col-md-6">
 <div id="s-lg-col-2" class="col-md-6">
                <div  id="col2"  class="col-md-4 center">
        <!-- END: content -->
        <!-- BEGIN: Page Footer -->
        <!-- END: Page Footer -->
        <div id="s-lib-alert" title="">
                            <div id="s-lib-alert-content"></div>
                <div id="s-lib-popover-title" class="hide">
                    <span class="text-info"><strong>title</strong></span>
                    <button type="button" id="popclose" class="close" onclick="jQuery('.s-lib-popover').popover('hide')">&times;</button>
                <div id="s-lib-popover-content" class="hide"><i class="fa fa-refresh fa-spin"></i> Loading...
                    <button class="btn btn-default btn-sm popclose" type="button">Close</button>
 <div id="s-lib-scroll-top">
 <a href="javascript:void(0);" onclick="jQuery('html, body').animate({scrollTop: 0}, 750);" title="Back to Top" aria-label="Back to Top"
 <span class="fa-stack fa-lg">
   <i class="fa fa-square-o fa-stack-2x"></i>
   <i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
 </div>        <!-- BEGIN: Custom Footer -->
        <!-- END: Custom Footer -->
<script src=""></script>