1<section class="module module-cta-brochure <#if ExpertTitle?? && !ExpertTitle.getData()?has_content>module-cta-brochure-single</#if> module-grey"
2 <#if AnchorId?? && AnchorId.getData()?has_content>id="${AnchorId.getData()}"</#if>>
3 <div class="container">
4 <div class="row align-items-center">
5 <div class="col-lg-5">
6 <div class="title-wrapper <#if Description?? && Description.getData()?has_content> title-wrapper-with-subtitle</#if>">
7 <h2 class="bottom-cut">${Title.getData()}</h2>
8 <#if Description?? && Description.getData()?has_content>${Description.getData()}</#if>
9 </div>
10 </div>
11
12 <#if ExpertTitle?? && ExpertTitle.getData()?has_content>
13 </div>
14 <div class="row">
15 <div class="col-md-6">
16 <#else>
17 <div class="col-lg-6 offset-lg-1">
18 </#if>
19 <div class="card card-rounded-white card-cta-brochure">
20 <div class="card-wrapper">
21 <div class="row">
22 <div class="col-lg-4 pl-lg-0 order-lg-1">
23 <#if ImageStyle.getData() != "double-transparent">
24 <div class="card-img-wrapper card-img-wrapper-canvas" style="background-color: ${BrochureTitle.BrochureBackgroundColor.getData()};">
25 <div>
26 <#if (BrochureTitle.BrochureImage.getData())?? && BrochureTitle.BrochureImage.getData() != "">
27 <img alt="${BrochureTitle.BrochureImage.getAttribute("alt")}" src="${BrochureTitle.BrochureImage.getData()}" class="img-fluid object-fit" />
28 </#if>
29 </div>
30 </div>
31 <#else>
32 <div class="card-img-wrapper">
33 <#if (BrochureTitle.BrochureImage.getData())?? && BrochureTitle.BrochureImage.getData() != "">
34 <img alt="${BrochureTitle.BrochureImage.getAttribute("alt")}" src="${BrochureTitle.BrochureImage.getData()}" class="img-fluid object-fit" />
35 </#if>
36 </div>
37 </#if>
38 </div>
39 <div class="col-lg-8 pr-lg-0">
40 <div class="card-text-wrapper">
41 <h4>${BrochureTitle.getData()}</h4>
42 <p>${BrochureTitle.BrochureDescription.getData()}</p>
43 <#if BrochureTitle.PrimaryButtonLabel.getData()?? && BrochureTitle.PrimaryButtonLabel.getData() != "">
44 <#if BrochureTitle.PrimaryButtonLabel.PrimaryButtonUrlLinkToPage.getData()?has_content>
45 <a data-senna-off="true" href="${BrochureTitle.PrimaryButtonLabel.PrimaryButtonUrlLinkToPage.getFriendlyUrl()}${BrochureTitle.PrimaryButtonLabel.PrimaryLinkToPageAnchor.getData()}"
46 class="btn btn-primary stretched-link"
47 <#if BrochureTitle.PrimaryButtonLabel.PrimaryButtonAriaLabel?? &&
48 BrochureTitle.PrimaryButtonLabel.PrimaryButtonAriaLabel?has_content &&
49 BrochureTitle.PrimaryButtonLabel.PrimaryButtonAriaLabel.getData()?has_content>
50 aria-label="${BrochureTitle.PrimaryButtonLabel.PrimaryButtonAriaLabel.getData()}"</#if>
51 >${BrochureTitle.PrimaryButtonLabel.getData()} <i class="icon-chevron-right"></i>
52 </a>
53 <#else>
54 <a data-senna-off="true" href="${BrochureTitle.PrimaryButtonLabel.PrimaryButtonUrl.getData()}" class="btn btn-primary stretched-link"
55 aria-label="${BrochureTitle.PrimaryButtonLabel.PrimaryButtonAriaLabel.getData()} ${AriaLabelSuffix.getData()}" target="_blank"
56 >${BrochureTitle.PrimaryButtonLabel.getData()} <i class="icon-chevron-right"></i>
57 </a>
58 </#if>
59 </#if>
60 </div>
61 </div>
62 </div>
63 </div>
64 </div>
65 </div>
66 <#if ExpertTitle?? && ExpertTitle.getData()?has_content>
67 <div class="col-md-6">
68 <div class="card card-rounded-white card-cta-brochure">
69 <div class="card-wrapper">
70 <div class="row">
71 <div class="col-lg-4 pl-lg-0 order-lg-1">
72 <#if ImageStyle.getData() == "double-color">
73 <div class="card-img-wrapper card-img-wrapper-canvas" style="background-color: ${BrochureTitle.BrochureBackgroundColor.getData()};">
74 <div>
75 <#if (ExpertTitle.ExpertImage.getData())?? && ExpertTitle.ExpertImage.getData() != "">
76 <img alt="${ExpertTitle.ExpertImage.getAttribute("alt")}" src="${ExpertTitle.ExpertImage.getData()}" class="img-fluid object-fit" />
77 </#if>
78 </div>
79 </div>
80 <#else>
81 <div class="card-img-wrapper">
82 <#if (ExpertTitle.ExpertImage.getData())?? && ExpertTitle.ExpertImage.getData() != "">
83 <img alt="${ExpertTitle.ExpertImage.getAttribute("alt")}" src="${ExpertTitle.ExpertImage.getData()}" class="img-fluid object-fit" />
84 </#if>
85 </div>
86 </#if>
87 </div>
88 <div class="col-lg-8 pr-lg-0">
89 <div class="card-text-wrapper">
90 <h4>${ExpertTitle.getData()}</h4>
91 <p>${ExpertTitle.ExpertDescription.getData()}</p>
92 <#if ExpertTitle.ExpertPrimaryButtonLabel.getData()?? && ExpertTitle.ExpertPrimaryButtonLabel.getData() != "">
93 <#if ExpertTitle.ExpertPrimaryButtonLabel.ExpertPrimaryButtonUrlLinkToPage.getData()?has_content>
94 <a data-senna-off="true" href="${ExpertTitle.ExpertPrimaryButtonLabel.ExpertPrimaryButtonUrlLinkToPage.getFriendlyUrl()}${ExpertTitle.ExpertPrimaryButtonLabel.ExpertPrimaryLinkToPageAnchor.getData()}"
95 class="btn btn-primary stretched-link"
96 <#if ExpertTitle.ExpertPrimaryButtonLabel.ExpertPrimaryButtonAriaLabel?? &&
97 ExpertTitle.ExpertPrimaryButtonLabel.ExpertPrimaryButtonAriaLabel?has_content &&
98 ExpertTitle.ExpertPrimaryButtonLabel.ExpertPrimaryButtonAriaLabel.getData()?has_content>
99 aria-label="${ExpertTitle.ExpertPrimaryButtonLabel.ExpertPrimaryButtonAriaLabel.getData()}"</#if>
100 >${ExpertTitle.ExpertPrimaryButtonLabel.getData()} <i class="icon-chevron-right"></i>
101 </a>
102 <#else>
103 <a data-senna-off="true" href="${ExpertTitle.ExpertPrimaryButtonLabel.ExpertPrimaryButtonUrl.getData()}" class="btn btn-primary stretched-link"
104 aria-label="${ExpertTitle.ExpertPrimaryButtonLabel.ExpertPrimaryButtonAriaLabel.getData()} ${AriaLabelSuffix.getData()}" target="_blank"
105 >${ExpertTitle.ExpertPrimaryButtonLabel.getData()} <i class="icon-chevron-right"></i>
106 </a>
107 </#if>
108 </#if>
109 </div>
110 </div>
111 </div>
112 </div>
113 </div>
114 </div>
115 </div>
116 </#if>
117 </div>
118 <#if ExpertTitle?? && !ExpertTitle.getData()?has_content></div></#if>
119</section>
