CTA Box
Preview of this component:
Code to copy and paste into the cms:
<div class="seo-cta-box-wrapper">
<a href="/inbetween/erfahrung" class="seo-cta-box-wrapper-11 w-inline-block"><div class="seo-cta-box"><h3 class="head-cta-box">GoEasy – Deine Online-Apotheke für medizinisches Cannabis.</h3>
<div class="wrapper-center"><div class="btn-goeasy cta-box"><div>Jetzt bestellen</div></div></div></div></a></div>
How to change the MQ:
by default, this box ALWAYS links to www.goeasy.de/inbetween/erfahrung.
It is NOT CONNECTED to the MQ Link Field in the CMS. Meaning you have to change the link by hand.
In line 2 of the Code, change the link to whatever link you want to use.
Box with textblock
Preview of this component:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Code to copy and paste into the cms:
<div id="w-node-_5d637aea-9e0f-cf3c-d0f7-a9c91ea866cc-4e9f3751" class="box-tipp-wrapper">
<div class="yellow-box">
<div class="tipp-header no-border">
<div class="tipp-icon-wrapper"><div class="tipp-head">Headline</div></div>
<div class="divider-yellow-box"></div></div>
<p class="tipp-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div></div>
Box with list
Preview of this component:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Code to copy and paste into the cms:
<div id="w-node-a1783db1-1d16-f34c-e520-33e2c8efcb0c-4e9f3751" class="box-tipp-wrapper">
<div class="yellow-box"><div class="tipp-header no-border"><div class="tipp-icon-wrapper">
<div class="tipp-head">Headline</div></div>
<div class="divider-yellow-box"></div></div>
<ul role="list" class="cms-list">
<li class="cms-list-item"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></li>
<li class="cms-list-item"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></li>
<li class="cms-list-item"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></li></ul>
</div></div>
Accordion
Preview of this component:
Code to copy and paste into the cms:
<div fs-accordion-initial="none" fs-accordion-element="group" class="accordion-group">
<div fs-accordion-element="accordion" class="accordion-wrapper">
<div id="accordion-2-header-1" tabindex="0" role="button" aria-controls="accordion-2-content-1" aria-expanded="false" fs-accordion-element="trigger" data-w-id="4a67009c-b5fb-a999-85fa-3ad590b9e14a" class="accordion-head">
<div class="accordion-label">Accordion Headline</div>
<div fs-accordion-element="arrow" class="accordion-icon"><img style="display:block" loading="lazy" alt="" src="https://cdn.prod.website-files.com/6638878d99207e2fa2b8efb6/6641b4ea3a30a5d77c85627e_accordion-icon.svg" class="accordion-plus"><img style="display:none" loading="lazy" alt="" src="https://cdn.prod.website-files.com/6638878d99207e2fa2b8efb6/6641b4ea6c891ed31ef64a73_accordion-icon-active.svg" class="accordion-minus"></div></div><div id="accordion-2-content-1" aria-labelledby="accordion-2-header-1" fs-accordion-element="content" class="accordion-content" style="max-height: 0px; display: none;">
<div class="accordion-text w-richtext"><p>Accordion Content</p>
</div></div></div></div>
Table 2 Column
Preview of this component:
Code to copy and paste into the cms:
<div class="table-scrollable">
<table>
<tbody>
<tr>
<th>Headline Col 1</th>
<th>Headline Col 2</th>
</tr>
<tr>
<td>Content Cell 1</td>
<td>Content Cell 2</td>
</tr>
<tr>
<td>Content Cell 3</td>
<td>Content Cell 4</td>
</tr>
</tbody>
</table>
</div>
Table 3 Column
Preview of this component:
Code to copy and paste into the cms:
<div class="table-scrollable">
<table>
<tbody>
<tr>
<th>Headline Col 1</th>
<th>Headline Col 2</th>
<th>Headline Col 3</th>
</tr>
<tr>
<td>Content Cell 1</td>
<td>Content Cell 2</td>
<td>Content Cell 3</td>
</tr>
<tr>
<td>Content Cell 4</td>
<td>Content Cell 5</td>
<td>Content Cell 6</td>
</tr>
</tbody>
</table>
</div>
Table 4 Column
Preview of this component:
Code to copy and paste into the cms:
<div class="table-scrollable">
<table>
<tbody>
<tr>
<th>Headline Col 1</th>
<th>Headline Col 2</th>
<th>Headline Col 3</th>
<th>Headline Col 4</th>
</tr>
<tr>
<td>Content Cell 1</td>
<td>Content Cell 2</td>
<td>Content Cell 3</td>
<td>Content Cell 4</td>
</tr>
<tr>
<td>Content Cell 5</td>
<td>Content Cell 6</td>
<td>Content Cell 7</td>
<td>Content Cell 8</td>
</tr>
</tbody>
</table>
</div>
List with numbers
Preview of this component:
Text item 1
Text item 2
Text item 3
Code to copy and paste into the cms:
<div class="box-list-numbers">
<div class="list-number-circle-container first"><div class="list-number-circle-green-4"><div>1</div></div>
<p><strong>Item 1</strong></p></div>
<p>Text item 1</p>
<div class="list-number-circle-container"><div class="list-number-circle-green-4"><div>2</div></div>
<p><strong>Item 2</strong></p></div>
<p>Text item 2</p>
<div class="list-number-circle-container"><div class="list-number-circle-green-4"><div>3</div></div>
<p><strong>Item 3</strong></p></div>
<p>Text item 3</p></div>