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.109
edited by Alex Cotiugă
on 2025/11/14 07:49
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -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,7 +219,7 @@
219 219   </div>
220 220   </section>
221 221  *#
222 -#* <!-- ================= CTA ================= -->
215 + <!-- ================= CTA ================= -->
223 223   <section id="contact" aria-labelledby="contact-title" class="cta-section">
224 224   <div class="container">
225 225   <div class="row">
... ... @@ -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,34 @@
287 287   }
288 288   }
289 289  
290 + /* CTA BAND */
290 290   .cta-section {
291 - padding: 24px 0 16px;
292 + padding: 40px 0; // similar spacing to hero
293 + border-top: 1px solid @line;
292 292  
293 - .contact-inline {
294 - margin: 0;
295 - color: @muted;
296 - a { color: @brand; }
295 + .cta-inner {
296 + max-width: 760px; // same as hero-inner
297 + margin: 0 auto; // center block
298 + text-align: center;
299 + padding: 24px;
300 + background: #fff;
301 + border: 1px solid @line;
302 + border-radius: @radius;
303 + box-shadow: @shadow;
304 +
305 + h3 {
306 + margin: 0 0 10px;
307 + font-weight: 700;
308 + }
309 +
310 + .lead {
311 + margin: 0 0 16px;
312 + color: @muted;
313 + }
314 +
315 + .btn {
316 + margin-top: 4px;
317 + }
297 297   }
298 298   }
299 299