---
title: Falcon Documentation Page
description: Falcon Documentation Page
---

# WEBSITE DOCUMENTATION

### Introduction

Detailed documentation, responsive design, customizable modules... give yourself the tools you need to become a leader in your market and exceed your growth ambitions.

It's simple and easy! You can start by go through our documentation to understand how to customize and develop your project to include our features:

### Global Header

This the main header for your main website pages. You can edit logo, menu and buttons and their respective links.

![global-header-2](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/global-header-2.png?width=1385&name=global-header-2.png "global-header-2")

### Header With Mega Menu

This the main Header With Mega Menu for your main website pages. You can edit logo, menu and buttons and their respective links.

![header-with-mega-menu](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/header-with-mega-menu.png?width=1363&name=header-with-mega-menu.png "header-with-mega-menu")

### Advanced Header

This the main Advanced Header for your main website pages. You can edit logo, menu and buttons and their respective links.

![advanced-header-1](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/advanced-header-1.png?width=1303&name=advanced-header-1.png "advanced-header-1")

### Header No Navigation

A simple header for all landing pages.

![landing header](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/landing%20header.png?width=1345&name=landing%20header.png "landing header")

### Global Footer

This the main footer for the website pages. You can edit logo, menu and social icons and their respective links, and all the text.

![global-footer-2](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/global-footer-2.png?width=1443&name=global-footer-2.png "global-footer-2")

### One Col Footer

This the main One Col Footer for the website pages. You can edit logo, menu and social icons and their respective links, and all the text.

![one-col-footer](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/one-col-footer.png?width=949&name=one-col-footer.png "one-col-footer")

### Footer with Left Logo

This the main Footer with Left Logo for the website pages. You can edit logo, menu and social icons and their respective links, and all the text.

![footer-with-left-logo](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/footer-with-left-logo.png?width=1394&name=footer-with-left-logo.png "footer-with-left-logo")

### Footer No Navigation

A simple footer for all landing pages.

![landing-footer-1](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/landing-footer-1.png?width=1130&name=landing-footer-1.png "landing-footer-1")

### Button

This Module is used to add button on your page.

 Add a button link here

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Button Text
- Insert text of button

- Button Link
- Add Page on button

###### Style Fields

- Text
- Choose Text styling of button

- Background
- Choose Background color of button

- Border
- Choose Border style of button

- Corner
- Choose border radius

- Spacing
- Choose Spacing around button

- Alignment
- Choose Alignment of button

### Breadcrumbs

This Module is used to add breadcrumbs on your page.

![breadcums](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/breadcums.png?width=527&name=breadcums.png "breadcums")

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Menu
- Insert Menu

###### Style Fields

- Background
- Choose Background color

- Text
- Choose Text color

- Link
- Choose link color

### Blog Banner

This Module is used to add blog banner on your page.

![blog-banner](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/blog-banner.png?width=1778&name=blog-banner.png "blog-banner")

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

###### Style Fields

- Section Background
- Select background option in the module like image, color, gradient.

- Section Spacing
- For giving padding and margin on the module for (Desktop and Mobile).

- Typography
- To Give Title color , description color and content alignment

### Blog Listings

This Module is used to add blog listings on your page.

![Blog Listings](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/blog-listings.png?width=1445&name=blog-listings.png "Blog Listings")

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Featured Image
- Check the boolean button to add the Featured image in listing items

- Title
- Check the boolean button to add the title in listing items

- Description
- Check the boolean button to add the description in listing items

- Publish Date
- Check the boolean button to add the Date in listing items

###### Style Fields

- Background Color
- For Give background color in the items

- Box Shadow
- Check the boolean button to add box shadow in the items

- Title Color
- For Give title color

- Content Color
- For Give content color

### Counter

This Module is used to add counter on your page. You can edit Title, description and number prefix,suffix and all the text.

## Home to the software teams

Meet your developers where they already are. GitHub is home to over 40 million developers and the world’s largest open source community.

## $0K+

 Title

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Counter title,number and prefix,suffix
- For giving title,number and prefix,suffix

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Content color
- For giving content color

- Alignment
- Choose Where you want to display the content: left, center or right.

- Container
- Select the container width like fullwidth, container and custom.

### Counter With Top Icon

This Module is used to add counter on your page. You can edit Title, description and number prefix,suffix and all the text.

## Home to the software teams

Meet your developers where they already are. GitHub is home to over 40 million developers and the world’s largest open source community.

$0K+

### Title

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Counter title,number and prefix,suffix
- For giving title,number and prefix,suffix

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Typography
- For giving heading color, description color and counter box background color.

- Container
- Select the container width like fullwidth, container and custom.

### Contact Banner

This Module is used to add contact banner on your page. You can edit Title, description and form.

![contact-banner](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/contact-banner.png?width=1911&name=contact-banner.png "contact-banner")

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Form
- Choose which form you want to display

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Typography
- For giving heading color, description color and counter box background color.

- Container
- Select the container width like fullwidth, container and custom.

- Form Background Color
- For giving form background color

### Contact Details

This Module is used to insert contact details and description and card details.

## Designed for business teams

Deliver great service experiences fast - without the complexity of traditional ITSM solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease.

![lock-closed](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/lock-closed.svg)

###### Private repos

Host code that you don't want to share with the world in private GitHub repos only accessible to you and people you share them with.

Learn more

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- card
- Choose your card items content

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Typography
- For giving heading color, description color and content alignment.

- Container
- Select the container width like fullwidth, container and custom.

### Customer Logos

This module is used to show customer logos with slider

## You’ll be in good company

![Shell](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/Shell.svg)

![Shell](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/Shell.svg)

![Shell](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/Shell.svg)

![Shell](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/Shell.svg)

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Logo Image
- For giving logo image

- Logo Link
- For giving a link to the logo

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and content alignment.

### Customer Logo With Button

This module is used to show customer logos

## Grow with Flowbite

![amazon](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/amazon.svg)

###### customers since 2016

visit website

![amazon](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/amazon.svg)

###### customers since 2016

visit website

![amazon](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/amazon.svg)

###### customers since 2016

visit website

![amazon](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/amazon.svg)

###### customers since 2016

visit website

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Logo Image
- For giving logo image

- Logo Description
- Insert an logo intro text

- Button Text
- Insert text of button

- Button Link
- Add Page on button

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Typography
- For giving heading color, description color and content alignment.

- Container
- Select the container width like fullwidth, container and custom.

### Client Reviews

This module is used to show client reviews

## What is Lorem Ipsum?

##### Lorem Ipsum?

**Lorem Ipsum**

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque, metus id hendrerit hendrerit, nisl odio laoreet quam, a fermentum dui lectus mollis nisi. Mauris fermentum eros sit amet odio hendrerit condimentum. Ornare dolor ac consectetur

Button Text

## What is Lorem Ipsum?

##### Lorem Ipsum?

**Lorem Ipsum**

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque, metus id hendrerit hendrerit, nisl odio laoreet quam, a fermentum dui lectus mollis nisi. Mauris fermentum eros sit amet odio hendrerit condimentum. Ornare dolor ac consectetur

Button Text

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Sub Title
- For giving module sub title

- Description
- Insert an intro text

- Rating
- Add ratings in the items

- Button
- Add buttons like standard, cta and popup

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color, rating color, sub heading color and content alignment.

### Content With Meeting

This module is used to show content with meeting

![content-with-meeting](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/content-with-meeting.png?width=1605&name=content-with-meeting.png "content-with-meeting")

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Image
- Choose image what you want to show

- Meeting
- For select a meeting time

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color and description color

### Content With Form

This module is used to show content with form

## Sample Title

Here at flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.

Button Text

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Button
- Add buttons like standard, cta and popup

- Form
- Select a form you want to show

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and content alignment.

### CTA With Image

This Module is used to show CTA With Image in the page

## Call to Action

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.

Button Text

![Banner_Stat](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/Banner_Stat.png?width=1000&height=753&name=Banner_Stat.png)

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Button
- Add buttons like standard, cta and popup

- Image
- Insert an Right Image

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color, Inner Background Color and content alignment.

### CTA With Right Button

This Module is used to show CTA With Right Button in the page

![Banner_Stat](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/Banner_Stat.png?width=1000&height=753&name=Banner_Stat.png)

## Call to Action

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.

Download Guide

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Button
- Add button like standard, cta and popup

- Image
- Insert an Left Image

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color, Inner Background Color and content alignment.

### FAQ

This Module is used to show accordion in the page

## Frequently asked questions

Here at flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.

Button Text

###### Can I use FlowBite in open-source projects?

Generally, it is accepted to use FlowBite in open-source projects, as long as it is not a UI library, a theme, a template, a page-builder that would be considered as an alternative to FlowBite itself.

With that being said, feel free to use this design kit for your open-source projects.

Find out more information by reading the license.

###### Can I use FlowBite in open-source projects?

Generally, it is accepted to use FlowBite in open-source projects, as long as it is not a UI library, a theme, a template, a page-builder that would be considered as an alternative to FlowBite itself.

With that being said, feel free to use this design kit for your open-source projects.

Find out more information by reading the license.

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Button
- Add buttons like standard and cta

- Accordion Title
- Insert an accordion title

- Accordion Content
- Insert an accordion content

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and content alignment.

### FAQ Two Column

This Module is used to show two column content with accordion in the page

![Faq](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/faq.svg)

## Frequently asked questions

Here at flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.

Button Text

###### Can I use FlowBite in open-source projects?

Generally, it is accepted to use FlowBite in open-source projects, as long as it is not a UI library, a theme, a template, a page-builder that would be considered as an alternative to FlowBite itself.

With that being said, feel free to use this design kit for your open-source projects.

Find out more information by reading the license.

###### Can I use FlowBite in open-source projects?

Generally, it is accepted to use FlowBite in open-source projects, as long as it is not a UI library, a theme, a template, a page-builder that would be considered as an alternative to FlowBite itself.

With that being said, feel free to use this design kit for your open-source projects.

Find out more information by reading the license.

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Image
- Choose image what you want to show

- Accordion Title
- Insert an accordion title

- Accordion Content
- Insert an accordion content

- Button
- Select button like standard and cta

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and content alignment.

### Features

This Module is used to show Features in the page

## Title

 Sample Content

![database](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/database.svg)

###### Project Management

![check](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/check.svg)

Unified Contribution Graph

![database](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/database.svg)

###### Project Management

![check](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/check.svg)

Unified Contribution Graph

![database](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/database.svg)

###### Project Management

![check](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/check.svg)

Unified Contribution Graph

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- cards
- Add cards items

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color, Card background Color and content alignment.

### Features With Two Column

This Module is used to show Features two column content with card in the page

## Designed for strong teams like yours

Here we focus on markets where creativity and innovation can unlock long-term value and growth.

Learn more

![presentation-chart-line](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/presentation-chart-line.svg)

###### Marketing

Collaborate seamlessly with all the organization and hit your marketing goals every month with our marketing plan.

![presentation-chart-line](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/presentation-chart-line.svg)

###### Marketing

Collaborate seamlessly with all the organization and hit your marketing goals every month with our marketing plan.

![presentation-chart-line](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/presentation-chart-line.svg)

###### Marketing

Collaborate seamlessly with all the organization and hit your marketing goals every month with our marketing plan.

![presentation-chart-line](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/presentation-chart-line.svg)

###### Marketing

Collaborate seamlessly with all the organization and hit your marketing goals every month with our marketing plan.

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Button
- Select button like standard and cta

- Cards
- Adding card items like icons, title, description

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and content alignment.

### Hero Banner

It's hero banner module

# We invest in the world’s potential

Here at flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.

Button Text

![Banner_Stat](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/Banner_Stat.png?width=1000&height=753&name=Banner_Stat.png)

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Button
- Select button like standard, cta and popup

- Image
- Choose image what you want to show

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and content alignment.

### Hero Banner With Two Column

It's hero banner module

![hero-banner02](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/hero-banner02.png?width=1637&name=hero-banner02.png "hero-banner02")

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Form
- Choose which form you want to display

- Video Type
- Choose what type of video you want to display

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and content alignment, mobile alignment.

### Image With Content

You can add image and content.

![image ](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/image%20.png?width=612&height=674&name=image%20.png)

## Designed for business teams

Deliver great service experiences fast - without the complexity of traditional ITSM solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease.

![lock-closed](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/lock-closed.svg)

###### Private repos

Host code that you don't want to share with the world in private GitHub repos only accessible to you and people you share them with.

Learn more

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Card
- Choose your card items content

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and content alignment.

### Map

You can add map.

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Location
- For giving change location

### Newsletter

This Module is used to show newsletter in the page

## Sign up for our newsletter

Stay up to date with the roadmap progress, announcements and exclusive discounts feel free to sign up with your email.

We care about the protection of your data. Read our Privacy Policy.

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Form
- Choose which form you want to display

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and content alignment.

### Our Culture

This Module is used to show our culture in the page

![our-culture](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/our-culture.png?width=1609&name=our-culture.png "our-culture")

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Button
- Select button like standard, cta and popup

- Cards
- Add cards items. Image, Title, Content

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and cards title color, description color.

### Our Team

Display your organization team members.

## Meet our team

You’ll interact with talented professionals, will be challenged to  
solve difficult problems and think in new and creative ways.

###### Robert Brown

 CEO & Co-Founder

###### Robert Brown

 CEO & Co-Founder

###### Robert Brown

 CEO & Co-Founder

###### Robert Brown

 CEO & Co-Founder

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- cards
- Add items. image, name, designation, description

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and items name color, designation color

### Pricing With Table

This module is used to show Pricing.

## What is Lorem Ipsum?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.

Monthly

Yearly

##### Lorem Ipsum

Lorem Ipsum is simply dummy text of typesetting industry.

$15 /month

$160 /year

- Lorem Ipsum list

 Get started

##### Lorem Ipsum

Lorem Ipsum is simply dummy text of typesetting industry.

$15 /month

$160 /year

- Lorem Ipsum list

 Get started

##### Lorem Ipsum

Lorem Ipsum is simply dummy text of typesetting industry.

$15 /month

$160 /year

- Lorem Ipsum list

 Get started

Show Detailed Plan Comparison

- Starter
- Company
- Enterprise

| Tailwind CSS code | Starter | Company | Enterprise |
| --- | --- | --- | --- |
| Basic components (view all) |  |  |  |
| Basic components (view all) |  |  |  |
| Basic components (view all) |  |  |  |
| Basic components (view all) |  |  |  |

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Card Title
- For giving card title

- Card Description
- Insert an card description

- Button Text
- Insert text of button

- Button Link
- Add Page on button

- Table
- Add table in the bottom

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Text Style
- Choose text style, text color and alignment

- Card group
- Add cards and table styling

### Pricing

This module is used to show Pricing.

## What is Lorem Ipsum?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.

Monthly

Yearly

##### Lorem Ipsum

#### $15

#### $160

$15 USD per month, paid annually

Go to annual plan 

 Get started

- Lorem Ipsum list

##### Lorem Ipsum

#### $15

#### $160

$15 USD per month, paid annually

Go to annual plan 

 Get started

- Lorem Ipsum list

##### Lorem Ipsum

#### $15

#### $160

$15 USD per month, paid annually

Go to annual plan 

 Get started

- Lorem Ipsum list

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Button Text
- Insert text of button

- Button Link
- Add Page on button

- Card Title
- For giving card title

- Card Description
- Insert an card description

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and content alignment

- card group
- Adding cards styling

### Recent Post

This module is used to show recent post.

![recent-post](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/recent-post.png "recent-post")

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Select Blog
- For select a blog

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and cards styling

### Tabber

This module is used to show Tabber.

![tabber](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/tabber.png?width=1594&name=tabber.png "tabber")

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Button
- Select button like standard, cta and popup

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and cards title color, description color.

### Tabber With Slider

This module is used to show Tabber with slider.

![tabber-with-slider](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/tabber-with-slider.png "tabber-with-slider")

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Tabber group
- Add Tabber items, title and content with image slider.

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Card style
- Add card style list color, heading color, description color and active color

### Testimonials With Cards

This module is used to show Testimonials.

![Testimonialss](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/Testimonialss.png?width=1451&name=Testimonialss.png "Testimonialss")

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Button Text
- Insert text of button

- Button Link
- Add Page on button

- Title
- For giving title

- Description
- Insert an description

- Author Name
- Write your author member

- Author Description
- insert designation of author

- Author Image
- insert image of author

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and content alignment

### Testimonials

This module is used to show Testimonials.

![Testimonials1](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/Testimonials1.png?width=1860&name=Testimonials1.png "Testimonials1")

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Author Name
- Write your author member

- Author Description
- insert designation of author

- Author Image
- insert image of author

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color, content alignment and cards styling

### Testimonials With Two Column

This module is used to show Testimonials.

![Testimonials2](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/Testimonials2.png?width=1545&name=Testimonials2.png "Testimonials2")

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Left Image
- insert left image

- Author Name
- Write your author member

- Author Description
- insert designation of author

- Logo Image
- insert logo image

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and author styling.

### Two Column

This module is used to show Two Column.

## Powering innovation at 200,000+ companies worldwide

Empower Developers, IT Ops, and business teams to collaborate at high velocity. Respond to changes and deliver great customer and employee service experiences fast.

Track work across the enterprise through an open, collaborative platform. Link issues across Jira and ingest data from other software development tools, so your IT support and operations teams have richer contextual information to rapidly respond to requests, incidents, and changes.

Deliver great service experiences fast - without the complexity of traditional ITSM solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete audit trail for every change.

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Button
- Select button like standard, cta and popup

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and content alignment

### Two Column Content With Counter

This module is used to show Two Column Content With Counter.

![two-col-counter](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/two-col-counter.png?width=1641&name=two-col-counter.png "two-col-counter")

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Right Image
- insert right image

- Title
- For giving module title

- Description
- Insert an intro text

- Left Icon Image
- insert left icon image

- Title
- Insert an title

- Description
- Insert an description

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and Counter card styling

### Two Column Equal Content

This module is used to show two column equal content.

![Services-imag03](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/Services-imag03.png?width=608&height=529&name=Services-imag03.png)

## Work with tools you already use

Deliver great service experiences fast - without the complexity of traditional ITSM solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease.

- Continuous integration and deployment
- Development workflow
- Knowledge management

Deliver great service experiences fast - without the complexity of traditional ITSM solutions.

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Right Image
- insert right image

- Title
- For giving module title

- Description
- Insert an intro text

- Left Icon Image
- insert left icon image

- Title
- Insert an title

- Description
- Insert an description

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color and list color

### Video With Content

This module is used to show video.

![video-with-content](https://hermitcrabs-2474026.hs-sites.com/hubfs/flowbite_pro_july2023/image/video-with-content.png "video-with-content")

### Field Used in Modules

##### Name

##### Description

###### Content Fields

- Id
- For uniquely identifying the module

- Class
- Add class for the module

- Title
- For giving module title

- Description
- Insert an intro text

- Video Type
- Choose what type of video you want to display

###### Style Fields

- Desktop Spacing
- For giving padding and margin on the module

- Mobile Spacing
- For giving padding and margin on the module in Mobile

- Background color and image
- For giving background color and image to the module

- Container
- Select the container width like fullwidth, container and custom.

- Typography
- For giving heading color, description color, content alignment and play icon color

### HOME PAGE

This is a sample of home page layout of your website.

![home-page](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/home-page.png?width=571&height=2000&name=home-page.png "home-page")

### ABOUT PAGE

This is a sample of about page layout of your website.

![About Page](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/about-page-1.png?width=998&height=2000&name=about-page-1.png "About Page")

### CONTACT PAGE

This is a sample of contact page layout of your website.

![contact page](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/contact-page.png?width=1452&height=2000&name=contact-page.png "contact page")

### Pricing Page

This is a sample of pricing page layout of your website.

![pricing page](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/pricing-page.png?width=1118&height=2000&name=pricing-page.png "pricing page")

### Team page

This is a sample of team page layout of your website.

![team-page-1](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/team-page-1.png?width=847&height=2000&name=team-page-1.png "team-page-1")

### Testimonials page

This is a sample of testimonials page layout of your website.

![testimonials-page](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/testimonials-page.png?width=1067&height=2000&name=testimonials-page.png "testimonials-page")

### Terms And Conditions page

This is a sample of terms and conditions page layout of your website.

![terms-and-conditions-page](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/terms-and-conditions-page.png?width=1209&height=2000&name=terms-and-conditions-page.png "terms-and-conditions-page")

### Services page

This is a sample of services page layout of your website.

![Services Page](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/services-page.png?width=626&height=2000&name=services-page.png "Services Page")

### landing page

This is a sample of landing page layout of your website.

![landing-page-1](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/landing-page-1.png?width=1920&name=landing-page-1.png "landing-page-1")

### Blog Index

This is a sample of blog index layout of your website.

![Blog Index](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/blog-index-1.png?width=1920&name=blog-index-1.png "Blog Index")

### Blog Post

This is a sample of blog post layout of your website.

![Blog Post](https://hermitcrabs-2474026.hs-sites.com/hs-fs/hubfs/flowbite_pro_july2023/image/Blog%20Post.png?width=1156&height=2000&name=Blog%20Post.png "Blog Post")