> For the complete documentation index, see [llms.txt](https://lorvent.gitbook.io/rare/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lorvent.gitbook.io/rare/html/main-content/modals.md).
# Modals
This feature is found in the [modals.html](http://new-admin.lorvent.in/modals.html) page of this Template.
There are Nine different kinds of modals included in the above mentioned page. Upon clicking on each button a pop up with different fashion appears on the screen.
**1) Basic Modals**
It has the following Structure:
This is the syntax for the button and with the click on a button, the control goes to the code shown below to display the modal
```
```
Modal Syntax:
```
....
....
```
We can learn more about modals at [Modals](http://getbootstrap.com/).
**2) Modal with alerts:**
It has the following Structure:
This is the syntax for the button and with the click on a button, the control goes to the code shown below to display the modal.
```
```
Modal Syntax:
```
....
....
```
We can learn more about modals at [Modals](http://getbootstrap.com/).
**3) Background Variations:**
It has the following Structure:
This is the syntax for the button and with the click on a button, the control goes to the code shown below to display the modal.
```
```
Modal Syntax:
```
....
....
```
We can learn more about modals at [Modals](http://getbootstrap.com/).
**4) Aside:**
It has the following Structure:
This is the syntax for the button and with the click on a button, the control goes to the code shown below to display the modal.
```
```
Modal Syntax:
```
....
....
```
We can learn more about modals at [Modals](http://getbootstrap.com/).
**5) Animated Modals:**
It has the following Structure:
This is the syntax for the button and with the click on a button, the control goes to the code shown below to display the modal.
```
```
Modal Syntax:
```
....
....
```
We can learn more about modals at [Modals](http://getbootstrap.com/).
**6) Simple Transition Effects:**
It has the following Structure:
This is the syntax for the button and with the click on a button, the control goes to the code shown below to display the modal.
```
```
Modal Syntax:
```
....
....
```
We can learn more about modals at [Modals](http://getbootstrap.com/).
**7) 3D Effects:**
It has the following Structure:
This is the syntax for the button and with the click on a button, the control goes to the code shown below to display the modal.
```
```
Modal Syntax:
```
....
....
```
We can learn more about modals at [Modals](http://getbootstrap.com/).
**8) Fullwidth Modals:**
It has the following Structure:
This is the syntax for the button and with the click on a button, the control goes to the code shown below to display the modal.
```
```
Modal Syntax:
```
....
....
```
We can learn more about modals at [Modals](http://getbootstrap.com/).
**9) 3D Effects:**
It has the following Structure:
This is the syntax for the button and with the click on a button, the control goes to the code shown below to display the modal.
```
```
Modal Syntax:
```
....
....
```
We can learn more about modals at [Modals](http://getbootstrap.com/).