Article - Baseline with image with variant
This is a test article.
Products
Applications
Contact
Hotline: +00 123 4567.89
(Daily from 8 am to 11 pm)
e-mail: info@coremedia.com
<!-- BEGIN com.coremedia.blueprint.cae.contentbeans.CMChannelImpl[id=109208] asLinkListItem FreemarkerView[template=/jar:id:contentproperty:/Themes/recharge/templates/recharge–templates.jar/archive!/META–INF/resources/WEB–INF/templates/recharge/com.coremedia.blueprint.common.navigation/Navigation.asLinkListItem.ftl] -->
<li class=" cm-navigation-item cm-navigation-item--depth-2" data-cm-metadata="[{"_":"properties.children"},{"_":{"$Ref":"content/109208"}}]">
<!-- BEGIN com.coremedia.blueprint.cae.contentbeans.CMChannelImpl[id=109208] asLink FreemarkerView[template=/jar:id:contentproperty:/Themes/recharge/templates/recharge–templates.jar/archive!/META–INF/resources/WEB–INF/templates/recharge/com.coremedia.blueprint.common.navigation/Navigation.asLink.ftl] -->
<a class="cm-navigation-item__title" href="/motors/blog/varianttestpage" data-cm-metadata="[{"_":"properties.title"}]">VariantTest</a>
<!-- END com.coremedia.blueprint.cae.contentbeans.CMChannelImpl[id=109208] asLink FreemarkerView[template=/jar:id:contentproperty:/Themes/recharge/templates/recharge–templates.jar/archive!/META–INF/resources/WEB–INF/templates/recharge/com.coremedia.blueprint.common.navigation/Navigation.asLink.ftl] took 1 ms -->
<a class="cm-navigation-item__picture-link" href="/motors/blog/varianttestpage">
<!-- BEGIN com.coremedia.blueprint.cae.contentbeans.CMPictureImpl[id=11984] media FreemarkerView[template=/jar:id:contentproperty:/Themes/recharge/templates/recharge–templates.jar/archive!/META–INF/resources/WEB–INF/templates/recharge/com.coremedia.blueprint.common.contentbeans/CMPicture.media.ftl] -->
<picture class="cm-navigation-item__picture-box" data-cm-metadata="[{"_":{"$Ref":"content/11984"}},{"_":"properties.data"},{"editable":true}]">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
alt="CM-PXM700"
loading="lazy"
class="cm-media cm-media--responsive cm-media--loading cm-navigation-item__picture"
title="" data-cm-responsive-media="[{"name":"portrait_ratio2x3","ratioWidth":2,"ratioHeight":3,"linksForWidth":{"200":"/resource/image/11984/portrait_ratio2x3/200/300/9933f5a7a1f15247f404345aaf4a022e/6E4045E2D32A2F9B1636DE2B0401B30D/0cm-pxm700-large.png","400":"/resource/image/11984/portrait_ratio2x3/400/600/9933f5a7a1f15247f404345aaf4a022e/A8ADD71709381022B3BB05F438E0147C/0cm-pxm700-large.png","768":"/resource/image/11984/portrait_ratio2x3/768/1152/9933f5a7a1f15247f404345aaf4a022e/F238512808626CA34156FC9D0A24C373/0cm-pxm700-large.png"}},{"name":"portrait_ratio1x1","ratioWidth":1,"ratioHeight":1,"linksForWidth":{"200":"/resource/image/11984/portrait_ratio1x1/200/200/9f470ab6e48d253f0e587fa3585f7f11/0F128267937B8C287A1A1222F23D1596/0cm-pxm700-large.png","400":"/resource/image/11984/portrait_ratio1x1/400/400/9f470ab6e48d253f0e587fa3585f7f11/993BB4CD4F6ABAB4784E3CFF5E10AA12/0cm-pxm700-large.png","768":"/resource/image/11984/portrait_ratio1x1/768/768/9f470ab6e48d253f0e587fa3585f7f11/9F0BB74F2CE9541329533B1D7B3684C3/0cm-pxm700-large.png"}},{"name":"landscape_ratio4x3","ratioWidth":4,"ratioHeight":3,"linksForWidth":{"200":"/resource/image/11984/landscape_ratio4x3/200/150/2bc6d92df5b85bf79c449570702e9371/96A874895871F2C2F263F90B05CEDD83/0cm-pxm700-large.png","400":"/resource/image/11984/landscape_ratio4x3/400/300/2bc6d92df5b85bf79c449570702e9371/739EF17CED682D4741BE28B40E340D07/0cm-pxm700-large.png","768":"/resource/image/11984/landscape_ratio4x3/768/576/2bc6d92df5b85bf79c449570702e9371/809CF75DDF07491786A855EA93539998/0cm-pxm700-large.png"}},{"name":"landscape_ratio16x9","ratioWidth":16,"ratioHeight":9,"linksForWidth":{"208":"/resource/image/11984/landscape_ratio16x9/208/117/7647855c510fe8c4abac52ec84af1dc2/3E64D9076EBCB1A7E17598060416CB2E/0cm-pxm700-large.png","400":"/resource/image/11984/landscape_ratio16x9/400/225/7647855c510fe8c4abac52ec84af1dc2/8C8D019B5CF4667D400AB73681FA326D/0cm-pxm700-large.png","944":"/resource/image/11984/landscape_ratio16x9/944/531/7647855c510fe8c4abac52ec84af1dc2/B0BBD4DE252AFA33C10AB398BF9ED553/0cm-pxm700-large.png"}},{"name":"landscape_ratio8x3","ratioWidth":8,"ratioHeight":3,"linksForWidth":{"400":"/resource/image/11984/landscape_ratio8x3/400/150/75c665fce5e0a37ce053c5772c15389c/3C29051CB74E4CBBE60EC693F68FB1CE/0cm-pxm700-large.png","768":"/resource/image/11984/landscape_ratio8x3/768/288/75c665fce5e0a37ce053c5772c15389c/7010C0AD127422D2F6DEAEDB7A64836A/0cm-pxm700-large.png","1144":"/resource/image/11984/landscape_ratio8x3/1144/429/75c665fce5e0a37ce053c5772c15389c/A94F0D7719EB7FBB25DECF2C73C192F4/0cm-pxm700-large.png","1792":"/resource/image/11984/landscape_ratio8x3/1792/672/75c665fce5e0a37ce053c5772c15389c/6C6433346A313B21E5B76336BE938CB0/0cm-pxm700-large.png"}}]" data-cm-metadata="[{"_":"properties.data"}]">
</picture>
<!-- END com.coremedia.blueprint.cae.contentbeans.CMPictureImpl[id=11984] media FreemarkerView[template=/jar:id:contentproperty:/Themes/recharge/templates/recharge–templates.jar/archive!/META–INF/resources/WEB–INF/templates/recharge/com.coremedia.blueprint.common.contentbeans/CMPicture.media.ftl] took 3 ms --> </a>
</li>
<!-- END com.coremedia.blueprint.cae.contentbeans.CMChannelImpl[id=109208] asLinkListItem FreemarkerView[template=/jar:id:contentproperty:/Themes/recharge/templates/recharge–templates.jar/archive!/META–INF/resources/WEB–INF/templates/recharge/com.coremedia.blueprint.common.navigation/Navigation.asLinkListItem.ftl] took 6 ms -->
<!-- BEGIN com.coremedia.blueprint.cae.contentbeans.CMChannelImpl[id=109208] asLink FreemarkerView[template=/jar:id:contentproperty:/Themes/recharge/templates/recharge–templates.jar/archive!/META–INF/resources/WEB–INF/templates/recharge/com.coremedia.blueprint.common.navigation/Navigation.asLink.ftl] -->
<a class="cm-navigation-item__title" href="/motors/blog/varianttestpage" data-cm-metadata="[{"_":"properties.title"}]">VariantTest</a>
<!-- END com.coremedia.blueprint.cae.contentbeans.CMChannelImpl[id=109208] asLink FreemarkerView[template=/jar:id:contentproperty:/Themes/recharge/templates/recharge–templates.jar/archive!/META–INF/resources/WEB–INF/templates/recharge/com.coremedia.blueprint.common.navigation/Navigation.asLink.ftl] took 1 ms -->
<!-- BEGIN com.coremedia.blueprint.cae.contentbeans.CMPictureImpl[id=112334] asRichtextEmbed FreemarkerView[template=/jar:id:contentproperty:/Themes/recharge/templates/recharge–templates.jar/archive!/META–INF/resources/WEB–INF/templates/recharge/com.coremedia.blueprint.common.contentbeans/CMPicture.asRichtextEmbed.ftl] -->
<span class="cm-richtext-embedded cm-richtext-embedded--image ">
<!-- BEGIN com.coremedia.blueprint.cae.contentbeans.CMPictureImpl[id=112334] media FreemarkerView[template=/jar:id:contentproperty:/Themes/recharge/templates/recharge–templates.jar/archive!/META–INF/resources/WEB–INF/templates/recharge/com.coremedia.blueprint.common.contentbeans/CMPicture.media.ftl] -->
<picture class="cm-richtext-embedded__picture-box" data-cm-metadata="[{"_":{"$Ref":"content/112334"}},{"_":"properties.data"},{"editable":true}]">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
alt="X400 - Rotor and stator of car alternator generator"
loading="lazy"
class="cm-media cm-media--responsive cm-media--loading cm-richtext-embedded__picture"
title="" data-cm-responsive-media="[{"name":"portrait_ratio2x3","ratioWidth":2,"ratioHeight":3,"linksForWidth":{"200":"/resource/image/112334/portrait_ratio2x3/200/300/5ede1c8bcc7e6ab7aded8fb095891513/A2F4BE013ECB6DC6F9B1CACE2DA9A896/variant-1.jpg","400":"/resource/image/112334/portrait_ratio2x3/400/600/5ede1c8bcc7e6ab7aded8fb095891513/2DD9ED482CA48C4A10F5FA617C456936/variant-1.jpg","768":"/resource/image/112334/portrait_ratio2x3/768/1152/5ede1c8bcc7e6ab7aded8fb095891513/D48BF0694AE70946F3E2F09DB42F6A25/variant-1.jpg"}},{"name":"portrait_ratio1x1","ratioWidth":1,"ratioHeight":1,"linksForWidth":{"200":"/resource/image/112334/portrait_ratio1x1/200/200/959ded748be744ee176af855c47c1c56/5EDD7106399C9F07472A810FC55B8A1D/variant-1.jpg","400":"/resource/image/112334/portrait_ratio1x1/400/400/959ded748be744ee176af855c47c1c56/D4A4BCD57397D64FA1BEF17504076ED2/variant-1.jpg","768":"/resource/image/112334/portrait_ratio1x1/768/768/959ded748be744ee176af855c47c1c56/7BEABA094AECBCBA95EFC766D5D2F8A9/variant-1.jpg"}},{"name":"landscape_ratio4x3","ratioWidth":4,"ratioHeight":3,"linksForWidth":{"200":"/resource/image/112334/landscape_ratio4x3/200/150/a11e6833cf03192f1524c76f61a18e36/290C25794D8387833041CB0B37CC4E9C/variant-1.jpg","400":"/resource/image/112334/landscape_ratio4x3/400/300/a11e6833cf03192f1524c76f61a18e36/C497C7D282CB99D3F41982195D978B9D/variant-1.jpg","768":"/resource/image/112334/landscape_ratio4x3/768/576/a11e6833cf03192f1524c76f61a18e36/FA50C09944633364211DCABA8CD24076/variant-1.jpg"}},{"name":"landscape_ratio16x9","ratioWidth":16,"ratioHeight":9,"linksForWidth":{"208":"/resource/image/112334/landscape_ratio16x9/208/117/2a42bdb270bcde29dc98a5b14ceba16/B14C28B230085A8C4A05235FCCD0C937/variant-1.jpg","400":"/resource/image/112334/landscape_ratio16x9/400/225/2a42bdb270bcde29dc98a5b14ceba16/DE27CDA162EEC2A0B2863AC3E85842BE/variant-1.jpg","944":"/resource/image/112334/landscape_ratio16x9/944/531/2a42bdb270bcde29dc98a5b14ceba16/EE27346ACEE0E709FEA10492CAAA4E24/variant-1.jpg"}},{"name":"landscape_ratio8x3","ratioWidth":8,"ratioHeight":3,"linksForWidth":{"400":"/resource/image/112334/landscape_ratio8x3/400/150/75bfb65e92520ec19e1247b43c82e320/326EFA40F3D7263C1734242857FFDB6E/variant-1.jpg","768":"/resource/image/112334/landscape_ratio8x3/768/288/75bfb65e92520ec19e1247b43c82e320/298787F0D4CBA499A152E83280F550DC/variant-1.jpg","1144":"/resource/image/112334/landscape_ratio8x3/1144/429/75bfb65e92520ec19e1247b43c82e320/43DD196D89B8DAEF720A7AA98B72B4A5/variant-1.jpg","1792":"/resource/image/112334/landscape_ratio8x3/1792/672/75bfb65e92520ec19e1247b43c82e320/5FF1C0C47214BED7154DA30894DECD8B/variant-1.jpg"}}]" data-cm-metadata="[{"_":"properties.data"}]">
</picture>
<!-- END com.coremedia.blueprint.cae.contentbeans.CMPictureImpl[id=112334] media FreemarkerView[template=/jar:id:contentproperty:/Themes/recharge/templates/recharge–templates.jar/archive!/META–INF/resources/WEB–INF/templates/recharge/com.coremedia.blueprint.common.contentbeans/CMPicture.media.ftl] took 3 ms --></span>
<!-- END com.coremedia.blueprint.cae.contentbeans.CMPictureImpl[id=112334] asRichtextEmbed FreemarkerView[template=/jar:id:contentproperty:/Themes/recharge/templates/recharge–templates.jar/archive!/META–INF/resources/WEB–INF/templates/recharge/com.coremedia.blueprint.common.contentbeans/CMPicture.asRichtextEmbed.ftl] took 3 ms -->