Conditions We Treat Section Templates

Notes

Each section is either 6 or 8 images with text above/below or to one side.
CSS to control the layout and responsivity is contained in the main containers custom CSS section. That CSS can be tweaked to change things like image/text size, colours and so on.
It’s easy to duplicate the container for an image/title to create more, say if you wanted a 3×3 grid
To change the images layout adjust the container width in the custom CSS. You may also want to change the “space between elements” setting in the main container for that section.

To do

Tablet versions
Create alternative mobile versions with rows of 2 images rather than one long column of images
Look for ideas for more layouts

Text Above / Below

Conditions Section 1

Six rectangular images, text above/below, title overlaid on image, responsive

BACK PAIN

NECK PAIN

SPORTS INJURIES

FROZEN SHOULDER

HEADACHES

SCIATICA

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Conditions Section 2

Eight rectangular images, text above/below, title overlaid on image, responsive

BACK PAIN

NECK PAIN

SPORTS INJURIES

FROZEN SHOULDER

HEADACHES

SCIATICA

Conditions Section 3

Six rectangular images, text above/below, title underneath image, responsive

BACK PAIN

Neck Pain

Knee Pain

Sports Injuries

Frozen Shoulder

Sciatica

Conditions Section 4

Eight rectangular images, text above/below, title underneath image, responsive

BACK PAIN

Neck Pain

Knee Pain

Sports Injuries

Frozen Shoulder

Sciatica

Conditions Section 5

Eight circular images, text above/below, title underneath image, responsive

BACK PAIN

Neck Pain

Knee Pain

Sports Injuries

Frozen Shoulder

Sciatica

Conditions Section 6

Eight circular images, text above/below, title underneath image, responsive

BACK PAIN

Neck Pain

Knee Pain

Sports Injuries

Frozen Shoulder

Sciatica

Text to Right

BACK PAIN

NECK PAIN

SPORTS INJURIES

FROZEN SHOULDER

HEADACHES

SCIATICA

Conditions Section 7

Six rectangular images, text to right, title over image, responsive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

BACK PAIN

NECK PAIN

SPORTS INJURIES

SHOULDER PAIN

HEADACHES

SCIATICA

Conditions Section 8

Eight rectangular images, text to right, title over image, responsive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

BACK PAIN

Neck Pain

Knee Pain

Sports Injuries

Frozen Shoulder

Sciatica

Conditions Section 9

Six rectangular images, text to right, title under image, responsive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

BACK PAIN

Neck Pain

Knee Pain

Sports Injuries

Frozen Shoulder

Sciatica

Conditions Section 10

Eight rectangular images, text to right, title under image, responsive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

BACK PAIN

Neck Pain

Knee Pain

Sports Injuries

Frozen Shoulder

Sciatica

Conditions Section 11

Six circular images, text to right, title under image, responsive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

BACK PAIN

Neck Pain

Knee Pain

Sports Injuries

Frozen Shoulder

Sciatica

Conditions Section 12

Eight circular images, text to right, title under image, responsive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Text to Left

BACK PAIN

NECK PAIN

SPORTS INJURIES

FROZEN SHOULDER

HEADACHES

SCIATICA

Conditions Section 13

Six rectangular images, text to right, title over image, responsive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

BACK PAIN

NECK PAIN

SPORTS INJURIES

SHOULDER PAIN

HEADACHES

SCIATICA

Conditions Section 14

Eight rectangular images, text to right, title over image, responsive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

BACK PAIN

Neck Pain

Knee Pain

Sports Injuries

Frozen Shoulder

Sciatica

Conditions Section 15

Six rectangular images, text to right, title under image, responsive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

BACK PAIN

Neck Pain

Knee Pain

Sports Injuries

Frozen Shoulder

Sciatica

Conditions Section 16

Eight rectangular images, text to right, title under image, responsive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

BACK PAIN

Neck Pain

Knee Pain

Sports Injuries

Frozen Shoulder

Sciatica

Conditions Section 17

Six circular images, text to right, title under image, responsive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

BACK PAIN

Neck Pain

Knee Pain

Sports Injuries

Frozen Shoulder

Sciatica

Conditions Section 18

Eight circular images, text to right, title under image, responsive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.