Colony Web Solutions Logo
  • Wiki
  • Toolkit
  • Component Library
  • Support
  • Log Out
  • Wiki
  • Toolkit
  • Component Library
  • Support
  • Log Out
Quick Start
Overview
Hugo
Overview Hugo Documentation YouTube Playlist
Project Repositories
Directory Structure Layouts Folder Static Folder
Framework
Overview Root Variables Colors Fonts & Text Common Elements Responsive Spacing Margins & Padding Layout & Positioning Containers Content Boxes Flex Grid
Development System
Overview 1. Project Setup 2. Framework Config 3. Development 4. Responsive 5. Quality Assurance Demo Build
Components
Overview Component Library Types & Structure Pre-Installed Simple Installation Advanced Installation Customisation Development
Third Party
Overview Ajax Chimp Cloudflare Stream Font Awesome jQuery UI js Cookie Netlify Identity Shopify Slick Slider Strapi Schema Dot Org
Components

Pre-built & self-contained website elements developed using COLONY Framework. Ranging in complexity from simple items such as buttons or images through to functional blocks such as galleries and full website sections.

Components can be easily installed and customised within any COLONY project with minimal configuration.

Video Overview

A high level overview of the Components Library and the available features.

Chapters & Transcript.

Resources

Component Library
Searchable repository of all COLONY Components & their installation instructions.
Learn More
Types & Structure
Available categories & breakdown of the structure of a component.
Learn More
Pre-Installed
Component pre-loaded into every COLONY project with minimal configuration.
Learn More
Simple Installation
A guide to installing simple components into a COLONY project.
Learn More
Advanced Installation
A guide to installing advanced components into a COLONY project.
Learn More
Customisation
How to customise components to match your project's design.
Learn More
Code Snippets
Self-contained Javascript code to add functionality to your project.
Learn More
Hugo Snippets
Go code examples to add functionality features to your Hugo project.
Learn More
Footer © Business Name
Empowered by COLONY Web Solutions