Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • A Alloy Assemblies
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 17
    • Issues 17
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Container Registry
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Alloy Magnetic
  • Alloy Assemblies
  • Issues
  • #19

Closed
Open
Created Jan 12, 2018 by Anna@annaReporter

Divider Billboard

Screen_Shot_2018-01-12_at_2.16.43_PM

The goal of this billboard is to showcase our two focus areas, so as the width reduces we need to ensure we keep their hierarchy the same.

When the screen loads, the two lines of content at the top are already there, as well as "see how we do it for" however the line below draws from the top until it hits the bottom of the billboard. When it hits the bottom, the green bars on both sides animate separately, the left bar animation from the center to the left, the right bar animating from the center to the right. As those bars hit the center of their individual containers, the text appears.

Each bar and "Marketing &..." turns #68A31C on hover

Talk to me with questions https://invis.io/A89JPTOEK#/270354163_Homepage

Edited Jan 12, 2018 by Anna
Assignee
Assign to
Time tracking