Skip to Content
0 Votes

Changes for page Home

Last modified by Alex Cotiugă on 2026/01/13 13:12
From version 7.111
edited by Alex Cotiugă
on 2025/11/14 07:51
Change comment: There is no comment for this version
To version 7.104
edited by Alex Cotiugă
on 2025/11/14 07:25
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -10,7 +10,7 @@
10 10   <div class="col-sm-12">
11 11   <div class="hero-inner">
12 12   <h1 id="hero-title">Professional XWiki solutions, from setup to long-term stability</h1>
13 - <p class="lead">Need your XWiki upgraded, secured, or improved? Let’s make it happen.</p>
13 + <p class="lead">Need your XWiki upgraded, secured, or improved? Let’s make it happen</p>
14 14   <div class="hero-cta">
15 15   <a class="btn btn-primary" href="#contact" aria-label="Schedule a call with Agnease">
16 16   Request a consultation
... ... @@ -216,14 +216,16 @@
216 216   <section id="contact" aria-labelledby="contact-title" class="cta-section">
217 217   <div class="container">
218 218   <div class="row">
219 - <div class="col-sm-12 text-center">
220 - <h4 id="contact-title">Need a reliable plan for your XWiki?</h4>
221 - <p class="lead">
222 - Keep your XWiki running smoothly and safely. Get in touch if you need assistance.
223 - </p>
224 - <a class="btn btn-primary" href="mailto:alex@agnease.com">
225 - Contact Agnease
226 - </a>
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>
227 227   </div>
228 228   </div>
229 229   </div>
XWiki.StyleSheetExtension[0]
Code
... ... @@ -288,22 +288,35 @@
288 288   }
289 289  
290 290   /* CTA BAND */
291 - .cta-section {
292 - padding: 48px 0;
293 - border-top: 1px solid @line;
294 -
295 - .cta-inner {
296 - max-width: 760px;
297 - margin: 0 auto;
298 - text-align: center;
299 - padding: 24px;
291 + #contact {
292 + .cta-band {
293 + padding: 20px;
300 300   background: #fff;
301 301   border: 1px solid @line;
302 302   border-radius: @radius;
303 303   box-shadow: @shadow;
304 - .btn {
305 - margin-top: 4px;
298 + margin-top: 24px;
299 +
300 + /* Remove row negative margins so borders look correct */
301 + margin-left: 0;
302 + margin-right: 0;
303 +
304 + /* Enable vertical centering */
305 + .row {
306 + display: flex;
307 + align-items: center;
308 + flex-wrap: wrap; // keeps mobile behavior correct
306 306   }
310 +
311 + .text-sm-right {
312 + text-align: center;
313 + margin-top: 12px;
314 +
315 + @media (min-width: 768px) {
316 + text-align: right;
317 + margin-top: 0;
318 + }
319 + }
307 307   }
308 308   }
309 309