PD Systems, Inc. RESPONSIVE DESIGNS

MAIN PAGE    |    CLICK IMAGES TO VIEW * CLICK OUTSIDE THE LARGE IMAGE TO CLOSE THE DESIGN    |    WEB PAGES

Global Notes -
#1 - When any design is scrolled vertically or hovered effects are seen with respect to 'boxes', text and/or photos moving or folding into view vertically/horizontally as seen in responsive design having long vertical scrolls.
#2 - Elements such as the Top tabs, Call to actions, Photo effects, Photo Elements, Photo backgrounds, Colors and/or Content areas can be modified, swapped or combined between designs.

Design #1A -
1) Top photos slide-animate multiple photos and tag lines.
(The military personnel are shown in a forward deployment area with tents in the background. Different elements and images will scroll-animate over top this image)
2 ) The 5 'service boxes' animate then hovered and link to appropriate interior pages.
3 ) The lowest left side box for LATEST NEWS links to blog post pages.
4 ) The lowest right side box for POWER SYSTEM PRODUCTS can be scrolled and links to product pages.

 Design #1B
1) Same design as 1A demonstrating a different photo and tag line as part of the top homepage animation.
2) Same design as 1A accept the box shaped background has been removed from behind the 5 service icons.

Design #2A
1) Top photos slide-animate multiple photos and tag lines.
(The military personnel are shown in a forward deployment area with tents in the background. Different elements and images will scroll-animate over top this image)
2 ) The 5 'service boxes' animate then hovered and link to appropriate interior pages.
3 ) The display box for POWER SYSTEM PRODUCTS is displayed in 3 columns of products that will link to interior product pages.
4) Logos for GSA and others have been moved to the footer.		 Design #2B
1) Same design as 2A demonstrating a different photo and tag line as part of the top homepage animation.
2) Same design as 2A accept the box shaped background has been removed from behind the 5 service icons.

Design #3A -
1) Top photos slide-animate multiple photos and tag lines.
(The military personnel are shown in a forward deployment area with tents in the background; different elements and images will scroll-animate over top this image)
2 ) The 5 'service boxes' animate then hovered and link to appropriate interior pages.
3 ) The display box for POWER SYSTEM PRODUCTS is displayed with 3 columns of products that will link to interior product pages.
4) Logos for GSA and others have been moved to the footer. 		Design #3B
1) Same design as 3A demonstrating the use of the tent/ mountain background lightly shown in the background.

Copyright © 2015 Virginia Web Design Company | VISONEFX - All Rights Reserved. Duplication of this site in whole or in part is not permitted.