Page Kit
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<section class="c-twin-content-block" style="--c-twin-content-block-background: var(--rpf-yellow-100);">
  <div class="c-twin-content-block__container">
    <div class="c-twin-content-block__primary-cta">
      <h2 class="c-twin-content-block__primary-cta-heading">Subscribe for free!</h2>
      <p class="c-twin-content-block__primary-cta-text1">Be at the forefront, by receiving new issues as soon as they are out! You can manage your subscription in your Raspberry Pi account.</p>
      <div class="c-twin-content-block__primary-cta-split-content">
        <div class="c-twin-content-block__primary-cta-split-content-block">
          <img alt="Alt text" height="200" width="300" srcset="https://static.raspberrypi.org/wallpaper/waterfall.jpg 2x" class="c-twin-content-block__primary-cta-split-content-block-img" src="https://static.raspberrypi.org/wallpaper/sand.jpg" />
          <h3 class="c-twin-content-block__primary-cta-split-content-block-heading">Print</h3>
          <h4 class="c-twin-content-block__primary-cta-split-content-block-subheading">Print subscription - (UK Delivery only)</h4>
          <p class="c-twin-content-block__primary-cta-split-content-block-text">If you’re a UK-based teacher, volunteer, librarian or something in between, we'll send each issue free to your door.</p>
        </div>
        <div class="c-twin-content-block__primary-cta-split-content-block">
          <img alt="Alt text" height="200" width="300" srcset="https://static.raspberrypi.org/wallpaper/lasers.jpg 2x" class="c-twin-content-block__primary-cta-split-content-block-img" src="https://static.raspberrypi.org/wallpaper/lasers.jpg" />
          <h3 class="c-twin-content-block__primary-cta-split-content-block-heading">Digital</h3>
          <h4 class="c-twin-content-block__primary-cta-split-content-block-subheading">New issues to your email</h4>
          <p class="c-twin-content-block__primary-cta-split-content-block-text">Just want to read the free PDF? Get each new issue delivered straight to your inbox. No fuss and no spam.</p>
        </div>
      </div>
      <p class="c-twin-content-block__primary-cta-text2">By subscribing you will be taken through to log in / sign up through the Raspberry Pi foundation so you can manage your subscription in your account.</p>
      <a class="rpf-button c-twin-content-block__primary-cta-button rpf-button" href="https://www.raspberrypi.org/">Subscribe</a>
    </div>
    <div class="c-twin-content-block__secondary-cta">
      <h3 class="c-twin-content-block__secondary-cta-heading">Are you an existing subscriber?</h3>
      <p class="c-twin-content-block__secondary-cta-text">You can change your address and cancel your subscription under your preferences under your Raspberry Pi foundation account.</p>
      <a class="rpf-button rpf-button--secondary c-twin-content-block__secondary-cta-button rpf-button" href="https://www.raspberrypi.org/">Manage your subscription</a>
    </div>
  </div>
</section>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
',
  first_block_copy: 'If you’re a UK-based teacher, volunteer, librarian or something in between, we\'ll send each issue free to your door.',
  show_ctas: true,
  second_block_heading: 'Digital',
  second_block_sub_heading: 'New issues to your email',
  second_block_copy: 'Just want to read the free PDF? Get each new issue delivered straight to your inbox. No fuss and no spam.',
  primary_cta_copy: 'By subscribing you will be taken through to log in / sign up through the Raspberry Pi foundation so you can manage your subscription in your account.',
  primary_cta_href: 'https://www.raspberrypi.org/',
  primary_cta_label: 'Subscribe',
  secondary_cta_heading: 'Are you an existing subscriber?',
  secondary_cta_copy: 'You can change your address and cancel your subscription under your preferences under your Raspberry Pi foundation account.',
  secondary_cta_href: 'https://www.raspberrypi.org/',
  secondary_cta_label: 'Manage your subscription'
)
  primary_cta = show_ctas ? { href: primary_cta_href, label: primary_cta_label } : nil
  secondary_cta = show_ctas ? { href: secondary_cta_href, label: secondary_cta_label } : nil
  primary_cta_copy = nil unless show_ctas
  secondary_cta_heading = nil unless show_ctas
  secondary_cta_copy = nil unless show_ctas
  c(
    'site/twin_content_block',
    {
      primary_heading:,
      primary_copy:,
      first_block_image: {
        alt: 'Alt text',
        height: 200,
        width: 300,
        src: random_image_src,
        srcset: {
          "#{random_image_src}": '2x'
        }
      },
      first_block_heading:,
      first_block_sub_heading:,
      first_block_copy:,
      second_block_image: {
        alt: 'Alt text',
        height: 200,
        width: 300,
        src: random_image_src,
        srcset: {
          "#{random_image_src}": '2x'
        }
      },
      second_block_heading:,
      second_block_sub_heading:,
      second_block_copy:,
      primary_cta_copy:,
      primary_cta:,
      secondary_cta_heading:,
      secondary_cta_copy:,
      secondary_cta:,
      background_colour: 'var(--rpf-yellow-100)'
    }
  )

No notes provided.

Param Description Input

The primary heading

The primary copy

The first block heading

The first block sub heading

The first block copy

Show the CTAs

The second block heading

The second block sub heading

The second block copy

The primary CTA copy

The primary CTA href

The primary CTA label

The secondary CTA heading

The secondary CTA copy

The secondary CTA href

The secondary CTA label