Image Cluster

Using the methods on this page, you can create an image gallery. You need to specify the number of columns, and include images within a <div class="cluster"> and </div> block.

By itself, the images will display in a grid. To reduce whitespace between images, you can also specify two or three <div class="col"> and </div> columns.

By default, the clusters are two columns. You can use <div class="cluster x3"> (or <div class="cluster x2">) for more fine-grained control.

Student Life Center LayoutStudent Life Center Layout

Weight roomWeight room

Cardio equipmentCardio equipment

Student Life Center pool areaPool area

girl in poolgirl in pool

pool lane dividerpool lane divider

Student Life Center Pool areaStudent Life Center Pool area

Dumbbell areaDumbbell area

DumbbellsDumbbells

Man on weight machineMan on weight machine

man on weight machineMan on weight machine

Student Life center employeeA student employee

Girl on treadmillGirl on treadmill

Student Life CenterStudent Life Center

Swimmer in poolSwimmer in pool

locker roomLocker room

Girl on weight machineGirl on weight machine

man on weight machineMan on weight machine

Student Life Center floor layoutStudent Life Center floor layout

Student Life Center PoolStudent Life Center Pool

Student Life Center PoolStudent Life Center Pool

Water volleyballWater volleyball

Swimmer in poolSwimmer in pool