Skip to Content
0 Votes

Changes for page Home

Last modified by Alex Cotiugă on 2026/01/13 13:12
From version 7.105
edited by Alex Cotiugă
on 2025/11/14 07:26
Change comment: There is no comment for this version
To version 7.98
edited by Alex Cotiugă
on 2025/11/13 21:57
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -144,7 +144,7 @@
144 144   </div>
145 145   </div>
146 146   </section>
147 -#*
147 +
148 148   <!-- ================= METRICS ================= -->
149 149   <section aria-labelledby="metrics-title">
150 150   <div class="container">
... ... @@ -211,22 +211,16 @@
211 211   </details>
212 212   </div>
213 213   </section>
214 -*#
214 +
215 215   <!-- ================= CTA ================= -->
216 - <section id="contact" aria-labelledby="contact-title" class="cta-section">
216 + <section id="contact" aria-labelledby="contact-title">
217 217   <div class="container">
218 - <div class="row">
219 - <div class="col-sm-12">
220 - <div class="cta-inner text-center">
221 - <h3 id="contact-title">Need a reliable plan for your XWiki?</h3>
222 - <p class="lead">
223 - Upgrades, support, and integrations handled with low risk and clear communication.
224 - </p>
225 - <a class="btn btn-primary" href="mailto:hello@agnease.com">
226 - Contact Agnease
227 - </a>
228 - </div>
218 + <div class="cta-band">
219 + <div>
220 + <h3 id="contact-title">Need a reliable plan for your XWiki?</h3>
221 + <p class="lead" style="margin:0">Upgrades, support, and integrations handled with low risk and clear communication.</p>
229 229   </div>
223 + <a class="btn btn-primary" href="mailto:hello@agnease.com">Contact Agnease</a>
230 230   </div>
231 231   </div>
232 232   </section>
XWiki.StyleSheetExtension[0]
Code
... ... @@ -288,33 +288,11 @@
288 288   }
289 289  
290 290   /* CTA BAND */
291 - .cta-section {
292 - padding: 40px 0; // similar spacing to hero
293 - border-top: 1px solid @line;
294 -
295 - .cta-inner {
296 - max-width: 760px; // same as hero-inner
297 - margin: 0 auto; // center block
298 - text-align: center;
299 - padding: 24px;
300 - background: #fff;
301 - border: 1px solid @line;
302 - border-radius: @radius;
303 - box-shadow: @shadow;
304 -
305 - h3 {
306 - margin: 0 0 10px;
307 - font-weight: 700;
308 - }
309 -
310 - .lead {
311 - margin: 0 0 16px;
312 - color: @muted;
313 - }
314 -
315 - .btn {
316 - margin-top: 4px;
317 - }
291 + #contact {
292 + .cta-band {
293 + background: #fff; border: 1px solid @line; border-radius: @radius;
294 + padding: 20px; box-shadow: @shadow;
295 + display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
318 318   }
319 319   }
320 320