Skip to Content
Last modified by Chris Workman on 2026/08/20 21:50
From version 35.1
edited by Aaron Blackburn
on 2026/07/22 20:35
Change comment: There is no comment for this version
To version 34.1
edited by Aaron Blackburn
on 2026/07/22 20:34
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,4 +1,4 @@
1 -{{html clean="false"}}
1 +{{html}}
2 2  <div class="modern-menu-container">
3 3   <div class="row">
4 4   <!-- Card 1: Webex -->
... ... @@ -71,6 +71,7 @@
71 71   max-width: 960px;
72 72   margin: 0 auto;
73 73   padding: 20px;
74 + font-family: inherit;
74 74   }
75 75   .modern-menu-container .row {
76 76   display: grid;
... ... @@ -149,3 +149,105 @@
149 149   }
150 150  </style>
151 151  {{/html}}
153 + <!-- Partner Footer Links -->
154 + <div class="row partner-footer">
155 + <div class="col-xs-6 text-center">
156 + <a href="https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=true">
157 + <img src="$xwiki.getURL('Main.WebHome','download','filepath=FirstDigital-Logo.png')" alt="FirstDigital" style="max-height:34px;" />
158 + </a>
159 + </div>
160 + <div class="col-xs-6 text-center">
161 + <a href="https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=false">
162 + <img src="$xwiki.getURL('Main.WebHome','download','filepath=Microsoft_Azure-Logo.wine.png')" alt="Azure" style="max-height:50px;" />
163 + </a>
164 + </div>
165 + </div>
166 +</div>
167 +
168 +<style>
169 + .modern-menu-container {
170 + max-width: 960px;
171 + margin: 0 auto;
172 + padding: 20px;
173 + }
174 + .modern-menu-container .row {
175 + display: flex;
176 + flex-wrap: wrap;
177 + margin-bottom: 20px;
178 + }
179 + .menu-card-link {
180 + display: block;
181 + text-decoration: none;
182 + margin-bottom: 15px;
183 + }
184 + .menu-card {
185 + background: #ffffff;
186 + border-radius: 12px;
187 + padding: 15px;
188 + display: flex;
189 + align-items: center;
190 + box-shadow: 0 4px 6px rgba(0,0,0,0.1);
191 + transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
192 + border: 1px solid #e0e0e0;
193 + color: #333;
194 + height: 100%;
195 + box-sizing: border-box;
196 + }
197 + .menu-card-link:hover .menu-card {
198 + transform: translateY(-5px);
199 + box-shadow: 0 6px 12px rgba(0,0,0,0.15);
200 + }
201 + .menu-icon-container {
202 + flex: 0 0 60px;
203 + height: 60px;
204 + background-color: #f8f9fa;
205 + border-radius: 50%;
206 + display: flex;
207 + align-items: center;
208 + justify-content: center;
209 + margin-right: 15px;
210 + border: 1px solid #eaeaea;
211 + }
212 + .menu-icon {
213 + max-width: 80%;
214 + max-height: 80%;
215 + object-fit: contain;
216 + }
217 + .webex-icon { max-width: 90%; }
218 + .menu-text {
219 + flex: 1;
220 + display: flex;
221 + flex-direction: column;
222 + }
223 + .menu-title {
224 + font-size: 16px;
225 + line-height: 1.4;
226 + font-weight: 600;
227 + }
228 + .menu-subtitle {
229 + font-size: 13px;
230 + color: #666;
231 + margin-top: 4px;
232 + }
233 + .partner-footer {
234 + margin-top: 40px;
235 + padding-top: 20px;
236 + border-top: 1px solid #eee;
237 + justify-content: center;
238 + }
239 + .partner-footer .text-center {
240 + flex: 1;
241 + display: flex;
242 + justify-content: center;
243 + align-items: center;
244 + }
245 + @media (min-width: 768px) {
246 + .menu-card-link {
247 + flex: 0 0 50%;
248 + max-width: 50%;
249 + padding: 0 10px;
250 + box-sizing: border-box;
251 + }
252 + }
253 +</style>
254 +{{/html}}