Skip to Content

Wiki source code of Home

Version 30.1 by Aaron Blackburn on 2026/07/22 20:29
Show last authors
1 {{html}}
2 <div class="modern-menu-container">
3 <div class="row">
4 <!-- Card 1: Webex -->
5 <a href="TARGET_URL_FOR_WEBEX" class="col-xs-12 col-sm-6 menu-card-link">
6 <div class="menu-card">
7 <div class="menu-icon-container">
8 <img src="$xwiki.getURL('Main.WebHome','download','filepath=webexbycisco-3d-vertical-color-black-text.png')" alt="Webex" class="menu-icon webex-icon" />
9 </div>
10 <div class="menu-text">
11 <div class="menu-title">Cloud Connected PSTN (CCP)</div>
12 <div class="menu-subtitle">Webex Integration</div>
13 </div>
14 </div>
15 </a>
16
17 <!-- Card 2: MS Teams -->
18 <a href="TARGET_URL_FOR_TEAMS" class="col-xs-12 col-sm-6 menu-card-link">
19 <div class="menu-card">
20 <div class="menu-icon-container">
21 <img src="$xwiki.getURL('Main.WebHome','download','filepath=MS teams.webp')" alt="MS Teams" class="menu-icon teams-icon" />
22 </div>
23 <div class="menu-text">
24 <div class="menu-title"><strong>MS Teams</strong></div>
25 <div class="menu-subtitle">Direct Routing</div>
26 </div>
27 </div>
28 </a>
29 </div>
30
31 <div class="row">
32 <!-- Card 3: FirstDigital -->
33 <a href="TARGET_URL_FOR_SIP" class="col-xs-12 col-sm-6 menu-card-link">
34 <div class="menu-card">
35 <div class="menu-icon-container">
36 <img src="$xwiki.getURL('Main.WebHome','download','filepath=1784751540742-511.png')" alt="SIP Trunk" class="menu-icon sip-icon" />
37 </div>
38 <div class="menu-text">
39 <div class="menu-title"><strong>FirstDigital SIP trunk</strong></div>
40 <div class="menu-subtitle">Voice Connectivity</div>
41 </div>
42 </div>
43 </a>
44
45 <!-- Card 4: Support -->
46 <a href="TARGET_URL_FOR_SUPPORT" class="col-xs-12 col-sm-6 menu-card-link">
47 <div class="menu-card">
48 <div class="menu-icon-container">
49 <img src="$xwiki.getURL('Main.WebHome','download','filepath=1784751495894-847.png')" alt="Support" class="menu-icon support-icon" />
50 </div>
51 <div class="menu-text">
52 <div class="menu-title"><strong>Support</strong></div>
53 <div class="menu-subtitle">Knowledge Base & Tickets</div>
54 </div>
55 </div>
56 </a>
57 </div>
58
59 <!-- Partner Footer Links -->
60 <div class="row partner-footer">
61 <div class="col-xs-6 text-center">
62 <a href="https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=true">
63 <img src="$xwiki.getURL('Main.WebHome','download','filepath=FirstDigital-Logo.png')" alt="FirstDigital" style="max-height:34px;" />
64 </a>
65 </div>
66 <div class="col-xs-6 text-center">
67 <a href="https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=false">
68 <img src="$xwiki.getURL('Main.WebHome','download','filepath=Microsoft_Azure-Logo.wine.png')" alt="Azure" style="max-height:50px;" />
69 </a>
70 </div>
71 </div>
72 </div>
73
74 <style>
75 .modern-menu-container {
76 max-width: 960px;
77 margin: 0 auto;
78 padding: 20px;
79 }
80 .modern-menu-container .row {
81 display: flex;
82 flex-wrap: wrap;
83 margin-bottom: 20px;
84 }
85 .menu-card-link {
86 display: block;
87 text-decoration: none;
88 margin-bottom: 15px;
89 }
90 .menu-card {
91 background: #ffffff;
92 border-radius: 12px;
93 padding: 15px;
94 display: flex;
95 align-items: center;
96 box-shadow: 0 4px 6px rgba(0,0,0,0.1);
97 transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
98 border: 1px solid #e0e0e0;
99 color: #333;
100 height: 100%;
101 box-sizing: border-box;
102 }
103 .menu-card-link:hover .menu-card {
104 transform: translateY(-5px);
105 box-shadow: 0 6px 12px rgba(0,0,0,0.15);
106 }
107 .menu-icon-container {
108 flex: 0 0 60px;
109 height: 60px;
110 background-color: #f8f9fa;
111 border-radius: 50%;
112 display: flex;
113 align-items: center;
114 justify-content: center;
115 margin-right: 15px;
116 border: 1px solid #eaeaea;
117 }
118 .menu-icon {
119 max-width: 80%;
120 max-height: 80%;
121 object-fit: contain;
122 }
123 .webex-icon { max-width: 90%; }
124 .menu-text {
125 flex: 1;
126 display: flex;
127 flex-direction: column;
128 }
129 .menu-title {
130 font-size: 16px;
131 line-height: 1.4;
132 font-weight: 600;
133 }
134 .menu-subtitle {
135 font-size: 13px;
136 color: #666;
137 margin-top: 4px;
138 }
139 .partner-footer {
140 margin-top: 40px;
141 padding-top: 20px;
142 border-top: 1px solid #eee;
143 justify-content: center;
144 }
145 .partner-footer .text-center {
146 flex: 1;
147 display: flex;
148 justify-content: center;
149 align-items: center;
150 }
151 @media (min-width: 768px) {
152 .menu-card-link {
153 flex: 0 0 50%;
154 max-width: 50%;
155 padding: 0 10px;
156 box-sizing: border-box;
157 }
158 }
159 </style>
160 {{/html}}