Skip to Content
Last modified by Alex Cotiuga on 2026/07/27 06:09
From version 18.1
edited by Alex Cotiuga
on 2026/07/09 19:47
Change comment: Migrated property [sourcePage] from class [Agnease.Code.ContactRequest.ContactRequestClass]
To version 17.1
edited by Alex Cotiuga
on 2026/06/29 13:22
Change comment: Imported from XAR

Summary

Details

Page properties
Content
... ... @@ -224,13 +224,9 @@
224 224   {{/html}}
225 225   {{html clean="false"}}
226 226   </div>
227 - <div class="col-md-5 contact-side-panel">
228 - <div class="split-copy contact-help-panel">
229 - <h2>
230 - <i class="fa fa-check-circle" aria-hidden="true"></i>
231 - How Agnease can help
232 - </h2>
233 -
227 + <div class="col-md-5">
228 + <div class="widget">
229 + <h4>$services.icon.renderHTML('check') How Agnease can help</h4>
234 234   <ul>
235 235   <li>XWiki upgrades and long-term maintenance</li>
236 236   <li>Knowledge bases, intranets, SOP and documentation workflows</li>
... ... @@ -240,21 +240,14 @@
240 240   <li>Security-aware reviews and platform stabilization</li>
241 241   </ul>
242 242   </div>
243 -
244 - <ol class="process-list contact-process-list">
245 - <li>
246 - <strong>Your request is reviewed</strong>
247 - The project description is checked to understand the context and initial scope.
248 - </li>
249 - <li>
250 - <strong>You receive a reply</strong>
251 - Agnease replies with clarifying questions or suggested next steps.
252 - </li>
253 - <li>
254 - <strong>A short call can be scheduled</strong>
255 - If useful, we discuss scope, timeline and estimated effort together.
256 - </li>
257 - </ol>
239 + <div class="widget">
240 + <h4>$services.icon.renderHTML('right') What happens next?</h4>
241 + <ol>
242 + <li>Your request is reviewed.</li>
243 + <li>You receive a reply with clarifying questions or suggested next steps.</li>
244 + <li>If useful, we schedule a short call to discuss scope, timeline, and estimated effort.</li>
245 + </ol>
246 + </div>
258 258   </div>
259 259   </div>
260 260  {{/html}}
XWiki.StyleSheetExtension[0]
code
... ... @@ -1,17 +1,71 @@
1 -/* ===== Contact page side panel ===== */
1 +@brand: #00937D;
2 +@brand-strong: #007B6A;
3 +@text: #2D3A34;
4 +@muted: #5B6B64;
5 +@line: #E4ECE9;
6 +@radius: 16px;
7 +@shadow-sm: 0 6px 20px rgba(0,0,0,.06);
8 +@shadow: 0 12px 36px rgba(0,0,0,.08);
9 +@maxw: 1140px;
2 2  
3 -.contact-side-panel {
4 - padding-top: 10px;
11 +/* ===== Contact page widgets ===== */
12 +#mainContentArea {
13 + padding: 0;
5 5  }
6 6  
7 -.contact-help-panel {
8 - margin-bottom: 18px;
16 +.col-xs-5 {
17 + padding-top: 45px;
9 9  }
10 10  
11 -.contact-process-list li {
12 - min-height: auto;
20 +.col-xs-5 .widget {
21 + margin-bottom: 16px;
22 + padding: 16px;
13 13  }
14 14  
25 +.col-xs-5 .widget h4 {
26 + display: flex;
27 + align-items: center;
28 + gap: 8px;
29 + margin: 0 0 10px;
30 + padding-bottom: 8px;
31 + border-bottom: 1px solid fade(@line, 60%);
32 + color: @text;
33 + font-size: 18px;
34 + line-height: 1.25;
35 +}
36 +
37 +.col-xs-5 .widget h4 .fa,
38 +.col-xs-5 .widget h4 .glyphicon {
39 + color: @brand;
40 + font-size: 15px;
41 +}
42 +
43 +.col-xs-5 .widget ul,
44 +.col-xs-5 .widget ol {
45 + margin: 0;
46 + padding-left: 1.2rem;
47 + color: @muted;
48 +}
49 +
50 +.col-xs-5 .widget li {
51 + margin: 5px 0;
52 + line-height: 1.4;
53 +}
54 +
55 +.col-xs-5 .widget p {
56 + margin: 0 0 8px;
57 + color: @muted;
58 + line-height: 1.45;
59 +}
60 +
61 +.col-xs-5 .widget p:last-child {
62 + margin-bottom: 0;
63 +}
64 +
65 +.col-xs-5 .widget a {
66 + color: @brand;
67 + font-weight: 700;
68 +}
15 15  /* CSS for hidden field to identify requests filled by bots. */
16 16  .contact-hp-wrapper {
17 17   position: absolute;
... ... @@ -20,9 +20,3 @@
20 20   height: 1px;
21 21   overflow: hidden;
22 22  }
23 -
24 -@media (max-width: 991px) {
25 - .contact-side-panel {
26 - padding-top: 24px;
27 - }
28 -}