Working with Compiled Files

Working with the compiled files generated from running your theme’s build tools is the simplest, fastest way to get started with a theme.

Quick Start

Simply attach the compiled CSS and JS files to an HTML page, or use an HTML page already provided in your theme. No build tools or local servers necessary.

If you’ve ever worked with Bootstrap by simply "attaching the CSS and JS", this is the same idea

CSS

Copy-paste the stylesheet <link> into your<head> before all other stylesheets to load our CSS. 

<link rel="stylesheet" href="../assets/css/theme.min.css">

JS

Copy-paste the Javascript <script> into your HTML files before <body> . 

<script src="../assets/libs/jquery/dist/jquery.min.js"></script>
<script src="../assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/theme.min.js"></script>

Starter template

Starter template is a snippet code for blank HTML page. Use the below snippet as a way to quickly start any new blank page. 

<!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="../assets/css/theme.min.css">
     <title>Hello, world!</title>
  </head>
  <body>
      <h1>Hello, world!</h1>
      <!-- Optional JavaScript -->
      <!-- jQuery first, then Popper.js, then Bootstrap JS -->
      <script src="../assets/libs/jquery/dist/jquery.min.js"></script>
      <script src="../assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
      <script src="../assets/js/theme.min.js"></script>
  </body>
</html>
Contents