This is a "copy" component
Copy is a single block of rich-text, and can contain an image
This component can be left or right aligned, and is slightly narrower than the full columns (it's 10/12) at large desktop size. This makes it ideal for both a large amount of text for pages, and also a small amount of text, which we use on the homepage quite often. It contains an abstract (see above), and can also have an unlimited amount of buttons at the bottom.
Oh and it's title can also be a H1 if it needs to be.
Copy can be centered
It can also have a different coloured background. There's actually quite a few things a copy can have. See below.
Copy is used to contain lots of text
It's a general WYSIWYG rich-text area for a large amount of content. This means it can contain bullets:
- Like this
- And this
Or can contain a numbered list like the one below.
- Like this
- And like this.
It can also contain links that the client will be allowed to add in the WYSIWYG areas. It can also contain an image like below:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales posuere fermentum. Mauris consequat turpis vel tortor dignissim, at lacinia nulla lacinia. Aliquam in convallis orci. Donec mollis massa sem, in tincidunt nisl consectetur sit amet. Duis varius laoreet nunc, eu interdum mi ornare at. Mauris porttitor commodo erat at varius. Proin vestibulum sed dui ut hendrerit.
Heading 2
Donec tristique pulvinar sapien, non faucibus dolor mollis vel. Sed id blandit diam. Fusce interdum orci ut nunc rhoncus, nec condimentum ante vulputate. Aenean eget eros ut ante ultrices scelerisque. Quisque odio metus, dignissim eget neque sed, dictum varius risus. Vivamus lectus massa, posuere at posuere nec, imperdiet a mauris. Morbi tempor ante neque, at pulvinar ex dignissim a. Nam id massa id mi tristique cursus.
It can also contain a blockquote like this. Mauris bibendum nunc vitae massa euismod fermentum. Donec mattis urna a nulla blandit dignissim. Etiam vitae interdum nunc.
In congue nunc dolor, vel ultricies est consequat vel. Nunc cursus lacus eu justo venenatis vehicula. Pellentesque placerat, quam et dignissim elementum, ante turpis facilisis lectus, et euismod massa dolor in arcu. Fusce sollicitudin quam non hendrerit luctus. Phasellus accumsan finibus nulla, at commodo eros cursus a.
Heading 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales posuere fermentum. Mauris consequat turpis vel tortor dignissim, at lacinia nulla lacinia. Aliquam in convallis orci. Donec mollis massa sem, in tincidunt nisl consectetur sit amet. Duis varius laoreet nunc, eu interdum mi ornare at. Mauris porttitor commodo erat at varius. Proin vestibulum sed dui ut hendrerit.
Donec tristique pulvinar sapien, non faucibus dolor mollis vel. Sed id blandit diam. Fusce interdum orci ut nunc rhoncus, nec condimentum ante vulputate. Aenean eget eros ut ante ultrices scelerisque. Quisque odio metus, dignissim eget neque sed, dictum varius risus. Vivamus lectus massa, posuere at posuere nec, imperdiet a mauris. Morbi tempor ante neque, at pulvinar ex dignissim a. Nam id massa id mi tristique cursus.
Mauris bibendum nunc vitae massa euismod fermentum. Donec mattis urna a nulla blandit dignissim. Etiam vitae interdum nunc. Praesent sed lacus vel purus tempus euismod ac sed lectus. Donec efficitur urna nec justo fermentum mollis. Cras sed risus augue. Cras in rutrum arcu. In congue nunc dolor, vel ultricies est consequat vel. Nunc cursus lacus eu justo venenatis vehicula. Pellentesque placerat, quam et dignissim elementum, ante turpis facilisis lectus, et euismod massa dolor in arcu. Fusce sollicitudin quam non hendrerit luctus. Phasellus accumsan finibus nulla, at commodo eros cursus a.