Wiki source code of Home

author	version	line-number	content
		1	{{html clean="false"}}
		2	<div class="modern-menu-container">
		3	<div class="row">
		4	<!-- Card 1: Webex -->
		5	<a href="TARGET_URL_FOR_WEBEX" class="menu-card-link">
		6	<div class="menu-card">
		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>
		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="menu-card-link">
		19	<div class="menu-card">
		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>
		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
		30	<!-- Card 3: FirstDigital SIP Trunk -->
		31	<a href="TARGET_URL_FOR_SIP" class="menu-card-link">
		32	<div class="menu-card">
		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>
		35	</div>
		36	<div class="menu-text">
		37	<div class="menu-title"><strong>FirstDigital SIP trunk</strong></div>
		38	<div class="menu-subtitle">Voice Connectivity</div>
		39	</div>
		40	</div>
		41	</a>
		42
		43	<!-- Card 4: Support -->
		44	<a href="TARGET_URL_FOR_SUPPORT" class="menu-card-link">
		45	<div class="menu-card">
		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>
		48	</div>
		49	<div class="menu-text">
		50	<div class="menu-title"><strong>Support</strong></div>
		51	<div class="menu-subtitle">Knowledge Base & Tickets</div>
		52	</div>
		53	</div>
		54	</a>
		55	</div>
		56
		57	<!-- Partner Footer Links -->
		58	<div class="partner-footer">
		59	<a href="https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=true" class="footer-brand">
		60	First<span style="color:#004080;">Digital</span>
		61	</a>
		62	<span class="footer-divider">\|</span>
		63	<a href="https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=false" class="footer-brand azure-brand">
		64	Microsoft Azure
		65	</a>
		66	</div>
		67	</div>
		68
		69	<style>
		70	.modern-menu-container {
		71	max-width: 960px;
		72	margin: 0 auto;
		73	padding: 20px;
		74	}
		75	.modern-menu-container .row {
		76	display: grid;
		77	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		78	gap: 16px;
		79	margin-bottom: 20px;
		80	}
		81	.menu-card-link {
		82	display: block;
		83	text-decoration: none !important;
		84	}
		85	.menu-card {
		86	background: #ffffff;
		87	border-radius: 12px;
		88	padding: 18px;
		89	display: flex;
		90	align-items: center;
		91	box-shadow: 0 4px 6px rgba(0,0,0,0.04);
		92	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		93	border: 1px solid #eaeaea;
		94	color: #333;
		95	height: 100%;
		96	box-sizing: border-box;
		97	}
		98	.menu-card-link:hover .menu-card {
		99	transform: translateY(-3px);
		100	box-shadow: 0 8px 15px rgba(0,0,0,0.08);
		101	border-color: #d0d7de;
		102	}
		103	.menu-icon-container {
		104	flex: 0 0 52px;
		105	height: 52px;
		106	background-color: #f4f6f8;
		107	border-radius: 50%;
		108	display: flex;
		109	align-items: center;
		110	justify-content: center;
		111	margin-right: 16px;
		112	}
		113	.menu-text {
		114	flex: 1;
		115	display: flex;
		116	flex-direction: column;
		117	}
		118	.menu-title {
		119	font-size: 15px;
		120	line-height: 1.3;
		121	font-weight: 600;
		122	color: #1f2328;
		123	}
		124	.menu-subtitle {
		125	font-size: 12px;
		126	color: #656d76;
		127	margin-top: 3px;
		128	}
		129	.partner-footer {
		130	margin-top: 30px;
		131	padding-top: 20px;
		132	border-top: 1px solid #eaeaea;
		133	display: flex;
		134	justify-content: center;
		135	align-items: center;
		136	gap: 15px;
		137	}
		138	.footer-brand {
		139	font-weight: 700;
		140	font-size: 14px;
		141	color: #0060ff;
		142	text-decoration: none !important;
		143	}
		144	.azure-brand {
		145	color: #0078d4;
		146	}
		147	.footer-divider {
		148	color: #d0d7de;
		149	}
		150	</style>
		151	{{/html}}

Wiki source code of Home