Skip to Content
0 Votes

Changes for page Home

Last modified by Alex Cotiugă on 2026/01/13 13:12
From version 7.147
edited by Alex Cotiugă
on 2025/11/17 09:36
Change comment: There is no comment for this version
To version 4.31
edited by Alex Cotiugă
on 2025/11/12 13:47
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,236 +1,85 @@
1 1  {{velocity}}
2 -#*== Professional XWiki Services for Secure and Scalable Business Solutions ==
3 -Agnease helps organizations maintain, upgrade, and extend their XWiki environments with clarity and precision. Focusing on stability, performance, and long-term support we ensure your business knowledge and collaboration tools remain dependable, secure, and adaptable to growth.*#
4 4  {{html clean="false"}}
5 -<main class="agnease-landing">
6 - ## HERO
7 - <section class="hero hero-centered" aria-labelledby="hero-title">
8 - <div class="container hero-inner">
9 - <h1 id="hero-title">Professional XWiki solutions, from setup to long-term stability</h1>
10 - <p class="lead">Need your XWiki upgraded, secured, or improved? Let’s make it happen.</p>
11 - <div class="hero-cta">
12 - <a class="btn btn-primary" href="#contact" aria-label="Schedule a call with Agnease">
13 - Request a consultation
14 - </a>
15 - </div>
16 - <ul class="benefits">
17 - <li>Smooth upgrades</li>
18 - <li>Reliable support plans</li>
19 - <li>Custom integrations</li>
20 - <li>Secure, optimized platforms</li>
21 - </ul>
22 - </div>
23 - </section>
24 - ## WHY CHOOSE
25 - #set ($whySectionData = [{
26 - 'title': 'Stability & security',
27 - 'icon': 'shield',
28 - 'content': 'Proven upgrade steps, rollback safety, and proactive hardening keep your wiki reliable.'
29 - },{
30 - 'title': 'Predictable delivery',
31 - 'icon': 'check-square-o',
32 - 'content': 'Clear scope, defined steps, and documented results to avoid surprises.'
33 - },{
34 - 'title': 'Clean integrations',
35 - 'icon': 'link',
36 - 'content': 'Maintainable SSO, API, and system connections tailored to your environment.'
37 - },{
38 - 'title': 'Long-term support',
39 - 'icon': 'life-ring',
40 - 'content': 'Guaranteed response times, regular checks, and fast assistance when needed.'
41 - }])
42 - <section aria-labelledby="why-title">
43 - <div class="container">
44 - <h2 id="why-title">Why choose Agnease</h2>
45 - <p class="lead">10+ years of XWiki expertise with structured delivery and lasting collaboration</p>
46 - <div class="widgets">
47 - #foreach ($entry in $whySectionData)
48 - <article class="widget">
49 - <div class="icon" aria-hidden="true">
50 - <i class="fa fa-$entry.icon"></i>
51 - <h4>$entry.title</h4>
52 - </div>
53 - <p>$entry.content</p>
54 - </article>
55 - #end
56 - </div>
57 - </div>
58 - </section>
59 - ## SERVICES
60 - #set ($servicesSectionData = [{
61 - 'title': 'Upgrades',
62 - 'icon': 'refresh',
63 - 'content': 'Stay current with the latest XWiki LTS and keep your instance reliable.',
64 - 'items': [
65 - 'Audit setup, extensions, and configurations',
66 - 'Test upgrades with backups and validation',
67 - 'Safe production rollout with minimal downtime'
68 - ]
69 - },{
70 - 'title': 'Maintenance, Support & Recovery',
71 - 'icon': 'stethoscope',
72 - 'content': 'Ensure long-term stability and quick response when issues appear.',
73 - 'items': [
74 - 'Monitoring and performance checks',
75 - 'Security patching, log analysis, triage',
76 - 'Issue recovery, data repair, hardening'
77 - ]
78 - },{
79 - 'title': 'Development & Integrations',
80 - 'icon': 'cogs',
81 - 'content': 'Extend and connect XWiki to fit your workflow and systems.',
82 - 'items': [
83 - 'Custom apps, macros, automation',
84 - 'SSO, REST APIs, LDAP, CRM links',
85 - 'Maintainable extensions for long-term use'
86 - ]
87 - },{
88 - 'title': 'Hosting & Deployment',
89 - 'icon': 'cloud',
90 - 'content': 'Cloud-ready environments designed for reliability and performance.',
91 - 'items': [
92 - 'Containerized deployment and TLS',
93 - 'Backups, restore strategy, observability',
94 - 'Optimization and load tuning'
95 - ]
96 - },{
97 - 'title': 'Migrations to XWiki',
98 - 'icon': 'exchange',
99 - 'content': 'Move from Confluence, SharePoint, or MediaWiki to XWiki with full data integrity and structure.',
100 - 'items': [
101 - 'Preserve hierarchy, attachments, and permissions',
102 - 'Convert macros, categories, and metadata for XWiki',
103 - 'Redirect old URLs and maintain SEO consistency'
104 - ]
105 - }])
106 - <section class="services" aria-labelledby="services-title">
107 - <div class="container">
108 - <h2 id="services-title">Services</h2>
109 - <p class="lead">
110 - All the XWiki services you need, delivered with precision and care
111 - </p>
3 +<section id="overview" aria-labelledby="overview-title">
4 + <h1 id="overview-title">Professional XWiki Services for Secure and Scalable Business Solutions</h1>
5 + <p>
6 + Agnease helps organizations maintain, upgrade, and extend their XWiki environments with clarity and precision.
7 + Focusing on stability, performance, and long-term support we ensure your business knowledge and
8 + collaboration tools remain dependable, secure, and adaptable to growth.
9 + </p>
10 +</section>
112 112  
113 - #set ($servicesSize = $servicesSectionData.size())
114 - <div class="services-grid">
115 - #foreach ($entry in $servicesSectionData)
116 - #set ($classes = "service")
117 - ## If this is the last item AND the total number is odd, center it
118 - #if ($foreach.count == $servicesSize && ($servicesSize % 2) == 1)
119 - #set ($classes = "service service-center")
120 - #end
12 +<section id="pillars" aria-labelledby="pillars-title">
13 + <h2 id="pillars-title">What you can expect</h2>
14 + <div class="pillars">
15 + <article>
16 + <h3>Stability</h3>
17 + <p>LTS upgrades, dependency reviews, and rehearsed changes to keep systems available.</p>
18 + </article>
19 + <article>
20 + <h3>Security</h3>
21 + <p>Timely patches, configuration hardening, and access controls aligned with best practices.</p>
22 + </article>
23 + <article>
24 + <h3>Clarity</h3>
25 + <p>Documented plans, transparent estimates, and actionable handovers for your team.</p>
26 + </article>
27 + </div>
28 +</section>
121 121  
122 - <article class="$classes">
123 - <div class="service-icon">
124 - <i class="fa fa-$entry.icon" aria-hidden="true"></i>
125 - </div>
126 - <div class="service-body">
127 - <h4>$entry.title</h4>
128 - <p>$entry.content</p>
129 - <ul>
130 - #foreach ($item in $entry.items)
131 - <li>$item</li>
132 - #end
133 - </ul>
134 - </div>
135 - </article>
136 - #end
137 - </div>
138 - </div>
139 - </section>
140 - ## CTA INLINE
141 - <section id="contact" class="cta-section">
142 - <div class="container">
143 - <p class="text-center contact-inline">
144 - Need help with your XWiki? <a href="mailto:alex@agnease.com">Contact Agnease</a>.
145 - </p>
146 - </div>
147 - </section>
148 -#*
149 - <!-- ================= METRICS ================= -->
150 - <section aria-labelledby="metrics-title">
151 - <div class="container">
152 - <h2 id="metrics-title">Delivery at a glance</h2>
153 - <div class="metrics" role="list">
154 - <div class="metric" role="listitem">
155 - <div class="num">8–12h</div>
156 - <div class="label">Typical LTS upgrade window</div>
157 - </div>
158 - <div class="metric" role="listitem">
159 - <div class="num">&lt;1h</div>
160 - <div class="label">Average service downtime during upgrades</div>
161 - </div>
162 - <div class="metric" role="listitem">
163 - <div class="num">24–48h</div>
164 - <div class="label">First response SLA (plans)</div>
165 - </div>
166 - <div class="metric" role="listitem">
167 - <div class="num">10+ yrs</div>
168 - <div class="label">XWiki expertise</div>
169 - </div>
170 - </div>
171 - <p class="lead" style="margin-top:.6rem">*for rehearsed, staged upgrades on supported environments.</p>
172 - </div>
173 - </section>
174 -
175 - <!-- ================= PROCESS ================= -->
176 - <section aria-labelledby="process-title">
177 - <div class="container">
178 - <h2 id="process-title">Process</h2>
179 - <p class="lead">Calm, predictable, and transparent from start to finish.</p>
180 - <div class="steps">
181 - <div class="step">
182 - <h3>1) Assess</h3>
183 - <p>Review environment, extensions, constraints, and risks with no surprises.</p>
184 - </div>
185 - <div class="step">
186 - <h3>2) Plan</h3>
187 - <p>Agree scope, milestones, downtime windows, and rollback checkpoints.</p>
188 - </div>
189 - <div class="step">
190 - <h3>3) Deliver</h3>
191 - <p>Execute, verify, document, and hand over with actionable notes.</p>
192 - </div>
193 - </div>
194 - </div>
195 - </section>
196 -
197 - <!-- ================= FAQ ================= -->
198 - <section class="faq" aria-labelledby="faq-title">
199 - <div class="container">
200 - <h2 id="faq-title">FAQ</h2>
201 - <details>
202 - <summary>How much downtime should we expect for an upgrade?</summary>
203 - <p>Most upgrades complete in a short maintenance window. For mission-critical wikis we rehearse and stage changes to minimize downtime.</p>
204 - </details>
205 - <details>
206 - <summary>Can you help if our wiki is already broken?</summary>
207 - <p>Yes. We start with an audit to stabilize the instance, recover missing features, and harden configuration.</p>
208 - </details>
209 - <details>
210 - <summary>Do you offer support plans?</summary>
211 - <p>Yes, from ad-hoc assistance to ongoing retainers with response-time guarantees and monthly health checks.</p>
212 - </details>
213 - </div>
214 - </section>
215 -*#
216 -#* <!-- ================= CTA ================= -->
217 - <section id="contact" aria-labelledby="contact-title" class="cta-section">
218 - <div class="container">
219 - <div class="row">
220 - <div class="col-sm-12 text-center">
221 - <h4 id="contact-title">Need a reliable plan for your XWiki?</h4>
222 - <p class="lead">
223 - Keep your XWiki running smoothly and safely. Get in touch if you need assistance.
224 - </p>
225 - <a class="btn btn-primary" href="mailto:alex@agnease.com">
226 - Contact Agnease
227 - </a>
228 - </div>
229 - </div>
230 - </div>
231 - </section>
232 - *#
233 -</main>
30 +<section id="services" aria-labelledby="services-title">
31 + <h2 id="services-title">Services</h2>
32 + <div class="services-grid">
33 + <article>
34 + <h3>Upgrades &amp; Migrations</h3>
35 + <ul>
36 + <li>Path to current LTS</li>
37 + <li>Extension compatibility review</li>
38 + <li>Rollback &amp; backup strategy</li>
39 + </ul>
40 + </article>
41 + <article>
42 + <h3>Maintenance &amp; Support</h3>
43 + <ul>
44 + <li>Health checks &amp; monitoring</li>
45 + <li>Security updates</li>
46 + <li>Incident investigation</li>
47 + </ul>
48 + </article>
49 + <article>
50 + <h3>Custom Development</h3>
51 + <ul>
52 + <li>Macros and applications</li>
53 + <li>Forms &amp; structured data</li>
54 + <li>Automation &amp; notifications</li>
55 + </ul>
56 + </article>
57 + <article>
58 + <h3>Integrations</h3>
59 + <ul>
60 + <li>SSO / OIDC / SAML</li>
61 + <li>Stripe payments</li>
62 + <li>REST / Webhooks</li>
63 + </ul>
64 + </article>
65 + <article>
66 + <h3>Hosting &amp; Deployment</h3>
67 + <ul>
68 + <li>Cloud architecture</li>
69 + <li>Backups &amp; observability</li>
70 + <li>Performance &amp; scaling</li>
71 + </ul>
72 + </article>
73 + <article>
74 + <h3>Audits &amp; Recovery</h3>
75 + <ul>
76 + <li>Root-cause analysis</li>
77 + <li>Configuration hardening</li>
78 + <li>Remediation roadmap</li>
79 + </ul>
80 + </article>
81 + </div>
82 +</section>
234 234  {{/html}}
235 235  #*
236 236  = XWiki Multi-Factor Authentication (MFA) Application =
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,283 +1,92 @@
1 -/* ========== Agnease Landing (no Bootstrap grid) ========== */
2 -@brand: #00937D;
3 -@brand-strong: #007B6A;
4 -@text: #2D3A34;
5 -@muted: #5B6B64;
6 -@line: #E4ECE9;
7 -@radius: 16px;
8 -@shadow-sm: 0 6px 20px rgba(0,0,0,.06);
9 -@shadow: 0 12px 36px rgba(0,0,0,.08);
10 -@maxw: 1140px;
11 -
1 +/* ===== Agnease Landing (scoped) ===== */
12 12  .agnease-landing {
13 - color: @text;
3 + --brand:#00937D;
4 + --brand-strong:#007B6A;
5 + --text:#2D3A34;
6 + --muted:#5B6B64;
7 + --bg:#FFFFFF;
8 + --panel:#F7F9F8;
9 + --line:#E4ECE9;
10 + --radius:14px;
11 + --radius-sm:10px;
12 + --shadow:0 10px 30px rgba(0,0,0,.08);
13 + color:var(--text);
14 + font:16px/1.6 Inter, Segoe UI, Roboto, system-ui, -apple-system, Arial, sans-serif;
15 +}
14 14  
15 - a {
16 - color: @brand;
17 - text-decoration: none;
18 - &:hover {
19 - color: @brand-strong;
20 - text-decoration: underline;
21 - }
22 - }
17 +.agnease-landing a{color:var(--brand);text-decoration:none}
18 +.agnease-landing a:hover{color:var(--brand-strong);text-decoration:underline}
19 +.agnease-landing h1{font-size:clamp(1.8rem,2.5vw + .8rem,3rem);line-height:1.15;margin:.2rem 0 .5rem}
20 +.agnease-landing h2{font-size:clamp(1.4rem,1.4vw + .8rem,2rem);line-height:1.2;margin:.2rem 0 .4rem}
21 +.agnease-landing h3{font-size:1.1rem;margin:.2rem 0 .25rem}
22 +.agnease-landing .lead{color:var(--muted);max-width:72ch;margin:.35rem 0 .7rem}
23 23  
24 - img {
25 - max-width: 100%;
26 - height: auto;
27 - display: block;
28 - }
24 +.agnease-landing section{padding:64px 0;border-top:1px solid var(--line)}
25 +.agnease-landing section:first-child{border-top:none}
29 29  
30 - .container {
31 - max-width: @maxw;
32 - margin: 0 auto;
33 - padding: 0 16px;
34 - }
27 +.agnease-landing .container{max-width:1140px;margin:auto;padding:0 20px}
28 +.agnease-landing .grid{display:grid;gap:18px}
29 +.agnease-landing .grid-2{grid-template-columns:1fr}
30 +.agnease-landing .grid-3{grid-template-columns:1fr}
31 +@media (min-width:840px){
32 + .agnease-landing .grid-2{grid-template-columns:1.1fr .9fr}
33 + .agnease-landing .grid-3{grid-template-columns:repeat(3,1fr)}
34 +}
35 35  
36 - .lead {
37 - color: @muted;
38 - text-align: center;
39 - }
40 - h2 {
41 - text-align: center;
42 - }
36 +/* Buttons */
37 +.agnease-landing .btn{
38 + display:inline-flex;align-items:center;gap:.55rem;
39 + padding:.85rem 1.1rem;border-radius:12px;border:2px solid transparent;
40 + font-weight:650;letter-spacing:.2px;cursor:pointer;box-shadow:var(--shadow)
41 +}
42 +.agnease-landing .btn-primary{background:var(--brand);color:#fff}
43 +.agnease-landing .btn-primary:hover{background:var(--brand-strong)}
44 +.agnease-landing .btn-ghost{background:#fff;color:var(--brand);border-color:var(--brand)}
45 +.agnease-landing .btn-ghost:hover{color:var(--brand-strong);border-color:var(--brand-strong)}
43 43  
44 - section {
45 - padding: 32px 0;
46 - border-top: 1px solid @line;
47 +/* Hero */
48 +.agnease-landing .hero{
49 + background:
50 + radial-gradient(60rem 24rem at 10% -10%, #E7FFF8 0%, transparent 60%),
51 + radial-gradient(60rem 24rem at 90% -20%, #E8F6F3 0%, transparent 60%);
52 +}
53 +.agnease-landing .hero .badges{display:flex;flex-wrap:wrap;gap:.5rem}
54 +.agnease-landing .chip{
55 + display:inline-block;background:var(--panel);border:1px solid var(--line);
56 + padding:.35rem .65rem;border-radius:999px;font-size:.82rem;color:var(--text)
57 +}
58 +.agnease-landing .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
47 47  
48 - &:first-of-type {
49 - border-top: none;
50 - }
51 - }
60 +/* Trust bar */
61 +.agnease-landing .trust{
62 + background:#fff;
63 +}
64 +.agnease-landing .trust-list{
65 + display:grid;gap:14px;grid-template-columns:repeat(2,1fr)
66 +}
67 +@media (min-width:720px){ .agnease-landing .trust-list{grid-template-columns:repeat(5,1fr)} }
68 +.agnease-landing .trust-item{
69 + background:var(--panel);border:1px solid var(--line);border-radius:12px;
70 + padding:.7rem;text-align:center;color:var(--muted)
71 +}
52 52  
53 - /* Buttons */
54 - .btn {
55 - display: inline-flex;
56 - align-items: center;
57 - justify-content: center;
58 - padding: .85rem 1.1rem;
59 - border-radius: 12px;
60 - border: 2px solid transparent;
61 - font-weight: 650;
62 - letter-spacing: .2px;
63 - cursor: pointer;
64 - box-shadow: @shadow-sm;
73 +/* Services cards */
74 +.agnease-landing .card{
75 + background:#fff;border:1px solid var(--line);border-radius:var(--radius);
76 + padding:18px;box-shadow:var(--shadow);transition:transform .18s ease, box-shadow .18s ease
77 +}
78 +.agnease-landing .card:hover{transform:translateY(-2px)}
79 +.agnease-landing .card p{color:var(--muted);margin:0}
80 +.agnease-landing .card ul{margin:.6rem 0 0;padding-left:1.1rem;color:var(--muted)}
65 65  
66 - &:focus-visible {
67 - outline: 3px solid @brand;
68 - outline-offset: 2px;
69 - }
82 +/* Process steps */
83 +.agnease-landing .steps{display:grid;gap:16px;grid-template-columns:1fr}
84 +@media (min-width:840px){ .agnease-landing .steps{grid-template-columns:repeat(3,1fr)} }
85 +.agnease-landing .step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
70 70  
71 - &-primary {
72 - background: @brand;
73 - color: #fff;
74 - &:hover,
75 - &:focus {
76 - background: @brand-strong;
77 - color: #fff;
78 - }
79 - }
80 - }
81 -
82 - /* ===== HERO ===== */
83 - .hero {
84 - overflow: hidden;
85 - background-repeat: no-repeat;
86 - background-attachment: scroll;
87 -
88 - &.hero-centered {
89 - text-align: center;
90 - background:
91 - radial-gradient(50rem 18rem at 50% -10%, #E7FFF8 0%, transparent 60%),
92 - radial-gradient(50rem 18rem at 50% 0%, #E8F6F3 0%, transparent 60%);
93 - display: flex;
94 - align-items: center;
95 - justify-content: center;
96 - min-height: 350px;
97 - }
98 -
99 - .hero-inner {
100 - max-width: 850px;
101 - margin: 0 auto;
102 - display: flex;
103 - flex-direction: column;
104 - align-items: center;
105 - gap: 1rem;
106 - }
107 -
108 - .hero-cta {
109 - display: flex;
110 - gap: 0.8rem;
111 - flex-wrap: wrap;
112 - justify-content: center;
113 - margin-top: 0.3rem;
114 - }
115 -
116 - .benefits {
117 - display: flex;
118 - flex-wrap: wrap;
119 - justify-content: center;
120 - list-style: none;
121 - padding: 0;
122 - margin: 0.8rem 0 0;
123 - color: @muted;
124 - font-size: 14px;
125 -
126 - li + li::before {
127 - content: "•";
128 - margin: 0 5px;
129 - }
130 -
131 - @media (max-width: 640px) {
132 - li + li::before {
133 - content: none;
134 - }
135 - li:nth-child(1)::after,
136 - li:nth-child(3)::after {
137 - content: "•";
138 - margin: 0 5px;
139 - }
140 - }
141 - }
142 - }
143 -
144 - /* ===== WHY CHOOSE (cards) ===== */
145 - .widgets {
146 - margin-top: 12px;
147 - display: grid;
148 - grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
149 - grid-gap: 16px;
150 - }
151 -
152 - .widget {
153 - padding: 18px;
154 - background: #fff;
155 - border: 1px solid @line;
156 - border-radius: @radius;
157 - box-shadow: @shadow-sm;
158 - transition: transform .18s ease, box-shadow .18s ease;
159 - display: flex;
160 - flex-direction: column;
161 - height: 100%;
162 -
163 - &:hover {
164 - transform: translateY(-2px);
165 - box-shadow: @shadow;
166 - }
167 -
168 - .icon {
169 - display: flex;
170 - align-items: center;
171 - gap: 10px;
172 - padding-bottom: 6px;
173 - margin-bottom: 8px;
174 - border-bottom: 1px solid fade(@line, 60%);
175 - i { color: @brand; }
176 - h4 { margin: 0; line-height: 1.2; color: @text; }
177 - }
178 -
179 - p {
180 - margin: 0;
181 - color: @muted;
182 - line-height: 1.45;
183 - }
184 - }
185 -
186 - /* ===== SERVICES ===== */
187 - .services {
188 - .services-grid {
189 - margin-top: 20px;
190 - display: flex;
191 - flex-wrap: wrap;
192 - gap: 24px;
193 -
194 - /* center the whole block under the heading */
195 - max-width: 960px;
196 - margin-left: auto;
197 - margin-right: auto;
198 - justify-content: center;
199 - }
200 -
201 - .service {
202 - flex: 0 1 calc(50% - 12px);
203 - display: flex;
204 - align-items: flex-start;
205 - gap: 16px;
206 - margin-bottom: 8px;
207 -
208 - .service-icon {
209 - width: 42px;
210 - height: 42px;
211 - border-radius: 50%;
212 - display: flex;
213 - align-items: center;
214 - justify-content: center;
215 - font-size: 18px;
216 - color: @brand;
217 - background: fade(@brand, 10%);
218 - flex-shrink: 0;
219 - margin-top: 3px;
220 - }
221 -
222 - .service-body {
223 - h4 {
224 - margin: 0 0 4px;
225 - font-size: 1.125rem;
226 - font-weight: 800;
227 - }
228 - p {
229 - margin: 0 0 6px;
230 - color: @text;
231 - line-height: 1.5;
232 - }
233 - ul {
234 - margin: .45rem 0 0;
235 - padding-left: 1.1rem;
236 - color: @muted;
237 - font-size: 13px;
238 - }
239 - li {
240 - margin: .25rem 0;
241 - line-height: 1.45;
242 - }
243 - }
244 - }
245 -
246 - /* ==== Center last item on its own row while keeping 50% width ==== */
247 - .service-center {
248 - /* same width as siblings */
249 - flex: 0 1 calc(60% - 12px);
250 -
251 - /* push to center */
252 - margin-left: auto;
253 - margin-right: auto;
254 - }
255 -
256 - /* Mobile: 1 per row */
257 - @media (max-width: 767px) {
258 - .services-grid {
259 - gap: 16px;
260 - max-width: 100%;
261 - }
262 -
263 - .service,
264 - .service-center {
265 - flex: 0 1 100%;
266 - margin-left: 0;
267 - margin-right: 0;
268 - }
269 - }
270 - }
271 -
272 - /* ===== CTA ===== */
273 - .cta-section {
274 - padding: 24px 0 16px;
275 -
276 - .contact-inline {
277 - margin: 0;
278 - color: @muted;
279 - a { color: @brand; }
280 - }
281 - }
87 +/* CTA band */
88 +.agnease-landing .cta-band{
89 + background:#fff;border:1px solid var(--line);border-radius:var(--radius);
90 + padding:20px;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px
282 282  }
283 283  
Content Type
... ... @@ -1,1 +1,1 @@
1 -LESS
1 +CSS