Layout Three

Below we've used the Foundry Grid stack to make a nice grid of images. Instead of animating each one of these images with its own Gravitate stack we've used Gravitate's Target Mode to animate all items on the page with a specific CSS class name. Since Stacks v4 allows us to easily add a class name to just about any stack on the page, this lets us reuse an animation over and over again.

In this case we're using it to animate the image in from an opacity of 0% as well as rotate them around the Y-axis. This provides a beautiful animated grid of images as our visitor scrolls down the page.

We cover how to use Target Mode, and how it differs from the normal scrub mode in our Tutorial video.

Image
Image
Image
Image
Image
Image
Image
Image
Image
Image
Image
Image
O Mosteiro De São Cristóvão de Lafões

Era uma vez umas ruínas ...
...de um mosteiro cisterciense abandonadas ao tempo e ao descaso.
O final desta história todos gostaríamos que fosse, talvez: E, viveram felizes para sempre , porém essa é a parte que desconhecemos. O que é verdade, é que a história vai tendo todos os outros componentes: um “príncipe” que resgata a “bela adormecida” do seu sono punitivo, formiguinhas de trabalho e cigarras de celebrações , um entranhado de silvas, que se transformam em roseiras das quais brotam rosas de todas as cores, etc, etc e etc.(As analogias são muitas. )
Mas, vamos contar a história como deve ser: Era uma vez, um antigo Mosteiro Cisterciense implantado numa terra antiga escolhida por aqueles que necessitavam de silêncio e isolamento, e água com fartura e terrenos para cultivar. Uma terra não muito distante da estrada romana que ligava Viseum a Bracara Augusta, onde havia ermitas morando no século XII. Talvez antes, até. Mas a História é feita do que se comprova, e a primeira referência conhecida data de ... {falta citação }

Header

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.

Header

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.

Header

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.