Components

Basic design system for site-wide styling

Style GuideLayouts

Updates: 8/3/22

  • Navbars - Removed Transparent Navbar component
    • Instead, to create a transparent navbar, give the body tag a class of "transparent-nav"

Updates: 8/18/22

  • Navbars - Added Navbar Center Aligned - Mobile Dropdown

    Modals

    There are two modals provided. One that opens center and another that opens bottom right.

    For all modals, please copy and paste either one and turn it into a new symbol.
    You can do this for multiple modals. Afterwards, you can style it however you like.

    There are click animations already set up that opens each modal.

    Open Center Modal
    Open Bottom Right Modal

    Mailchimp Form

    Mailchimp Horizontal Form

    Stay up to date with all the latest APOA news. Sign up to receive email notifications on events, fundraisers and all APOA updates.

    Social Icons

    Footers