Brightspace Course Files Generator

Course Code

Enter the course code:

Course Name

Enter the course name:

Page Titles

Enter the list of page titles, one per line: (e.g. 1.1 Introduction)

File Template

The templates codes are:

Title template: {{Template}}
Course Code: {{CourseCode}}
First Header: {{Header}}

Enter the HTML template for the course files:

<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="/shared/LCS_HTML_Templates/CSPS_Template_2021/_assets/thirdpartylib/bootstrap-4.3.1/css/bootstrap.min.css">
  <!-- Font Awesome CSS -->
  <link rel="stylesheet" href="/shared/LCS_HTML_Templates/CSPS_Template_2021/_assets/thirdpartylib/fontawesome-free-5.9.0-web/css/all.min.css">
  <!-- Template CSS -->
  <link rel="stylesheet" href="/shared/LCS_HTML_Templates/CSPS_Template_2021/_assets/css/styles.min.css">
  <link rel="stylesheet" href="/shared/LCS_HTML_Templates/CSPS_Template_2021/_assets/css/custom.css">
  <link rel="stylesheet" href="assets/css/{{CourseCode}}-style.css">
  <title>{{Template}}</title>
</head>
<body>
  <div class="container-fluid data">
    <div class="row">
      <div class="col-12 offset-md-1 col-md-10 offset-lg-2 col-lg-8">
        <h1>{{Header}}</h1>
        <p>Insert your content here.</p>
      </div>
    </div>
  </div>
  <!-- Scripts -->
  <script src="/shared/LCS_HTML_Templates/CSPS_Template_2021/_assets/thirdpartylib/jquery/jquery-3.4.1.min.js"></script>
  <script src="/shared/LCS_HTML_Templates/CSPS_Template_2021/_assets/thirdpartylib/popper-js/popper.min.js"></script>
  <script src="/shared/LCS_HTML_Templates/CSPS_Template_2021/_assets/thirdpartylib/bootstrap-4.3.1/js/bootstrap.min.js"></script>
  <script src="/shared/LCS_HTML_Templates/CSPS_Template_2021/_assets/js/scripts.min.js"></script>
  <script type="module" src="assets/js/{{CourseCode}}-script.js"></script>
</body>
</html>