Purpose Website UI Kit

Introduction

Hey there! You’re looking at the theme’s official documentation. Flexible, ready to use UI components, plugins which will bring you so much closer to your end goals. Let’s dive in.

Open Bootstrap Docs

Get your license

First of all, in order to get started, you will have to get your license in order to use Purpose. Click the button below and then proceed to the next steps or click here to learn more about the license types offered by Bootstrap Marketplace.

Purchase now

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 bits for using the theme’s CSS and JS.


<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Hello World</title>

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?Nunito:300,400,600,700,800"> 

    <!--  CSS (including Bootstrap) -->
    <link type="text/css" href="/assets/css/theme.css" rel="stylesheet">
</head>
<body>
    <main class="main">...</main>

    <!-- Bootstrap JS -->
    <script src="/assets/vendor/jquery/jquery.min.js"></script>
    <script src="/assets/vendor/popper/popper.min.js"></script>
    <script src="/assets/vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- FontAwesome 5 -->
    <script src="assets/vendor/fontawesome/js/fontawesome-all.min.js"></script>

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