600 lines
19 KiB
HTML
600 lines
19 KiB
HTML
<!doctype html>
|
||
<html lang="en" class="no-snap">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Manufacturers List – Prology</title>
|
||
<meta
|
||
name="description"
|
||
content="A–Z directory of networking and IT hardware brands stocked and supported by Prology — Cisco, Juniper, Fortinet, Aruba and more."
|
||
/>
|
||
<meta name="robots" content="index,follow" />
|
||
<link rel="canonical" href="https://prology.net/manufacturers" />
|
||
<link rel="icon" type="image/png" href="https://prology.net/favicon.png" />
|
||
|
||
<!-- Open Graph -->
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:site_name" content="Prology" />
|
||
<meta property="og:url" content="https://prology.net/manufacturers" />
|
||
<meta property="og:title" content="Manufacturers List – Prology" />
|
||
<meta
|
||
property="og:description"
|
||
content="A–Z directory of networking and IT hardware brands stocked and supported by Prology."
|
||
/>
|
||
<meta property="og:image" content="https://prology.net/favicon.png" />
|
||
<meta property="og:locale" content="en_AU" />
|
||
<meta property="og:locale:alternate" content="en_US" />
|
||
|
||
<!-- Twitter Card -->
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta name="twitter:title" content="Manufacturers List – Prology" />
|
||
<meta
|
||
name="twitter:description"
|
||
content="A–Z directory of networking and IT hardware brands stocked and supported by Prology."
|
||
/>
|
||
<meta name="twitter:image" content="https://prology.net/favicon.png" />
|
||
|
||
<link rel="stylesheet" href="assets/css/styles.css" />
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link
|
||
href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"
|
||
rel="stylesheet"
|
||
/>
|
||
|
||
<style>
|
||
body {
|
||
background: #f6f7f9 !important;
|
||
}
|
||
|
||
.mfr-page {
|
||
margin-top: 80px;
|
||
padding: 32px 0 80px;
|
||
}
|
||
|
||
.mfr-breadcrumb {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
font-size: 0.95rem;
|
||
margin-bottom: 24px;
|
||
padding-left: 4px;
|
||
}
|
||
.mfr-breadcrumb a {
|
||
color: #6b7280;
|
||
text-decoration: none;
|
||
transition: color 0.2s;
|
||
}
|
||
.mfr-breadcrumb a:hover {
|
||
color: #1a73e8;
|
||
}
|
||
.mfr-breadcrumb .sep {
|
||
color: #cbd2da;
|
||
}
|
||
.mfr-breadcrumb .current {
|
||
color: #1a1f2e;
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* ── Manufacturers list ── */
|
||
.ns-mfr * {
|
||
box-sizing: border-box;
|
||
}
|
||
.ns-mfr {
|
||
max-width: 100%;
|
||
}
|
||
|
||
.ns-mfr-hero {
|
||
background: #0d1f3c;
|
||
padding: 40px 48px;
|
||
text-align: center;
|
||
margin-bottom: 28px;
|
||
border-radius: 12px;
|
||
}
|
||
.ns-mfr-hero h1 {
|
||
font-size: 1.9rem;
|
||
font-weight: 700;
|
||
color: #fff;
|
||
margin: 0 0 8px;
|
||
letter-spacing: -0.02em;
|
||
line-height: 1.2;
|
||
}
|
||
.ns-mfr-hero p {
|
||
font-size: 0.9rem;
|
||
color: rgba(255, 255, 255, 0.6);
|
||
margin: 0;
|
||
}
|
||
|
||
.ns-mfr-alpha {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 5px;
|
||
margin-bottom: 24px;
|
||
}
|
||
.ns-mfr-alpha a {
|
||
width: 36px;
|
||
height: 36px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border-radius: 6px;
|
||
border: 1px solid #dde3ec;
|
||
background: #fff;
|
||
font-size: 0.85rem;
|
||
font-weight: 700;
|
||
color: #5a6478;
|
||
text-decoration: none;
|
||
transition: all 0.15s;
|
||
}
|
||
.ns-mfr-alpha a:hover {
|
||
background: #0073e6;
|
||
color: #fff;
|
||
border-color: #0073e6;
|
||
}
|
||
.ns-mfr-alpha a.ns-empty {
|
||
opacity: 0.28;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.ns-mfr-masonry {
|
||
columns: 3;
|
||
column-gap: 24px;
|
||
}
|
||
.ns-mfr-group {
|
||
break-inside: avoid;
|
||
margin-bottom: 20px;
|
||
}
|
||
.ns-mfr-letter-head {
|
||
font-size: 0.7rem;
|
||
font-weight: 700;
|
||
letter-spacing: 0.1em;
|
||
text-transform: uppercase;
|
||
color: #0073e6;
|
||
margin: 0 0 8px;
|
||
padding-bottom: 7px;
|
||
border-bottom: 1.5px solid #edf0f5;
|
||
}
|
||
.ns-mfr-list {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 4px;
|
||
}
|
||
.ns-mfr-item {
|
||
background: #fff;
|
||
border: 1px solid #edf0f5;
|
||
border-radius: 8px;
|
||
padding: 12px 18px;
|
||
transition:
|
||
border-color 0.15s,
|
||
box-shadow 0.15s;
|
||
}
|
||
.ns-mfr-item:hover {
|
||
border-color: #b3d0f5;
|
||
box-shadow: 0 2px 8px rgba(0, 115, 230, 0.08);
|
||
}
|
||
.ns-mfr-name {
|
||
font-size: 0.95rem;
|
||
font-weight: 500;
|
||
color: #0d1f3c;
|
||
line-height: 1.35;
|
||
}
|
||
.ns-mfr-item:hover .ns-mfr-name {
|
||
color: #0073e6;
|
||
}
|
||
|
||
.ns-mfr-footer {
|
||
margin-top: 24px;
|
||
padding-top: 16px;
|
||
border-top: 1px solid #edf0f5;
|
||
}
|
||
.ns-mfr-count {
|
||
font-size: 0.78rem;
|
||
color: #8a95a8;
|
||
}
|
||
|
||
@media (max-width: 900px) {
|
||
.ns-mfr-masonry {
|
||
columns: 2;
|
||
}
|
||
}
|
||
@media (max-width: 640px) {
|
||
.ns-mfr-masonry {
|
||
columns: 1;
|
||
}
|
||
.ns-mfr-hero {
|
||
padding: 28px 20px;
|
||
}
|
||
.ns-mfr-hero h1 {
|
||
font-size: 1.4rem;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<!-- ============ NAVIGATION ============ -->
|
||
<nav class="navbar">
|
||
<div class="nav-content">
|
||
<a href="index.html" class="nav-brand">
|
||
<img src="assets/Prology_logo.png" alt="Prology.net" />
|
||
</a>
|
||
<ul class="nav-links">
|
||
<li><a href="index.html#home">Home</a></li>
|
||
<li><a href="index.html#services">Categories</a></li>
|
||
<li><a href="index.html#quality">Why Choose Us</a></li>
|
||
<li><a href="index.html#who-we-serve">Who We Serve</a></li>
|
||
<li><a href="index.html#institutional">Gov & Corp</a></li>
|
||
<li><a href="index.html#contact">Contact</a></li>
|
||
<li><a href="about-us.html">About Us</a></li>
|
||
</ul>
|
||
<div class="nav-cta">
|
||
<button class="btn-view-products" onclick="openStoreModal()">
|
||
<svg
|
||
width="16"
|
||
height="16"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="2.5"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
aria-hidden="true"
|
||
>
|
||
<path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z" />
|
||
<line x1="3" y1="6" x2="21" y2="6" />
|
||
<path d="M16 10a4 4 0 0 1-8 0" />
|
||
</svg>
|
||
View Products
|
||
</button>
|
||
</div>
|
||
<button
|
||
class="hamburger-btn"
|
||
aria-label="Toggle navigation menu"
|
||
aria-expanded="false"
|
||
>
|
||
<span class="bar"></span>
|
||
<span class="bar"></span>
|
||
<span class="bar"></span>
|
||
</button>
|
||
</div>
|
||
</nav>
|
||
<div class="nav-backdrop" id="nav-backdrop"></div>
|
||
|
||
<!-- ============ MAIN CONTENT ============ -->
|
||
<div class="mfr-page">
|
||
<div class="container">
|
||
<nav class="mfr-breadcrumb" aria-label="Breadcrumb">
|
||
<a href="index.html">Home</a>
|
||
<span class="sep">/</span>
|
||
<span class="current">Manufacturers List</span>
|
||
</nav>
|
||
|
||
<div class="ns-mfr">
|
||
<div class="ns-mfr-hero">
|
||
<h1>Networking & IT Hardware Manufacturers</h1>
|
||
<p>A–Z directory of brands we stock and support</p>
|
||
</div>
|
||
<div id="ns-mfr-alpha" class="ns-mfr-alpha"></div>
|
||
<div id="ns-mfr-groups" class="ns-mfr-masonry"></div>
|
||
<div class="ns-mfr-footer">
|
||
<span id="ns-mfr-count" class="ns-mfr-count"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="assets/js/config.js" defer></script>
|
||
<script src="assets/js/modals.js" defer></script>
|
||
|
||
<!-- Nav hamburger -->
|
||
<script>
|
||
document.addEventListener("DOMContentLoaded", function () {
|
||
var hamburgerBtn = document.querySelector(".hamburger-btn");
|
||
var navMenu = document.querySelector(".nav-links");
|
||
var navBackdrop = document.getElementById("nav-backdrop");
|
||
if (!hamburgerBtn || !navMenu) return;
|
||
|
||
function closeNavMenu() {
|
||
navMenu.classList.remove("open");
|
||
hamburgerBtn.classList.remove("open");
|
||
hamburgerBtn.setAttribute("aria-expanded", "false");
|
||
if (navBackdrop) navBackdrop.classList.remove("open");
|
||
}
|
||
|
||
hamburgerBtn.addEventListener("click", function () {
|
||
var isOpen = navMenu.classList.toggle("open");
|
||
hamburgerBtn.classList.toggle("open", isOpen);
|
||
hamburgerBtn.setAttribute("aria-expanded", String(isOpen));
|
||
if (navBackdrop) navBackdrop.classList.toggle("open", isOpen);
|
||
});
|
||
navMenu.querySelectorAll("a").forEach(function (a) {
|
||
a.addEventListener("click", closeNavMenu);
|
||
});
|
||
if (navBackdrop) navBackdrop.addEventListener("click", closeNavMenu);
|
||
});
|
||
</script>
|
||
|
||
<!-- Manufacturers list -->
|
||
<script>
|
||
(function () {
|
||
var brands = [
|
||
"Allied Telesis",
|
||
"Arista Networks",
|
||
"Aruba Networks",
|
||
"Barracuda Networks",
|
||
"Cambium Networks",
|
||
"Ceragon Networks",
|
||
"Check Point Software Technologies",
|
||
"Cisco Systems",
|
||
"D-Link",
|
||
"Dell Technologies",
|
||
"DrayTek",
|
||
"EnGenius Technologies",
|
||
"Ericsson",
|
||
"Extreme Networks",
|
||
"F5 Networks",
|
||
"Fortinet",
|
||
"Fujitsu",
|
||
"Hewlett Packard Enterprise",
|
||
"Hitachi Vantara",
|
||
"Huawei Technologies",
|
||
"IBM",
|
||
"Infoblox",
|
||
"Juniper Networks",
|
||
"Lenovo",
|
||
"Meraki",
|
||
"MikroTik",
|
||
"NetApp",
|
||
"Netgear",
|
||
"Nokia",
|
||
"Oracle Corporation",
|
||
"Palo Alto Networks",
|
||
"Pure Storage",
|
||
"QNAP Systems",
|
||
"Radware",
|
||
"Ruckus Networks",
|
||
"Ruijie Networks",
|
||
"Seagate Technology",
|
||
"Siklu",
|
||
"Sophos",
|
||
"Supermicro",
|
||
"Synology",
|
||
"Teltonika Networks",
|
||
"TP-Link",
|
||
"TRENDnet",
|
||
"Ubiquiti Inc.",
|
||
"WatchGuard Technologies",
|
||
"Western Digital",
|
||
"ZTE",
|
||
"Zyxel Communications",
|
||
];
|
||
|
||
var grouped = {};
|
||
brands.forEach(function (b) {
|
||
var l = b[0].toUpperCase();
|
||
if (!grouped[l]) grouped[l] = [];
|
||
grouped[l].push(b);
|
||
});
|
||
|
||
var letters = Object.keys(grouped).sort();
|
||
|
||
var alphaEl = document.getElementById("ns-mfr-alpha");
|
||
"ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("").forEach(function (l) {
|
||
var a = document.createElement("a");
|
||
a.href = grouped[l] ? "#ns-mfr-" + l : "#";
|
||
a.textContent = l;
|
||
if (!grouped[l]) a.className = "ns-empty";
|
||
alphaEl.appendChild(a);
|
||
});
|
||
|
||
var groupsEl = document.getElementById("ns-mfr-groups");
|
||
letters.forEach(function (l) {
|
||
var sec = document.createElement("div");
|
||
sec.className = "ns-mfr-group";
|
||
sec.id = "ns-mfr-" + l;
|
||
|
||
var hdr = document.createElement("div");
|
||
hdr.className = "ns-mfr-letter-head";
|
||
hdr.textContent = l;
|
||
sec.appendChild(hdr);
|
||
|
||
var list = document.createElement("div");
|
||
list.className = "ns-mfr-list";
|
||
grouped[l].forEach(function (b) {
|
||
var item = document.createElement("div");
|
||
item.className = "ns-mfr-item";
|
||
var name = document.createElement("div");
|
||
name.className = "ns-mfr-name";
|
||
name.textContent = b;
|
||
item.appendChild(name);
|
||
list.appendChild(item);
|
||
});
|
||
|
||
sec.appendChild(list);
|
||
groupsEl.appendChild(sec);
|
||
});
|
||
|
||
document.getElementById("ns-mfr-count").textContent =
|
||
brands.length + " manufacturers listed";
|
||
})();
|
||
</script>
|
||
|
||
<!-- ============ PROLOGY MODAL WEB COMPONENTS ============ -->
|
||
<prology-sell-modal id="wc-sell-modal"></prology-sell-modal>
|
||
<prology-source-modal id="wc-source-modal"></prology-source-modal>
|
||
<prology-quote-modal id="wc-quote-modal"></prology-quote-modal>
|
||
<prology-enquire-modal id="wc-enquire-modal"></prology-enquire-modal>
|
||
|
||
<!-- ============ STORE PICKER MODAL ============ -->
|
||
<div
|
||
class="store-modal-overlay"
|
||
id="store-modal-overlay"
|
||
role="dialog"
|
||
aria-modal="true"
|
||
aria-labelledby="store-modal-title"
|
||
>
|
||
<div class="store-modal-box">
|
||
<button
|
||
class="store-modal-close"
|
||
onclick="closeStoreModal()"
|
||
aria-label="Close"
|
||
>
|
||
✕
|
||
</button>
|
||
<p class="store-modal-title" id="store-modal-title">
|
||
Choose Your Store
|
||
</p>
|
||
<p class="store-modal-subtitle">
|
||
Select a region to browse our products
|
||
</p>
|
||
<div class="store-options">
|
||
<a data-store="au" class="store-option store-option--active">
|
||
<span class="store-flag">
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
viewBox="0 0 60 30"
|
||
width="52"
|
||
height="28"
|
||
>
|
||
<rect width="60" height="30" fill="#00205B" />
|
||
<line
|
||
x1="0"
|
||
y1="0"
|
||
x2="30"
|
||
y2="15"
|
||
stroke="#fff"
|
||
stroke-width="5"
|
||
/>
|
||
<line
|
||
x1="30"
|
||
y1="0"
|
||
x2="0"
|
||
y2="15"
|
||
stroke="#fff"
|
||
stroke-width="5"
|
||
/>
|
||
<line
|
||
x1="0"
|
||
y1="0"
|
||
x2="30"
|
||
y2="15"
|
||
stroke="#CC2529"
|
||
stroke-width="3"
|
||
/>
|
||
<line
|
||
x1="30"
|
||
y1="0"
|
||
x2="0"
|
||
y2="15"
|
||
stroke="#CC2529"
|
||
stroke-width="3"
|
||
/>
|
||
<rect x="12" y="0" width="6" height="15" fill="#fff" />
|
||
<rect x="0" y="6" width="30" height="6" fill="#fff" />
|
||
<rect x="13.5" y="0" width="3" height="15" fill="#CC2529" />
|
||
<rect x="0" y="7.5" width="30" height="3" fill="#CC2529" />
|
||
<polygon
|
||
points="7.5,17 8.3,19.5 11,19.5 8.8,21.2 9.6,23.7 7.5,22 5.4,23.7 6.2,21.2 4,19.5 6.7,19.5"
|
||
fill="#fff"
|
||
/>
|
||
<polygon
|
||
points="44,3 44.8,5.5 47.5,5.5 45.3,7.2 46.1,9.7 44,8 41.9,9.7 42.7,7.2 40.5,5.5 43.2,5.5"
|
||
fill="#fff"
|
||
/>
|
||
<polygon
|
||
points="52,8 52.6,10 54.7,10 53,11.3 53.6,13.3 52,12 50.4,13.3 51,11.3 49.3,10 51.4,10"
|
||
fill="#fff"
|
||
/>
|
||
<polygon
|
||
points="44,15 44.6,17 46.7,17 45,18.3 45.6,20.3 44,19 42.4,20.3 43,18.3 41.3,17 43.4,17"
|
||
fill="#fff"
|
||
/>
|
||
<polygon
|
||
points="37,9 37.6,11 39.7,11 38,12.3 38.6,14.3 37,13 35.4,14.3 36,12.3 34.3,11 36.4,11"
|
||
fill="#fff"
|
||
/>
|
||
<polygon
|
||
points="50,18 50.4,19.2 51.6,19.2 50.6,20 51,21.2 50,20.4 49,21.2 49.4,20 48.4,19.2 49.6,19.2"
|
||
fill="#fff"
|
||
/>
|
||
</svg>
|
||
</span>
|
||
<div class="store-info">
|
||
<div class="store-info-name">
|
||
Australia Store <span class="store-badge-active">Live</span>
|
||
</div>
|
||
<div class="store-info-desc">
|
||
Enterprise networking equipment · Ships Australia-wide
|
||
</div>
|
||
</div>
|
||
<span class="store-arrow">→</span>
|
||
</a>
|
||
<a data-store="us" class="store-option store-option--active">
|
||
<span class="store-flag">
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
viewBox="0 0 60 30"
|
||
width="52"
|
||
height="28"
|
||
>
|
||
<rect width="60" height="30" fill="#B22234" />
|
||
<rect y="2.31" width="60" height="2.31" fill="#fff" />
|
||
<rect y="6.92" width="60" height="2.31" fill="#fff" />
|
||
<rect y="11.54" width="60" height="2.31" fill="#fff" />
|
||
<rect y="16.15" width="60" height="2.31" fill="#fff" />
|
||
<rect y="20.77" width="60" height="2.31" fill="#fff" />
|
||
<rect y="25.38" width="60" height="2.31" fill="#fff" />
|
||
<rect width="24" height="16.15" fill="#3C3B6E" />
|
||
<g fill="#fff">
|
||
<circle cx="2.5" cy="1.6" r="1.1" />
|
||
<circle cx="6.5" cy="1.6" r="1.1" />
|
||
<circle cx="10.5" cy="1.6" r="1.1" />
|
||
<circle cx="14.5" cy="1.6" r="1.1" />
|
||
<circle cx="18.5" cy="1.6" r="1.1" />
|
||
<circle cx="22.5" cy="1.6" r="1.1" />
|
||
<circle cx="4.5" cy="4.6" r="1.1" />
|
||
<circle cx="8.5" cy="4.6" r="1.1" />
|
||
<circle cx="12.5" cy="4.6" r="1.1" />
|
||
<circle cx="16.5" cy="4.6" r="1.1" />
|
||
<circle cx="20.5" cy="4.6" r="1.1" />
|
||
<circle cx="2.5" cy="7.6" r="1.1" />
|
||
<circle cx="6.5" cy="7.6" r="1.1" />
|
||
<circle cx="10.5" cy="7.6" r="1.1" />
|
||
<circle cx="14.5" cy="7.6" r="1.1" />
|
||
<circle cx="18.5" cy="7.6" r="1.1" />
|
||
<circle cx="22.5" cy="7.6" r="1.1" />
|
||
<circle cx="4.5" cy="10.6" r="1.1" />
|
||
<circle cx="8.5" cy="10.6" r="1.1" />
|
||
<circle cx="12.5" cy="10.6" r="1.1" />
|
||
<circle cx="16.5" cy="10.6" r="1.1" />
|
||
<circle cx="20.5" cy="10.6" r="1.1" />
|
||
<circle cx="2.5" cy="13.6" r="1.1" />
|
||
<circle cx="6.5" cy="13.6" r="1.1" />
|
||
<circle cx="10.5" cy="13.6" r="1.1" />
|
||
<circle cx="14.5" cy="13.6" r="1.1" />
|
||
<circle cx="18.5" cy="13.6" r="1.1" />
|
||
<circle cx="22.5" cy="13.6" r="1.1" />
|
||
</g>
|
||
</svg>
|
||
</span>
|
||
<div class="store-info">
|
||
<div class="store-info-name">
|
||
U.S.A Store <span class="store-badge-active">Live</span>
|
||
</div>
|
||
<div class="store-info-desc">
|
||
Enterprise networking equipment · North American distribution
|
||
hub
|
||
</div>
|
||
</div>
|
||
<span class="store-arrow">→</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<footer class="page-footer" role="contentinfo"></footer>
|
||
<script src="assets/js/footer.js" defer></script>
|
||
<script src="assets/js/chat.js" defer></script>
|
||
</body>
|
||
</html>
|