Jake Pogorelec's Online Portfolio
This is a portal with grids showcasing performance benchmarks
This is a portal with grids showcasing performance benchmarks
This is a portal with grids showcasing performance benchmarks
This is a portal with grids showcasing performance benchmarks
<
>
1
Of
4
https://secure.ntalife.com This website was created from a psd mockup I received from designer Jeremy Dennis of NTA Life. I recreated ALL gradient buttons and rounded edges using CSS3 PIE to make them cross-browser compatible and will display the same no matter which browser you prefer. I minimize my use of images in my development so you'll often see either CSS linear gradients or PIE generated SVG. The forms come from a cross-domain webservice I created. This Customer Service site was written in: HTML, CSS 2/3, Javascript (vanilla and ExtJS), and PHP

Slide 1 showcases the login page.

The menus are all database fed using a structure I designed for menus, submenus, and authorization levels. All gradients are fully compatible using CSS 3, older IE fallback to generated SVG using CSS Pie.

The forms at the bottom use expandable shutters and the list of forms as well as the form itself once chosen, is returned from cross-domain web service calls.

Slide 2 shows the Welcome and Category pages.

The blocks are completely database fed using the same table structure I designed for menus, submenus, and authorization levels. Again, ALL gradients are fully compatible using CSS 3, older IE fallback to generated SVG using CSS Pie.

The NEW! icon is one of the very few images I used for this site and was a perfect fit for this feature. The style was meant to be very similar to Windows 8 apps.

Slide 3 highlights the policy page.

The top area of the screen underneath the modal window shows brief profile information along with a button that will take you to the edit profile area

Under that area there is a json fed grid that shows general information about each policy the associate carries. When you click on a row (specific policy) the modal window you see pops under showing more specific policy details. The polciy forms you see on the right side are completely DB fed by category.

Slide 4 shows the menu/link maintenance page.

The top menu is completely set up here, using grids and forms in modal windows.

You see the menus are set up using a top level and subleveland then sublevels are issued to a specific authority level and everything from link text, to target, to description, to status flags are set up for each as well as assigning sublevel links to a menu.

Also a code is assigned to each link for click analytics.