permianenterprises.com

Permian Enterprises wanted a unique graphic feature to make their website stand out. I created an unusual navigation menu using the :target pseudo-selector.

A negative margin hides the menu initially. When the :target pseudo-selector is triggered the negative margin is set to zero. The change is animated with a css transition. Additionally, the menu is responsive.

Permian Enterprises wanted to make sure the website worked well on mobile devices. Large tables change into vertical lists at smaller screen sizes.

navigation menu

The navigation menu slides down from the top of the page. The navigation also features a nice graphic appearance.

responsive menu

The menu is also responsive.

permian table

Permian Enterprises features tabular data on their products pages.

Permian Responsive Table

Large tables format as vertical lists for smaller screen sizes.