> For the complete documentation index, see [llms.txt](https://dreamlake.gitbook.io/hero/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://dreamlake.gitbook.io/hero/prismic-cms/manage-content/slices/offerings/step-by-step-guide.md). # Step by step Offerings ### Step 1: In the Add slice view, find the slice called "Offerings" ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MS2xKgKvGgFTziWjWTi%2F-MSRc-TUBLAPDPrAbJxL%2FScreenshot%202021-02-01%20at%2009.04.57.png?alt=media\&token=4bec1e5d-9159-4a39-9aa0-7ee5f4c09a5f) ### Step 2: Getting started ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQklnUh0nxUyTA6D2Xr%2F-MQkr3h5vl78aGtcAkUc%2FScreenshot%202021-01-11%20at%2010.52.13.png?alt=media\&token=771c63a6-9399-4ffa-9f8c-865461f744c1) {% tabs %} {% tab title="Title" %} Here you can add an title to the offerings or content in the slice ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MSSXaAbvAIfOyLCihmU%2F-MSS_TIjvjAFZeMHTW1L%2FScreenshot%202021-02-01%20at%2013.33.17.png?alt=media\&token=26a4cbca-8e16-468d-b65a-67e5183d07f1) ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MSRyPMHfZb1qgK4sSMh%2F-MSSXNsWbqWLMy3TtCmD%2FScreenshot%202021-02-01%20at%2013.18.37.png?alt=media\&token=17342f60-881c-47bb-9bb5-eedd077ba3b7) {% endtab %} {% tab title="Text" %} Here you can add some text to describe the offerings or content. ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MSSXaAbvAIfOyLCihmU%2F-MSS_WqyVKGYVMQoBOMC%2FScreenshot%202021-02-01%20at%2013.33.40.png?alt=media\&token=1bdee221-8bc6-4a1a-80ef-9340e0fecc88) ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MSRyPMHfZb1qgK4sSMh%2F-MSSXQ8aFTmxMoQtyy1H%2FScreenshot%202021-02-01%20at%2013.19.10.png?alt=media\&token=a0107245-e3d2-4515-b897-e61f0418c156) {% endtab %} {% tab title="Area Type" %} There are two **Area types** available: 1. Container 2. Slider ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MSRyPMHfZb1qgK4sSMh%2F-MSSXSs8Qo3qIWBuKY12%2FScreenshot%202021-02-01%20at%2013.19.26.png?alt=media\&token=8d33c2c1-7b47-4bd8-8958-a75bc698802a) #### Examples below to see, if you are unsure what to select for you content. {% content-ref url="/pages/-MQptEiOb6I8peHdGdxK" %} [Offerings Slice Examples](/hero/prismic-cms/manage-content/slices/offerings/offerings-slice-examples.md) {% endcontent-ref %} {% endtab %} {% tab title="Card style" %} There are two **Card styles** available: 1. Compact 2. Expanded ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MSRyPMHfZb1qgK4sSMh%2F-MSSXVh2Pk__9pUYRU9V%2FScreenshot%202021-02-01%20at%2013.19.41.png?alt=media\&token=448c5a75-3dba-44ce-9f96-6afdf2dd3b8c) #### Examples below to see, if you are unsure what to select for you content. {% content-ref url="/pages/-MQptEiOb6I8peHdGdxK" %} [Offerings Slice Examples](/hero/prismic-cms/manage-content/slices/offerings/offerings-slice-examples.md) {% endcontent-ref %} {% endtab %} {% tab title="Content alignment" %} Here you can decide how the content is going to be aligned. ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MSRyPMHfZb1qgK4sSMh%2F-MSSXYPTW3cWqw0aLs4z%2FScreenshot%202021-02-01%20at%2013.20.00.png?alt=media\&token=f5751952-1d1f-43b3-9020-3f61d9708e45) {% endtab %} {% endtabs %} ### Step 3: Add repeatable content. ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MSSXaAbvAIfOyLCihmU%2F-MSSXme6GTnbBF-PxtLQ%2FScreenshot%202021-02-01%20at%2013.22.06.png?alt=media\&token=9a038e08-9859-4e71-89e0-8e1186edcf73) {% tabs %} {% tab title="Image" %} The image of a "card" ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MSSXaAbvAIfOyLCihmU%2F-MSSYdUOBB5RdGn6zFaU%2FScreenshot%202021-02-01%20at%2013.25.40.png?alt=media\&token=e6758759-9a4c-4c2c-add2-89a14835dfa6) {% endtab %} {% tab title="Label" %} {% hint style="info" %} This is only visible when the **Card Style** is Expanded. {% endhint %}
![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MSSXaAbvAIfOyLCihmU%2F-MSSYOUpbsw3eh1POtZ8%2FScreenshot%202021-02-01%20at%2013.22.40.png?alt=media\&token=80d57ca7-b8df-4467-9693-93ebcd5f8e04) {% endtab %} {% tab title="Title" %} #### Title for the content ![Title (Card Style: Expanded)](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQpbeq1txF7E6c-pO80%2F-MQpmU2_8BWTr3ko3su3%2FScreenshot%202021-01-12%20at%2009.49.45.png?alt=media\&token=93d77a84-38ea-421e-b13a-953a2df8fe53) ![Title (Card Style: Compact)](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQpbeq1txF7E6c-pO80%2F-MQpqdK_DTgvYgtct3Yh%2FScreenshot%202021-01-12%20at%2010.08.05.png?alt=media\&token=03671107-3548-4bdf-819c-4436e5de3818) ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MSSXaAbvAIfOyLCihmU%2F-MSSYRqRo4FUjeCGyo-i%2FScreenshot%202021-02-01%20at%2013.22.58.png?alt=media\&token=68fdef58-7430-42d5-bd6d-1b59f11bad28) {% endtab %} {% tab title="Text" %} #### Content for the image ![Text (Card Style: Expanded )](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQpbeq1txF7E6c-pO80%2F-MQpflUK48CL7SRRrJ50%2FScreenshot%202021-01-11%20at%2015.16.39.png?alt=media\&token=70076e25-9e82-4429-bcb5-735003ec5b8e) ![Text (Card Style: Compact)](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQpbeq1txF7E6c-pO80%2F-MQpqO_qyff0_39f9xm8%2FScreenshot%202021-01-12%20at%2010.07.06.png?alt=media\&token=0adf9fab-ada8-4d1f-b33f-e9ab7344a709) ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MSSXaAbvAIfOyLCihmU%2F-MSSZ8VoAZxhSmK0uzdb%2FScreenshot%202021-02-01%20at%2013.23.12.png?alt=media\&token=5ad00bf0-449b-4a4e-a351-44f4e7a31b64) {% endtab %} {% tab title="Tagline" %} #### Makes the image clickable and sends the user to linked page {% hint style="info" %} This is only visible when **Card Style** is Expanded. {% endhint %} ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQpbeq1txF7E6c-pO80%2F-MQpn07n9UQCMfVj3hyL%2FScreenshot%202021-01-12%20at%2009.52.14.png?alt=media\&token=acbba112-d1a6-4dc0-a46a-0362d2bf5704) {% hint style="info" %} This will also make the picture get an on hover effect which slightly zooms in on the picture. {% endhint %} ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MSSXaAbvAIfOyLCihmU%2F-MSSZ4jE57zITtVx-vZ5%2FScreenshot%202021-02-01%20at%2013.23.33.png?alt=media\&token=7a591afd-a3c7-4bb9-be99-94f61db39e74) {% endtab %} {% tab title="Link" %} ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MSSXaAbvAIfOyLCihmU%2F-MSSZ0LnBAfyJ09EmXbD%2FScreenshot%202021-02-01%20at%2013.23.56.png?alt=media\&token=493ee3f0-add8-4a16-bd3a-d13ab2c2e9f1) {% endtab %} {% tab title="Width" %} #### There are 6 different widths to choose between * normal * fullwidth * half * wide * small * narrow ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MSSXaAbvAIfOyLCihmU%2F-MSSYk7hS3PcWxbByo4_%2FScreenshot%202021-02-01%20at%2013.24.15.png?alt=media\&token=90580d8f-aa65-403b-a258-06f199caae14) {% endtab %} {% endtabs %} ### Step 4: Add more content to the offering slice Click on the button **"Add a new element in Group**" and repeat **Step 3** again. ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MSSXaAbvAIfOyLCihmU%2F-MSSZuf8JLtpIHc26FFg%2FScreenshot%202021-02-01%20at%2013.31.12.png?alt=media\&token=dcfa94ab-d197-4834-ace2-48489dc0c44f) ## Different combinations of the Offering types (with examples) {% tabs %} {% tab title="Container Expanded" %} ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQpbeq1txF7E6c-pO80%2F-MQpjCOkZOsx2HJxDc41%2FScreenshot%202021-01-12%20at%2009.35.52.png?alt=media\&token=84631f91-6679-4759-a9a1-9673eac192c8) ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQpbeq1txF7E6c-pO80%2F-MQpiLCKNj7h6eBclYqc%2FScreenshot%202021-01-12%20at%2009.31.17.png?alt=media\&token=c1979ade-5054-494d-9993-fb644690eae1) {% endtab %} {% tab title="Container Compact" %} ![Example 1](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQpbeq1txF7E6c-pO80%2F-MQpkWneIR6Ccyatup2J%2FScreenshot%202021-01-12%20at%2009.41.38.png?alt=media\&token=d1898ecb-afe3-4f1b-9c1f-d64a4eed3b98) ![Example 2](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQpbeq1txF7E6c-pO80%2F-MQplKKPA2Q_7xRgL8gT%2FScreenshot%202021-01-12%20at%2009.44.49.png?alt=media\&token=8426fd59-320f-4910-ae35-21d9e4c20d85) ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQpbeq1txF7E6c-pO80%2F-MQpiMpMLdheiEBTVrhb%2FScreenshot%202021-01-12%20at%2009.29.52.png?alt=media\&token=addeb5e8-41bc-434c-9954-fd578bc664e3) {% endtab %} {% tab title="Slider Expanded" %} ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQpbeq1txF7E6c-pO80%2F-MQpjrtMogiCVakGlgys%2FScreenshot%202021-01-12%20at%2009.38.52.png?alt=media\&token=7840a531-6e1d-4b23-b8c6-131ce937f88e) ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQpbeq1txF7E6c-pO80%2F-MQpicNd7Y_2XsmxuHYY%2FScreenshot%202021-01-12%20at%2009.32.43.png?alt=media\&token=2a2beba3-4d56-451f-9faa-a261cb3a2eda) {% endtab %} {% tab title="Slider Compact" %} #### ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQpbeq1txF7E6c-pO80%2F-MQpkBLOw6nthh86aIdj%2FScreenshot%202021-01-12%20at%2009.40.08.png?alt=media\&token=8590256a-f3e9-47b5-afbf-a19cacb8edd4) ![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQpbeq1txF7E6c-pO80%2F-MQpikmM80gDjJs4Ctib%2FScreenshot%202021-01-12%20at%2009.33.44.png?alt=media\&token=a4ed9368-331f-4fc8-9f22-505b48947dad) {% endtab %} {% endtabs %}