0
Welcome Guest! Login
0 items Join Now

Hadron

Your Guide to Using the Hadron Theme for Grav


Introduction

Hadron is a contemporary and flat design approach with rich animations. Flat visuals are the central design feature of the theme, providing a modern, corporate approach to theme construction. Presets offer a full background of color diversity.

New to Gantry 5?

If you are new to Gantry 5, a good place to start would be our dedicated Gantry documentation.

Requirements

  • PHP 7.1+
  • Curl
  • OpenSSL Libraries
  • Multibyte String Support

NOTE: Gantry v5.4.27+ is required for Hadron to work correctly. For more details on the Gantry Framework, please visit its Dedicated Website.

Key Features

Included Particles / Atoms

  • Animate on Scroll
  • Audio Player
  • Block Content
  • Branding
  • Calendar
  • Contact
  • Content List
  • Content Tabs
  • Copyright
  • Custom HTML
  • Date
  • Grav Content
  • Headlines
  • Horizontal Menu
  • Image Grid
  • Info List
  • Lists
  • Login
  • Logo / Image
  • MailChimp
  • Menu
  • Mobile Menu
  • Mosaic
  • Pricing Table
  • Progress Bar
  • Promo Image
  • Search
  • Simple Counter
  • Slider
  • Social
  • Strips Slider
  • Tab Image
  • To Top
  • Vertical Menu
  • Video

Theme Features

  • Responsive Layout
  • 8 Preset Styles
  • Custom Typography
  • Unlimited Positions
  • Custom Particles
  • Mobile Menu
  • Coming Soon Page
  • Font Awesome Icons

Gantry Core Features

  • YAML-based Configuration
  • Twig Templating
  • Powerful Particle System
  • Visual Menu Editor
  • MegaMenu Support
  • Off-Canvas Panel
  • Ajax Admin
  • Layout Manager
  • Theme Inheritance
  • SCSS Support
  • Sophisticated Fields
  • Unlimited Undo/Redo
  • Styles Panel

Color Chooser

Color Chooser

Hadron has an extensive Color Chooser in the theme manager to provide intricate controls for each section of Hadron, inclusive of text color, background color and image, as well as page surrounds. Edit preexisting or create new presets

Icon Buttons

Dropdown Menu

Configure up to 6 icons with FontAwesome icons and links, for social integration. Each icon has colored hover and smooth animation effects. The search icon reveals via smooth transition Search particle, above the social buttons.

Responsive

Responsive

The Dropdown Menu is an advanced, CSS based menu system, which offers a wide range of per menu options, such as: inline subtext, icons, particles, custom column widths and number, as well as control over how menu items are distributed between columns.


Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.