Introduction

Get started with Spyre, the contemporary multipurpose theme, using Bootstrap, the world's most popular framework for building responsive, mobile-first sites.

Get started with Spyre

Click the button below to buy a license and get started with Spyre. To learn more about the different licenses offered by Bootstrap Marketplace and to find the one that's right for you, click here.

Purchase now

Quick start

Looking to start your project quickly? Just unzip the spyre-v1.1.2.zip. We have precompiled and packaged everything in the pages directory for you. Start editing the pages/index.html with a text or code editor, save it and open the file in your favourite browser to see the changes.

Starter template

This basic template is a guideline for how to structure your pages when building with our theme. Included below are all the necessary elements for using the theme's CSS and JS.


<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        
        <!-- Page Title -->
        <title>Hello World</title>

        <!-- Vendor Stylesheets -->
        <link href="https://fonts.googleapis.com/css?family=Oswald:300,400,500,700|Roboto:300,400,700" rel="stylesheet">
        
        <!-- Theme Stylesheets -->
        <link href="../assets/css/theme.css" rel="stylesheet">
    </head>

    <body>
        <!-- Main Content -->
        <main class="main">...</main>
        <!-- End of Main Content -->


        <!-- Core Javascripts -->
        <script src="../assets/vendor/jquery/dist/jquery.min.js"></script>
        <script src="../assets/vendor/popper.js/dist/umd/popper.min.js"></script>
        <script src="../assets/vendor/bootstrap/dist/js/bootstrap.min.js"></script>

        <!-- Theme Javascripts -->
        <script src="../assets/js/theme.js"></script>
    </body>
</html>

Support

We provides support for bug fixes and guidance on using the theme. To access support, follow the support link in your Bootstrap Themes dashboard.