Alphabet - My Lease

Alphabet Used Cars

Sustainability Policy

Imprint

Legal Disclaimer

Privacy Policy

Cookie Policy

Find us on facebook

Find us on linkedin

Find us on youtube

large-modules-overview | Alphabet.com

<p><strong>Note: </strong>The purpose of this page is to show the different options with the large content modules (CM) which are not placed inside the layout containers. For information about every single module, please <a data-entity-substitution="canonical" data-entity-type="node" data-entity-uuid="a02a5092-1b17-4d3f-9d0f-af2512a2445b" href="/en-ww/moduleoverview" title="module_overview">click here (LINK)</a> for the module overview. For more info about <a data-entity-substitution="canonical" data-entity-type="node" data-entity-uuid="cd1c4b40-8cee-4c77-9025-f621b49face1" href="/en-ww/layoutoverview" title="layout_overview">layout containers, click here.</a></p>
<p> </p>
<h3>PLEASE DO NOT CHANGE ANYTHING ON THIS PAGE. IT IS JUST FOR DOCUMENTATION.</h3>


<h2>Divider - Quote (1.15)</h2>
<p>The Quote Divider Module is used to display a quote from a customer, expert or employee at Alphabet. It can display several quotes as a slider.</p>
<p><strong>Mandatory:</strong></p>
<ul>
<li>Quote</li>
</ul>
<p><strong>Optional:</strong></p>
<ul>
<li>Name</li>
<li>Position</li>
<li>Company</li>
<li>Avatar (Image)</li>
<li>Anchor</li>
</ul>


<h2>Divider - Download (1.15)</h2>
<p>The Download Divider Module is used to provide downloadable content designed as a divider. <br />
Note: For better linebreaks, the headline is separated here in 2 fields (Body). You can use both or only the 1st.</p>
<p><strong>Mandatory:</strong></p>
<ul>
<li>Body (Headline)</li>
<li>Icon</li>
<li>CTA Link or Document (Download)</li>
<li>Document Label</li>
</ul>
<p><strong>Optional:</strong></p>
<ul>
<li>Background image</li>
</ul>


<h2>Divider - Infographic (1.16)</h2>
<p>The Infographic Divider is designed as a divider. <br />
Note: For better linebreaks, the text is separated here in 3 fields (2 sublines, 1 headline). You must use the headline.</p>
<p><strong>Mandatory:</strong></p>
<ul>
<li>Headline</li>
</ul>
<p><strong>Optional:</strong></p>
<ul>
<li>Subline Top</li>
<li>Subline Bottom</li>
<li>Icon</li>
</ul>


<h2>CM Accordion (1.24)</h2>
<p>The Accordion Module is used most commonly for FAQs or for listings.</p>
<p><strong>Mandatory:</strong></p>
<ul>
<li>Headline for each item</li>
<li>Copytext for each item</li>
</ul>
<p><strong>Optional:</strong></p>
<ul>
<li>Anchor</li>
<li>Subheadline for each item</li>
<li>Link for each item</li>
<li>Image for each item</li>
</ul>


General Copytext - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Link text

Copytext 1 - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Copytext 2 - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Copytext 3 - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

<h2>CM Benefits (1.25)</h2>
<p>The Progress Chart Module is used when a lot of small content of a single topic comes together. This module is flexible and can be used with just one row of Benefits Tiles or up to four, with a maximum of 3 Benefits Tiles per row.</p>
<p><strong>Mandatory:</strong></p>
<ul>
<li>Headline</li>
<li>Headline for each item</li>
</ul>
<p><strong>Optional:</strong></p>
<ul>
<li>Anchor</li>
<li>Subline</li>
<li>Label Group 1 & 2</li>
<li>Copytext for each item</li>
<li>Link for each item</li>
<li>Icon for each item</li>
<li>Color</li>
<li>Columns Limit Option // This determines if it is displayed as 2x2 or 2x3 in Frontend</li>
</ul>


Copytext Group 2 - 1 - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Copytext Group 2 - 2 - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Copytext Group 2 - 3 - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

<h2>CM ProductCompare (1.26) (Formerly known as CM Table)</h2>
<p>The CM ProductCompare is used for comparisons and service overviews. The table can contain icons.</p>
<p><strong>Mandatory:</strong></p>
<ul>
<li>Headline</li>
<li>Labels & Data for at least 2 columns</li>
</ul>
<p><strong>Optional:</strong></p>
<ul>
<li>Subline</li>
<li>CTA Link for column</li>
</ul>


Learn more

Title Column 1

Title Column 2 

<h2>CM Process/Steps (1.27)</h2>
<p>The CM Process/Step is used to showcase a step-by-step process.</p>
<p><strong>Mandatory:</strong></p>
<ul>
<li>General Headline</li>
<li>Headline for each step</li>
<li>Icon for each step</li>
</ul>
<p><strong>Optional:</strong></p>
<ul>
<li>Anchor</li>
<li>General Subline</li>
<li>General Copytext</li>
<li>Copytext for each step</li>
</ul>


Copytext for step 1 - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Copytext for step 2 - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Copytext for step 3 - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Copytext for step 4 - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

<h2>CM Text</h2>
<p><strong>Mandatory:</strong></p>
<p><strong>Optional:</strong></p>


<h2>Lorem ipsum dolor sit amet,</h2>
<p>consectetuer adipiscing elit. <strong>Aenean</strong> commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p>Donec quam felis, ultricies nec, <em>pellentesque</em> eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus <u>elementum</u> semper nisi.</p>
<p>Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. </p>


large-modules-overview

Please enter the password you have received from Alphabet.