Module Test Page – Image Text Row.

Module Image Text Row consists of a a single text column and a single image column aligned across a row. The image width can be wide, regular or narrow. The image aspect can be short, medium or tall.

Content is centered, so the ‘shorter column’ will be balanced. This module can be reversed which horizontally switches positions of image and text.

The image can have a caption.

The content container accepts markup format, so anything can be put into the module.

This module gives one-hundred and fourty-four different permutations between image width, aspect, caption with/without image or content, and reversed!

Our role

  • Generic images
  • General content
Image of Toothless from Dreamworks' "How to Train Your Dragon"

Image Text Row – not reversed.

no caption on image. aimed at inspiring kids to express their creativity (http://create.dreamworks.com/). The site is filled with options for fashioning crafts and paper toys, bringing DreamWorks characters to life through augmented reality, making scrapbooks, learning art techniques, and more.

Image Text Row – not reversed.

no caption on image. aimed at inspiring kids to express their creativity (http://create.dreamworks.com/). The site is filled with options for fashioning crafts and paper toys, bringing DreamWorks characters to life through augmented reality, making scrapbooks, learning art techniques, and more.

Image of Toothless from Dreamworks' "How to Train Your Dragon"

Image Text Row – not reversed.

no caption on image. aimed at inspiring kids to express their creativity (http://create.dreamworks.com/). The site is filled with options for fashioning crafts and paper toys, bringing DreamWorks characters to life through augmented reality, making scrapbooks, learning art techniques, and more.

Image Text Row – not reversed.

no caption on image. aimed at inspiring kids to express their creativity (http://create.dreamworks.com/). The site is filled with options for fashioning crafts and paper toys, bringing DreamWorks characters to life through augmented reality, making scrapbooks, learning art techniques, and more.

Image of Toothless from Dreamworks' "How to Train Your Dragon"

Image Text Row – not reversed.

no caption on image. aimed at inspiring kids to express their creativity (http://create.dreamworks.com/). The site is filled with options for fashioning crafts and paper toys, bringing DreamWorks characters to life through augmented reality, making scrapbooks, learning art techniques, and more.

Image Text Row – not reversed.

no caption on image. aimed at inspiring kids to express their creativity (http://create.dreamworks.com/). The site is filled with options for fashioning crafts and paper toys, bringing DreamWorks characters to life through augmented reality, making scrapbooks, learning art techniques, and more.

Image of Toothless from Dreamworks' "How to Train Your Dragon"

Image Text Row – Narrow.

no caption on image. aimed at inspiring kids to express their creativity (http://create.dreamworks.com/). The site is filled with options for fashioning crafts and paper toys, bringing DreamWorks characters to life through augmented reality, making scrapbooks, learning art techniques, and more.

Image Text Row – Narrow.

no caption on image. aimed at inspiring kids to express their creativity (http://create.dreamworks.com/). The site is filled with options for fashioning crafts and paper toys, bringing DreamWorks characters to life through augmented reality, making scrapbooks, learning art techniques, and more.

Image of Toothless from Dreamworks' "How to Train Your Dragon"

Image Text Row – Narrow.

no caption on image. aimed at inspiring kids to express their creativity (http://create.dreamworks.com/). The site is filled with options for fashioning crafts and paper toys, bringing DreamWorks characters to life through augmented reality, making scrapbooks, learning art techniques, and more.

Image of Toothless from Dreamworks' "How to Train Your Dragon"

Image Text Row – reversed. bad-ass caption included. on your face scratch the furniture damn that dog meow to be let in. Cat not kitten around. Cats are fats I like to pets them they like to meow back meow.

Kat Sutton
UX Lead, Particle

Image of Toothless from Dreamworks' "How to Train Your Dragon"

Image Text Row – reversed. bad-ass caption included. on your face scratch the furniture damn that dog meow to be let in. Cat not kitten around. Cats are fats I like to pets them they like to meow back meow.

Kat Sutton
UX Lead, Particle

Image of Toothless from Dreamworks' "How to Train Your Dragon"

Hello there, it’s me again

Image Text Row – this time just a tiny bit of text we will want to center as well. We like balance.