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:

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

main_header

Landing Page Header

A simple header for all landing pages.

lp_header

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

main_footer

A simple footer for all landing pages.

lp_footer

Accordion

This Module is used to show accordion in the page.

Want to Know More

FAQ

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Field Used in Modules

Name

Description

Content Fields
  • Section Id
  • For uniquely identifying the module
  • Sidebar Title
  • For giving module title on top left
  • Sidebar Subtitle
  • For giving module subtitle on top left
  • Content
  • For adding some text above the accordion text
  • Choose Heading
  • For selecting heading of Showing Content
  • Title
  • Title of the accordion
  • Content
  • Hidden text of accordion
Style Fields
  • Animation Type
  • Choose the animation you want on loading the page
  • Desktop Spacing
  • For giving padding and margin on the module
  • Mobile Spacing
  • For giving padding and margin on the module in Mobile
  • Border Color
  • Choose the color of the borders of the accordion.

Button

This Module is used to add button on your page.

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

Contact Details

This Module is used two column design to insert contact details and description

Contact us

EMAIL

info@hermitcrabs.io

PHONE

+65 3131 6151

ADDRESS

No. 154, 1st, Floor,
5th Cross Rd,
BTM Layout, Bengaluru,
560076 Karnataka

CAREERS, INTERNSHIPS AND VOLUNTEERING

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 text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Why do we use it?

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Field Used in Modules

Name

Description

Content Fields
  • Section Id
  • For uniquely identifying the module
  • Sidebar Title
  • For giving module title on top left
  • Sidebar Subtitle
  • For giving module subtitle on top left
  • Left Col Content
  • For adding contact details in the page
  • Right Col Content
  • Insert description for the section
Style Fields
  • Desktop Spacing
  • For giving padding and margin on the module
  • Mobile Spacing
  • For giving padding and margin on the module in Mobile

Contact Form

Choose to display one of your hubspot form.

Send us a message

Field Used in Modules

Name

Description

Content Fields
  • Section Id
  • For uniquely identifying the module
  • Sidebar Title
  • For giving module title on top left
  • Sidebar Subtitle
  • For giving module subtitle on top left
  • Content
  • For adding some text above the accordion text
  • Hide Form Label
  • Toggle to show/hide Field labels
  • 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

Hero Banner With Video

It's hero banner which also have an option to include hubspot video, youtube video and vimeo video in popup

Field Used in Modules

Name

Description

Content Fields
  • Section Id
  • For uniquely identifying the module
  • Sidebar Title
  • For giving module title on top left
  • Sidebar Subtitle
  • For giving module subtitle on top left
  • Background Image
  • Choose the image for the background
  • Choose Heading
  • Selecting the heading size
  • Title
  • Write the title you want to show
  • Content
  • Insert an intro text
  • Video Type
  • Choose what type of video you want to display
  • Button Text
  • When user click on it video popup will open or page open according to your choice
Style Fields
  • Animation Type
  • Choose the animation you want on loading the page
  • Desktop Spacing
  • For giving padding and margin on the module
  • Mobile Spacing
  • For giving padding and margin on the module in Mobile

Display a responsive image gallery with filter.

Our projects span the globe

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

Filter by region:

  • All
  • Rest of the world
  • UK
  • UK Territory
Jersey
Jersey
Ascension Island
Ascension Island
North Devon
North Devon
Ascension Island
Tristan da Cunha
photo-1498330177096-689e3fb901ca
Italy

Field Used in Modules

Name

Description

Content Fields
  • Section Id
  • For uniquely identifying the module
  • Sidebar Title
  • For giving module title on top left
  • Sidebar Subtitle
  • For giving module subtitle on top left
  • Content
  • Insert an intro text
  • Tag Name
  • To show on which parameter you want to filter images
  • Image
  • Choose image what you want to show
  • Choose Heading
  • Selecting the heading size
  • Title
  • Write the title you want to show on over the image
  • Link
  • Add your link if you want to
  • Custom Tag
  • Add Tag to images for distinguish
Style Fields
  • Column Width
  • Choose Column width to change the width of images
  • Desktop Spacing
  • For giving padding and margin on the module
  • Mobile Spacing
  • For giving padding and margin on the module in Mobile
  • Hover Background Overlay Color
  • Choose background color and opacity for hovering effect of image

Image with content

You can add image and text.

Our mission

OUR MISSION

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Field Used in Modules

Name

Description

Content Fields
  • Section Id
  • For uniquely identifying the module
  • Sidebar Title
  • For giving module title on top left
  • Sidebar Subtitle
  • For giving module subtitle on top left
  • Image Top Content
  • For adding some text on above the image
  • Image
  • Choose image what you want to show
  • Content
  • Insert an intro text
Style Fields
  • Animation Type
  • Choose the animation you want on loading the page
  • Image Alignment
  • Choose Left or Right on which side you want to show image should display
  • Desktop Spacing
  • For giving padding and margin on the module
  • Mobile Spacing
  • For giving padding and margin on the module in Mobile

Image with content

You can add image and text.

Our mission

OUR MISSION

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Field Used in Modules

Name

Description

Content Fields
  • Section Id
  • For uniquely identifying the module
  • Sidebar Title
  • For giving module title on top left
  • Sidebar Subtitle
  • For giving module subtitle on top left
  • Image Top Content
  • For adding some text on above the image
  • Image
  • Choose image what you want to show
  • Content
  • Insert an intro text
Style Fields
  • Animation Type
  • Choose the animation you want on loading the page
  • Image Alignment
  • Choose Left or Right on which side you want to show image should display
  • Desktop Spacing
  • For giving padding and margin on the module
  • Mobile Spacing
  • For giving padding and margin on the module in Mobile

Key Achievement

Display what your organization achieved over the years .

Key achievements

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

2010
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
2011
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
2012
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
2013
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
2014
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Field Used in Modules

Name

Description

Content Fields
  • Section Id
  • For uniquely identifying the module
  • Sidebar Title
  • For giving module title on top left
  • Sidebar Subtitle
  • For giving module subtitle on top left
  • Content
  • Insert an intro text
  • Choose Heading
  • Selecting the heading size
  • Title
  • Write the year
  • Content
  • Insert about your achievement
  • Link
  • Add link if there is any page for that showing your achievement
Style Fields
  • Desktop Spacing
  • For giving padding and margin on the module
  • Mobile Spacing
  • For giving padding and margin on the module in Mobile

Map

Google Map to a personalized location address.

Field Used in Modules

Name

Description

Content Fields
  • Section Id
  • For uniquely identifying the module
  • Map Address
  • To insert your personalized address location

Our Partners

Logo slider to show partners, media, customers or any visual identity that revolves around your organization.

Our Partners

Our Supporters

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

Become a partner

Field Used in Modules

Name

Description

Content Fields
  • Section Id
  • For uniquely identifying the module
  • Sidebar Title
  • For giving module title on top left
  • Sidebar Subtitle
  • For giving module subtitle on top left
  • Choose Heading
  • Selecting the heading size
  • Title
  • Write the year
  • Content
  • Insert an intro text
  • Image
  • Choose your partner/customer image
  • Link
  • Add link if you want to give your partner/customer website link
Style Fields
  • Desktop Spacing
  • For giving padding and margin on the module
  • Mobile Spacing
  • For giving padding and margin on the module in Mobile
  • Sidebar Title Border Color
  • For choosing color of vertical line
  • Slider Autoplay
  • Click on checkbox if you want to Enable automatic scrolling of logos from left to right.
  • Autoplay Timing
  • Choose how much later logos should automatic scroll in seconds

Our Team

Display your organization team members.

Team

Charles Clover

Co-founder and Executive Director

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Sophia

Projects Director

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Alicia Marcus

Chairman

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Hannah Baker

Developer

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Peter Anderson

Management Accountant

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

William Cage

Campaigns Producer

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Field Used in Modules

Name

Description

Content Fields
  • Section Id
  • For uniquely identifying the module
  • Title
  • Insert the title of section
  • Image
  • Choose your team member image
  • Choose Heading
  • Selecting the heading size
  • Title
  • Write your team member
  • Designation
  • insert designation of member
  • Content
  • write team member short bio
Style Fields
  • Column Width
  • Choose Column width to change the width
  • Desktop Spacing
  • For giving padding and margin on the module
  • Mobile Spacing
  • For giving padding and margin on the module in Mobile

Recent Post

This module will show all the recent posts that you will add in blog.

Field Used in Modules

Name

Description

Content Fields
  • Section Id
  • For uniquely identifying the module
  • Sidebar Title
  • For giving module title on top left
  • Sidebar Subtitle
  • For giving module subtitle on top left
  • Blog
  • Choose Your Blog
  • Number of Posts
  • Choose how many posts should display
  • Featured Image
  • Add/Remove Featured Image
  • Post Title
  • Add/Remove Post Title
  • Read More
  • Add/Remove Read More
  • Read More Text
  • Edit Read More text, it will automatically hide when you disable read more checkbox
Style Fields
  • Column Width
  • Choose Column width to change the width
  • Desktop Spacing
  • For giving padding and margin on the module in Mobile
  • Mobile Spacing
  • For giving padding and margin on the module

Site Search Input

This module gives you the option to search inside the website. It is mainly used in the header. When you click on the search icon it will open and close. You can easily remove/add this module from the header.

site-search

 

Field Used in Modules

Name

Description

Content Fields
  • Placeholder Text
  • To edit placeholder text in the form.
  • Include Search Button
  • Enable the checkbox if you want to add search button

Slider

Add a slider in your website pages with image and content option

Quotes

People

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Team

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Contact

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Field Used in Modules

Name

Description

Content Fields
  • Section Id
  • For uniquely identifying the module
  • Sidebar Title
  • For giving module title on top left
  • Sidebar Subtitle
  • For giving module subtitle on top left
  • Background Image
  • Choose background image
  • Content
  • Insert an intro text
  • Link Text
  • Insert text for giving page link if any
  • Link
  • Choose Page Link
Style Fields
  • Animation Type
  • Choose the animation you want on loading the page
  • Desktop Spacing
  • For giving padding and margin on the module in Mobile
  • Mobile Spacing
  • For giving padding and margin on the module
  • Sidebar Title Border Color
  • For choosing color of vertical line
  • Slider Autoplay
  • Click on checkbox if you want to Enable automatic scrolling of logos from left to right.
  • Autoplay Timing
  • Choose how much later logos should automatic scroll in seconds
  • Height
  • Insert your carousel height
  • Color Fields
  • Insert Color for each fields according their labels

This module provides the social media links for your website pages.

Field Used in Modules

Name

Description

Content Fields
  • Title
  • Write the title you want to show
  • Social Account
  • Choose the social account of which you want to add.
  • Svg
  • Write svg code or add image of the social media icon
  • Social Link
  • Add Links to icons
  • Accessibility options - Title
  • Give extra information. It will show when you hover on the icons
Style Fields
  • Alignment
  • Choose Where you want to display the icons: left, center or right.
  • Size
  • Choose the size of icons
  • Corner
  • Edit the border radius
  • Spacing
  • Provide how much space should be there between the icons.

Tabber

There are buttons to open specific tab content.

Get to Know

People
Client
Join Us
  • Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

  • Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

  • Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Field Used in Modules

Name

Description

Content Fields
  • Section Id
  • For uniquely identifying the module
  • Sidebar Title
  • For giving module title on top left
  • Sidebar Subtitle
  • For giving module subtitle on top left
  • Content
  • write team member short bio
  • Title
  • Insert the button text
  • Content
  • Insert Tab Content
Style Fields
  • Animation Type
  • Choose the animation you want on loading the page
  • Desktop Spacing
  • For giving padding and margin on the module
  • Mobile Spacing
  • For giving padding and margin on the module in Mobile

testimonial slider

Insert your team member, customers view on website

Quotes

David Harbour

CEO

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Sophia

Projects Director

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Alicia Marcus

Chairman

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Field Used in Modules

Name

Description

Content Fields
  • Section Id
  • For uniquely identifying the module
  • Sidebar Title
  • For giving module title on top left
  • Sidebar Subtitle
  • For giving module subtitle on top left
  • Name
  • Insert name of person
  • Designation
  • Insert designation of person
  • Message
  • Insert message shared by the person
Style Fields
  • Animation Type
  • Choose the animation you want on loading the page
  • Desktop Spacing
  • For giving padding and margin on the module
  • Mobile Spacing
  • For giving padding and margin on the module in Mobile
  • Slider Autoplay
  • Click on checkbox if you want to Enable automatic scrolling of logos from left to right.
  • Autoplay Timing
  • Choose how much later logos should automatic scroll in seconds
  • Color Fields
  • Insert Color for each fields according their labels

Three Column Content

Add This module to insert three column with background image.

three-column-content

Field Used in Modules

Name

Description

Content Fields
  • Section Id
  • For uniquely identifying the module
  • Sidebar Title
  • For giving module title on top left
  • Sidebar Subtitle
  • For giving module subtitle on top left
  • Background Image
  • Choose background image of your choice.
  • Content
  • Insert description
  • Content
  • Insert text of column
  • Link Text
  • Insert the link text
  • Link
  • Choose the page link
Style Fields
  • Animation Type
  • Choose the animation you want on loading the page
  • Desktop Spacing
  • For giving padding and margin on the module
  • Mobile Spacing
  • For giving padding and margin on the module in Mobile

Title With Content

Insert a simple Description section in website.

Our achievements

Lorem Ipsum is simply dummy text of the printing and typesetting industry. 

Field Used in Modules

Name

Description

Content Fields
  • Section Id
  • For uniquely identifying the module
  • Sidebar Title
  • For giving module title on top left
  • Sidebar Subtitle
  • For giving module subtitle on top left
  • Content
  • Insert description
Style Fields
  • Text Transform
  • Choose the letter case
  • Desktop Spacing
  • For giving padding and margin on the module
  • Mobile Spacing
  • For giving padding and margin on the module in Mobile
  • Sidebar Title Border Color
  • For choosing color of vertical line

Home

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

Home

About

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

About

Contact

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

Contact

Team

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

blue_team

Landing Page

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

Landing Page

Blog Index

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

Blog Index

Blog Post

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

Blog Post