Flagstone - Multi-use HTML template

Flagstone is an elegant, stylish HTML template, designed to give any startup business a strong web presence.

Flagstone is built upon a custom HTML and CSS base that employs BEM methodology, BEM stands for Block, Element, Modifier, and results in well structured semantically named, flat, code and components, resulting in fast loading well organised pages.

Flagstone employs a modular design philosophy, making it easy and fast to create eye catching visually stimulating layouts. All code is separated into distinct blocks making copy and paste of components easy and predictable.

**FLAGSTONE MAIN FEATURES**

- 6 Turn-key homepages
- Multiple subpages
- Working ajax contact form
- 5 Portfolio index pages
- Portfolio item page
- 5 Blog index pages
- 3 Blog detail pages
- 18 Component blocks
- Full animation framework
- Template override system for easy customisation
- SCSS Config page for easily creating colour schemes & typographic rules
- Spacing classes, adjust spacing easily directly in your HTML
- Utility classes, make many customisations without touching CSS
- Boxed or full width layouts, you can also use both on the same page
- Timed modals
- Lightbox for single images & Galleries
- Iink fill hero unit
- 3 Types of hero unit
- Animated layer slider
- 1000s of icons to use
- Multi column mega menus
- Infinite navigation drop-downs
- All SCSS files included
- Plus lots more…

**FLAGSTONE HOME-PAGES**

Flagstone features 6 individual home-page concepts, each with their own sense of sophisticated style.

- Design studio
- Interior designer(s)
- Photographer/Photography studio
- Architect
- Coffee shop
- Artist

**ADDITIONAL PAGES**

Flagstone comes with 21 additional page types to use on your site.

- Utility pages
- About us
- Alternate about us
- Services
- Alternate services
- Coming soon
- 404 error
- Contact us (Includes working ajax contact form)
- Full width
- Left sidebar
- Right sidebar
- Portfolio pages
- 3 Columns
- 3 Columns – Full width
- 4 Columns
- 4 Columns – Full width
- Masonry
- Project detail page
- Blog pages
- Blog index – Left sidebar
- Blog index – Right sidebar
- Blog index – Full width (no sidebar)
- Blog index – Masonry
- Blog index – Card style
- Blog page – Left sidebar
- Blog page – Right sidebar
- Blog page – Distraction free (no sidebar)

**COMPONENTS**

Flagstone is built upon our own in-house CSS framework called Ensemble. Ensemble comes with 18 different components to use on your site.

- Accordion
- Alerts
- Animation engine
- Draws
- Forms
- Buttons
- Hero units (Full screen, 50/50 split, & offscreen hero unit)
- Icon boxes (2 styles)
- Maps
- Modals & Lightboxes
- Notices
- Image overlays (5 Different styles)
- Parallax sections
- Pricing columns
- Image slider
- Tabs
- Team profiles
- Testimonials

**Documentation**

Documentation is supplied via a thorough 49 section digital manual, covering all aspects of using Flagstone, with step by step walkthroughs, and full code samples.

Please note: Due to licensing restrictions images used on the demo site are not included in the download package, heavily blurred copies of the originals are used as placeholders until you place your own awesome imagery.