Quote Grid

This component is for having multiple quotes you can scroll through

QuoteGrid

Quote Grid

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Proin tortor purus platea sit eu id nisi litora libero.

Hank Hill

Phasellus fermentum malesuada phasellus netus dictum aenean placerat egestas amet. Ornare taciti semper dolor tristique morbi. Sem leo tincidunt aliquet semper eu lectus scelerisque quis.

John Doe
RichTextArea

Once you are on the page you are wanting to add content to go ahead and add the component by pressing Add Component.

A screenshot of a computer

AI-generated content may be incorrect.

On the right side you will see the choices of components to add. Go ahead and you can either press the + button on the component you want to add or click, hold, and drag the component into the content zone. There is also a search bar as well if you are having trouble looking for any component.

A red line and a white background

AI-generated content may be incorrect.

To add Quotes to this you will want to save this component first and the browse options will appear. Once you do go ahead and click New.

A screenshot of a computer

AI-generated content may be incorrect.

You will need to fill out From which is who the quote is by and the Quote as well. After you have filled those out press save. From here you can add more quotes that people will be able to scroll through. Here you will want to add an image to go with the quote. Depending on what site you are on you will want to click Browse under image which is for images uploaded into Agility and add the Alt Text and Browse under Cloudinary is for images uploaded to Cloudinary. Once you are done press save.

 

 

A screenshot of a computer

AI-generated content may be incorrect.

 

Under heading you will want to fill out the Text which will be the title of the Component and then you can change the level and style as you need to what you want it to be.

A screenshot of a phone

AI-generated content may be incorrect.

Next you can go to the Section Tab and Change the Style as needed so that you can make space between this component and other parts of the website. Once you are done press Save.

A white rectangular object with black lines

AI-generated content may be incorrect.