# Installation

## Ready to get started? Download the package now!

Users can download Judiciary Design System's HTML (boilerplate template), CSS and JavaScript files and host them yourself in your development environment.

| Version                    | Release Date | Download here                                                                            |
| -------------------------- | ------------ | ---------------------------------------------------------------------------------------- |
| Beta 2.1 (Bootstrap 5.2.0) | 30-Mar-2023  | [Download Beta 2.1](https://vision.crimsonlogic.studio/jds/v2.1/jds-bs5-2.1_032023.zip)  |
| Beta 1.2.1                 | 20-Mar-2023  | [Download Beta 1.2.1](https://vision.crimsonlogic.studio/jds/v1.2/jds-v1.2.1_032023.zip) |
| Beta 1.2                   | 13-Sep-2022  | [Download Beta 1.2](https://vision.crimsonlogic.studio/jds/v1.2/jds-v1.2_092022.zip)     |
| Beta 1.1                   | 29-Nov-2021  | [Download Beta 1.1](https://vision.crimsonlogic.studio/jds/v1.1/jds-v1.1_112021.zip)     |
| Beta 1.0                   | 31-Mar-2021  | [Download Beta 1.0](https://vision.crimsonlogic.studio/jds/v1/jds_beta_1.0.zip)          |

{% hint style="info" %}

#### The package zip file contains HTML pages, images, CSS and JS files. CSS and JS files are as shown below.

{% endhint %}

```
<!--  CSS --> 
all.min.css <!-- Font Awesome Minified CSS -->
bootstrap.min.css <!-- Bootstrap v4.6 Minified CSS -->
cluxp.css <!-- CL UX Practice R2-S2 Foundation CSS -->
datatables.css <!-- DataTables CSS -->
animate.min.css <!-- Animate Minified CSS -->
aos.min.css <!-- AOS: Animate on Scroll Minified CSS --> 
css/nouislider.css <!-- Range Slider CSS -->
jds.css <!-- JDS specific CSS -->

<!--  JS  --> 
jquery.min.js <!-- jQuery Minified JS --> 
bootstrap.bundle.min.js <!-- Bootstrap Bundle Minified JS --> 
cluxp.js <!-- CL UX Practice R2-S2 Foundation JS --> 
datatables.min.js <!-- DataTables Minified JS --> 
aos.min.js <!-- AOS: Animate on Scroll Minified JS --> 
faqs.js <!-- CL UX Practice R2-S2 Searchable FAQs JS --> 
nouislider.js <!-- Range Slider JS-->
wNumb.js<!-- Range Slider JS-->
jds.js <!-- JDS specific JS -->
```

## Templates

After including the package in development environment, users can start building pages from scratch by using the following templates available in the package and add necessary components from the code snippets available at components section.

| Templates                           | Preview                                                                             |
| ----------------------------------- | ----------------------------------------------------------------------------------- |
| Header + Body (Empty) + Footer      | [\[ Preview \]](https://vision.crimsonlogic.studio/jds/v1.1/page-empty.html)        |
| Header + Body with Content + Footer | [\[ Preview \]](https://vision.crimsonlogic.studio/jds/v1.1/page-with-content.html) |
| Header + Body with Form + Footer    | [\[ Preview \]](https://vision.crimsonlogic.studio/jds/v1.1/page-with-form.html)    |
| My Info                             | [\[ Preview \]](https://vision.crimsonlogic.studio/jds/v1.1/my-info.html)           |
| FAQ                                 | [\[ Preview \]](https://vision.crimsonlogic.studio/jds/v1.1/faq.html)               |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://sg-jds.gitbook.io/jds-beta/jds-install.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.