Skip to Content
0 Votes

Changes for page Home

Last modified by Alex Cotiugă on 2026/01/13 13:12
From version 7.116
edited by Alex Cotiugă
on 2025/11/14 08:16
Change comment: There is no comment for this version
To version 7.103
edited by Alex Cotiugă
on 2025/11/14 07:18
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
... ... @@ -144,13 +144,6 @@
144 144   </div>
145 145   </div>
146 146   </section>
147 - <section id="contact" class="cta-section">
148 - <div class="container">
149 - <p class="text-center contact-inline">
150 - Need help with your XWiki? <a href="mailto:hello@agnease.com">Contact Agnease</a>.
151 - </p>
152 - </div>
153 - </section>
154 154  #*
155 155   <!-- ================= METRICS ================= -->
156 156   <section aria-labelledby="metrics-title">
... ... @@ -219,16 +219,18 @@
219 219   </div>
220 220   </section>
221 221  *#
222 -#* <!-- ================= CTA ================= -->
223 - <section id="contact" aria-labelledby="contact-title" class="cta-section">
215 + <!-- ================= CTA ================= -->
216 + <section id="contact" aria-labelledby="contact-title">
224 224   <div class="container">
225 - <div class="row">
226 - <div class="col-sm-12 text-center">
218 + <div class="row cta-band">
219 + <div class="col-xs-12 col-sm-8">
227 227   <h4 id="contact-title">Need a reliable plan for your XWiki?</h4>
228 - <p class="lead">
229 - Keep your XWiki running smoothly and safely. Get in touch if you need assistance.
221 + <p class="lead" style="margin:0">
222 + Upgrades, support, and integrations handled with low risk and clear communication.
230 230   </p>
231 - <a class="btn btn-primary" href="mailto:alex@agnease.com">
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">
232 232   Contact Agnease
233 233   </a>
234 234   </div>
... ... @@ -235,7 +235,6 @@
235 235   </div>
236 236   </div>
237 237   </section>
238 - *#
239 239  </main>
240 240  {{/html}}
241 241  #*
XWiki.StyleSheetExtension[0]
Code
... ... @@ -287,13 +287,36 @@
287 287   }
288 288   }
289 289  
290 - .cta-section {
291 - padding: 24px 0 16px;
290 + /* CTA BAND */
291 + #contact {
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;
292 292  
293 - .contact-inline {
294 - margin: 0;
295 - color: @muted;
296 - a { color: @brand; }
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 + }
297 297   }
298 298   }
299 299