Skip to Content
0 Votes

Changes for page Home

Last modified by Alex Cotiugă on 2026/01/13 13:12
From version 7.101
edited by Alex Cotiugă
on 2025/11/13 22:06
Change comment: There is no comment for this version
To version 7.106
edited by Alex Cotiugă
on 2025/11/14 07:43
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -213,20 +213,20 @@
213 213   </section>
214 214  *#
215 215   <!-- ================= CTA ================= -->
216 - <section id="contact" aria-labelledby="contact-title">
216 + <section id="contact" aria-labelledby="contact-title" class="cta-section">
217 217   <div class="container">
218 - <div class="row cta-band">
219 - <div class="col-xs-12 col-sm-8">
220 - <h4 id="contact-title">Need a reliable plan for your XWiki?</h4>
221 - <p class="lead" style="margin:0">
222 - Upgrades, support, and integrations handled with low risk and clear communication.
223 - </p>
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 + Keep your XWiki running smoothly and safely. Get in touch if you need assistance.
224 + </p>
225 + <a class="btn btn-primary" href="mailto:hello@agnease.com">
226 + Contact Agnease
227 + </a>
228 + </div>
224 224   </div>
225 - <div class="col-xs-12 col-sm-4 text-sm-right">
226 - <a class="btn btn-primary" href="mailto:hello@agnease.com">
227 - Contact Agnease
228 - </a>
229 - </div>
230 230   </div>
231 231   </div>
232 232   </section>
XWiki.StyleSheetExtension[0]
Code
... ... @@ -288,37 +288,32 @@
288 288   }
289 289  
290 290   /* CTA BAND */
291 - #contact {
292 - .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;
293 293   background: #fff;
294 294   border: 1px solid @line;
295 295   border-radius: @radius;
296 296   box-shadow: @shadow;
297 - padding: 20px;
298 - margin-top: 24px;
299 299  
300 - /* Remove Bootstrap row negative margins so borders are clean */
301 - margin-left: 0;
302 - margin-right: 0;
303 -
304 304   h3 {
305 - margin: 0 0 4px;
306 + margin: 0 0 10px;
307 + font-weight: 700;
306 306   }
307 307  
308 308   .lead {
309 - margin: 0;
311 + margin: 0 0 16px;
310 310   color: @muted;
311 311   }
312 312  
313 - /* Align button on the right on sm+, center on mobile */
314 - .text-sm-right {
315 - text-align: center;
316 - margin-top: 12px;
317 -
318 - @media (min-width: 768px) {
319 - text-align: right;
320 - margin-top: 0;
321 - }
315 + .btn {
316 + margin-top: 4px;
322 322   }
323 323   }
324 324   }