How to use Kilimandjaro

Menu

It's an easy to use template, let's go !

Overview

What is Kilimandjaro ?

Marketplace-Image

Kilimandjaro is an all inclusive Website Pack design for HubSpot users to get a great website experience that is really easy-to-use and focused on conversion.

 


What's included in this template ?

  • 2 headers
  • 51 templates with helper text
    • 1 generic template (flexible)
    • 6 pre-built templates : Homepage, About us, Team, Project List, Project Item
    • 7 templates with column system : 1 column, 2 columns and 3 columns
    • 2 templates for Landing pages (fixed and flexible)
    • 3 email templates : newsletter, blog post promotion, offer promotion
    • 2 templates for Blog Listing (List or Grid)
    • 1 template for Blog Post
    • All system template : search, unsubscribe, 404, 500, subscription preferences, update confirmation
  • 42 custom modules
  • Color & Style Customization Options in 1 CSS stylesheet

 

Kilimandjaro has been developed with  and lots of   by the Ideagency Team, enjoy !

Installation

How start with Kilimandjaro ?

WHERE DO I FIND MY NEW KILI TEMPLATE PACK ONCE IT HAS BEEN PURCHASED ?

Once your Kilimandjaro template pack is purchased, you'll find all the templates and files directly in the Design Manager of the Hubspot CMS.

 

1 - When you're on the Hubspot Platform, go to 'Marketing / Files and Templates / Design Tools' :

Capture d’écran 2019-08-22 à 10.56.32

 

 

 

 

 

 

 

2 - Now, you are in the Design Manager. Take a look on the left sidebar, you're new Kilimandjaro template pack will be there with all the templates and files :

 

Capture d’écran 2019-08-22 à 11.02.45

 

 

CLONING MY TEMPLATE BEFORE USING IT

 

 

 

LOCATE THE STYLESHEET ATTACHED TO THE TEMPLATE PACK

One of the things which makes Kilimandjaro easy-to-use is that all the CSS of the template is attached in one stylesheet.
How to locate it : 

 

1 - You are in the Design Manager of the Hubspot CMS and you can see all the Kilimandjaro files

Capture d’écran 2019-08-22 à 11.02.45

 

2 - Then, go to 'Kilimandjaro/CSS/kili-main-style.css' 

Capture d’écran 2019-08-29 à 09.47.01

 

3 - Once you've clicked on the css file, you'll get all the Klimandjaro CSS

Capture d’écran 2019-08-29 à 09.48.52

Setup

How setup your new template pack ?

CUSTOM FONTS AND COLORS

 

CREATE YOUR NAVIGATION MENU

 

UPDATE THE LOGO

 

UPDATE YOUR GLOBAL HEADER AND FOOTER

 

SETUP SYSTEM PAGES 

 

 

 

Creation

How create a website with Kilimandjaro ?

CREATE A WEBSITE PAGE

 

 

CREATE A LANDING PAGE

 

 

SETUP YOUR BLOG

Templates

The list of predefined templates

Templates Complex

All the templates 'complex' include a more advanced header with a top header.

Templates Description Demo Modules List available
Homepage 1 Complex Kili Home Page first style with Complex header Live demo
  • Kili Hero Banner 1 
  • Kili Services 1 
  • Kili Image and Tab
  • Kili Parallax Title Desc CTA
  • Kili Title Tabs
  • Kili Pricing Table 1
  • Kili Testimonials 1
  • Kili Last Posts
  • Kili Logo Carousel
HomePage 2 Complex Kili Homepage second style with Complex header Live demo
  • Kili Hero Banner 3
  • Kili Services 1
  • Kili Image Text 
  • Kili Pricing Table 1
  • Kili Testimonials 
  • Kili Last Posts
  • Kili Logo Carouse
Project List Complex A template to introduce all your project items Live demo
  • Kili Hero Banner 2
  • Kili Projects List Content
Single Project Complex A template to present each project you've done Live demo
  • Kili Hero Banner 2
  • Kili Project Content Heading
  • Kili Title Tabs
Our Team Complex A template to introduce all your awesome team members Live demo
  • Kili Hero Banner 2
  • Kili Image Text 
  • Kili Services 2
  • Kili Testimonials 
  • Kili Counter 
  • Kili Team V1
Blog List Complex A default list template for your Blog list Live demo
  • Default Blog List
Blog Grid Complex Default Grid template for your Blog List Live demo
  • Default Blog Grid
Blog Post Complex A Blog Post Template with Complex Header Live demo
  • Default Blog Post
Layout 1 Column Complex A full width content template with one flexible column to add any modules you want. Live demo
  • No fixed modules 
  • Add the Kili modules you need
Layout 2 Columns Equals Complex A template with 2 equals flexible columns and 1 full width flexible column to add the modules you need. Live demo
  • No fixed modules 
  • Add Kili modules you need
Layout 2 Columns Left Complex A template with a third flexible column and a two-thirds flexible column to add Kili modules you need. Live demo
  • No fixed modules
  • Add Kili modules you need
Layout 2 Columns Left Submenu Complex A template with a two-thirds flexible column and a third column to the left which contain a submenu. Live demo
  • Submenu module 
  • No more fixed modules 
  • Add Kili modules you need
Layout 2 Columns Right Complex A template with a third flexible column to the right and a two-thirds flexible column to add Kili modules Live demo
  • No fixed modules 
  • Add Kili modules you need
Layout 2 Columns Right Submenu Complex A template with a two-thirds flexible column and a third column to the right which contain a submenu. Live demo
  • Submenu module 
  • No more fixed modules 
  • Add Kili modules you need
Layout 3 Columns Equals Complex A template with 3 equals flexible columns and 2 full width flexible column to add Kili modules Live demo
  • No fixed modules
  • Add Kili modules you need

Templates Simple

All the templates 'simple' include a simple header with a default navigation and a search input.

Templates Description Demo Modules List available
Homepage 1 Simple Kili Home Page first style with Simple header Live demo
  • Kili Hero Banner 1
  • Kili Services 1
  • Kili Image and Tab
  • Kili Parallax Title Desc CTA
  • Kili Title Tabs
  • Kili Pricing Table 1
  • Kili Testimonials 1
  • Kili Last Posts
  • Kili Logo Carousel
Homepage 2 simple Kili Homepage second style with Simple header Live demo
  • Kili Hero Banner 3
  • Kili Services 1
  • Kili Image Text 
  • Kili Pricing Table 1
  • Kili Testimonials 
  • Kili Last Posts
  • Kili Logo Carousel
Project List simple A template to introduce all your project items Live demo
  • Kili Hero Banner 2
  • Kili Projects List Content
Single Project Simple A template to present each project you've done Live demo
  • Kili Hero Banner 2
  • Kili Project Content Heading
  • Kili Title Tabs
Our Team Simple A template to introduce all your awesome team members Live demo
  • Kili Hero Banner 2
  • Kili Team V1
About Us Simple A template to introduce all your business and your identity Live demo
  • Kili Hero Banner 2
  • Kili Image Text 
  • Kili Services 2
  • Kili Testimonials 
  • Kili Counter 
  • Kili Team V1
Blog List Simple A default list template for your Blog list Live demo
  • Default Blog List
Blog Grid Simple Default Grid template for your Blog List Live demo
  • Default Blog Grid
Blog Post Simple A Blog Post Template with Simple Header Live demo
  • Default Blog Post
Layout 1 Column Simple A full width content template with one flexible column to add any modules you want. Live demo
  • No fixed modules 
  • Add Kili modules you need
Layout 2 Columns Equals Simple A template with 2 equals flexible columns and 1 full width flexible column to add the modules you need. Live demo
  • No fixed modules 
  • Add Kili modules you need
Layout 2 Columns Left Simple A template with a third flexible column to the left and a two-thirds flexible column to add Kili modules you need. Live demo
  • No fixed modules
  • Add Kili modules you need
Layout 2 Columns Left Submenu Simple A template with a two-thirds flexible column and a third column to the left which contain a submenu. Live demo
  • Submenu module 
  • No more fixed modules 
  • Add Kili modules you need
Layout 2 Columns Right Simple A template with a third flexible column to the right and a two-thirds flexible column to add Kili modules Live demo
  • No fixed modules 
  • Add Kili modules you need
Layout 2 Columns Right Submenu Simple A template with a two-thirds flexible column and a third column to the right which contain a submenu. Live demo
  • Submenu module 
  • No more fixed modules 
  • Add Kili modules you need 
Layout 3 Columns Equals Simple A template with 3 equals flexible columns and 2 full width flexible column to add Kili modules Live demo
  • No fixed modules
  • Add Kili modules you need

Templates Landing Pages

Here is two templates for your landing pages

Templates Description Demo Modules List available
Landing Page The first Landing Page template Live demo
  • Kili Hero Banner LP
Landing Page Generic The second Landing Page template Live demo
  • Kili Hero Banner LP 2
  • Kili Section Form

Templates Email

Here is the templates for your Email Ressource, Post Promotion and Subscription

Templates Description Demo Modules List available
Email Ressource A template for your email ressource Live demo
  • Default email template
Email Post Promotion A template for your Email Post Promotion Live demo
  • Default email template
Email Subscription A template for your email Subscription Live demo
  • Default email template

Templates System page

Here are the templates for each system pages

Templates Description Demo Modules List available
404 Error Page Complex A template for your page 404 Live demo
  • Default template
404 Error Page Simple A template for your page 404 with simple header Live demo
  • Default template
505 Error Page Complex A template for your page 505 with complex header Live demo
  • Default template
505 Error Page Simple A template for your page 505 with simple header Live demo
  • Default template
Preferences Page Complex A template for Email preferences with complex header Live demo
  • Default template
Preferences Page Simple A template for Email preferences with simple header Live demo
  • Default template
Confirmation Page Complex A template for email confirmation with complex header Live demo
  • Default template
Confirmation Page Simple A template for email confirmation with simple header Live demo
  • Default template
Unsubscribe Page Complex A template for unsubscribe Email with complex header Live demo
  • Default template
Unsubscribe Page Simple A template for unsubscribe Email with simple header Live demo
  • Default template

Modules

How to use Kilimandjaro modules ?

Hero Banner module

Kilimandjaro Hero Banner

Accordion module

Kilimandjaro Accordion

Image and Tab module

Kilimandjaro Image and Tab

Counter module

Kilimandjaro Counter Module

Full Width Text module

Kilimandjaro Full Width Text

Image and Text module

Kilimandjaro Image Text

Logo Carousel module

Kilimandjaro Logo Carousel

Parallax section module

Kilimandjaro Parallax Section-1

Pricing Table module

Kilimandjaro Princing Table

Services module

Kilimandjaro Services

Team module

Kilimandjaro Team

Testimonials module

Kilimandjaro Testimonials

Title tabs module

Kilimandjaro Title Tabs