Skip to Content

Changes for page Sandbox Test Page 3

Last modified by Jareth Carpenter on 2026/08/20 22:29
From version 52.1
edited by Jareth Carpenter
on 2026/08/17 22:47
Change comment: There is no comment for this version
To version 65.1
edited by Jareth Carpenter
on 2026/08/20 21:47
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,334 +1,327 @@
1 1  {{html clean="false"}}
2 -<!-- Here is where the FirstDigital guid goes
2 +<!--
3 + XWiki usage: paste everything in this file into an HTML macro on your
4 + Home / WebHome page, e.g.
5 +
6 + {{html clean="false"}}
7 + ... paste this whole file's contents here ...
8 + {{/html}}
9 +
10 + This is a self-contained FRAGMENT (no <html>/<head>/<body> tags) scoped
11 + under the .fd-home wrapper so it won't leak styles onto the rest of the
12 + XWiki page or get double-rendered inside the page's own template.
13 +
14 + BEFORE PUBLISHING: update the three placeholder hrefs below
15 + (search for "REPLACE_WITH_") to point at your actual XWiki spaces, e.g.
16 + href="$xwiki.getURL('VoiceServices.WebHome')" or a relative link such as
17 + "../VoiceServices/WebHome".
3 3  -->
4 4  <style>
5 - @import url('https://fonts.googleapies/css2?family=Host+Grotesk:wght@300;400;600800&display=swap');
6 - /* Saftey net comment */
7 - .fdm-hub ~ .fdm-hub { display: none !important; }
8 - /* ---- FirstDigital brand tokens (Brand Guide 2025, p.11) ---- */
9 - .fdm-hub {
10 - --fd-navy: #003366; /* headlines, backgrounds, icons */
11 - --fd-blue: #307ab2; /* headlines, backgrounds, icons */
12 - --fd-blue-bright: #38b2e3; /* stand-out headlines, icons */
13 - --fd-red: #cf333d; /* accents - use selectively */
14 - --fd-body: #2e404d; /* paragraph text */
15 - --fd-secondary: #8f9499; /* secondary text */
16 - --fd-bg-mid: #dedede; /* backgrounds */
17 - --fd-bg-light: #f0f0f0; /* backgrounds */
18 - --fd-white: #ffffff;
19 - --ms-azure: #0078d4; /* Microsoft's own brand blue */
20 + @import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap');
21 +
22 + .fd-home, .fd-home *{ box-sizing:border-box; }
23 +
24 + .fd-home{
25 + --fd-navy:#003366;
26 + --fd-blue:#307ab2;
27 + --fd-sky:#38b2e3;
28 + --fd-red:#cf333d;
29 + --fd-slate:#2e404d;
30 + --fd-grey:#8f9499;
31 + --fd-lightgrey:#dedede;
32 + --fd-offwhite:#f0f0f0;
33 + --fd-max-w:1040px;
34 +
35 + display:block;
36 + font-family:'Host Grotesk','Poppins','Segoe UI',system-ui,sans-serif;
37 + color:var(--fd-slate);
38 + background:#ffffff;
39 + font-weight:300;
40 + line-height:1.6;
20 20   }
21 - .fdm-hub, .fdm-hub * { box-sizing: border-box; }
22 - .fdm-hub {
23 - font-family: 'Host Grotesk', 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
24 - font-weight: 300;
25 - color: var(--fd-body);
26 - background: var(--fd-white);
27 - max-width: 1000px;
28 - margin: 0 auto;
29 - padding: 0 20px 28px;
30 - -webkit-font-smoothing: antialiased;
31 - }
32 - /* ---- Masthead: full-colour logo on white (Logo Rules, p.10) ---- */
33 - .fdm-masthead {
42 +/* ---- Footer ---- */
43 + .fdm-footer {
44 + margin-top: 32px;
45 + padding-top: 18px;
46 + border-top: 1px solid var(--fd-bg-mid);
34 34   display: flex;
48 + justify-content: center;
35 35   align-items: center;
36 - justify-content: space-between;
37 - gap: 20px;
38 38   flex-wrap: wrap;
39 - padding: 22px 0 18px;
40 - border-bottom: 1px solid var(--fd-bg-mid);
51 + gap: 14px;
52 + font-size: 13px;
41 41   }
42 - .fdm-masthead img { height: 46px; width: auto; display: block; }
43 - .fdm-masthead-label {
44 - font-size: 12px;
54 + .fdm-footer a {
45 45   font-weight: 600;
46 - letter-spacing: 0.16em;
47 - text-transform: uppercase;
48 - color: var(--fd-secondary);
49 - white-space: nowrap;
56 + text-decoration: none !important;
57 + color: var(--fd-blue);
50 50   }
51 - /* ---- Hero ---- */
52 - .fdm-hero {
53 - position: relative;
54 - margin-top: 22px;
55 - border-radius: 6px;
56 - overflow: hidden;
57 - min-height: 250px;
58 - display: flex;
59 - align-items: flex-end;
59 +
60 + .fdm-footer a:hover { text-decoration: underline !important; }
61 +
62 + .fdm-footer a:focus-visible {
63 + outline: 2px solid var(--fd-blue-bright);
64 + outline-offset: 3px;
60 60   }
61 - .fdm-hero-img {
62 - position: absolute;
63 - top: 0; right: 0; bottom: 0; left: 0;
64 - width: 100%; height: 100%;
65 - object-fit: cover;
66 - display: block;
66 +
67 + .fd-home a{ color:var(--fd-blue); }
68 +
69 + /* ---------- HERO ---------- */
70 + .fd-home .hero{
71 + position:relative;
72 + background:var(--fd-navy);
73 + overflow:hidden;
74 + padding:56px 32px 68px;
75 + text-align:center;
67 67   }
68 - /* explicit offsets, not the inset shorthand, for wider support */
69 - .fdm-hero::after {
70 - content: "";
71 - position: absolute;
72 - top: 0; right: 0; bottom: 0; left: 0;
73 - background: linear-gradient(100deg,
74 - rgba(0,51,102,0.94) 0%,
75 - rgba(0,51,102,0.86) 42%,
76 - rgba(0,51,102,0.30) 100%);
77 + .fd-home .hero-inner{
78 + max-width:var(--fd-max-w);
79 + margin:0 auto;
80 + position:relative;
81 + z-index:2;
77 77   }
78 - .fdm-hero-inner {
79 - position: relative;
80 - z-index: 1;
81 - padding: 32px 32px 30px;
82 - max-width: 600px;
83 + .fd-home .hero .logo{
84 + height:36px;
85 + margin:0 auto 28px;
86 + display:block;
83 83   }
84 - /* red rule = brand accent motif (Brand Guide p.4) */
85 - .fdm-rule {
86 - width: 62px; height: 4px;
87 - background: var(--fd-red);
88 - border: 0;
89 - margin: 0 0 16px;
88 + .fd-home .hero p.kicker{
89 + color:var(--fd-sky);
90 + font-weight:700;
91 + text-transform:uppercase;
92 + letter-spacing:.08em;
93 + font-size:.8rem;
94 + margin:0 0 10px;
90 90   }
91 - .fdm-eyebrow {
92 - font-size: 12px;
93 - font-weight: 600;
94 - letter-spacing: 0.18em;
95 - text-transform: uppercase;
96 - color: var(--fd-blue-bright);
97 - margin-bottom: 9px;
96 + .fd-home .hero h1{
97 + color:#ffffff;
98 + font-weight:800;
99 + font-size:2.5rem;
100 + margin:0 0 14px;
101 + letter-spacing:-0.01em;
98 98   }
99 - .fdm-hero h1 {
100 - font-size: clamp(26px, 3.6vw, 36px);
101 - font-weight: 800;
102 - line-height: 1.14;
103 - letter-spacing: -0.01em;
104 - color: var(--fd-white);
105 - margin: 0 0 11px;
103 + .fd-home .hero p.sub{
104 + color:#dbe9f4;
105 + font-weight:300;
106 + font-size:1.05rem;
107 + max-width:520px;
108 + margin:0 auto;
106 106   }
107 - .fdm-hero p {
108 - font-size: 15px;
109 - font-weight: 300;
110 - line-height: 1.6;
111 - color: #dbe6ef;
112 - margin: 0;
113 - max-width: 470px;
110 + .fd-home .wave{
111 + position:absolute;
112 + top:0; right:0; bottom:0;
113 + width:70%;
114 + z-index:1;
115 + pointer-events:none;
114 114   }
115 - /* ---- Card grid ---- */
116 - .fdm-grid {
117 - display: grid;
118 - grid-template-columns: repeat(2, 1fr);
119 - gap: 22px;
120 - margin-top: 24px;
117 +
118 + /* ---------- SEARCH-LIKE UTILITY STRIP (optional quick note) ---------- */
119 + .fd-home .utility-strip{
120 + background:var(--fd-offwhite);
121 + border-bottom:1px solid var(--fd-lightgrey);
122 + padding:14px 32px;
123 + text-align:center;
121 121   }
122 - .fdm-card {
123 - display: flex;
124 - flex-direction: column;
125 - background: var(--fd-white);
126 - border: 1px solid var(--fd-bg-mid);
127 - border-radius: 6px;
128 - overflow: hidden;
129 - text-decoration: none !important;
130 - color: inherit;
131 - height: 100%;
132 - transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
125 + .fd-home .utility-strip p{
126 + margin:0;
127 + font-size:.85rem;
128 + color:var(--fd-grey);
129 + font-weight:500;
133 133   }
134 - .fdm-card:hover {
135 - transform: translateY(-3px);
136 - border-color: var(--fd-blue-bright);
137 - box-shadow: 0 12px 26px rgba(0,51,102,0.14);
131 +
132 + /* ---------- CARD GRID ---------- */
133 + .fd-home main{
134 + max-width:var(--fd-max-w);
135 + margin:0 auto;
136 + padding:56px 32px 24px;
138 138   }
139 - .fdm-card:focus-visible {
140 - outline: 3px solid var(--fd-blue-bright);
141 - outline-offset: 2px;
138 + .fd-home .section-label{
139 + color:var(--fd-navy);
140 + font-weight:800;
141 + font-size:1.15rem;
142 + margin:0 0 6px;
142 142   }
143 - .fdm-media {
144 - position: relative;
145 - height: 132px;
146 - background: var(--fd-bg-light);
147 - flex: 0 0 auto;
148 - /* no overflow:hidden here - the logo badge overhangs the bottom
149 - edge on purpose. The photo is already clipped by object-fit,
150 - and .fdm-card's own overflow:hidden keeps the rounded corners. */
144 + .fd-home .section-rule{
145 + width:56px;
146 + height:4px;
147 + background:var(--fd-red);
148 + border:none;
149 + border-radius:2px;
150 + margin:0 0 32px;
151 151   }
152 - .fdm-media img {
153 - width: 100%; height: 100%;
154 - object-fit: cover;
155 - display: block;
152 +
153 + .fd-home .card-grid{
154 + display:grid;
155 + grid-template-columns:repeat(3, 1fr);
156 + gap:24px;
156 156   }
157 - .fdm-media::after {
158 - content: "";
159 - position: absolute;
160 - top: 0; right: 0; bottom: 0; left: 0;
161 - background: linear-gradient(180deg,
162 - rgba(0,51,102,0.06) 0%, rgba(0,40,79,0.52) 100%);
158 +
159 + .fd-home .card{
160 + display:flex;
161 + flex-direction:column;
162 + background:#ffffff;
163 + border:1px solid var(--fd-lightgrey);
164 + border-radius:14px;
165 + padding:32px 28px;
166 + text-decoration:none;
167 + transition:box-shadow .18s ease, border-color .18s ease, transform .18s ease;
163 163   }
164 - /* white badge keeps every logo brand-legal over a photo (p.10) */
165 - .fdm-badge {
166 - position: absolute;
167 - left: 18px;
168 - bottom: 0;
169 - z-index: 1;
170 - transform: translateY(50%);
171 - width: 58px; height: 58px;
172 - border-radius: 8px;
173 - background: var(--fd-white);
174 - box-shadow: 0 5px 14px rgba(0,0,0,0.18);
175 - display: flex;
176 - align-items: center;
177 - justify-content: center;
178 - overflow: hidden;
169 + .fd-home .card:hover{
170 + box-shadow:0 12px 28px rgba(0,51,102,.12);
171 + border-color:var(--fd-sky);
172 + transform:translateY(-2px);
179 179   }
180 - .fdm-badge img { object-fit: contain; display: block; }
181 - .fdm-logo-webex { width: 74%; height: auto; }
182 - .fdm-logo-teams { width: 64%; height: auto; }
183 - .fdm-logo-firstdigital { width: 84%; height: auto; }
184 - /* icons: dark-blue stroke, bright-blue accent (Brand Guide p.14) */
185 - .fdm-badge svg {
186 - width: 26px; height: 26px;
187 - fill: none;
188 - stroke: var(--fd-navy);
189 - stroke-width: 1.7;
190 - stroke-linecap: round;
191 - stroke-linejoin: round;
174 + .fd-home .card .icon-badge{
175 + width:56px;
176 + height:56px;
177 + border-radius:50%;
178 + background:var(--fd-offwhite);
179 + display:flex;
180 + align-items:center;
181 + justify-content:center;
182 + margin-bottom:20px;
192 192   }
193 - .fdm-badge svg .accent { stroke: var(--fd-blue-bright); }
194 - .fdm-body {
195 - padding: 38px 22px 22px;
196 - display: flex;
197 - flex-direction: column;
198 - flex: 1 1 auto;
184 + .fd-home .card .icon-badge svg{
185 + width:28px;
186 + height:28px;
187 + stroke:var(--fd-navy);
188 + fill:none;
189 + stroke-width:1.8;
190 + stroke-linecap:round;
191 + stroke-linejoin:round;
199 199   }
200 - .fdm-title {
201 - display: block;
202 - font-size: 16.5px;
203 - font-weight: 800;
204 - line-height: 1.28;
205 - color: var(--fd-navy);
193 + .fd-home .card .icon-badge svg .fill-accent{
194 + fill:var(--fd-sky);
195 + stroke:none;
206 206   }
207 - .fdm-sub {
208 - display: block;
209 - font-size: 13.5px;
210 - font-weight: 300;
211 - line-height: 1.55;
212 - color: var(--fd-body);
213 - margin-top: 5px;
197 + .fd-home .card h2{
198 + color:var(--fd-navy);
199 + font-weight:800;
200 + font-size:1.25rem;
201 + margin:0 0 8px;
202 + letter-spacing:-0.005em;
214 214   }
215 - .fdm-cta {
216 - display: flex;
217 - align-items: center;
218 - gap: 7px;
219 - margin-top: auto;
220 - padding-top: 16px;
221 - font-size: 13px;
222 - font-weight: 600;
223 - color: var(--fd-red);
204 + .fd-home .card p{
205 + color:var(--fd-slate);
206 + font-weight:300;
207 + font-size:.92rem;
208 + margin:0 0 20px;
209 + flex-grow:1;
224 224   }
225 - .fdm-cta svg {
226 - width: 15px; height: 15px;
227 - fill: none;
228 - stroke: var(--fd-red);
229 - stroke-width: 2;
230 - stroke-linecap: round;
231 - stroke-linejoin: round;
232 - transition: transform .2s ease;
211 + .fd-home .card .card-cta{
212 + display:inline-flex;
213 + align-items:center;
214 + gap:6px;
215 + color:var(--fd-blue);
216 + font-weight:700;
217 + font-size:.85rem;
218 + text-transform:uppercase;
219 + letter-spacing:.03em;
233 233   }
234 - .fdm-card:hover .fdm-cta svg { transform: translateX(4px); }
235 - /* ---- Footer ---- */
236 - .fdm-footer {
237 - margin-top: 32px;
238 - padding-top: 18px;
239 - border-top: 1px solid var(--fd-bg-mid);
240 - display: flex;
241 - justify-content: center;
242 - align-items: center;
243 - flex-wrap: wrap;
244 - gap: 14px;
245 - font-size: 13px;
221 + .fd-home .card .card-cta svg{
222 + width:14px;
223 + height:14px;
224 + stroke:var(--fd-blue);
225 + fill:none;
226 + stroke-width:2.2;
227 + transition:transform .18s ease;
246 246   }
247 - .fdm-footer a {
248 - font-weight: 600;
249 - text-decoration: none !important;
250 - color: var(--fd-blue);
229 + .fd-home .card:hover .card-cta svg{ transform:translateX(3px); }
230 +
231 + .fd-home footer{
232 + max-width:var(--fd-max-w);
233 + margin:0 auto;
234 + padding:32px 32px 48px;
235 + display:flex;
236 + align-items:center;
237 + gap:12px;
238 + color:var(--fd-grey);
239 + font-size:.8rem;
240 + border-top:1px solid var(--fd-lightgrey);
241 + margin-top:24px;
251 251   }
252 - .fdm-footer a:hover { text-decoration: underline !important; }
253 - .fdm-footer a:focus-visible {
254 - outline: 2px solid var(--fd-blue-bright);
255 - outline-offset: 3px;
243 + .fd-home footer img{ height:18px; opacity:.8; }
244 +
245 + @media (max-width:820px){
246 + .fd-home .card-grid{ grid-template-columns:1fr; }
247 + .fd-home .hero h1{ font-size:2rem; }
248 + .fd-home main{ padding:40px 20px 8px; }
249 + .fd-home .hero{ padding:44px 20px 56px; }
256 256   }
257 - .fdm-brand-first { color: var(--fd-blue); }
258 - .fdm-brand-second { color: var(--fd-navy); }
259 - .fdm-azure { color: var(--ms-azure); }
260 - .fdm-divider { color: var(--fd-bg-mid); font-weight: 300; }
261 - @media (max-width: 768px) {
262 - .fdm-grid { grid-template-columns: 1fr; }
263 - .fdm-hub { padding: 0 12px 22px; }
264 - .fdm-masthead img { height: 38px; }
265 - .fdm-hero { min-height: 220px; }
266 - .fdm-hero-inner { padding: 24px 22px 22px; }
267 - }
268 - @media (prefers-reduced-motion: reduce) {
269 - .fdm-card, .fdm-cta svg { transition: none; }
270 - }
271 - </style>
272 -<div class="fdm-hub">
273 - <div class="fdm-masthead">
274 - <img src="https://learn.firstdigital.com/bin/download/Main/WebHome/FirstDigital-Logo.png?rev=1.3" alt="FirstDigital">
275 - <span class="fdm-masthead-label">Fiber &middot; Internet &middot; Cloud &middot; Voice</span>
276 - </div>
277 - <section class="fdm-hero">
278 - <img class="fdm-hero-img" src="PASTE_YOUR_HERO_BASE64_HERE" alt="">
279 - <div class="fdm-hero-inner">
280 - <hr class="fdm-rule">
281 - <div class="fdm-eyebrow">Learning Center</div>
282 - <h1>Product Documentation</h1>
283 - <p>Guides, answers, and implementation resources for your FirstDigital voice services. Choose a product to get started.</p>
251 +</style>
252 +
253 +<div class="fd-home">
254 +
255 + <div class="hero">
256 + <svg class="wave" viewBox="0 0 800 500" preserveAspectRatio="xMaxYMin slice" xmlns="http://www.w3.org/2000/svg">
257 + <path d="M800,0 C620,40 560,140 620,220 C680,300 800,300 800,300 Z" fill="#307ab2" opacity="0.35"/>
258 + <path d="M800,0 C650,60 610,170 690,250 C760,320 800,320 800,320 Z" fill="#38b2e3" opacity="0.5"/>
259 + <path d="M800,40 C700,90 680,180 750,240 C790,275 800,280 800,280 Z" fill="#38b2e3" opacity="0.85"/>
260 + </svg>
261 + <div class="hero-inner">
262 + <img class="logo" src="data:image/png;base64,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" alt="FirstDigital">
263 + <p class="kicker">FirstDigital Wiki</p>
264 + <h1>Welcome Home</h1>
265 + <p class="sub">Your starting point for guides, policies, and support resources across Voice, Data, and Account services.</p>
284 284   </div>
285 - </section>
286 - <div class="fdm-grid">
287 - <a class="fdm-card" href="https://learn.firstdigital.com/bin/view/CCP/">
288 - <span class="fdm-media">
289 - <img src="PASTE_YOUR_WEBEX_CARD_BASE64_HERE" alt="">
290 - <span class="fdm-badge"><img class="fdm-logo-webex" src="https://learn.firstdigital.com/bin/download/Main/WebHome/Webex-Symbol.png?rev=1.1" alt="Webex"></span>
291 - </span>
292 - <span class="fdm-body">
293 - <span class="fdm-title">Cloud Connected PSTN (CCP)</span>
294 - <span class="fdm-sub">Webex integration</span>
295 - <span class="fdm-cta">Open CCP docs <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></span>
296 - </span>
297 - </a>
298 - <a class="fdm-card" href="https://learn.firstdigital.com/bin/view/Teams/">
299 - <span class="fdm-media">
300 - <img src="PASTE_YOUR_TEAMS_CARD_BASE64_HERE" alt="">
301 - <span class="fdm-badge"><img class="fdm-logo-teams" src="https://learn.firstdigital.com/bin/download/Main/WebHome/MS%20teams.webp?rev=1.1" alt="Microsoft Teams"></span>
302 - </span>
303 - <span class="fdm-body">
304 - <span class="fdm-title">Microsoft Teams</span>
305 - <span class="fdm-sub">Direct Routing</span>
306 - <span class="fdm-cta">Open Teams docs <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></span>
307 - </span>
308 - </a>
309 - <a class="fdm-card" href="https://learn.firstdigital.com/bin/view/SIP/">
310 - <span class="fdm-media">
311 - <img src="PASTE_YOUR_SIP_CARD_BASE64_HERE" alt="">
312 - <span class="fdm-badge"><img class="fdm-logo-firstdigital" src="https://learn.firstdigital.com/bin/download/Main/WebHome/FirstDigital-Logo.png?rev=1.3" alt="FirstDigital"></span>
313 - </span>
314 - <span class="fdm-body">
315 - <span class="fdm-title">FirstDigital SIP Trunk</span>
316 - <span class="fdm-sub">Voice connectivity</span>
317 - <span class="fdm-cta">Open SIP docs <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></span>
318 - </span>
319 - </a>
320 - <a class="fdm-card" href="https://learn.firstdigital.com/bin/view/Support/">
321 - <span class="fdm-media">
322 - <img src="PASTE_YOUR_SUPPORT_CARD_BASE64_HERE" alt="">
323 - <span class="fdm-badge"><svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path class="accent" d="M9.2 9.3a3 3 0 0 1 5.6 1c0 1.9-2.8 2.4-2.8 4M12 17.4v.01"/></svg></span>
324 - </span>
325 - <span class="fdm-body">
326 - <span class="fdm-title">Support</span>
327 - <span class="fdm-sub">Resources and contact information</span>
328 - <span class="fdm-cta">Get support <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></span>
329 - </span>
330 - </a>
331 331   </div>
268 +
269 + <div class="utility-strip">
270 + <p>Looking for something specific? Use the search bar above, or jump into one of the sections below.</p>
271 + </div>
272 +
273 + <main>
274 + <p class="section-label">Browse by Service</p>
275 + <hr class="section-rule">
276 +
277 + <div class="card-grid">
278 +
279 + <a class="card" href="https://learn.firstdigital.com/bin/view/FirstDigital%20Product%20Support/">
280 + <div class="icon-badge">
281 + <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
282 + <path d="M4 4.5c0-.6.4-1 1-1h2.4c.5 0 .9.3 1 .8l.8 3.2c.1.4 0 .9-.3 1.2l-1.5 1.5c1.1 2.3 3 4.2 5.3 5.3l1.5-1.5c.3-.3.8-.4 1.2-.3l3.2.8c.5.1.8.5.8 1V19c0 .6-.4 1-1 1h-1.5C9.4 20 4 14.6 4 8V4.5Z"/>
283 + </svg>
284 + </div>
285 + <h2>Voice Services</h2>
286 + <p>Hosted voice, unified communications, calling features, and CNAM/caller ID guidance.</p>
287 + <span class="card-cta">View guides
288 + <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
289 + </span>
290 + </a>
291 +
292 + <a class="card" href="REPLACE_WITH_DATA_SERVICES_LINK">
293 + <div class="icon-badge">
294 + <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
295 + <rect x="4" y="4" width="16" height="5" rx="1.2"/>
296 + <rect x="4" y="14" width="16" height="5" rx="1.2"/>
297 + <circle class="fill-accent" cx="7.5" cy="6.5" r="1"/>
298 + <circle class="fill-accent" cx="7.5" cy="16.5" r="1"/>
299 + </svg>
300 + </div>
301 + <h2>Data Services</h2>
302 + <p>Fiber internet, Ethernet, dedicated connectivity, and network reliability resources.</p>
303 + <span class="card-cta">View guides
304 + <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
305 + </span>
306 + </a>
307 +
308 + <a class="card" href="REPLACE_WITH_ACCOUNT_SERVICES_LINK">
309 + <div class="icon-badge">
310 + <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
311 + <circle cx="12" cy="8" r="3.2"/>
312 + <path d="M5 19.5c0-3.6 3.1-6.2 7-6.2s7 2.6 7 6.2"/>
313 + </svg>
314 + </div>
315 + <h2>Account Services</h2>
316 + <p>Billing, support requests, account changes, and general customer service resources.</p>
317 + <span class="card-cta">View guides
318 + <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
319 + </span>
320 + </a>
321 +
322 + </div>
323 + </main>
324 +
332 332   <div class="fdm-footer">
333 333   <a href="https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=true"><span class="fdm-brand-first">First</span><span class="fdm-brand-second">Digital</span></a>
334 334   <span class="fdm-divider">|</span>