Position: top-x-1
Style: xhtml outline
Position: top-x-2
Style: xhtml outline
Position: top-x-3
Style: xhtml outline
Position: top-y-1
Style: xhtml outline
Position: top-y-2
Style: xhtml outline
Position: top-y-3
Style: xhtml outline
Position: top-z-1
Style: xhtml outline
Position: top-z-2
Style: xhtml outline
Position: top-z-3
Style: xhtml outline
Position: logo-1
Style: xhtml outline
Position: logo-2
Style: xhtml outline
Position: logo-3
Style: xhtml outline
Position: content-top-1
Style: CardHeaderBody outline
Position: content-top-2
Style: CardHeaderBody outline
Position: content-top-3
Style: CardHeaderBody outline

This demo shows:

  • a Static Layout & Template Positions
  • Width set to 960px
  • Menu Block is becoming fixed at the top after 225px scrolling.
  • Bottom-x Block is becoming fixed at the Bottom after 150px scrolling.
  • Animation of banner-z-2 position.
  • Scroll to Top button at right-bottom position.
  • We have created 3 positions for each Block, you can make upto 12 positions for each Block.

If you can see only texts here, no demo, you might be in the wrong link.

Click Here  

Position: content-bottom-1
Style: CardHeaderBody outline
Position: content-bottom-2
Style: CardHeaderBody outline
Position: content-bottom-3
Style: CardHeaderBody outline
Position: bottom-x-1
Style: xhtml outline
Position: bottom-x-2
Style: xhtml outline
Position: bottom-x-3
Style: xhtml outline
Position: bottom-y-1
Style: xhtml outline
Position: bottom-y-2
Style: xhtml outline
Position: bottom-y-3
Style: xhtml outline
Position: bottom-z-1
Style: xhtml outline
Position: bottom-z-2
Style: xhtml outline
Position: bottom-z-3
Style: xhtml outline
Position: debug
Style: none outline