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

Summary

Details

Page properties
Content
... ... @@ -1,12 +1,11 @@
1 1  {{html clean="false"}}
2 2  <div class="modern-menu-container">
3 - <div class="menu-grid">
4 -
3 + <div class="row">
5 5   <!-- Card 1: Webex -->
6 - <a href="https://learn.firstdigital.com/bin/view/CCP/" class="menu-card-link">
5 + <a href="TARGET_URL_FOR_WEBEX" class="menu-card-link">
7 7   <div class="menu-card">
8 - <div class="menu-icon-container">
9 - <img src="https://learn.firstdigital.com/bin/download/Main/WebHome/Webex-Symbol.png?rev=1.1" alt="Webex" class="menu-icon webex-logo" />
7 + <div class="menu-icon-container" style="color: #0060ff;">
8 + <svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
10 10   </div>
11 11   <div class="menu-text">
12 12   <div class="menu-title">Cloud Connected PSTN (CCP)</div>
... ... @@ -16,10 +16,10 @@
16 16   </a>
17 17  
18 18   <!-- Card 2: MS Teams -->
19 - <a href="https://learn.firstdigital.com/bin/view/Teams/" class="menu-card-link">
18 + <a href="TARGET_URL_FOR_TEAMS" class="menu-card-link">
20 20   <div class="menu-card">
21 - <div class="menu-icon-container">
22 - <img src="https://learn.firstdigital.com/bin/download/Main/WebHome/MS%20teams.webp?rev=1.1" alt="MS Teams" class="menu-icon teams-logo" />
20 + <div class="menu-icon-container" style="color: #464775;">
21 + <svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
23 23   </div>
24 24   <div class="menu-text">
25 25   <div class="menu-title"><strong>MS Teams</strong></div>
... ... @@ -29,10 +29,10 @@
29 29   </a>
30 30  
31 31   <!-- Card 3: FirstDigital SIP Trunk -->
32 - <a href="https://learn.firstdigital.com/bin/view/SIP/" class="menu-card-link">
31 + <a href="TARGET_URL_FOR_SIP" class="menu-card-link">
33 33   <div class="menu-card">
34 - <div class="menu-icon-container">
35 - <img src="https://learn.firstdigital.com/bin/download/Main/WebHome/FirstDigital-Logo.png?rev=1.3" alt="FirstDigital" class="menu-icon firstdigital-logo" />
33 + <div class="menu-icon-container" style="color: #004080;">
34 + <svg viewBox="0 0 24 24" width="26" height="26" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
36 36   </div>
37 37   <div class="menu-text">
38 38   <div class="menu-title"><strong>FirstDigital SIP trunk</strong></div>
... ... @@ -42,18 +42,17 @@
42 42   </a>
43 43  
44 44   <!-- Card 4: Support -->
45 - <a href="https://learn.firstdigital.com/bin/view/Support/" class="menu-card-link">
44 + <a href="TARGET_URL_FOR_SUPPORT" class="menu-card-link">
46 46   <div class="menu-card">
47 - <div class="menu-icon-container icon-only-bg">
48 - <svg class="menu-icon support-icon" viewBox="0 0 24 24" width="24" height="24" stroke="#0060FF" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
46 + <div class="menu-icon-container" style="color: #0060ff;">
47 + <svg viewBox="0 0 24 24" width="26" height="26" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
49 49   </div>
50 50   <div class="menu-text">
51 51   <div class="menu-title"><strong>Support</strong></div>
52 - <div class="menu-subtitle">Resources and contact information.</div>
51 + <div class="menu-subtitle">Knowledge Base & Tickets</div>
53 53   </div>
54 54   </div>
55 55   </a>
56 -
57 57   </div>
58 58  
59 59   <!-- Partner Footer Links -->
... ... @@ -70,32 +70,27 @@
70 70  
71 71  <style>
72 72   .modern-menu-container {
73 - max-width: 1000px;
71 + max-width: 960px;
74 74   margin: 0 auto;
75 75   padding: 20px;
76 - box-sizing: border-box;
77 77   }
78 -
79 - .menu-grid {
75 + .modern-menu-container .row {
80 80   display: grid;
81 - grid-template-columns: repeat(2, 1fr);
82 - gap: 20px;
83 - width: 100%;
77 + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
78 + gap: 16px;
79 + margin-bottom: 20px;
84 84   }
85 -
86 86   .menu-card-link {
87 - text-decoration: none !important;
88 88   display: block;
89 - height: 100%;
83 + text-decoration: none !important;
90 90   }
91 -
92 92   .menu-card {
93 93   background: #ffffff;
94 94   border-radius: 12px;
95 - padding: 20px;
88 + padding: 18px;
96 96   display: flex;
97 97   align-items: center;
98 - box-shadow: 0 4px 6px rgba(0,0,0,0.05);
91 + box-shadow: 0 4px 6px rgba(0,0,0,0.04);
99 99   transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
100 100   border: 1px solid #eaeaea;
101 101   color: #333;
... ... @@ -102,16 +102,14 @@
102 102   height: 100%;
103 103   box-sizing: border-box;
104 104   }
105 -
106 106   .menu-card-link:hover .menu-card {
107 107   transform: translateY(-3px);
108 - box-shadow: 0 6px 12px rgba(0,0,0,0.1);
109 - border-color: #c1c1c1;
100 + box-shadow: 0 8px 15px rgba(0,0,0,0.08);
101 + border-color: #d0d7de;
110 110   }
111 -
112 112   .menu-icon-container {
113 - flex: 0 0 56px;
114 - height: 56px;
104 + flex: 0 0 52px;
105 + height: 52px;
115 115   background-color: #f4f6f8;
116 116   border-radius: 50%;
117 117   display: flex;
... ... @@ -118,66 +118,32 @@
118 118   align-items: center;
119 119   justify-content: center;
120 120   margin-right: 16px;
121 - overflow: hidden;
122 - border: 1px solid #e0e0e0;
123 123   }
124 -
125 - .menu-icon {
126 - object-fit: contain;
127 - }
128 -
129 - .webex-logo {
130 - width: 85%;
131 - height: auto;
132 - }
133 -
134 - .teams-logo {
135 - width: 75%;
136 - height: auto;
137 - }
138 -
139 - .firstdigital-logo {
140 - width: 90%;
141 - height: auto;
142 - }
143 -
144 - .support-icon {
145 - width: 60%;
146 - height: 60%;
147 - }
148 -
149 149   .menu-text {
150 150   flex: 1;
151 151   display: flex;
152 152   flex-direction: column;
153 - justify-content: center;
154 154   }
155 -
156 156   .menu-title {
157 - font-size: 16px;
158 - line-height: 1.4;
119 + font-size: 15px;
120 + line-height: 1.3;
159 159   font-weight: 600;
160 - color: #1a1a1a;
122 + color: #1f2328;
161 161   }
162 -
163 163   .menu-subtitle {
164 - font-size: 13px;
165 - color: #666;
166 - margin-top: 4px;
167 - font-weight: 400;
125 + font-size: 12px;
126 + color: #656d76;
127 + margin-top: 3px;
168 168   }
169 -
170 170   .partner-footer {
171 - margin-top: 40px;
130 + margin-top: 30px;
172 172   padding-top: 20px;
173 - border-top: 1px solid #eee;
132 + border-top: 1px solid #eaeaea;
174 174   display: flex;
175 175   justify-content: center;
176 176   align-items: center;
177 177   gap: 15px;
178 - font-family: Arial, sans-serif;
179 179   }
180 -
181 181   .footer-brand {
182 182   font-weight: 700;
183 183   font-size: 14px;
... ... @@ -184,26 +184,11 @@
184 184   color: #0060ff;
185 185   text-decoration: none !important;
186 186   }
187 -
188 188   .azure-brand {
189 189   color: #0078d4;
190 190   }
191 -
192 192   .footer-divider {
193 - color: #ccc;
194 - font-weight: 300;
148 + color: #d0d7de;
195 195   }
196 -
197 - @media (max-width: 768px) {
198 - .menu-grid {
199 - grid-template-columns: 1fr;
200 - }
201 - .modern-menu-container {
202 - padding: 10px;
203 - }
204 - .menu-card {
205 - padding: 15px;
206 - }
207 - }
208 208  </style>
209 209  {{/html}}
FirstDigital-Logo.png
Size
... ... @@ -1,1 +1,1 @@
1 -14.5 KB
1 +14.3 KB
Content
MS teams.webp
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.aaronblackburnfirstdigitalcom
Size
... ... @@ -1,1 +1,0 @@
1 -26.7 KB
Content
Webex-Symbol.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.aaronblackburnfirstdigitalcom
Size
... ... @@ -1,1 +1,0 @@
1 -671.0 KB
Content
1784741189563-764.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.aaronblackburnfirstdigitalcom
Size
... ... @@ -1,0 +1,1 @@
1 +164.0 KB
Content
1784741289632-457.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.aaronblackburnfirstdigitalcom
Size
... ... @@ -1,0 +1,1 @@
1 +85.0 KB
Content
1784751495894-847.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.aaronblackburnfirstdigitalcom
Size
... ... @@ -1,0 +1,1 @@
1 +82.0 KB
Content
MS%20teams.webp
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.aaronblackburnfirstdigitalcom
Size
... ... @@ -1,0 +1,1 @@
1 +20.2 KB
Content
webexbycisco-3d-vertical-color-black-text.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.aaronblackburnfirstdigitalcom
Size
... ... @@ -1,0 +1,1 @@
1 +1.2 MB
Content