Create Custom Buttons
Custom designed buttons were created to use thoughout the site. The button text and link can be updated accordingly. In addition, use these buttons sparingly—when calling special attention to a link. Featuring too many buttons on a page will result in a cluttered page. For all other links, use a basic hotlink (Hotlinks have a underline).
For all light-color background pages, use the button with a black border, as shown below.
How to: Select the pattern called “Button – Border Box Pos”
Kini button with a white border was designed for dark color backgrounds.
How to: Select the pattern called “Button – Border Box Neg”
How to: Select the pattern called “Divider with Kapa pattern”
Using custom blocks
Create Accordion Menus
The accordion menu is ideal for organizing content like Mga FAQ. Use this custom block to enable a user to easily digest large amounts of information efficiently. Consider that the user must click on a “menu item” to reveal the content.
Menu item text goes here
Text will be revealed here upon clicking arrow
Menu item text goes here
Text will be revealed here upon clicking arrow
Menu item text goes here
Text will be revealed here upon clicking arrow
How to: Select the block called “Details”
PARA SA DUGANG IMPORMASYON
Use this side box when creating a NEW side box on a page. Use this to call attention to important information relevant to the content of the page. Copy should be short and succinct.
How to: Select the block called “Side box for flex content”
data hangyo ug pangutana
Data Governance and Analysis Branch (DGA)
Telepono: 808-784-6061
Email
How to: Select the block called “Side box – Data Requests”
paghimo og tinuod nga kalainan
Pagdasig ug pagdani sa mga batan-ong hunahuna isip magtutudlo sa Departamento sa Edukasyon sa Estado sa Hawai'i. Pagkat-on og dugang mahitungod sa makapahinam nga mga oportunidad sa pagtudlo sa tanang isla nga nagtrabaho uban sa preschool, elementarya, middle ug high school nga mga estudyante.
How to: Select the block called “Side box – Make a difference”