Page Kit
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div class="pk-c-img-split-block">
  <div class="pk-c-img-split-block__container">
    <div class="pk-c-img-split-block__content">
      <div class="ui-subtitle">
        <div class="ui-subtitle__container">
          <h2 class="ui-subtitle__title">Hear from the Community</h2>
          <p class="ui-subtitle__text">Lorem ipsum dolor sit amet consectetur. Vulputate risus est non a phasellus sed egestas volutpat. Quis ipsum malesuada vulputate in mauris interdum ut elementum justo.</p>
          <div class="ui-subtitle__links">
            <a class="rpf-button" href="https://www.raspberrypi.org/community-stories">Watch our community stories</a>
          </div>
        </div>
      </div>
    </div>
    <div class="pk-c-img-split-block__image">
      <img alt="Alt Text" height="388" width="690" srcset="https://static.raspberrypi.org/wallpaper/road.jpg 2x" src="https://static.raspberrypi.org/wallpaper/fisherman.jpg" />
      <div class="pk-c-img-split-block__caption" aria-hidden="false">
        A caption
      </div>
    </div>
  </div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
c(
  'site/img_split_block',
  subtitle:,
  subcopy:,
  image: {
    alt: 'Alt Text',
    height: 388,
    width: 690,
    src: random_image_src,
    srcset: {
      "#{random_image_src}": '2x'
    }
  },
  button: {
    href:,
    label:
  },
  caption:
)

No notes provided.

Param Description Input

The subtitle

The subcopy

The href for the button

The label for the button

An optional caption