| ... |
... |
@@ -3,25 +3,30 @@ |
| 3 |
3 |
Agnease helps organizations maintain, upgrade, and extend their XWiki environments with clarity and precision. Focusing on stability, performance, and long-term support we ensure your business knowledge and collaboration tools remain dependable, secure, and adaptable to growth.*# |
| 4 |
4 |
{{html clean="false"}} |
| 5 |
5 |
<main class="agnease-landing"> |
| 6 |
|
- ## HERO |
|
6 |
+ <!-- ================= HERO ================= --> |
| 7 |
7 |
<section class="hero hero-centered" aria-labelledby="hero-title"> |
| 8 |
|
- <div class="container hero-inner"> |
| 9 |
|
- <h1 id="hero-title">Professional XWiki solutions, from setup to long-term stability</h1> |
| 10 |
|
- <p class="lead">Need your XWiki upgraded, secured, or improved? Let’s make it happen.</p> |
| 11 |
|
- <div class="hero-cta"> |
| 12 |
|
- <a class="btn btn-primary" href="#contact" aria-label="Schedule a call with Agnease"> |
| 13 |
|
- Request a consultation |
| 14 |
|
- </a> |
|
8 |
+ <div class="container"> |
|
9 |
+ <div class="row"> |
|
10 |
+ <div class="col-sm-12 hero-inner"> |
|
11 |
+ <h1 id="hero-title">Professional XWiki solutions, from setup to long-term stability</h1> |
|
12 |
+ <p class="lead">Need your XWiki upgraded, secured, or improved? Let’s make it happen.</p> |
|
13 |
+ <div class="hero-cta"> |
|
14 |
+ <a class="btn btn-primary" href="#contact" aria-label="Schedule a call with Agnease"> |
|
15 |
+ Request a consultation |
|
16 |
+ </a> |
|
17 |
+ </div> |
|
18 |
+ <ul class="benefits"> |
|
19 |
+ <li>Smooth upgrades</li> |
|
20 |
+ <li>Reliable support plans</li> |
|
21 |
+ <li>Custom integrations</li> |
|
22 |
+ <li>Secure, optimized platforms</li> |
|
23 |
+ </ul> |
|
24 |
+ </div> |
| 15 |
15 |
</div> |
| 16 |
|
- <ul class="benefits"> |
| 17 |
|
- <li>Smooth upgrades</li> |
| 18 |
|
- <li>Reliable support plans</li> |
| 19 |
|
- <li>Custom integrations</li> |
| 20 |
|
- <li>Secure, optimized platforms</li> |
| 21 |
|
- </ul> |
| 22 |
22 |
</div> |
| 23 |
23 |
</section> |
| 24 |
|
- ## WHY CHOOSE |
|
28 |
+ |
|
29 |
+ <!-- ========= WHY CHOOSE AGNEASE (widgets) ========= --> |
| 25 |
25 |
#set ($whySectionData = [{ |
| 26 |
26 |
'title': 'Stability & security', |
| 27 |
27 |
'icon': 'shield', |
| ... |
... |
@@ -43,20 +43,20 @@ |
| 43 |
43 |
<div class="container"> |
| 44 |
44 |
<h2 id="why-title">Why choose Agnease</h2> |
| 45 |
45 |
<p class="lead">10+ years of XWiki expertise with structured delivery and lasting collaboration</p> |
| 46 |
|
- <div class="widgets"> |
|
51 |
+ <div class="row widgets"> |
| 47 |
47 |
#foreach ($entry in $whySectionData) |
| 48 |
|
- <article class="widget"> |
|
53 |
+ <div class="col-xs-12 col-sm-6 col-md-3 widget"> |
| 49 |
49 |
<div class="icon" aria-hidden="true"> |
| 50 |
50 |
<i class="fa fa-$entry.icon"></i> |
| 51 |
51 |
<h4>$entry.title</h4> |
| 52 |
52 |
</div> |
| 53 |
53 |
<p>$entry.content</p> |
| 54 |
|
- </article> |
|
59 |
+ </div> |
| 55 |
55 |
#end |
| 56 |
56 |
</div> |
| 57 |
57 |
</div> |
| 58 |
58 |
</section> |
| 59 |
|
- ## SERVICES |
|
64 |
+ <!-- ================= SERVICES ================= --> |
| 60 |
60 |
#set ($servicesSectionData = [{ |
| 61 |
61 |
'title': 'Upgrades', |
| 62 |
62 |
'icon': 'refresh', |
| ... |
... |
@@ -109,9 +109,17 @@ |
| 109 |
109 |
<p class="lead"> |
| 110 |
110 |
All the XWiki services you need, delivered with precision and care |
| 111 |
111 |
</p> |
| 112 |
|
- <div class="services-grid"> |
|
117 |
+ |
|
118 |
+ #set ($servicesSize = $servicesSectionData.size()) |
|
119 |
+ <div class="row services-grid"> |
| 113 |
113 |
#foreach ($entry in $servicesSectionData) |
| 114 |
|
- <article class="service"> |
|
121 |
+ #set ($classes = "service col-xs-12 col-sm-6") |
|
122 |
+ ## If this is the last item and the number of services is odd, |
|
123 |
+ ## center it on its own row on small+ screens |
|
124 |
+ #if ($foreach.count == $servicesSize && ($servicesSize % 2) == 1) |
|
125 |
+ #set ($classes = "$classes col-sm-offset-3") |
|
126 |
+ #end |
|
127 |
+ <div class="$classes"> |
| 115 |
115 |
<div class="service-icon"> |
| 116 |
116 |
<i class="fa fa-$entry.icon" aria-hidden="true"></i> |
| 117 |
117 |
</div> |
| ... |
... |
@@ -124,12 +124,11 @@ |
| 124 |
124 |
#end |
| 125 |
125 |
</ul> |
| 126 |
126 |
</div> |
| 127 |
|
- </article> |
|
140 |
+ </div> |
| 128 |
128 |
#end |
| 129 |
129 |
</div> |
| 130 |
130 |
</div> |
| 131 |
131 |
</section> |
| 132 |
|
- ## CTA INLINE |
| 133 |
133 |
<section id="contact" class="cta-section"> |
| 134 |
134 |
<div class="container"> |
| 135 |
135 |
<p class="text-center contact-inline"> |
