Skip to Content

Wiki source code of Voice Services Q&A's:

Last modified by Chris Workman on 2026/08/21 22:32
Show last authors
1 {{html clean="false"}}
2 <!--
3 ============================================================
4 FirstDigital - Voice Services Q&A (XWiki fragment)
5 No photographs. Text, brand colour and icons only.
6 Same design system as the Microsoft Teams Resource Hub (fdt-)
7 and Cloud Connected PSTN Resource Hub (fdccp-) pages.
8 ============================================================
9
10 HOW TO USE
11 1. Edit the wiki page in SOURCE / WIKI mode (never WYSIWYG).
12 2. Select all existing page content and delete it.
13 3. Paste:
14
15 {{html clean="false"}}
16 ...everything in this file...
17 {{/html}}
18
19 4. Save & View.
20
21 ------------------------------------------------------------
22 LINKS
23 ------------------------------------------------------------
24 All four questions already link to their real destination pages,
25 taken directly from the source document -- no placeholders needed:
26 1. Calling 911 Best Practices
27 https://learn.firstdigital.com/bin/view/Teams/Calling%20911%20Best%20Practices/
28 2. CNAM Information
29 https://learn.firstdigital.com/bin/view/Teams/CNAM%20Information/
30 3. Calls Marked as Spam?
31 https://learn.firstdigital.com/bin/view/FirstDigital%20Product%20Support/Calls%20Marked%20as%20Spam%3F/
32 4. VFax User Guide
33 https://learn.firstdigital.com/bin/view/FirstDigital%20Product%20Support/VFax%20User%20Guide%3A/
34
35 ------------------------------------------------------------
36 NOTES
37 - This file is a FRAGMENT: no DOCTYPE declaration and no
38 html / head / body elements. Everything is scoped inside
39 .fdvq-hub so it cannot leak into the wiki theme.
40 - After saving, only ever re-edit this page in SOURCE mode.
41 The WYSIWYG editor can duplicate html-macro content.
42 - Class names use the "fdvq-" prefix, so this page cannot clash
43 with the menu page ("fdm-"), onboarding page ("fdo-"), the
44 Microsoft Teams Resource Hub ("fdt-"), or the Cloud Connected
45 PSTN Resource Hub ("fdccp-") even if more than one of them
46 ever appears on the same page.
47 - The only external asset is your logo, loaded from your wiki.
48 Nothing is embedded, so this file is small.
49 ============================================================
50 -->
51 <style>
52 @import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@300;400;600;800&display=swap');
53
54 /* Safety net: if the wiki ever renders this block twice,
55 show only the first copy. */
56 .fdvq-hub ~ .fdvq-hub { display: none !important; }
57
58 /* ---- FirstDigital brand tokens (Brand Guide 2025, p.11) ---- */
59 .fdvq-hub {
60 --fd-navy: #003366;
61 --fd-blue: #307ab2;
62 --fd-blue-bright: #38b2e3;
63 --fd-red: #cf333d;
64 --fd-body: #2e404d;
65 --fd-secondary: #8f9499;
66 --fd-bg-mid: #dedede;
67 --fd-bg-light: #f0f0f0;
68 --fd-ice: #e3f1f8;
69 --fd-white: #ffffff;
70 }
71
72 .fdvq-hub, .fdvq-hub * { box-sizing: border-box; }
73
74 .fdvq-hub {
75 font-family: 'Host Grotesk', 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
76 font-weight: 300;
77 color: var(--fd-body);
78 background: var(--fd-white);
79 max-width: 1000px;
80 margin: 0 auto;
81 padding: 0 20px 30px;
82 -webkit-font-smoothing: antialiased;
83 }
84
85 /* ---- Masthead ---- */
86 .fdvq-masthead {
87 display: flex;
88 align-items: center;
89 justify-content: space-between;
90 gap: 20px;
91 flex-wrap: wrap;
92 padding: 22px 0 18px;
93 border-bottom: 1px solid var(--fd-bg-mid);
94 }
95
96 .fdvq-masthead img { height: 46px; width: auto; display: block; }
97
98 .fdvq-masthead-label {
99 font-size: 12px;
100 font-weight: 600;
101 letter-spacing: 0.16em;
102 text-transform: uppercase;
103 color: var(--fd-secondary);
104 white-space: nowrap;
105 }
106
107 /* ---- Hero ---- */
108 .fdvq-hero {
109 margin-top: 22px;
110 border-radius: 6px;
111 padding: 34px 34px 32px;
112 background: linear-gradient(100deg,
113 var(--fd-navy) 0%,
114 var(--fd-navy) 56%,
115 var(--fd-blue) 100%);
116 }
117
118 .fdvq-rule {
119 width: 62px; height: 4px;
120 background: var(--fd-red);
121 border: 0;
122 margin: 0 0 16px;
123 }
124
125 .fdvq-eyebrow {
126 font-size: 16px;
127 font-weight: 600;
128 letter-spacing: 0.18em;
129 text-transform: uppercase;
130 color: var(--fd-blue-bright);
131 margin-bottom: 9px;
132 }
133
134 .fdvq-hero h1 {
135 font-size: clamp(26px, 3.6vw, 36px);
136 font-weight: 800;
137 line-height: 1.14;
138 letter-spacing: -0.01em;
139 color: var(--fd-white);
140 margin: 0 0 12px;
141 }
142
143 .fdvq-hero p {
144 font-size: 15.5px;
145 font-weight: 300;
146 line-height: 1.62;
147 color: #dbe6ef;
148 margin: 0;
149 max-width: 600px;
150 }
151
152 /* ---- Q&A list ---- */
153 .fdvq-list {
154 display: flex;
155 flex-direction: column;
156 gap: 14px;
157 margin-top: 26px;
158 }
159
160 .fdvq-row {
161 display: flex;
162 align-items: center;
163 gap: 18px;
164 background: var(--fd-white);
165 border: 1px solid var(--fd-bg-mid);
166 border-radius: 6px;
167 padding: 18px 20px;
168 text-decoration: none !important;
169 color: inherit;
170 transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
171 }
172
173 .fdvq-row:hover {
174 transform: translateY(-2px);
175 border-color: var(--fd-blue-bright);
176 box-shadow: 0 12px 26px rgba(0,51,102,0.14);
177 }
178
179 .fdvq-row:focus-visible {
180 outline: 3px solid var(--fd-blue-bright);
181 outline-offset: 2px;
182 }
183
184 .fdvq-badge {
185 width: 46px; height: 46px;
186 border-radius: 8px;
187 background: var(--fd-ice);
188 display: flex;
189 align-items: center;
190 justify-content: center;
191 flex: 0 0 auto;
192 }
193
194 .fdvq-badge svg {
195 width: 22px; height: 22px;
196 fill: none;
197 stroke: var(--fd-navy);
198 stroke-width: 1.7;
199 stroke-linecap: round;
200 stroke-linejoin: round;
201 }
202
203 .fdvq-badge svg .accent { stroke: var(--fd-blue-bright); }
204
205 .fdvq-row-text { flex: 1 1 auto; min-width: 0; }
206
207 .fdvq-q {
208 display: block;
209 font-size: 16.5px;
210 font-weight: 700;
211 line-height: 1.35;
212 color: var(--fd-navy);
213 }
214
215 .fdvq-q-sub {
216 display: block;
217 font-size: 13px;
218 font-weight: 300;
219 line-height: 1.5;
220 color: var(--fd-secondary);
221 margin-top: 3px;
222 }
223
224 .fdvq-arrow {
225 flex: 0 0 auto;
226 display: flex;
227 align-items: center;
228 color: var(--fd-red);
229 }
230
231 .fdvq-arrow svg {
232 width: 18px; height: 18px;
233 fill: none;
234 stroke: var(--fd-red);
235 stroke-width: 2;
236 stroke-linecap: round;
237 stroke-linejoin: round;
238 transition: transform .2s ease;
239 }
240
241 .fdvq-row:hover .fdvq-arrow svg { transform: translateX(4px); }
242
243 /* ---- Footer ---- */
244 .fdvq-footer {
245 margin-top: 30px;
246 padding-top: 18px;
247 border-top: 1px solid var(--fd-bg-mid);
248 display: flex;
249 justify-content: space-between;
250 gap: 16px;
251 flex-wrap: wrap;
252 font-size: 12.5px;
253 color: var(--fd-secondary);
254 }
255
256 @media (max-width: 720px) {
257 .fdvq-hub { padding: 0 12px 24px; }
258 .fdvq-masthead img { height: 38px; }
259 .fdvq-hero { padding: 26px 22px 24px; }
260 .fdvq-row { padding: 16px; gap: 14px; }
261 .fdvq-footer { justify-content: flex-start; }
262 }
263
264 @media (prefers-reduced-motion: reduce) {
265 .fdvq-row, .fdvq-arrow svg { transition: none; }
266 }
267 </style>
268
269 <div class="fdvq-hub">
270
271 <div class="fdvq-masthead">
272 <img src="https://learn.firstdigital.com/bin/download/Main/WebHome/FirstDigital-Logo.png?rev=1.3" alt="FirstDigital">
273 <span class="fdvq-masthead-label">Fiber &middot; Internet &middot; Cloud &middot; Voice</span>
274 </div>
275
276 <section class="fdvq-hero">
277 <hr class="fdvq-rule">
278 <div class="fdvq-eyebrow">Voice Services</div>
279 <h1>Q&amp;A</h1>
280 <p>Quick answers to the questions we hear most about your FirstDigital voice service. Select a topic below for the full guide.</p>
281 </section>
282
283 <nav class="fdvq-list" aria-label="Voice Services questions and answers">
284
285 <a class="fdvq-row" href="https://learn.firstdigital.com/bin/view/Teams/Calling%20911%20Best%20Practices/">
286 <span class="fdvq-badge">
287 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3l7 3v6c0 4.6-3 7.6-7 9-4-1.4-7-4.4-7-9V6l7-3z"/><path class="accent" d="M12 8.5v4M12 15.5v.01"/></svg>
288 </span>
289 <span class="fdvq-row-text">
290 <span class="fdvq-q">What&rsquo;s the best practice for calling 911?</span>
291 <span class="fdvq-q-sub">Calling 911 Best Practices</span>
292 </span>
293 <span class="fdvq-arrow"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></span>
294 </a>
295
296 <a class="fdvq-row" href="https://learn.firstdigital.com/bin/view/Teams/CNAM%20Information/">
297 <span class="fdvq-badge">
298 <svg viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="6" width="18" height="12" rx="1.5"/><circle class="accent" cx="9" cy="12" r="2"/><path d="M14 10.5h4M14 13.5h4"/></svg>
299 </span>
300 <span class="fdvq-row-text">
301 <span class="fdvq-q">What are my Caller ID (CNAM) options?</span>
302 <span class="fdvq-q-sub">CNAM Information</span>
303 </span>
304 <span class="fdvq-arrow"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></span>
305 </a>
306
307 <a class="fdvq-row" href="https://learn.firstdigital.com/bin/view/FirstDigital%20Product%20Support/Calls%20Marked%20as%20Spam%3F/">
308 <span class="fdvq-badge">
309 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 5h13l3 3v11a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z"/><path class="accent" d="M8 12l3 3 5-6"/></svg>
310 </span>
311 <span class="fdvq-row-text">
312 <span class="fdvq-q">Why are my calls being marked as spam?</span>
313 <span class="fdvq-q-sub">Calls Marked as Spam?</span>
314 </span>
315 <span class="fdvq-arrow"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></span>
316 </a>
317
318 <a class="fdvq-row" href="https://learn.firstdigital.com/bin/view/FirstDigital%20Product%20Support/VFax%20User%20Guide%3A/">
319 <span class="fdvq-badge">
320 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M7 3h7l5 5v13a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z"/><path d="M14 3v5h5"/><path class="accent" d="M9.5 13.5h5M9.5 17h5"/></svg>
321 </span>
322 <span class="fdvq-row-text">
323 <span class="fdvq-q">How do I use VFax?</span>
324 <span class="fdvq-q-sub">VFax User Guide</span>
325 </span>
326 <span class="fdvq-arrow"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></span>
327 </a>
328
329 </nav>
330
331 <div class="fdvq-footer">
332 <span>FirstDigital &middot; Voice Services Q&amp;A</span>
333 <span>Need help? Contact your FirstDigital support team at 801-456-1000 or support@firstdigital.com.</span>
334 </div>
335
336 </div>
337 {{/html}}