Skip to Content
0 Votes

Changes for page Home

Last modified by Alex Cotiugă on 2026/01/13 13:12
From version 7.97
edited by Alex Cotiugă
on 2025/11/13 21:56
Change comment: There is no comment for this version
To version 7.101
edited by Alex Cotiugă
on 2025/11/13 22:06
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,16 +211,22 @@
211 211   </details>
212 212   </div>
213 213   </section>
214 -
214 +*#
215 215   <!-- ================= CTA ================= -->
216 216   <section id="contact" aria-labelledby="contact-title">
217 217   <div class="container">
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>
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>
222 222   </div>
223 - <a class="btn btn-primary" href="mailto:hello@agnease.com">Contact Agnease</a>
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>
224 224   </div>
225 225   </div>
226 226   </section>
XWiki.StyleSheetExtension[0]
Code
... ... @@ -232,7 +232,7 @@
232 232   margin: .45rem 0 0;
233 233   padding-left: 1.1rem;
234 234   color: @muted;
235 - font-size: .95rem;
235 + font-size: 13px;
236 236   }
237 237  
238 238   li {
... ... @@ -290,9 +290,36 @@
290 290   /* CTA BAND */
291 291   #contact {
292 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;
293 + background: #fff;
294 + border: 1px solid @line;
295 + border-radius: @radius;
296 + box-shadow: @shadow;
297 + padding: 20px;
298 + margin-top: 24px;
299 +
300 + /* Remove Bootstrap row negative margins so borders are clean */
301 + margin-left: 0;
302 + margin-right: 0;
303 +
304 + h3 {
305 + margin: 0 0 4px;
306 + }
307 +
308 + .lead {
309 + margin: 0;
310 + color: @muted;
311 + }
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 + }
322 + }
296 296   }
297 297   }
298 298