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

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.chrisworkmanfirstdigitalcom
1 +XWiki.aaronblackburnfirstdigitalcom
Content
... ... @@ -1,0 +1,209 @@
1 +{{html clean="false"}}
2 +<div class="modern-menu-container">
3 + <div class="menu-grid">
4 +
5 + <!-- Card 1: Webex -->
6 + <a href="https://learn.firstdigital.com/bin/view/CCP/" class="menu-card-link">
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" />
10 + </div>
11 + <div class="menu-text">
12 + <div class="menu-title">Cloud Connected PSTN (CCP)</div>
13 + <div class="menu-subtitle">Webex Integration</div>
14 + </div>
15 + </div>
16 + </a>
17 +
18 + <!-- Card 2: MS Teams -->
19 + <a href="https://learn.firstdigital.com/bin/view/Teams/" class="menu-card-link">
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" />
23 + </div>
24 + <div class="menu-text">
25 + <div class="menu-title"><strong>MS Teams</strong></div>
26 + <div class="menu-subtitle">Direct Routing</div>
27 + </div>
28 + </div>
29 + </a>
30 +
31 + <!-- Card 3: FirstDigital SIP Trunk -->
32 + <a href="https://learn.firstdigital.com/bin/view/SIP/" class="menu-card-link">
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" />
36 + </div>
37 + <div class="menu-text">
38 + <div class="menu-title"><strong>FirstDigital SIP trunk</strong></div>
39 + <div class="menu-subtitle">Voice Connectivity</div>
40 + </div>
41 + </div>
42 + </a>
43 +
44 + <!-- Card 4: Support -->
45 + <a href="https://learn.firstdigital.com/bin/view/Support/" class="menu-card-link">
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>
49 + </div>
50 + <div class="menu-text">
51 + <div class="menu-title"><strong>Support</strong></div>
52 + <div class="menu-subtitle">Resources and contact information.</div>
53 + </div>
54 + </div>
55 + </a>
56 +
57 + </div>
58 +
59 + <!-- Partner Footer Links -->
60 + <div class="partner-footer">
61 + <a href="https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=true" class="footer-brand">
62 + First<span style="color:#004080;">Digital</span>
63 + </a>
64 + <span class="footer-divider">|</span>
65 + <a href="https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=false" class="footer-brand azure-brand">
66 + Microsoft Azure
67 + </a>
68 + </div>
69 +</div>
70 +
71 +<style>
72 + .modern-menu-container {
73 + max-width: 1000px;
74 + margin: 0 auto;
75 + padding: 20px;
76 + box-sizing: border-box;
77 + }
78 +
79 + .menu-grid {
80 + display: grid;
81 + grid-template-columns: repeat(2, 1fr);
82 + gap: 20px;
83 + width: 100%;
84 + }
85 +
86 + .menu-card-link {
87 + text-decoration: none !important;
88 + display: block;
89 + height: 100%;
90 + }
91 +
92 + .menu-card {
93 + background: #ffffff;
94 + border-radius: 12px;
95 + padding: 20px;
96 + display: flex;
97 + align-items: center;
98 + box-shadow: 0 4px 6px rgba(0,0,0,0.05);
99 + transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
100 + border: 1px solid #eaeaea;
101 + color: #333;
102 + height: 100%;
103 + box-sizing: border-box;
104 + }
105 +
106 + .menu-card-link:hover .menu-card {
107 + transform: translateY(-3px);
108 + box-shadow: 0 6px 12px rgba(0,0,0,0.1);
109 + border-color: #c1c1c1;
110 + }
111 +
112 + .menu-icon-container {
113 + flex: 0 0 56px;
114 + height: 56px;
115 + background-color: #f4f6f8;
116 + border-radius: 50%;
117 + display: flex;
118 + align-items: center;
119 + justify-content: center;
120 + margin-right: 16px;
121 + overflow: hidden;
122 + border: 1px solid #e0e0e0;
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 + .menu-text {
150 + flex: 1;
151 + display: flex;
152 + flex-direction: column;
153 + justify-content: center;
154 + }
155 +
156 + .menu-title {
157 + font-size: 16px;
158 + line-height: 1.4;
159 + font-weight: 600;
160 + color: #1a1a1a;
161 + }
162 +
163 + .menu-subtitle {
164 + font-size: 13px;
165 + color: #666;
166 + margin-top: 4px;
167 + font-weight: 400;
168 + }
169 +
170 + .partner-footer {
171 + margin-top: 40px;
172 + padding-top: 20px;
173 + border-top: 1px solid #eee;
174 + display: flex;
175 + justify-content: center;
176 + align-items: center;
177 + gap: 15px;
178 + font-family: Arial, sans-serif;
179 + }
180 +
181 + .footer-brand {
182 + font-weight: 700;
183 + font-size: 14px;
184 + color: #0060ff;
185 + text-decoration: none !important;
186 + }
187 +
188 + .azure-brand {
189 + color: #0078d4;
190 + }
191 +
192 + .footer-divider {
193 + color: #ccc;
194 + font-weight: 300;
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 +</style>
209 +{{/html}}