Skip to Content
0 Votes

Changes for page Home

Last modified by Alex Cotiugă on 2026/01/13 13:12
From version 7.103
edited by Alex Cotiugă
on 2025/11/14 07:18
Change comment: There is no comment for this version
To version 7.99
edited by Alex Cotiugă
on 2025/11/13 21:58
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -215,18 +215,12 @@
215 215   <!-- ================= CTA ================= -->
216 216   <section id="contact" aria-labelledby="contact-title">
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="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>
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>
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
... ... @@ -290,33 +290,9 @@
290 290   /* CTA BAND */
291 291   #contact {
292 292   .cta-band {
293 - padding: 20px;
294 - background: #fff;
295 - border: 1px solid @line;
296 - border-radius: @radius;
297 - box-shadow: @shadow;
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
309 - }
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 - }
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;
320 320   }
321 321   }
322 322