PageSourceSearch

https://www.cloudmox.eu/

html cloudmox.eu collected 2026-10-08 04:08:11 UTC 101,482 bytes, 1,785 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-GB" data-website-id="1" data-main-object="website.page(4,)">
3    <head>
4        <meta charset="utf-8"/>
5        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
6        <meta name="viewport" content="width=device-width, initial-scale=1"/>
7        <meta name="generator" content="Odoo"/>
8        <meta name="description" content="Cloudmox is a self-hosted, whitelabel multi-tenant control panel for Proxmox. Group rights, resource limits per tenant and usage billing. Billed per node."/>
9        <meta name="keywords" content="Support Proxmox,Proxmox Panel,proxmox control panel,proxmox billing panel,multitenant,proxmox management panel,vCenter replacement,Sell VMs"/>
10            
11        <meta property="og:type" content="website"/>
12        <meta property="og:title" content="Cloudmox: Multi-tenant control panel for Proxmox VE"/>
13        <meta property="og:site_name" content="Cloudmox"/>
14        <meta property="og:url" content="https://www.cloudmox.eu/"/>
15        <meta property="og:image" content="https://www.cloudmox.eu/web/image/8628-0d7e43fe/cloudmox-social-share.png"/>
16        <meta property="og:description" content="Cloudmox is a self-hosted, whitelabel multi-tenant control panel for Proxmox. Group rights, resource limits per tenant and usage billing. Billed per node."/>
17            
18        <meta name="twitter:card" content="summary_large_image"/>
19        <meta name="twitter:title" content="Cloudmox: Multi-tenant control panel for Proxmox VE"/>
20        <meta name="twitter:image" content="https://www.cloudmox.eu/web/image/8628-0d7e43fe/cloudmox-social-share.png"/>
21        <meta name="twitter:description" content="Cloudmox is a self-hosted, whitelabel multi-tenant control panel for Proxmox. Group rights, resource limits per tenant and usage billing. Billed per node."/>
22        
23        <link rel="canonical" href="https://www.cloudmox.eu/"/>
24        
25        <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/>
26        <title>Cloudmox: Multi-tenant control panel for Proxmox VE</title>
27        <link type="image/x-icon" rel="shortcut icon" href="/web/image/website/1/favicon?unique=6fa99ca"/>
28        <link rel="preload" href="/web/static/src/libs/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin=""/>
29        <link type="text/css" rel="stylesheet" href="/web/assets/1/da76b60/web.assets_frontend.min.css"/>
30        
30<script id="web.layout.odooscript" type="text/javascript">
31            var odoo = {
32                csrf_token: '5be8fc783a98930ec290c9871afb12bf8c800a5co1822968491',
33                debug: "",
34            };
35        </script>
35
36        
36<script type="text/javascript">
37            odoo.__session_info__ = {"is_admin": false, "is_system": false, "is_public": true, "is_internal_user": false, "is_website_user": true, "uid": null, "registry_hash": "b87363713f444219906ffcbbd24ad651f2e4768c32cf15541312ceaac605e046", "is_frontend": true, "profile_session": null, "profile_collectors": null, "profile_params": null, "show_effect": true, "currencies": {"125": {"name": "EUR", "symbol": "\u20ac", "position": "after", "digits": [69, 2]}}, "quick_login": true, "bundle_params": {"lang": "en_GB", "website_id": 1}, "test_mode": false, "websocket_worker_version": "19.0-2", "translationURL": "/website/translations", "geoip_country_code": "US", "geoip_phone_code": 1, "lang_url_code": "en", "add_to_cart_action": "go_to_cart"};
38            if (!/(^|;\s)tz=/.test(document.cookie)) {
39                const userTZ = Intl.DateTimeFormat().resolvedOptions().timeZone;
40                document.cookie = `tz=${userTZ}; path=/`;
41            }
42        </script>
42
43        
43<script type="text/javascript" defer="defer" src="/web/assets/1/7471666/web.assets_frontend_minimal.min.js" onerror="__odooAssetError=1"></script>
43
44        
44<script type="text/javascript" data-src="/web/assets/1/4b89e6d/web.assets_frontend_lazy.min.js" onerror="__odooAssetError=1"></script>
44
45        
46            
46<script id="plausible_script" name="plausible" defer="defer" data-domain="cloudmox.odoo.com" src="https://download.odoo.com/js/plausi_saas.js"></script>
46
47            
48            
48<script type="application/ld+json">
49{
50    "@context": "http://schema.org",
51    "@type": "Organization",
52    "name": "CloudInventor B.V.",
53    "logo": "https://www.cloudmox.eu/logo.png?company=1",
54    "url": "https://www.cloudmox.eu"
55}
56            </script>
56
57
58             
59        <style>
60    .o_brand_promotion {
61  display: none;
62}
63#bottom .container a {
64  text-decoration: none;
65}
66/* ================================================================
67   CLOUDMOX — desktop top menu readability
68   Paste inside the existing <style> in the site's <head> custom code
69   (the one that already hides .o_brand_promotion).
70   Scoped to the desktop navbar only; the mobile offcanvas menu is untouched.
71   ================================================================ */
72
73/* Softer divider instead of the heavy drop shadow under the header */
74header#top nav[aria-label="Main"] {
75  box-shadow: 0 1px 0 #D5E3EC !important;
76}
77
78/* Menu row: a little air between items */
79header#top nav[aria-label="Main"] .top_menu {
80  gap: 4px;
81  padding-bottom: 10px !important;
82}
83
84/* Menu items: darker ink, slightly heavier, clear hit area */
85header#top nav[aria-label="Main"] .top_menu > .nav-item > .nav-link {
86  color: #0F1E2B;
87  font-size: 15px;
88  font-weight: 500;
89  letter-spacing: .01em;
90  padding: 8px 14px;
91  border-radius: 10px;
92  transition: background-color .15s ease, color .15s ease;
93}
94
95header#top nav[aria-label="Main"] .top_menu > .nav-item > .nav-link:hover,
96header#top nav[aria-label="Main"] .top_menu > .nav-item > .nav-link.show {
97  background: #EEF6FB;
98  color: #0B3C5D;
99}
100
101/* Current page */
102header#top nav[aria-label="Main"] .top_menu > .nav-item > .nav-link.active {
103  color: #0B3C5D;
104  box-shadow: inset 0 -2px 0 #2BA8E0;
105  border-radius: 10px 10px 0 0;
106}
107
108header#top nav[aria-label="Main"] .top_menu .nav-link:focus-visible,
109header#top nav[aria-label="Main"] .top_menu .dropdown-item:focus-visible {
110  outline: 3px solid #2BA8E0;
111  outline-offset: 2px;
112}
113
114/* Smaller, lighter dropdown carets so they stop competing with the words */
115header#top nav[aria-label="Main"] .top_menu .dropdown-toggle::after {
116  margin-left: 6px;
117  border-top-width: .28em;
118  border-right-width: .28em;
119  border-left-width: .28em;
120  opacity: .55;
121  vertical-align: .15em;
122}
123
124/* Secondary items: quieter, so the product items lead */
125header#top nav[aria-label="Main"] .top_menu > .nav-item > .nav-link[href="/report-bugs-and-feature-requests"],
126header#top nav[aria-label="Main"] .top_menu > .nav-item > .nav-link[href="/support"],
127header#top nav[aria-label="Main"] .top_menu > .nav-item > .nav-link[href="/press-and-media"] {
128  color: #56697A;
129  font-weight: 400;
130}
131
132/* "Book a demo" as the one call to action in the menu */
133header#top nav[aria-label="Main"] .top_menu > .nav-item > .nav-link[href="/appointment/1"] {
134  background: #2BA8E0;
135  color: #072A42;
136  font-weight: 600;
137  margin: 0 6px;
138}
139
140header#top nav[aria-label="Main"] .top_menu > .nav-item > .nav-link[href="/appointment/1"]:hover {
141  background: #5BC0EC;
142  color: #072A42;
143}
144
145/* Dropdown panels (Key Features, About); the Documentation mega menu is left as is */
146header#top nav[aria-label="Main"] .top_menu .dropdown-menu:not(.o_mega_menu) {
147  border: 1px solid #D5E3EC;
148  border-radius: 12px;
149  padding: 6px;
150  box-shadow: 0 18px 40px -20px rgba(11, 60, 93, .35);
151}
152
153header#top nav[aria-label="Main"] .top_menu .dropdown-menu:not(.o_mega_menu) .dropdown-item {
154  color: #0F1E2B;
155  font-size: 15px;
156  padding: 9px 12px;
157  border-radius: 8px;
158}
159
160header#top nav[aria-label="Main"] .top_menu .dropdown-menu:not(.o_mega_menu) .dropdown-item:hover {
161  background: #EEF6FB;
162  color: #0B3C5D;
163}
164</style>
165
166    </head>
167    <body class="o_wsale_products_opt_thumb_4_5">
168        
169
170
171
172        <div id="wrapwrap" class="   ">
173            <a class="o_skip_to_content btn btn-primary rounded-0 visually-hidden-focusable position-absolute start-0" href="#wrap">Skip to Content</a>
174                <header id="top" data-anchor="true" data-name="Header" data-extra-items-toggle-aria-label="Extra items button" class="   o_navlink_no_background o_header_fixed" style=" ">
175    <nav data-name="Navbar" aria-label="Main" class="navbar navbar-expand-lg navbar-light o_colored_level o_cc d-none d-lg-block pt-3 shadow-sm ">
176        
177
178            <div id="o_main_nav" class="o_main_nav flex-wrap container">
179                <div class="o_header_hide_on_scroll d-grid align-items-center w-100 o_grid_header_3_cols pb-3">
180                    <ul class="navbar-nav align-items-center gap-1">
181                        
182        <li class="">
183                <div class="modal fade css_editable_mode_hidden" id="o_search_modal" aria-hidden="true" tabindex="-1">
184                    <div class="modal-dialog modal-lg pt-5">
185                        <div class="modal-content mt-5">
186    <form method="get" class="o_searchbar_form s_searchbar_input " action="/website/search" data-snippet="s_searchbar_input">
187            <div role="search" class="input-group input-group-lg">
188        <input type="search" name="search" class="search-query form-control oe_search_box border border-end-0 p-3 border-0 bg-light" placeholder="Search..." data-search-type="all" data-limit="5" data-display-image="true" data-display-description="true" data-display-extra-link="true" data-display-detail="true" data-order-by="name asc"/>
189        <button type="submit" aria-label="Search" title="Search" class="btn oe_search_button border border-start-0 px-4 bg-o-color-4">
190            <i class="oi oi-search"></i>
191        </button>
192    </div>
193
194            <input name="order" type="hidden" class="o_search_order_by oe_unremovable" value="name asc"/>
195            
196        </form>
197                        </div>
198                    </div>
199                </div>
200                <a data-bs-target="#o_search_modal" data-bs-toggle="modal" role="button" title="Search" href="#" class="btn rounded-circle p-1 lh-1 o_navlink_background text-reset o_not_editable">
201                    <i class="oi oi-search fa-stack lh-lg"></i>
202                </a>
203        </li>
204                        
205        <li class="">
206            <div class="o_header_social_links ">
207                <div class="s_social_media o_not_editable oe_unmovable oe_unremovable" data-snippet="s_social_media" data-name="Social Media">
208                    <h5 class="s_social_media_title d-none">Volg ons</h5>
209<a href="/website/social/linkedin" class="s_social_media_linkedin o_nav-link_secondary nav-link m-0 p-0 text-decoration-none" target="_blank" aria-label="LinkedIn">
210                        <i class="fa fa-linkedin fa-stack p-1 o_editable_media"></i>
211                    </a>
212</div>
213            </div>
214        </li>
215                        
216        <li class="">
217                <div data-name="Text" class="s_text_block ">
218                    <a href="/partners?country_all=1" class="nav-link o_nav-link_secondary p-2 rounded-circle btn btn-fill-custom text-o-color-5 bg-
218o-color-3" style="border-width: 0px; border-color: rgba(0, 0, 0, 0.8); border-style: none; "><span class="o_force_ltr"><small>&nbsp; Get Cloudmox&nbsp;<span class="fa fa-shopping-cart"></span>&nbsp;</small></span>&nbsp;</a>
219                </div>
220        </li>
221                    </ul>
222                    
223    <a data-name="Navbar Logo" href="/" class="navbar-brand logo mx-auto mw-100">
224            
225            <span role="img" aria-label="Logo of Cloudmox" title="Cloudmox"><img src="/web/image/website/1/logo/Cloudmox?unique=6fa99ca" class="img img-fluid" width="95" height="40" alt="Cloudmox" loading="lazy"/></span>
226        </a>
227    
228                    <ul class="navbar-nav align-items-center gap-1 flex-wrap justify-content-end ms-auto">
229                        
230        <li class=" divider d-none"></li> 
231        <li class="o_wsale_my_cart  ">
232            <a href="/shop/cart" aria-label="eCommerce cart" class="o_navlink_background btn position-relative rounded-circle p-1 text-reset">
233                <div class="">
234                    <i class="fa fa-shopping-cart fa-stack"></i>
235                    <sup class="my_cart_quantity badge bg-primary position-absolute top-0 end-0 mt-n1 me-n1 rounded-pill d-none">0</sup>
236                </div>
237            </a>
238        </li>
239        <li class="o_wsale_my_wish d-none  o_wsale_my_wish_hide_empty">
240            <a href="/shop/wishlist" class="o_navlink_background btn position-relative rounded-circle p-1 text-reset">
241                <div class="">
242                    <i class="fa fa-1x fa-heart fa-stack"></i>
243                    <sup class="my_wish_quantity o_animate_blink badge bg-primary position-absolute top-0 end-0 mt-n1 me-n1 rounded-pill d-none">0</sup>
244                </div>
245            </a>
246        </li>
247            <li class=" o_no_autohide_item">
248                <a href="/web/login" class="o_navlink_background btn border-0 text-reset">Sign in</a>
249            </li>
250                        
251                        
252        <li data-name="Language Selector" class="o_header_language_selector ">
253        </li>
254                        
255        <li class="">
256            <div class="oe_structure oe_structure_solo ">
257                <section class="oe_unremovable oe_unmovable s_text_block o_colored_level" data-snippet="s_text_block" data-name="Text">
258                    <div class="container">
259                        <a href="/contactus" class="oe_unremovable rounded-circle btn btn-outline-custom text-o-color-5" style="background-color: rgb(57, 116, 157); border-width: 1px; border-color: rgb(54, 109, 148); border-style: solid; ">Contact</a>
260                    </div>
261                </section>
262            </div>
263        </li>
264                    </ul>
265                </div>
266    <div class="d-flex w-100 justify-content-start">
267        
268                    
269    <ul role="menu" id="top_menu" class="nav navbar-nav top_menu o_menu_loading  pb-0 ">
270        
271                        
272
273    <li role="presentation" class="nav-item   dropdown">
274        <a href="#" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="menuitem" class="dropdown-toggle nav-link   ">
275            <span>Key Features</span>
276        </a>
277        
278        
279        <ul role="menu" class="dropdown-menu ">
280
281    <li role="presentation" class=" ">
282        <a role="menuitem" href="/vmware-and-vcenter-alternative-with-proxmox-and-cloudmox" class="dropdown-item ">
283            <span>A complete VMware alternative with Proxmox</span>
284        </a>
285    </li>
286
287    <li role="presentation" class=" ">
288        <a role="menuitem" href="/offer-vps-es-to-thirds" class="dropdown-item ">
289            <span>Whitelabel VPS-es</span>
290        </a>
291    </li>
292
293    <li role="presentation" class=" ">
294        <a role="menuitem" href="/security" class="dropdown-item ">
295            <span>Securing Proxmox and user access</span>
296        </a>
297    </li>
298
299    <li role="presentation" class=" ">
300        <a role="menuitem" href="/more-insights" class="dropdown-item ">
301            <span>Detailed statistics and measurements</span>
302        </a>
303    </li>
304
305    <li role="presentation" class=" ">
306        <a role="menuitem" href="/virtual-data-centers-with-a-cleaner-interface" class="dropdown-item ">
307            <span>Access Proxmox via a Clean whitelabel Interface</span>
308        </a>
309    </li>
310
311    <li role="presentation" class=" ">
312        <a role="menuitem" href="/easy-to-setup" class="dropdown-item ">
313            <span>Easy setup</span>
314        </a>
315    </li>
316        </ul>
317        
318    </li>
319
320    <li role="presentation" class="nav-item position-static  dropdown">
321        <a href="#" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="menuitem" class="dropdown-toggle nav-link o_mega_menu_toggle  " data-bs-display="static">
322            <span>Documentation</span>
323        </a>
324        
325        <div data-name="Mega Menu" role="menuitem" class="o_mega_menu dropdown-menu border-top-0 border-top-0">
326    
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355<section class="s_mega_menu_odoo_menu pt16 o_colored_level o_cc o_cc2">
356        <div class="container">
357            <div class="row">
358                <div class="col-12 col-lg-3 pt16 pb24 o_colored_level">
359                    <h4 class="h5 fw-bold mt-0">Installation</h4>
360                    <div class="s_hr pt4 pb16 o_colored_level">
361                        <hr class="w-100 mx-auto" style="border-top-width: 2px; border-top-color: var(--primary);">
362                    </div>
363                    <nav class="nav flex-column">
364                        
365                        <a href="/server-requirements-hosting-cloudmox" class="nav-link px-0" data-name="Menu Item">Server requirements</a>
366                        <a class="nav-link px-0" data-name="Menu Item" href="/installing-cloudmox">Installing Cloudmox</a><a class="nav-link px-0" data-name="Menu Item" href="/first-steps-after-installation-of-cloudmox">Install license</a><a class="nav-link px-0" data-name="Menu Item" href="/first-steps-after-installation-of-cloudmox#table_of_content_heading_1_18">Setup mailserver</a><a class="nav-link px-0" data-name="Menu Item" href="/first-steps-after-installation-of-cloudmox#table_of_content_heading_1_19">Whitelabel and branding</a><a class="nav-link px-0" data-name="Menu Item" href="/assigning-ip-addresses">IP addresses</a><a href="/updating-cloudmox" class="nav-link px-0" data-name="Menu Item">Update Cloudmox</a><br></nav>
367                </div>
368                <div class="col-12 col-lg-3 pt16 pb24 o_colored_level">
369                    <h4 class="h5 fw-bold mt-0">Cluster configurations</h4>
370                    <div class="s_hr pt4 pb16 o_colored_level">
371                        <hr class="w-100 mx-auto" style="border-top-width: 2px; border-top-color: var(--primary);">
372                    </div>
373                    <nav class="nav flex-column"><a class="nav-link px-0" data-name="Menu Item" href="/first-steps-after-installation-of-cloudmox#table_of_content_heading_1_22">Connect your cluster</a>
374                        <a href="/resource-profiles" class="nav-link px-0" data-name="Menu Item">Configure Defaults</a><a href="/resource-profiles#table_of_content_heading_1_5" class="nav-link px-0" data-name="Menu Item">Allocation of a cluster</a><a href="/resource-profiles#table_of_content_heading_1_4" class="nav-link px-0" data-name="Menu Item">Limiting CPU/mem/storage</a><a href="/resource-profiles#table_of_content_heading_1_6" class="nav-link px-0" data-name="Menu Item">Bridges</a><a href="/resource-profiles#table_of_content_heading_1_7" class="nav-link px-0" data-name="Menu Item">Storages</a><a href="/resource-profiles#table_of_content_heading_1_8" class="nav-link px-0" data-name="Menu Item">ISO settings</a>
375                        
376                        
377                    </nav>
378                </div>
379                <div class="col-12 col-lg-3 pt16 pb24 o_colored_level">
380                    <h4 class="h5 fw-bold mt-0">Users/groups &amp; rights</h4>
381                    <div class="s_hr pt4 pb16 o_colored_level">
382                        <hr class="w-100 mx-auto" style="border-top-width: 2px; border-top-color: var(--primary);">
383                    </div>
384                    <nav class="nav flex-column">
385                        <a href="/resource-profiles#table_of_content_heading_1_9" class="nav-link px-0" data-name="Menu Item">Tenant Resource Profile</a><a href="/rights-scheme-in-cloudmox" class="nav-link px-0" data-name="Menu Item">Rights table</a><a href="/default-access-rights" class="nav-link px-0" data-name="Menu Item">Default access rights setup</a>
386                        
387                        
388                        
389                        
390                    </nav>
391                </div>
392                <div class="col-12 col-lg-3 pt16 pb24 o_colored_level">
393                    <h4 class="h5 fw-bold mt-0">VM creation &amp; usage</h4>
394                    <div class="s_hr pt4 pb16 o_colored_level">
395                        <hr class="w-100 mx-auto" style="border-top-width: 2px; border-top-color: var(--primary);">
396                    </div>
397                    <nav class="nav flex-column">
398                        <a href="/creating-vms" class="nav-link px-0" data-name="Menu Item">What happens at VM creation?</a><a href="/tags-and-notes-for-vms" class="nav-link px-0" data-name="Menu Item">Tracking of VMs with tags</a>
399                        
400                        
401                        
402                    </nav>
403                </div>
404            </div>
405        </div>
406        <div class="container-fluid border-top s_mega_menu_odoo_menu_footer">
407            <div class="row">
408                <div class="s_mega_menu_gray_area col-12 pt8 pb8 o_colored_level o_animate o_anim_fade_in o_cc o_cc2 shadow" style="box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px !important; animation-name: dummy;">
409                    <div class="s_social_media o_not_editable text-center no_icon_color" data-snippet="s_social_media" data-name="Social Media">
410                        <h5 class="s_social_media_title d-none">Follow us</h5>
411<a href="/website/social/linkedin" class="s_social_media_linkedin me-3 ms-3" target="_blank" aria-label="LinkedIn">
412                            <i class="fa fa-linkedin m-1 o_editable_media fa-stack fa-2x"></i>
413                        </a>
414<a href="/website/social/youtube" class="me-3 ms-3 s_social_media_
414youtube" target="_blank" aria-label="YouTube">
415                            <i class="fa m-1 o_editable_media fa-youtube-play fa-stack fa-2x"></i>
416                        </a>
417<a href="https://www.cloudmox.eu/support" class="me-3 ms-3" target="_blank" aria-label="cloudmox">
418                            <i class="fa fa-life-bouy m-1 o_editable_media fa-2x"></i>
419                        </a>
420</div>
421                </div>
422            </div>
423        </div>
424    </section></div>
425        
426        <ul role="menu" class="dropdown-menu ">
427        </ul>
428        
429    </li>
430
431    <li role="presentation" class="nav-item ">
432        <a role="menuitem" href="/report-bugs-and-feature-requests" class="nav-link ">
433            <span>Report Bugs &amp; Features</span>
434        </a>
435    </li>
436
437    <li role="presentation" class="nav-item ">
438        <a role="menuitem" href="/support" class="nav-link ">
439            <span>Support</span>
440        </a>
441    </li>
442
443    <li role="presentation" class="nav-item ">
444        <a role="menuitem" href="/press-and-media" class="nav-link ">
445            <span>Press &amp; Media</span>
446        </a>
447    </li>
448
449    <li role="presentation" class="nav-item   dropdown">
450        <a href="#" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="menuitem" class="dropdown-toggle nav-link   ">
451            <span>About</span>
452        </a>
453        
454        
455        <ul role="menu" class="dropdown-menu ">
456
457    <li role="presentation" class=" ">
458        <a role="menuitem" href="/about" class="dropdown-item ">
459            <span>About Cloudmox Europe</span>
460        </a>
461    </li>
462
463    <li role="presentation" class=" ">
464        <a role="menuitem" href="/blog" class="dropdown-item ">
465            <span>Articles &amp; Blogs</span>
466        </a>
467    </li>
468        </ul>
469        
470    </li>
471
472    <li role="presentation" class="nav-item ">
473        <a role="menuitem" href="/appointment/1" class="nav-link ">
474            <span>Book a demo</span>
475        </a>
476    </li>
477                    
478    </ul>
479                
480    </div>
481            </div>
482        
483    </nav>
484
485    <nav data-name="Navbar" aria-label="Mobile" class="navbar  navbar-light o_colored_level o_cc o_header_mobile d-block d-lg-none shadow-sm ">
486        
487
488        <div class="o_main_nav container flex-wrap justify-content-between">
489            <div class="d-flex flex-grow-1">
490                
491    <a data-name="Navbar Logo" href="/" class="navbar-brand logo ">
492            
493            <span role="img" aria-label="Logo of Cloudmox" title="Cloudmox"><img src="/web/image/website/1/logo/Cloudmox?unique=6fa99ca" class="img img-fluid" width="95" height="40" alt="Cloudmox" loading="lazy"/></span>
494        </a>
495    
496                <ul class="o_header_mobile_buttons_wrap navbar-nav d-flex flex-row align-items-center gap-2 mb-0 ms-auto">
497        <li class=" divider d-none"></li> 
498        <li class="o_wsale_my_cart  ">
499            <a href="/shop/cart" aria-label="eCommerce cart" class="o_navlink_background_hover btn position-relative rounded-circle border-0 p-1 text-reset">
500                <div class="">
501                    <i class="fa fa-shopping-cart fa-stack"></i>
502                    <sup class="my_cart_quantity badge bg-primary position-absolute top-0 end-0 mt-n1 me-n1 rounded-pill d-none">0</sup>
503                </div>
504            </a>
505        </li>
506        <li class="o_wsale_my_wish d-none  o_wsale_my_wish_hide_empty">
507            <a href="/shop/wishlist" class="o_navlink_background_hover btn position-relative rounded-circle border-0 p-1 text-reset">
508                <div class="">
509                    <i class="fa fa-1x fa-heart fa-stack"></i>
510                    <sup class="my_wish_quantity o_animate_blink badge bg-primary position-absolute top-0 end-0 mt-n1 me-n1 d-none">0</sup>
511                </div>
512            </a>
513        </li></ul>
514            </div>
515            <button class="nav-link btn p-2 o_not_editable" type="button" data-bs-toggle="offcanvas" data-bs-target="#top_menu_collapse_mobile" aria-controls="top_menu_collapse_mobile" aria-expanded="false" aria-label="Toggle navigation">
516                <span class="navbar-toggler-icon"></span>
517            </button>
518            <div id="top_menu_collapse_mobile" class="offcanvas offcanvas-end o_navbar_mobile">
519                <div class="offcanvas-header justify-content-end o_not_editable">
520                    <button type="button" class="nav-link btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
521                </div>
522                <div class="offcanvas-body d-flex flex-column justify-content-between h-100 w-100 pt-0">
523                    <ul class="navbar-nav">
524                        
525        <li class="">
526    <form method="get" class="o_searchbar_form s_searchbar_input " action="/website/search" data-snippet="s_searchbar_input">
527            <div role="search" class="input-group mb-3">
528        <input type="search" name="search" class="search-query form-control oe_search_box rounded-start-pill text-bg-light ps-3 border-0 bg-light" placeholder="Search..." data-search-type="all" data-limit="0" data-display-image="true" data-display-description="true" data-display-extra-link="true" data-display-detail="true" data-order-by="name asc"/>
529        <button type="submit" aria-label="Search" title="Search" class="btn oe_search_button rounded-end-pill bg-o-color-3 pe-3">
530            <i class="oi oi-search"></i>
531        </button>
532    </div>
533
534            <input name="order" type="hidden" class="o_search_order_by oe_unremovable" value="name asc"/>
535            
536        </form>
537        </li>
538                        
539                        <li>
540    <ul role="menu" class="nav navbar-nav top_menu  o_mega_menu_is_offcanvas mx-n3 text-end ">
541        
542                                
543
544    <li role="presentation" class="nav-item border-top    accordion accordion-flush">
545        
546        
547        <div class="accordion-item">
548            <a href="#" data-bs-toggle="collapse" aria-expanded="false" class="nav-link p-3 text-wrap accordion-button collapsed" data-bs-target=".o_accordion_target_28" aria-controls="o_accordion_target_28">
549                <span>Key Features</span>
550            </a>
551            <div class="o_accordion_target_28 accordion-collapse collapse" aria-labelledby="o_accordion_target_28" data-bs-parent="#top_menu_collapse_mobile">
552                <ul class="show list-group list-unstyled py-0" role="menu">
553
554    <li role="presentation" class=" px-0">
555        <a role="menuitem" href="/vmware-and-vcenter-alternative-with-proxmox-and-cloudmox" class="nav-link list-group-item list-group-item-action border-0 rounded-0 px-4 text-wrap ">
556            <span>A complete VMware alternative with Proxmox</span>
557        </a>
558    </li>
559
560    <li role="presentation" class=" px-0">
561        <a role="menuitem" href="/offer-vps-es-to-thirds" class="nav-link list-group-item list-group-item-action border-0 rounded-0 px-4 text-wrap ">
562            <span>Whitelabel VPS-es</span>
563        </a>
564    </li>
565
566    <li role="presentation" class=" px-0">
567        <a role="menuitem" href="/security" class="nav-link list-group-item list-group-item-action border-0 rounded-0 px-4 text-wrap ">
568            <span>Securing Proxmox and user access</span>
569        </a>
570    </li>
571
572    <li role="presentation" class=" px-0">
573        <a role="menuitem" href="/more-insights" class="nav-link list-group-item list-group-item-action border-0 rounded-0 px-4 text-wrap ">
574            <span>Detailed statistics and measurements</span>
575        </a>
576    </li>
577
578    <li role="presentation" class=" px-0">
579        <a role="menuitem" href="/virtual-data-centers-with-a-cleaner-interface" class="nav-link list-group-item list-group-item-action border-0 rounded-0 px-4 text-wrap ">
580            <span>Access Proxmox via a Clean whitelabel Interface</span>
581        </a>
582    </li>
583
584    <li role="presentation" class=" px-0">
585        <a role="menuitem" href="/easy-to-setup" class="nav-link list-group-item list-group-item-action border-0 rounded-0 px-4 text-wrap ">
586            <span>Easy setup</span>
587        </a>
588    </li>
589                </ul>
590            </div>
591        </div>
592        
593    </li>
594
595    <li role="presentation" class="nav-item border-top  position-static  dropdown">
596        <a href="#" data-bs-toggle="dropdown" data-bs-auto-close
596="outside" role="menuitem" class="dropdown-toggle nav-link p-3 text-wrap o_mega_menu_toggle  " data-bs-display="static">
597            <span>Documentation</span>
598        </a>
599        
600        
601        <div class="o_mega_nav o_cc1 position-fixed top-0 end-0 invisible d-flex align-items-center w-100">
602            <button class="btn nav-link oi oi-chevron-left ms-n2 px-2"></button>
603        </div>
604        
605    </li>
606
607    <li role="presentation" class="nav-item border-top  px-0">
608        <a role="menuitem" href="/report-bugs-and-feature-requests" class="nav-link p-3 text-wrap ">
609            <span>Report Bugs &amp; Features</span>
610        </a>
611    </li>
612
613    <li role="presentation" class="nav-item border-top  px-0">
614        <a role="menuitem" href="/support" class="nav-link p-3 text-wrap ">
615            <span>Support</span>
616        </a>
617    </li>
618
619    <li role="presentation" class="nav-item border-top  px-0">
620        <a role="menuitem" href="/press-and-media" class="nav-link p-3 text-wrap ">
621            <span>Press &amp; Media</span>
622        </a>
623    </li>
624
625    <li role="presentation" class="nav-item border-top    accordion accordion-flush">
626        
627        
628        <div class="accordion-item">
629            <a href="#" data-bs-toggle="collapse" aria-expanded="false" class="nav-link p-3 text-wrap accordion-button collapsed" data-bs-target=".o_accordion_target_67" aria-controls="o_accordion_target_67">
630                <span>About</span>
631            </a>
632            <div class="o_accordion_target_67 accordion-collapse collapse" aria-labelledby="o_accordion_target_67" data-bs-parent="#top_menu_collapse_mobile">
633                <ul class="show list-group list-unstyled py-0" role="menu">
634
635    <li role="presentation" class=" px-0">
636        <a role="menuitem" href="/about" class="nav-link list-group-item list-group-item-action border-0 rounded-0 px-4 text-wrap ">
637            <span>About Cloudmox Europe</span>
638        </a>
639    </li>
640
641    <li role="presentation" class=" px-0">
642        <a role="menuitem" href="/blog" class="nav-link list-group-item list-group-item-action border-0 rounded-0 px-4 text-wrap ">
643            <span>Articles &amp; Blogs</span>
644        </a>
645    </li>
646                </ul>
647            </div>
648        </div>
649        
650    </li>
651
652    <li role="presentation" class="nav-item border-top border-bottom px-0">
653        <a role="menuitem" href="/appointment/1" class="nav-link p-3 text-wrap ">
654            <span>Book a demo</span>
655        </a>
656    </li>
657                            
658    </ul>
659                        </li>
660                        
661        <li class="">
662                <div data-name="Text" class="s_text_block mt-2 text-end">
663                    <a href="/partners?country_all=1" class="nav-link o_nav-link_secondary p-2 rounded-circle btn btn-fill-custom text-o-color-5 bg-o-color-3" style="border-width: 0px; border-color: rgba(0, 0, 0, 0.8); border-style: none; "><span class="o_force_ltr"><small>&nbsp; Get Cloudmox&nbsp;<span class="fa fa-shopping-cart"></span>&nbsp;</small></span>&nbsp;</a>
664                </div>
665        </li>
666                        
667        <li class="">
668            <div class="o_header_social_links mt-2 text-end">
669                <div class="s_social_media o_not_editable oe_unmovable oe_unremovable" data-snippet="s_social_media" data-name="Social Media">
670                    <h5 class="s_social_media_title d-none">Volg ons</h5>
671<a href="/website/social/linkedin" class="s_social_media_linkedin o_nav-link_secondary nav-link m-0 p-0 text-decoration-none" target="_blank" aria-label="LinkedIn">
672                        <i class="fa fa-linkedin fa-stack p-1 o_editable_media"></i>
673                    </a>
674</div>
675            </div>
676        </li>
677                    </ul>
678                    <ul class="navbar-nav gap-2 mt-3 w-100">
679                        
680        <li data-name="Language Selector" class="o_header_language_selector ">
681        </li>
682                        
683            <li class=" o_no_autohide_item">
684                <a href="/web/login" class="nav-link o_nav_link_btn w-100 border text-center">Sign in</a>
685            </li>
686                        
687                        
688        <li class="">
689            <div class="oe_structure oe_structure_solo ">
690                <section class="oe_unremovable oe_unmovable s_text_block o_colored_level" data-snippet="s_text_block" data-name="Text">
691                    <div class="container">
692                        <a href="/contactus" class="oe_unremovable rounded-circle btn btn-outline-custom text-o-color-5 w-100" style="background-color: rgb(57, 116, 157); border-width: 1px; border-color: rgb(54, 109, 148); border-style: solid; ">Contact</a>
693                    </div>
694                </section>
695            </div>
696        </li>
697                    </ul>
698                </div>
699            </div>
700        </div>
701    
702    </nav>
703    </header>
704                <main>
705                    
706        <div id="wrap" class="oe_structure"><section class="s_title o_cc o_colored_level o_cc1 pb0 pt0" data-vcss="001" data-oe-shape-data="{&#39;shape&#39;:&#39;html_builder/Airy/07_001&#39;,&#39;colors&#39;:{&#39;c5&#39;:&#39;rgba(255,255,255,0.25)&#39;},&#39;showOnMobile&#39;:true}" data-snippet="s_title" data-name="Title">
707        <div class="o_we_shape o_html_builder_Airy_07_001" style="background-image: url(&#34;/html_editor/shape/html_builder/Airy/07_001.svg?c5=rgba(255,255,255,0.25)&#34;);"></div>
708        <div class="s_allow_columns container">
709            <section class="s_embed_code pt32 pb0 text-start" data-snippet="s_embed_code" data-name="Embed Code">
710        <template class="s_embed_code_saved"><style>
711.cmxd {
712  --cmxd-navy: #0B3C5D;
713  --cmxd-night: #072A42;
714  --cmxd-cyan: #2BA8E0;
715  --cmxd-cyan-soft: #8FD3F3;
716  --cmxd-ice: #EEF6FB;
717  --cmxd-ink: #0F1E2B;
718  --cmxd-muted: #56697A;
719  --cmxd-line: #D5E3EC;
720  --cmxd-limit: #F2A93B;
721  --cmxd-radius: 20px;
722  --cmxd-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
723
724  color: var(--cmxd-ink);
725  font-family: inherit;
726  line-height: 1.55;
727  margin: 0 0 28px;
728}
729.cmxd *, .cmxd *::before, .cmxd *::after { box-sizing: border-box; }
730.cmxd h1, .cmxd h2, .cmxd h3 {
731  font-family: inherit; color: inherit; margin: 0;
732  line-height: 1.12; letter-spacing: -0.02em;
733}
734.cmxd :where(p) { margin: 0; }
735.cmxd ul { margin: 0; padding: 0; list-style: none; }
736.cmxd a, .cmxd a:hover { text-decoration: none; }
737.cmxd a:focus-visible, .cmxd summary:focus-visible {
738  outline: 3px solid var(--cmxd-cyan); outline-offset: 3px; border-radius: 6px;
739}
740
741/* ---------- Panels ---------- */
742.cmxd-panel { border-radius: var(--cmxd-radius); padding: clamp(28px, 5vw, 64px); }
743.cmxd-dark {
744  background:
745    radial-gradient(1100px 480px at 88% -12%, rgba(43,168,224,.30), transparent 60%),
746    linear-gradient(160deg, var(--cmxd-navy), var(--cmxd-night));
747  color: #fff;
748}
749.cmxd-ice { background: var(--cmxd-ice); }
750.cmxd-bordered { background: #fff; border: 1px solid var(--cmxd-line); }
751
752.cmxd-eyebrow {
753  display: inline-block; font-family: var(--cmxd-mono); font-size: .78rem;
754  letter-spacing: .08em; text-transform: uppercase; color: var(--cmxd-navy);
755  margin-bottom: 14px; font-weight: 600;
756}
757.cmxd-dark .cmxd-eyebrow { color: var(--cmxd-cyan-soft); }
758
759.cmxd-head { max-width: 720px; margin-bottom: 36px; }
760.cmxd-head h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 700; }
761.cmxd-sub { margin-top: 12px; font-size: 1.06rem; color: var(--cmxd-muted); max-width: 60ch; }
762.cmxd-dark .cmxd-sub { color: rgba(255,255,255,.8); }
763
764/* ---------- Buttons ---------- */
765.cmxd-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
766.cmxd a.cmxd-btn {
767  display: inline-flex; align-items: center; gap: 8px; padding: 13px 22px;
768  border-radius: 12px; font-weight: 600; font-size: 1rem;
769  transition: transform .15s ease, background-color .15s ease, border-color .15s ease;
770}
771.cmxd a.cmxd-btn-primary { background: var(--cmxd-cyan); color: var(--cmxd-night); }
772.cmxd a.cmxd-btn-primary:hover { background: #5BC0EC; transform: translateY(-1px); }
773.cmxd a.cmxd-btn-ghost { border: 1px solid rgba(255,255,255,.38); color: #fff; }
774.cmxd a.cmxd-btn-ghost:hover { border-color: #fff; }
775.cmxd a.cmxd-btn-outline { border: 1px solid var(--cmxd-navy); color: var(--cmxd-navy); }
776.cmxd a.cmxd-btn-outline:hover { background: var(--cmxd-navy); color: #fff; }
777.cmxd a.cmxd-link { color: var(--cmxd-navy); font-weight: 600; border-bottom: 2px solid var(--cmxd-cyan); }
778
779/* ---------- 1. Hero ---------- */
780.cmxd-hero { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(28px, 4vw, 56px); align-items: center; }
781.cmxd-hero h1 .cmxd-eyebrow { display: block; }
782.cmxd-hero-title { display: block; font-size: clamp(2.1rem, 4.4vw, 3.4rem); font-weight: 700; }
783.cmxd-lead { font-size: clamp(1.02rem, 1.3vw, 1.15rem); color: rgba(255,255,255,.84); margin-top: 20px; max-width: 52ch; }
784.cmxd-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
785.cmxd-chips li {
786  font-size: .85rem; padding: 6px 12px; border-radius: 999px;
787  border: 1px solid rgba(255,255,255,.22); color: rgba(255,255,255,.92);
788}
789
790/* Signature: one cluster, partitioned into branded tenants with hard limits */
791.cmxd-cluster {
792  background: rgba(7,42,66,.6); border: 1px solid rgba(143,211,243,.25);
793  border-radius: 16px; padding: 18px; font-size: .9rem;
794  box-shadow: 0 30px 60px -30px rgba(0,0,0,.65);
795}
796.cmxd-cluster-head {
797  display: flex; justify-content: space-between; gap: 12px;
798  font-family: var(--cmxd-mono); font-size: .74rem; color: var(--cmxd-cyan-soft);
799  padding-bottom: 12px; border-bottom: 1px dashed rgba(143,211,243,.3);
800}
801.cmxd-tenant {
802  --cmxd-t: #8B7CF6;
803  background: #fff; color: var(--cmxd-ink); border-radius: 12px;
804  padding: 12px 14px; margin-top: 10px; border-left: 4px solid var(--cmxd-t);
805}
806.cmxd-tenant-top { display: flex; align-items: center; gap: 10px; }
807.cmxd-mark {
808  width: 28px; height: 28px; border-radius: 8px; flex: none;
809  background: var(--cmxd-t); color: #fff; display: grid; place-items: center;
810  font-weight: 700; font-size: .78rem;
811}
812.cmxd-tenant-name { font-weight: 600; }
813.cmxd-tenant-vms { margin-left: auto; font-family: var(--cmxd-mono); font-size: .74rem; color: var(--cmxd-muted); }
814.cmxd-meter {
815  --cmxd-used: 50%; --cmxd-lim: 75%;
816  position: relative; height: 8px; margin-top: 10px;
817  background: #E6EEF4; border-radius: 99px;
818}
819/* Hatched area: cluster capacity outside this tenant's pool */
820.cmxd-meter::before {
821  content: ""; position: absolute; top: 0; bottom: 0; left: var(--cmxd-lim);
821 right: 0;
822  border-radius: 0 99px 99px 0;
823  background: repeating-linear-gradient(45deg, #EEF2F5 0 4px, #D9E2E9 4px 8px);
824}
825/* The limit itself */
826.cmxd-meter::after {
827  content: ""; position: absolute; top: -4px; bottom: -4px; left: var(--cmxd-lim);
828  width: 3px; margin-left: -1px; background: var(--cmxd-limit); border-radius: 2px;
829}
830.cmxd-meter i {
831  display: block; height: 100%; width: var(--cmxd-used);
832  background: var(--cmxd-t); border-radius: 99px;
833  animation: cmxd-fill 1.3s cubic-bezier(.2,.7,.2,1) both;
834}
835.cmxd-meter-label { margin-top: 6px; font-family: var(--cmxd-mono); font-size: .72rem; color: var(--cmxd-muted); }
836.cmxd-cluster-foot {
837  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px;
838  margin-top: 14px; font-size: .78rem; color: rgba(255,255,255,.75);
839}
840.cmxd-key { display: inline-flex; align-items: center; gap: 6px; }
841.cmxd-key-limit { width: 3px; height: 12px; background: var(--cmxd-limit); border-radius: 2px; }
842.cmxd-key-hatch {
843  width: 14px; height: 8px; border-radius: 2px;
844  background: repeating-linear-gradient(45deg, #EEF2F5 0 3px, #9FB3C2 3px 6px);
845}
846@keyframes cmxd-fill { from { width: 0; } }
847
848/* ---------- 2. Gaps ---------- */
849.cmxd-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
850.cmxd-card {
851  background: #fff; border: 1px solid var(--cmxd-line); border-radius: 16px;
852  overflow: hidden; display: flex; flex-direction: column;
853  transition: transform .2s ease, box-shadow .2s ease;
854}
855.cmxd-card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -24px rgba(11,60,93,.45); }
856.cmxd-card-img { aspect-ratio: 16 / 9; background: var(--cmxd-ice); border-bottom: 1px solid var(--cmxd-line); overflow: hidden; }
857.cmxd-card-img img { width: 100%; height: 100%; object-fit: cover; object-position: top left; display: block; }
858.cmxd-card-body { padding: 22px 24px 26px; }
859.cmxd-card h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 8px; }
860.cmxd-card p { color: var(--cmxd-muted); }
861
862/* ---------- 3. Steps ---------- */
863.cmxd-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 12px; }
864.cmxd-step { position: relative; padding-top: 30px; border-top: 2px solid var(--cmxd-line); }
865.cmxd-step-n {
866  position: absolute; top: -18px; left: 0; width: 36px; height: 36px; border-radius: 50%;
867  background: var(--cmxd-navy); color: #fff; display: grid; place-items: center;
868  font-family: var(--cmxd-mono); font-weight: 700; font-size: .9rem;
869}
870.cmxd-step h3 { font-size: 1.15rem; font-weight: 700; margin-bottom: 8px; }
871.cmxd-step p { color: var(--cmxd-muted); }
872.cmxd-term { margin-top: 36px; background: var(--cmxd-night); border-radius: 14px; overflow: hidden; color: #DDE8F0; }
873.cmxd-term-bar {
874  display: flex; justify-content: space-between; gap: 12px; padding: 10px 16px;
875  font-family: var(--cmxd-mono); font-size: .72rem; color: #86A2B8;
876  border-bottom: 1px solid rgba(255,255,255,.08);
877}
878.cmxd-term pre {
879  margin: 0; padding: 18px 16px; overflow-x: auto; white-space: pre;
880  font-family: var(--cmxd-mono); font-size: .88rem; background: none; border: 0; color: inherit;
881}
882.cmxd-term .cmxd-prompt { color: var(--cmxd-cyan); }
883.cmxd-term .cmxd-comment { color: #6F8DA3; }
884.cmxd-term-foot { padding: 0 16px 16px; font-size: .85rem; }
885.cmxd-term-foot a { color: var(--cmxd-cyan-soft); font-weight: 600; }
886
887/* ---------- 4. Roles ---------- */
888.cmxd-layers { display: grid; gap: 10px; }
889.cmxd-layer {
890  display: grid; grid-template-columns: 230px 1fr; gap: 20px; align-items: center;
891  padding: 18px 22px; border-radius: 14px; background: #fff; border: 1px solid var(--cmxd-line);
892}
893.cmxd-layer-1 { margin-inline: 15%; }
894.cmxd-layer-2 { margin-inline: 10%; }
895.cmxd-layer-3 { margin-inline: 5%; }
896.cmxd-layer-base { background: var(--cmxd-navy); border-color: var(--cmxd-navy); color: #fff; }
897.cmxd-layer-role { font-weight: 700; }
898.cmxd-layer-desc { color: var(--cmxd-muted); }
899.cmxd-layer-base .cmxd-layer-desc { color: rgba(255,255,255,.8); }
900.cmxd-layers-caption { margin-top: 20px; text-align: center; font-weight: 600; color: var(--cmxd-navy); }
901
902/* ---------- 5. VMware band ---------- */
903.cmxd-band {
904  display: flex; align-items: center; justify-content: space-between; gap: 24px 40px;
905  border-left: 5px solid var(--cmxd-cyan);
906}
907.cmxd-band h2 { font-size: clamp(1.35rem, 2.2vw, 1.75rem); font-weight: 700; }
908.cmxd-band p { margin-top: 8px; color: var(--cmxd-muted); max-width: 62ch; }
909.cmxd-band .cmxd-actions { margin-top: 0; flex: none; }
910
911/* ---------- 6. FAQ ---------- */
912.cmxd-faq-wrap { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(24px, 4vw, 64px); align-items: start; }
913.cmxd-faq details { border-bottom: 1px solid var(--cmxd-line); }
914.cmxd-faq details:first-child { border-top: 1px solid var(--cmxd-line); }
915.cmxd-faq summary {
916  cursor: pointer; list-style: none; position: relative;
917  padding: 18px 44px 18px 0; font-weight: 600; font-size: 1.05rem;
918}
919.cmxd-faq summary::-webkit-details-marker { display: none; }
920.cmxd-faq summary::after {
921  content: "+"; position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
922  font-size: 1.5rem; line-height: 1; color: var(--cmxd-cyan); transition: transform .2s ease;
923}
924.cmxd-faq details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
925.cmxd-faq details p { padding: 0 0 20px; color: var(--cmxd-muted); max-width: 68ch; }
926
927/* ---------- 7. Closing CTA ---------- */
928.cmxd-cta { text-align: center; }
929.cmxd-cta h2 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); font-weight: 700; }
930.cmxd-cta .cmxd-sub { margin-inline: auto; }
931.cmxd-cta .cmxd-actions { justify-content: center; }
932
933/* ---------- Responsive ---------- */
934@media (max-width: 991px) {
935  .cmxd-hero, .cmxd-faq-wrap { grid-template-columns: 1fr; }
936  .cmxd-steps { grid-template-columns: 1fr; gap: 40px; }
937  .cmxd-band { flex-direction: column; align-items: flex-start; }
938}
939@media (max-width: 767px) {
940  .cmxd-grid { grid-template-columns: 1fr; }
941  .cmxd-layer { grid-template-columns: 1fr; gap: 4px; }
942  .cmxd-layer-1, .cmxd-layer-2, .cmxd-layer-3 { margin-inline: 0; }
943}
944@media (prefers-reduced-motion: reduce) {
945  .cmxd-meter i { animation: none; }
946  .cmxd-card, .cmxd a.cmxd-btn { transition: none; }
947}
948</style>
949
950
951
952<div class="cmxd">
953  <div class="cmxd-panel cmxd-dark">
954    <div class="cmxd-hero">
955      <div>
956        <h1>
957          <span class="cmxd-eyebrow">Multi-tenant control panel for Proxmox</span>
958          <span class="cmxd-hero-title">Give your customers a login, not your cluster.</span>
959        </h1>
960        <p class="cmxd-lead">
961          Cloudmox is a self-hosted, whitelabel portal that gives Proxmox the tenant model
962          it doesn't ship with. Built for service providers, enterprises and IT teams.
963        </p>
964        <ul class="cmxd-chips">
965          <li>Self-hosted</li>
966          <li>Nothing installed on your nodes</li>
967          <li>Billed per node</li>
968        </ul>
969        <div class="cmxd-actions">
970          <a class="cmxd-btn cmxd-btn-primary" href="/appointment/1">Book a demo</a>
971          <a class="cmxd-btn cmxd-btn-ghost" href="/partners?country_all=1">Get Cloudmox</a>
972        </div>
973      </div>
974
975      <div class="cmxd-cluster" role="img" aria-label="One Proxmox cluster divided into three branded tenants, each working within its own resource limit">
976        <div class="cmxd-cluster-head">
977          <span>pve-cluster · 3 clusters, 1 cloud</span>
978          <span>3 tenants</span>
979        </div>
980
981        <div class="cmxd-tenant" style="--cmxd-t:#8B7CF6">
982          <div class="cmxd-tenant-top">
983            <span class="cmxd-mark">AH</span>
984            <span class="cmxd-tenant-name">Acme Hosting</span>
985            <span class="cmxd-tenant-vms">14 VMs</span>
986          </div>
987          <div class="cmxd-meter" style="--cmxd-used:58%;--cmxd-lim:75%"><i></i></div>
988          <div class="cmxd-meter-label">18 of 24 vCPU in pool</div>
989        </div>
990
991        <div class="cmxd-tenant" style="--cmxd-t:#2FB67C">
992          <div class="cmxd-tenant-top">
993            <span class="cmxd-mark">NW</span>
994            <span class="cmxd-tenant-name">Northwind IT</span>
995            <span class="cmxd-tenant-vms">6 VMs</span>
996          </div>
997          <div class="cmxd-meter" style="--cmxd-used:31%;--cmxd-lim:45%"><i></i></div>
998          <div class="cmxd-meter-label">10 of 14 vCPU in pool</div>
999        </div>
1000
1001        <div class="cmxd-tenant" style="--cmxd-t:#E86A92">
1002          <div class="cmxd-tenant-top">
1003            <span class="cmxd-mark">SV</span>
1004            <span class="cmxd-tenant-name">Studio Branding</span>
1005            <span class="cmxd-tenant-vms">3 VMs</span>
1006          </div>
1007          <div class="cmxd-meter" style="--cmxd-used:22%;--cmxd-lim:25%"><i></i></div>
1008          <div class="cmxd-meter-label">7 of 8 vCPU in pool</div>
1009        </div>
1010
1011        <div class="cmxd-cluster-foot">
1012          <span class="cmxd-key"><span class="cmxd-key-limit"></span>Tenant limit</span>
1013          <span class="cmxd-key"><span class="cmxd-key-hatch"></span>Outside their pool</span>
1014          <span>Each tenant sees only their own VMs.</span>
1015        </div>
1016      </div>
1017    </div>
1018  </div>
1019</div>
1020
1021
1022
1023
1024<div class="cmxd">
1025  <div class="cmxd-panel cmxd-ice">
1026    <div class="cmxd-head">
1027      <span class="cmxd-eyebrow">What Cloudmox adds</span>
1028      <h2>The part Proxmox leaves to you</h2>
1029      <p class="cmxd-sub">
1030        Proxmox VE runs your infrastructure. Cloudmox adds the layer your customers
1031        and colleagues actually work in.
1032      </p>
1033    </div>
1034    <div class="cmxd-grid">
1035      <div class="cmxd-card">
1036        <div class="cmxd-card-img">
1037          <img loading="lazy" src="https://www.cloudmox.eu/web/image/6129-1ab56860/Granular%20permissions.webp" alt="Setting granular rights per user in Cloudmox"/>
1038        </div>
1039        <div class="cmxd-card-body">
1040          <h3>Group rights and delegated access</h3>
1041          <p>Give teams and customers exactly the rights they need, per VM, node or cluster. No Proxmox logins handed out.</p>
1042        </div>
1043      </div>
1044      <div class="cmxd-card">
1045        <div class="cmxd-card-img">
1046          <img loading="lazy" src="https://www.cloudmox.eu/web/image/6127-c29cf0c6/Resource%20pools.webp" alt="Resource pools with CPU, RAM and storage limits per tenant"/>
1047        </div>
1048        <div class="cmxd-card-body">
1049          <h3>Resource limits per tenant</h3>
1050          <p>Assign CPU, RAM and storage per customer. They work freely inside their pool, and never beyond it.</p>
1051        </div>
1052      </div>
1053      <div class="cmxd-card">
1054        <div class="cmxd-card-img">
1055          <img loading="lazy" src="https://www.cloudmox.eu/web/image/6132-73d9e236/Statistics.webp" alt="Usage statistics per node and VM"/>
1056        </div>
1057        <div class="cmxd-card-body">
1058          <h3>Usage tracking and billing</h3>
1059          <p>See what each tenant consumes and invoice it. Built in, with an API for your own billing system.</p>
1060        </div>
1061      </div>
1062      <div class="cmxd-card">
1063        <div class="cmxd-card-img">
1064          <img loading="lazy" src="https://www.cloudmox.eu/web/image/6131-583e3aca/White%20Label.webp" alt="Whitelabel settings with company colours and logo"/>
1065        </div>
1066        <div class="cmxd-card-body">
1067          <h3>Your own branding</h3>
1068          <p>Your colours, logo and URL. Your tenants can apply their own branding for their customers in turn.</p>
1069        </div>
1070      </div>
1071    </div>
1072  </div>
1073</div>
1074
1075
1076
1077
1078<div class="cmxd">
1079  <div class="cmxd-panel cmxd-bordered">
1080    <div class="cmxd-head">
1081      <span class="cmxd-eyebrow">Setup</span>
1082      <h2>Running in three steps</h2>
1083    </div>
1084    <div class="cmxd-steps">
1085      <div class="cmxd-step">
1086        <span class="cmxd-step-n">1</span>
1087        <h3>Install Cloudmox</h3>
1088        <p>One command on your own Debian or Ubuntu server. Nothing is installed on your Proxmox nodes.</p>
1089      </div>
1090      <div class="cmxd-step">
1091        <span class="cmxd-step-n">2</span>
1092        <h3>Configure clusters</h3>
1093        <p>Add each cluster with an API token and settings. Individual nodes and multiple clusters appear as one environment.</p>
1094      </div>
1095      <div class="cmxd-step">
1096        <span class="cmxd-step-n">3</span>
1097        <h3>Create tenants</h3>
1098        <p>Set up customers or teams, each with their own resource pool, rights and branding.</p>
1099      </div>
1100    </div>
1101    <div class="cmxd-term">
1102      <div class="cmxd-term-bar"><span>your-server — bash</span><span>1 line</span></div>
1103      
1104<pre><span class="cmxd-prompt">$</span> wget https://portal.inov.global/…
1105<span class="cmxd-comment"># Cloudmox connects over the Proxmox API. Your nodes stay untouched.</span></pre>
1106      <div class="cmxd-term-foot"><a href="/installing-cloudmox">Full installation guide →</a></div>
1107    </div>
1108  </div>
1109</div>
1110
1111
1112
1113
1114<div class="cmxd">
1115  <div class="cmxd-panel cmxd-ice">
1116    <div class="cmxd-head">
1117      <span class="cmxd-eyebrow">Roles</span>
1118      <h2>Every role gets exactly its own view</h2>
1119      <p class="cmxd-sub">
1120        Infrastructure is built and used by people with different jobs. Cloudmox shows
1121        each of them what they need, and nothing more.
1122      </p>
1123    </div>
1124    <div class="cmxd-layers">
1125      <div class="cmxd-layer cmxd-layer-1">
1126        <span class="cmxd-layer-role">Customers</span>
1127        <span class="cmxd-layer-desc">Their own VMs, in your or their branding.</span>
1128      </div>
1129      <div class="cmxd-layer cmxd-layer-2">
1130        <span class="cmxd-layer-role">First-line support</span>
1131        <span class="cmxd-layer-desc">The information and controls to help customers quickly.</span>
1132      </div>
1133      <div class="cmxd-layer cmxd-layer-3">
1134        <span class="cmxd-layer-role">Infrastructure managers</span>
1135        <span class="cmxd-layer-desc">One overview across every node and cluster.</span>
1136      </div>
1137      <div class="cmxd-layer cmxd-layer-base">
1138        <span class="cmxd-layer-role">Proxmox VE</span>
1139        <span class="cmxd-layer-desc">HA, storage, networking and manual settings, untouched.</span>
1140      </div>
1141    </div>
1142    <p class="cmxd-layers-caption">You stay in control. Cloudmox follows.</p>
1143  </div>
1144</div>
1145
1146
1147
1148
1149<div class="cmxd">
1150  <div class="cmxd-panel cmxd-bordered cmxd-band">
1151    <div>
1152      <h2>Moving off VMware?</h2>
1153      <p>Proxmox replaces vSphere. Cloudmox replaces the rest: tenant separation, delegated access, self-service and billing.</p>
1154    </div>
1155    <div class="cmxd-actions">
1156      <a class="cmxd-btn cmxd-btn-outline" href="/vmware-and-vcenter-alternative-with-proxmox-and-cloudmox">VMware alternative →</a>
1157    </div>
1158  </div>
1159</div>
1160
1161
1162
1163
1164<div class="cmxd">
1165  <div class="cmxd-panel cmxd-bordered">
1166    <div class="cmxd-faq-wrap">
1167      <div class="cmxd-head">
1168        <span class="cmxd-eyebrow">FAQ</span>
1169        <h2>Questions we hear most</h2>
1170        <p class="cmxd-sub">Anything else? <a class="cmxd-link" href="/contactus">Ask us directly.</a></p>
1171      </div>
1172      <div class="cmxd-faq">
1173        <details>
1174          <summary>Do I have to give users access to the Proxmox servers?</summary>
1175          <p>No, and that's exactly what you want to avoid. Once a cluster is connected, you manage access and rights to nodes and VMs from within Cloudmox. When an employee leaves, disable their account and all infrastru
1175cture is closed to them.</p>
1176        </details>
1177        <details>
1178          <summary>Will our clusters go down if Cloudmox is unavailable?</summary>
1179          <p>No. Cloudmox works through the Proxmox API and doesn't change your configuration. Your engineers can always use the Proxmox or Proxmox Datacenter Manager interface. Cloudmox also includes backup and restore, so reinstalling it is quick.</p>
1180        </details>
1181        <details>
1182          <summary>How do I import existing VMs and containers?</summary>
1183          <p>You don't need to. Proxmox is the single source of truth: connect a node and all its resources appear. You only assign them to a tenant or user. Changes made directly in Proxmox won't break Cloudmox, and Cloudmox won't break Proxmox.</p>
1184        </details>
1185        <details>
1186          <summary>Can customers create VMs themselves?</summary>
1187          <p>Yes. Give them a resource pool, and every VM they create follows your best practices. You decide what they see during creation, including friendly names for networks, storage and ISOs.</p>
1188        </details>
1189        <details>
1190          <summary>Can I host Cloudmox myself?</summary>
1191          <p>Yes. It runs on Debian or Ubuntu and installs with one command.</p>
1192        </details>
1193        <details>
1194          <summary>How is Cloudmox billed?</summary>
1195          <p>Per node, monthly or yearly, invoiced upfront in euros. Reverse-charge VAT applies, except for customers in the Netherlands. You can add nodes at any time and use them immediately. We don't charge per user, VM or tenant, or for help with configuration.</p>
1196        </details>
1197      </div>
1198    </div>
1199  </div>
1200</div>
1201
1202
1203
1204
1205<div class="cmxd">
1206  <div class="cmxd-panel cmxd-dark cmxd-cta">
1207    <h2>See Cloudmox on your own cluster</h2>
1208    <p class="cmxd-sub">Billed per node. No charge per user, VM or tenant.</p>
1209    <div class="cmxd-actions">
1210      <a class="cmxd-btn cmxd-btn-primary" href="/appointment/1">Book a demo</a>
1211      <a class="cmxd-btn cmxd-btn-ghost" href="/partners?country_all=1">Get Cloudmox from a partner</a>
1212    </div>
1213  </div>
1214</div></template>
1215        <div class="s_embed_code_embedded container o_not_editable"><style>
1216.cmxd {
1217  --cmxd-navy: #0B3C5D;
1218  --cmxd-night: #072A42;
1219  --cmxd-cyan: #2BA8E0;
1220  --cmxd-cyan-soft: #8FD3F3;
1221  --cmxd-ice: #EEF6FB;
1222  --cmxd-ink: #0F1E2B;
1223  --cmxd-muted: #56697A;
1224  --cmxd-line: #D5E3EC;
1225  --cmxd-limit: #F2A93B;
1226  --cmxd-radius: 20px;
1227  --cmxd-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
1228
1229  color: var(--cmxd-ink);
1230  font-family: inherit;
1231  line-height: 1.55;
1232  margin: 0 0 28px;
1233}
1234.cmxd *, .cmxd *::before, .cmxd *::after { box-sizing: border-box; }
1235.cmxd h1, .cmxd h2, .cmxd h3 {
1236  font-family: inherit; color: inherit; margin: 0;
1237  line-height: 1.12; letter-spacing: -0.02em;
1238}
1239.cmxd :where(p) { margin: 0; }
1240.cmxd ul { margin: 0; padding: 0; list-style: none; }
1241.cmxd a, .cmxd a:hover { text-decoration: none; }
1242.cmxd a:focus-visible, .cmxd summary:focus-visible {
1243  outline: 3px solid var(--cmxd-cyan); outline-offset: 3px; border-radius: 6px;
1244}
1245
1246/* ---------- Panels ---------- */
1247.cmxd-panel { border-radius: var(--cmxd-radius); padding: clamp(28px, 5vw, 64px); }
1248.cmxd-dark {
1249  background:
1250    radial-gradient(1100px 480px at 88% -12%, rgba(43,168,224,.30), transparent 60%),
1251    linear-gradient(160deg, var(--cmxd-navy), var(--cmxd-night));
1252  color: #fff;
1253}
1254.cmxd-ice { background: var(--cmxd-ice); }
1255.cmxd-bordered { background: #fff; border: 1px solid var(--cmxd-line); }
1256
1257.cmxd-eyebrow {
1258  display: inline-block; font-family: var(--cmxd-mono); font-size: .78rem;
1259  letter-spacing: .08em; text-transform: uppercase; color: var(--cmxd-navy);
1260  margin-bottom: 14px; font-weight: 600;
1261}
1262.cmxd-dark .cmxd-eyebrow { color: var(--cmxd-cyan-soft); }
1263
1264.cmxd-head { max-width: 720px; margin-bottom: 36px; }
1265.cmxd-head h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 700; }
1266.cmxd-sub { margin-top: 12px; font-size: 1.06rem; color: var(--cmxd-muted); max-width: 60ch; }
1267.cmxd-dark .cmxd-sub { color: rgba(255,255,255,.8); }
1268
1269/* ---------- Buttons ---------- */
1270.cmxd-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
1271.cmxd a.cmxd-btn {
1272  display: inline-flex; align-items: center; gap: 8px; padding: 13px 22px;
1273  border-radius: 12px; font-weight: 600; font-size: 1rem;
1274  transition: transform .15s ease, background-color .15s ease, border-color .15s ease;
1275}
1276.cmxd a.cmxd-btn-primary { background: var(--cmxd-cyan); color: var(--cmxd-night); }
1277.cmxd a.cmxd-btn-primary:hover { background: #5BC0EC; transform: translateY(-1px); }
1278.cmxd a.cmxd-btn-ghost { border: 1px solid rgba(255,255,255,.38); color: #fff; }
1279.cmxd a.cmxd-btn-ghost:hover { border-color: #fff; }
1280.cmxd a.cmxd-btn-outline { border: 1px solid var(--cmxd-navy); color: var(--cmxd-navy); }
1281.cmxd a.cmxd-btn-outline:hover { background: var(--cmxd-navy); color: #fff; }
1282.cmxd a.cmxd-link { color: var(--cmxd-navy); font-weight: 600; border-bottom: 2px solid var(--cmxd-cyan); }
1283
1284/* ---------- 1. Hero ---------- */
1285.cmxd-hero { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(28px, 4vw, 56px); align-items: center; }
1286.cmxd-hero h1 .cmxd-eyebrow { display: block; }
1287.cmxd-hero-title { display: block; font-size: clamp(2.1rem, 4.4vw, 3.4rem); font-weight: 700; }
1288.cmxd-lead { font-size: clamp(1.02rem, 1.3vw, 1.15rem); color: rgba(255,255,255,.84); margin-top: 20px; max-width: 52ch; }
1289.cmxd-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
1290.cmxd-chips li {
1291  font-size: .85rem; padding: 6px 12px; border-radius: 999px;
1292  border: 1px solid rgba(255,255,255,.22); color: rgba(255,255,255,.92);
1293}
1294
1295/* Signature: one cluster, partitioned into branded tenants with hard limits */
1296.cmxd-cluster {
1297  background: rgba(7,42,66,.6); border: 1px solid rgba(143,211,243,.25);
1298  border-radius: 16px; padding: 18px; font-size: .9rem;
1299  box-shadow: 0 30px 60px -30px rgba(0,0,0,.65);
1300}
1301.cmxd-cluster-head {
1302  display: flex; justify-content: space-between; gap: 12px;
1303  font-family: var(--cmxd-mono); font-size: .74rem; color: var(--cmxd-cyan-soft);
1304  padding-bottom: 12px; border-bottom: 1px dashed rgba(143,211,243,.3);
1305}
1306.cmxd-tenant {
1307  --cmxd-t: #8B7CF6;
1308  background: #fff; color: var(--cmxd-ink); border-radius: 12px;
1309  padding: 12px 14px; margin-top: 10px; border-left: 4px solid var(--cmxd-t);
1310}
1311.cmxd-tenant-top { display: flex; align-items: center; gap: 10px; }
1312.cmxd-mark {
1313  width: 28px; height: 28px; border-radius: 8px; flex: none;
1314  background: var(--cmxd-t); color: #fff; display: grid; place-items: center;
1315  font-weight: 700; font-size: .78rem;
1316}
1317.cmxd-tenant-name { font-weight: 600; }
1318.cmxd-tenant-vms { margin-left: auto; font-family: var(--cmxd-mono); font-size: .74rem; color: var(--cmxd-muted); }
1319.cmxd-meter {
1320  --cmxd-used: 50%; --cmxd-lim: 75%;
1321  position: relative; height: 8px; margin-top: 10px;
1322  background: #E6EEF4; border-radius: 99px;
1323}
1324/* Hatched area: cluster capacity outside this tenant's pool */
1325.cmxd-meter::before {
1326  content: ""; position: absolute; top: 0; bottom: 0; left: var(--cmxd-lim);
1326 right: 0;
1327  border-radius: 0 99px 99px 0;
1328  background: repeating-linear-gradient(45deg, #EEF2F5 0 4px, #D9E2E9 4px 8px);
1329}
1330/* The limit itself */
1331.cmxd-meter::after {
1332  content: ""; position: absolute; top: -4px; bottom: -4px; left: var(--cmxd-lim);
1333  width: 3px; margin-left: -1px; background: var(--cmxd-limit); border-radius: 2px;
1334}
1335.cmxd-meter i {
1336  display: block; height: 100%; width: var(--cmxd-used);
1337  background: var(--cmxd-t); border-radius: 99px;
1338  animation: cmxd-fill 1.3s cubic-bezier(.2,.7,.2,1) both;
1339}
1340.cmxd-meter-label { margin-top: 6px; font-family: var(--cmxd-mono); font-size: .72rem; color: var(--cmxd-muted); }
1341.cmxd-cluster-foot {
1342  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px;
1343  margin-top: 14px; font-size: .78rem; color: rgba(255,255,255,.75);
1344}
1345.cmxd-key { display: inline-flex; align-items: center; gap: 6px; }
1346.cmxd-key-limit { width: 3px; height: 12px; background: var(--cmxd-limit); border-radius: 2px; }
1347.cmxd-key-hatch {
1348  width: 14px; height: 8px; border-radius: 2px;
1349  background: repeating-linear-gradient(45deg, #EEF2F5 0 3px, #9FB3C2 3px 6px);
1350}
1351@keyframes cmxd-fill { from { width: 0; } }
1352
1353/* ---------- 2. Gaps ---------- */
1354.cmxd-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
1355.cmxd-card {
1356  background: #fff; border: 1px solid var(--cmxd-line); border-radius: 16px;
1357  overflow: hidden; display: flex; flex-direction: column;
1358  transition: transform .2s ease, box-shadow .2s ease;
1359}
1360.cmxd-card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -24px rgba(11,60,93,.45); }
1361.cmxd-card-img { aspect-ratio: 16 / 9; background: var(--cmxd-ice); border-bottom: 1px solid var(--cmxd-line); overflow: hidden; }
1362.cmxd-card-img img { width: 100%; height: 100%; object-fit: cover; object-position: top left; display: block; }
1363.cmxd-card-body { padding: 22px 24px 26px; }
1364.cmxd-card h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 8px; }
1365.cmxd-card p { color: var(--cmxd-muted); }
1366
1367/* ---------- 3. Steps ---------- */
1368.cmxd-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 12px; }
1369.cmxd-step { position: relative; padding-top: 30px; border-top: 2px solid var(--cmxd-line); }
1370.cmxd-step-n {
1371  position: absolute; top: -18px; left: 0; width: 36px; height: 36px; border-radius: 50%;
1372  background: var(--cmxd-navy); color: #fff; display: grid; place-items: center;
1373  font-family: var(--cmxd-mono); font-weight: 700; font-size: .9rem;
1374}
1375.cmxd-step h3 { font-size: 1.15rem; font-weight: 700; margin-bottom: 8px; }
1376.cmxd-step p { color: var(--cmxd-muted); }
1377.cmxd-term { margin-top: 36px; background: var(--cmxd-night); border-radius: 14px; overflow: hidden; color: #DDE8F0; }
1378.cmxd-term-bar {
1379  display: flex; justify-content: space-between; gap: 12px; padding: 10px 16px;
1380  font-family: var(--cmxd-mono); font-size: .72rem; color: #86A2B8;
1381  border-bottom: 1px solid rgba(255,255,255,.08);
1382}
1383.cmxd-term pre {
1384  margin: 0; padding: 18px 16px; overflow-x: auto; white-space: pre;
1385  font-family: var(--cmxd-mono); font-size: .88rem; background: none; border: 0; color: inherit;
1386}
1387.cmxd-term .cmxd-prompt { color: var(--cmxd-cyan); }
1388.cmxd-term .cmxd-comment { color: #6F8DA3; }
1389.cmxd-term-foot { padding: 0 16px 16px; font-size: .85rem; }
1390.cmxd-term-foot a { color: var(--cmxd-cyan-soft); font-weight: 600; }
1391
1392/* ---------- 4. Roles ---------- */
1393.cmxd-layers { display: grid; gap: 10px; }
1394.cmxd-layer {
1395  display: grid; grid-template-columns: 230px 1fr; gap: 20px; align-items: center;
1396  padding: 18px 22px; border-radius: 14px; background: #fff; border: 1px solid var(--cmxd-line);
1397}
1398.cmxd-layer-1 { margin-inline: 15%; }
1399.cmxd-layer-2 { margin-inline: 10%; }
1400.cmxd-layer-3 { margin-inline: 5%; }
1401.cmxd-layer-base { background: var(--cmxd-navy); border-color: var(--cmxd-navy); color: #fff; }
1402.cmxd-layer-role { font-weight: 700; }
1403.cmxd-layer-desc { color: var(--cmxd-muted); }
1404.cmxd-layer-base .cmxd-layer-desc { color: rgba(255,255,255,.8); }
1405.cmxd-layers-caption { margin-top: 20px; text-align: center; font-weight: 600; color: var(--cmxd-navy); }
1406
1407/* ---------- 5. VMware band ---------- */
1408.cmxd-band {
1409  display: flex; align-items: center; justify-content: space-between; gap: 24px 40px;
1410  border-left: 5px solid var(--cmxd-cyan);
1411}
1412.cmxd-band h2 { font-size: clamp(1.35rem, 2.2vw, 1.75rem); font-weight: 700; }
1413.cmxd-band p { margin-top: 8px; color: var(--cmxd-muted); max-width: 62ch; }
1414.cmxd-band .cmxd-actions { margin-top: 0; flex: none; }
1415
1416/* ---------- 6. FAQ ---------- */
1417.cmxd-faq-wrap { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(24px, 4vw, 64px); align-items: start; }
1418.cmxd-faq details { border-bottom: 1px solid var(--cmxd-line); }
1419.cmxd-faq details:first-child { border-top: 1px solid var(--cmxd-line); }
1420.cmxd-faq summary {
1421  cursor: pointer; list-style: none; position: relative;
1422  padding: 18px 44px 18px 0; font-weight: 600; font-size: 1.05rem;
1423}
1424.cmxd-faq summary::-webkit-details-marker { display: none; }
1425.cmxd-faq summary::after {
1426  content: "+"; position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
1427  font-size: 1.5rem; line-height: 1; color: var(--cmxd-cyan); transition: transform .2s ease;
1428}
1429.cmxd-faq details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
1430.cmxd-faq details p { padding: 0 0 20px; color: var(--cmxd-muted); max-width: 68ch; }
1431
1432/* ---------- 7. Closing CTA ---------- */
1433.cmxd-cta { text-align: center; }
1434.cmxd-cta h2 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); font-weight: 700; }
1435.cmxd-cta .cmxd-sub { margin-inline: auto; }
1436.cmxd-cta .cmxd-actions { justify-content: center; }
1437
1438/* ---------- Responsive ---------- */
1439@media (max-width: 991px) {
1440  .cmxd-hero, .cmxd-faq-wrap { grid-template-columns: 1fr; }
1441  .cmxd-steps { grid-template-columns: 1fr; gap: 40px; }
1442  .cmxd-band { flex-direction: column; align-items: flex-start; }
1443}
1444@media (max-width: 767px) {
1445  .cmxd-grid { grid-template-columns: 1fr; }
1446  .cmxd-layer { grid-template-columns: 1fr; gap: 4px; }
1447  .cmxd-layer-1, .cmxd-layer-2, .cmxd-layer-3 { margin-inline: 0; }
1448}
1449@media (prefers-reduced-motion: reduce) {
1450  .cmxd-meter i { animation: none; }
1451  .cmxd-card, .cmxd a.cmxd-btn { transition: none; }
1452}
1453</style><div class="cmxd">
1454  <div class="cmxd-panel cmxd-dark">
1455    <div class="cmxd-hero">
1456      <div>
1457        <h1>
1458          <span class="cmxd-eyebrow">Multi-tenant control panel for Proxmox</span>
1459          <span class="cmxd-hero-title">Give your customers a login, not your cluster.</span>
1460        </h1>
1461        <p class="cmxd-lead">
1462          Cloudmox is a self-hosted, whitelabel portal that gives Proxmox the tenant model
1463          it doesn't ship with. Built for service providers, enterprises and IT teams.
1464        </p>
1465        <ul class="cmxd-chips">
1466          <li>Self-hosted</li>
1467          <li>Nothing installed on your nodes</li>
1468          <li>Billed per node</li>
1469        </ul>
1470        <div class="cmxd-actions">
1471          <a class="cmxd-btn cmxd-btn-primary" href="/appointment/1">Book a demo</a>
1472          <a class="cmxd-btn cmxd-btn-ghost" href="/partners?country_all=1">Get Cloudmox</a>
1473        </div>
1474      </div>
1475
1476      <div class="cmxd-cluster" role="img" aria-label="One Proxmox cluster divided into three branded tenants, each working within its own resource limit">
1477        <div class="cmxd-cluster-head">
1478          <span>pve-cluster · 3 clusters, 1 cloud</span>
1479          <span>3 tenants</span>
1480        </div>
1481
1482        <div class="cmxd-tenant" style="--cmxd-t:#8B7CF6">
1483          <div class="cmxd-tenant-top">
1484            <span class="cmxd-mark">AH</span>
1485            <span class="cmxd-tenant-name">Acme Hosting</span>
1486            <span class="cmxd-tenant-vms">14 VMs</span>
1487          </div>
1488          <div class="cmxd-meter" style="--cmxd-used:58%;--cmxd-lim:75%"><i></i></div>
1489          <div class="cmxd-meter-label">18 of 24 vCPU in pool</div>
1490        </div>
1491
1492        <div class="cmxd-tenant" style="--cmxd-t:#2FB67C">
1493          <div class="cmxd-tenant-top">
1494            <span class="cmxd-mark">NW</span>
1495            <span class="cmxd-tenant-name">Northwind IT</span>
1496            <span class="cmxd-tenant-vms">6 VMs</span>
1497          </div>
1498          <div class="cmxd-meter" style="--cmxd-used:31%;--cmxd-lim:45%"><i></i></div>
1499          <div class="cmxd-meter-label">10 of 14 vCPU in pool</div>
1500        </div>
1501
1502        <div class="cmxd-tenant" style="--cmxd-t:#E86A92">
1503          <div class="cmxd-tenant-top">
1504            <span class="cmxd-mark">SV</span>
1505            <span class="cmxd-tenant-name">Studio Branding</span>
1506            <span class="cmxd-tenant-vms">3 VMs</span>
1507          </div>
1508          <div class="cmxd-meter" style="--cmxd-used:22%;--cmxd-lim:25%"><i></i></div>
1509          <div class="cmxd-meter-label">7 of 8 vCPU in pool</div>
1510        </div>
1511
1512        <div class="cmxd-cluster-foot">
1513          <span class="cmxd-key"><span class="cmxd-key-limit"></span>Tenant limit</span>
1514          <span class="cmxd-key"><span class="cmxd-key-hatch"></span>Outside their pool</span>
1515          <span>Each tenant sees only their own VMs.</span>
1516        </div>
1517      </div>
1518    </div>
1519  </div>
1520</div><div class="cmxd">
1521  <div class="cmxd-panel cmxd-ice">
1522    <div class="cmxd-head">
1523      <span class="cmxd-eyebrow">What Cloudmox adds</span>
1524      <h2>The part Proxmox leaves to you</h2>
1525      <p class="cmxd-sub">
1526        Proxmox VE runs your infrastructure. Cloudmox adds the layer your customers
1527        and colleagues actually work in.
1528      </p>
1529    </div>
1530    <div class="cmxd-grid">
1531      <div class="cmxd-card">
1532        <div class="cmxd-card-img">
1533          <img loading="lazy" src="https://www.cloudmox.eu/web/image/6129-1ab56860/Granular%20permissions.webp" alt="Setting granular rights per user in Cloudmox"/>
1534        </div>
1535        <div class="cmxd-card-body">
1536          <h3>Group rights and delegated access</h3>
1537          <p>Give teams and customers exactly the rights they need, per VM, node or cluster. No Proxmox logins handed out.</p>
1538        </div>
1539      </div>
1540      <div class="cmxd-card">
1541        <div class="cmxd-card-img">
1542          <img loading="lazy" src="https://www.cloudmox.eu/web/image/6127-c29cf0c6/Resource%20pools.webp" alt="Resource pools with CPU, RAM and storage limits per tenant"/>
1543        </div>
1544        <div class="cmxd-card-body">
1545          <h3>Resource limits per tenant</h3>
1546          <p>Assign CPU, RAM and storage per customer. They work freely inside their pool, and never beyond it.</p>
1547        </div>
1548      </div>
1549      <div class="cmxd-card">
1550        <div class="cmxd-card-img">
1551          <img loading="lazy" src="https://www.cloudmox.eu/web/image/6132-73d9e236/Statistics.webp" alt="Usage statistics per node and VM"/>
1552        </div>
1553        <div class="cmxd-card-body">
1554          <h3>Usage tracking and billing</h3>
1555          <p>See what each tenant consumes and invoice it. Built in, with an API for your own billing system.</p>
1556        </div>
1557      </div>
1558      <div class="cmxd-card">
1559        <div class="cmxd-card-img">
1560          <img loading="lazy" src="https://www.cloudmox.eu/web/image/6131-583e3aca/White%20Label.webp" alt="Whitelabel settings with company colours and logo"/>
1561        </div>
1562        <div class="cmxd-card-body">
1563          <h3>Your own branding</h3>
1564          <p>Your colours, logo and URL. Your tenants can apply their own branding for their customers in turn.</p>
1565        </div>
1566      </div>
1567    </div>
1568  </div>
1569</div><div class="cmxd">
1570  <div class="cmxd-panel cmxd-bordered">
1571    <div class="cmxd-head">
1572      <span class="cmxd-eyebrow">Setup</span>
1573      <h2>Running in three steps</h2>
1574    </div>
1575    <div class="cmxd-steps">
1576      <div class="cmxd-step">
1577        <span class="cmxd-step-n">1</span>
1578        <h3>Install Cloudmox</h3>
1579        <p>One command on your own Debian or Ubuntu server. Nothing is installed on your Proxmox nodes.</p>
1580      </div>
1581      <div class="cmxd-step">
1582        <span class="cmxd-step-n">2</span>
1583        <h3>Configure clusters</h3>
1584        <p>Add each cluster with an API token and settings. Individual nodes and multiple clusters appear as one environment.</p>
1585      </div>
1586      <div class="cmxd-step">
1587        <span class="cmxd-step-n">3</span>
1588        <h3>Create tenants</h3>
1589        <p>Set up customers or teams, each with their own resource pool, rights and branding.</p>
1590      </div>
1591    </div>
1592    <div class="cmxd-term">
1593      <div class="cmxd-term-bar"><span>your-server — bash</span><span>1 line</span></div>
1594      
1595<pre><span class="cmxd-prompt">$</span> wget https://portal.inov.global/…
1596<span class="cmxd-comment"># Cloudmox connects over the Proxmox API. Your nodes stay untouched.</span></pre>
1597      <div class="cmxd-term-foot"><a href="/installing-cloudmox">Full installation guide →</a></div>
1598    </div>
1599  </div>
1600</div><div class="cmxd">
1601  <div class="cmxd-panel cmxd-ice">
1602    <div class="cmxd-head">
1603      <span class="cmxd-eyebrow">Roles</span>
1604      <h2>Every role gets exactly its own view</h2>
1605      <p class="cmxd-sub">
1606        Infrastructure is built and used by people with different jobs. Cloudmox shows
1607        each of them what they need, and nothing more.
1608      </p>
1609    </div>
1610    <div class="cmxd-layers">
1611      <div class="cmxd-layer cmxd-layer-1">
1612        <span class="cmxd-layer-role">Customers</span>
1613        <span class="cmxd-layer-desc">Their own VMs, in your or their branding.</span>
1614      </div>
1615      <div class="cmxd-layer cmxd-layer-2">
1616        <span class="cmxd-layer-role">First-line support</span>
1617        <span class="cmxd-layer-desc">The information and controls to help customers quickly.</span>
1618      </div>
1619      <div class="cmxd-layer cmxd-layer-3">
1620        <span class="cmxd-layer-role">Infrastructure managers</span>
1621        <span class="cmxd-layer-desc">One overview across every node and cluster.</span>
1622      </div>
1623      <div class="cmxd-layer cmxd-layer-base">
1624        <span class="cmxd-layer-role">Proxmox VE</span>
1625        <span class="cmxd-layer-desc">HA, storage, networking and manual settings, untouched.</span>
1626      </div>
1627    </div>
1628    <p class="cmxd-layers-caption">You stay in control. Cloudmox follows.</p>
1629  </div>
1630</div><div class="cmxd">
1631  <div class="cmxd-panel cmxd-bordered cmxd-band">
1632    <div>
1633      <h2>Moving off VMware?</h2>
1634      <p>Proxmox replaces vSphere. Cloudmox replaces the rest: tenant separation, delegated access, self-service and billing.</p>
1635    </div>
1636    <div class="cmxd-actions">
1637      <a class="cmxd-btn cmxd-btn-outline" href="/vmware-and-vcenter-alternative-with-proxmox-and-cloudmox">VMware alternative →</a>
1638    </div>
1639  </div>
1640</div><div class="cmxd">
1641  <div class="cmxd-panel cmxd-bordered">
1642    <div class="cmxd-faq-wrap">
1643      <div class="cmxd-head">
1644        <span class="cmxd-eyebrow">FAQ</span>
1645        <h2>Questions we hear most</h2>
1646        <p class="cmxd-sub">Anything else? <a class="cmxd-link" href="/contactus">Ask us directly.</a></p>
1647      </div>
1648      <div class="cmxd-faq">
1649        <details>
1650          <summary>Do I have to give users access to the Proxmox servers?</summary>
1651          <p>No, and that's exactly what you want to avoid. Once a cluster is connected, you manage access and rights to nodes and VMs from within Cloudmox. When an employee leaves, disable their account and all infrastru
1651cture is closed to them.</p>
1652        </details>
1653        <details>
1654          <summary>Will our clusters go down if Cloudmox is unavailable?</summary>
1655          <p>No. Cloudmox works through the Proxmox API and doesn't change your configuration. Your engineers can always use the Proxmox or Proxmox Datacenter Manager interface. Cloudmox also includes backup and restore, so reinstalling it is quick.</p>
1656        </details>
1657        <details>
1658          <summary>How do I import existing VMs and containers?</summary>
1659          <p>You don't need to. Proxmox is the single source of truth: connect a node and all its resources appear. You only assign them to a tenant or user. Changes made directly in Proxmox won't break Cloudmox, and Cloudmox won't break Proxmox.</p>
1660        </details>
1661        <details>
1662          <summary>Can customers create VMs themselves?</summary>
1663          <p>Yes. Give them a resource pool, and every VM they create follows your best practices. You decide what they see during creation, including friendly names for networks, storage and ISOs.</p>
1664        </details>
1665        <details>
1666          <summary>Can I host Cloudmox myself?</summary>
1667          <p>Yes. It runs on Debian or Ubuntu and installs with one command.</p>
1668        </details>
1669        <details>
1670          <summary>How is Cloudmox billed?</summary>
1671          <p>Per node, monthly or yearly, invoiced upfront in euros. Reverse-charge VAT applies, except for customers in the Netherlands. You can add nodes at any time and use them immediately. We don't charge per user, VM or tenant, or for help with configuration.</p>
1672        </details>
1673      </div>
1674    </div>
1675  </div>
1676</div><div class="cmxd">
1677  <div class="cmxd-panel cmxd-dark cmxd-cta">
1678    <h2>See Cloudmox on your own cluster</h2>
1679    <p class="cmxd-sub">Billed per node. No charge per user, VM or tenant.</p>
1680    <div class="cmxd-actions">
1681      <a class="cmxd-btn cmxd-btn-primary" href="/appointment/1">Book a demo</a>
1682      <a class="cmxd-btn cmxd-btn-ghost" href="/partners?country_all=1">Get Cloudmox from a partner</a>
1683    </div>
1684  </div>
1685</div></div>
1686    </section><p style="text-align: left;" class="small"><br/></p>
1687        </div>
1688    </section><section class="s_title o_colored_level o_cc o_cc2 pb32 pt0" data-vcss="001" data-snippet="s_title" data-name="Titel">
1689        
1690        <div class="s_allow_columns container">
1691            <h2 class="display-3-fs" style="text-align: center;"><span style="font-size: 40px;">Screenshots</span></h2>
1692        </div>
1693    </section><section class="s_image_gallery o_slideshow o_colored_level s_image_gallery_arrows_rounded o_cc pt0 s_image_gallery_indicators_squared s_image_gallery_controllers_outside pb112 o_cc2" data-vcss="002" data-columns="3" data-snippet="s_image_gallery" data-name="Fotogalerij">
1694        <div class="overflow-hidden container"><div style="margin: 0 12px;" id="slideshow_1790079941663" class="carousel slide" data-bs-ride="carousel" data-bs-interval="2000"><div class="carousel-inner"><div class="carousel-item active"><img src="/web/image/8026-ab3300c5/View%20VMs%20as%20a%20Tenant.webp" alt="View VM as a tenant" data-attachment-id="8025" class="img img-fluid o_we_custom_image d-block mh-100 mw-100 mx-auto object-fit-cover o_editable_media rounded" data-format-mimetype="image/webp" data-resize-width="1266" data-original-id="8025" data-original-src="/web/image/8025-172943fd/View%20VMs%20as%20a%20Tenant.png" data-mimetype-before-conversion="image/png" data-mimetype="image/webp" data-index="0" title="Tenant dashboard Proxmox" style="padding: 12px;" loading="lazy"/></div><div class="carousel-item undefined"><img src="/web/image/6334-1423a9c7/Filters%20and%20search%20for%20VMs.webp" alt="Search and filter VMs and resource limits" data-attachment-id="6332" class="img img-fluid o_we_custom_image d-block mh-100 mw-100 mx-auto object-fit-cover o_editable_media rounded" data-format-mimetype="image/webp" data-resize-width="1266" data-original-id="6332" data-original-src="/web/image/6332-5a825725/Filters%20and%20search%20for%20VMs.png" data-mimetype-before-conversion="image/png" data-mimetype="image/webp" data-index="1" loading="lazy"/></div><div class="carousel-item undefined"><img src="/web/image/6131-583e3aca/White%20Label.webp" alt="Whitelabel Proxmox panel with personal settings per company" data-attachment-id="6108" class="img img-fluid o_we_custom_image d-block mh-100 mw-100 mx-auto rounded object-fit-cover o_editable_media" data-format-mimet
1694ype="image/webp" data-resize-width="1920" data-original-id="6108" data-original-src="/web/image/6108-85a1db10/White%20Label.png" data-mimetype-before-conversion="image/png" data-mimetype="image/webp" data-index="2" title="Change colours, logos and setting to offer whitelabel Proxmox VMs" loading="lazy"/></div><div class="carousel-item undefined"><img src="/web/image/6129-1ab56860/Granular%20permissions.webp" alt="Set granular rights for each user" data-attachment-id="6112" class="img img-fluid o_we_custom_image d-block mh-100 mw-100 mx-auto rounded object-fit-cover o_editable_media" data-format-mimetype="image/webp" data-resize-width="1920" data-original-id="6112" data-original-src="/web/image/6112-c94f639e/Granular%20permissions.png" data-mimetype-before-conversion="image/png" data-mimetype="image/webp" data-index="3" title="You can give a user rights per VM, cluster or node" loading="lazy"/></div><div class="carousel-item undefined"><img src="/web/image/6128-fd26efad/Help%20and%20support.webp" alt="Help is available for all users." data-attachment-id="6116" class="img img-fluid o_we_custom_image d-block mh-100 mw-100 mx-auto rounded object-fit-cover o_editable_media" data-format-mimetype="image/webp" data-resize-width="1920" data-original-id="6116" data-original-src="/web/image/6116-722397f2/Help%20and%20support.png" data-mimetype-before-conversion="image/png" data-mimetype="image/webp" data-index="4" loading="lazy"/></div><div class="carousel-item undefined"><img src="/web/image/6138-b59d062b/Auditor%20logging.webp" data-attachment-id="6123" class="img img-fluid o_we_custom_image d-block mh-100 mw-100 mx-auto rounded object-fit-cover o_editable_media" data-format-mimetype="image/webp" data-resize-width="1920" data-original-id="6123" data-original-src="/web/image/6123-1dd8d17f/Auditor%20logging.png" data-mimetype-before-conversion="image/png" data-mimetype="image/webp" data-index="5" alt="Give your auditor read only access and keep track of changes" title="find what users did with their VMs" loading="lazy"/></div><div class="carousel-item undefined"><img src="/web/image/6135-70bf7630/LDAP%20and%20external%20accounts.webp" alt="Use multiple SSO combined with Proxmox" data-attachment-id="6121" class="img img-fluid o_we_custom_image d-block mh-100 mw-100 mx-auto rounded object-fit-cover o_editable_media" data-format-mimetype="image/webp" data-resize-width="1920" data-original-id="6121" data-original-src="/web/image/6121-cd3a5fc1/LDAP%20and%20external%20accounts.png" data-mimetype-before-conversion="image/png" data-mimetype="image/webp" data-index="6" loading="lazy"/></div><div class="carousel-item undefined"><img src="/web/image/6137-723b0b3d/User%20management.webp" alt="Add and manage customers with Proxmox" data-attachment-id="6122" class="img img-fluid o_we_custom_image d-block mh-100 mw-100 mx-auto rounded object-fit-cover o_editable_media" data-format-mimetype="image/webp" data-resize-width="1920" data-original-id="6122" data-original-src="/web/image/6122-262a4b3f/User%20management.png" data-mimetype-before-conversion="image/png" data-mimetype="image/webp" data-index="7" loading="lazy"/></div></div><div class="o_carousel_controllers"><button class="carousel-control-prev o_we_no_overlay o_not_editable" data-bs-slide="prev" aria-label="Previous" title="Previous" data-bs-target="#slideshow_1790079941663"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button><div class="carousel-indicators s_image_gallery_indicators_bars"><button type="button" aria-label="Carousel indicator" data-bs-target="#slideshow_1790079941663" data-bs-slide-to="0" style="background-image: url(/web/image/8026-ab3300c5/View%20VMs%20as%20a%20Tenant.webp)" class="active" aria-current="true"></button><button type="button" aria-label="Carousel indicator" data-bs-target="#slideshow_1790079941663" data-bs-slide-to="1" style="background-image: url(/web/image/6334-1423a9c7/Filters%20and%20search%20for%20VMs.webp)"></button><button type="button" aria-label="Carousel indicator" data-bs-target="#slideshow_1790079941663" data-bs-slide-to="2" style="background-image: url(/web/image/6131-583e3aca/White%20Label.webp)"></button><button type="button" aria-label="Carousel indicator" data-bs-target="#slideshow_1790079941663" data-bs-slide-to="3" style="background-image: url(/web/image/6129-1ab56860/Granular%20permissions.webp)"></button><button type="button" aria-label="Carousel indicator" data-bs-target="#slideshow_1790079941663" data-bs-slide-to="4" style="background-image: url(/web/image/6128-fd26efad/Help%20and%20support.webp)"></button><button type="button" aria-label="Carousel indicator" data-bs-target="#slideshow_1790079941663" data-bs-slide-to="5" style="background-image: url(/web/image/6138-b59d062b/Auditor%20logging.webp)"></button><button type="button" aria-label="Carousel indicator" data-bs-target="#slideshow_1790079941663" data-bs-slide-to="6" style="background-image: url(/web/image/6135-70bf7630/LDAP%20and%20external%20accounts.webp)"></button><button type="button" aria-label="Carousel indicator" data-bs-target="#slideshow_1790079941663" data-bs-slide-to="7" style="background-image: url(/web/image/6137-723b0b3d/User%20management.webp)"></button></div>
1694<button class="carousel-control-next o_we_no_overlay o_not_editable" data-bs-slide="next" aria-label="Next" title="Next" data-bs-target="#slideshow_1790079941663"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span></button></div></div></div>
1695    </section><section class="s_title o_cc o_colored_level o_cc1 pb4 pt48" data-vcss="001" data-oe-shape-data="{&#39;shape&#39;:&#39;html_builder/Airy/07_001&#39;,&#39;colors&#39;:{&#39;c5&#39;:&#39;rgba(255,255,255,0.25)&#39;},&#39;showOnMobile&#39;:true}" data-snippet="s_title" data-name="Titel">
1696        <div class="o_we_shape o_html_builder_Airy_07_001" style="background-image: url(&#34;/html_editor/shape/html_builder/Airy/07_001.svg?c5=rgba(255,255,255,0.25)&#34;);"></div>
1697        <div class="container s_allow_columns">
1698            <h2 class="display-3-fs" style="text-align: center;"><span style="font-size: 40px;"><strong>Some of our partners</strong></span></h2>
1699        </div>
1700    </section><section class="s_image_gallery o_slideshow s_image_gallery_controllers_outside s_image_gallery_controllers_outside_arrows_right s_image_gallery_indicators_dots o_colored_level pb0 pt0 s_image_gallery_arrows_rounded" data-vcss="002" data-columns="3" data-snippet="s_image_gallery" data-name="Fotogalerij" style="height: 555px;">
1701        <div class="overflow-hidden o_container_small"><div style="margin: 0 12px;" id="slideshow_1787654996633" class="carousel slide carousel-dark" data-bs-ride="carousel" data-bs-interval="2000"><div class="carousel-inner"><div class="carousel-item active"><img src="/web/image/8024-da50eefa/fsas-logo-vierkant.webp" alt="Fsas logo" data-attachment-id="8022" class="img img-fluid o_we_custom_image d-block mh-100 mw-100 mx-auto rounded object-fit-cover o_editable_media" data-format-mimetype="image/webp" data-resize-width="451" data-original-id="8022" data-original-src="/web/image/8022-f05008c2/fsas-logo-vierkant.png" data-mimetype-before-conversion="image/png" data-mimetype="image/webp" data-index="0" style="width: 100% !important; padding: 81px;" title="Solution Provider FSAS" loading="lazy"/></div><div class="carousel-item undefined"><img src="/web/image/8015-6a8039e1/Logo%20zwart.svg" alt="Software One Logo" data-attachment-id="6448" class="img img-fluid d-block mh-100 mw-100 mx-auto object-fit-cover o_editable_media o_we_custom_image rounded" data-original-id="6448" data-original-src="/web/image/6448-6a8039e1/Logo%20zwart.svg" data-mimetype-before-conversion="image/svg+xml" style="width: 100% !important; padding: 120px;" data-index="1" title="Software One Distribution partner" loading="lazy"/></div><div class="carousel-item undefined"><img src="/web/image/4024-cecd136d/sysfacts-logo.webp" alt="Sysfacts Logo" data-attachment-id="4023" class="img img-fluid d-block mh-100 mw-100 mx-auto rounded object-fit-cover o_editable_media o_we_custom_image" data-format-mimetype="image/webp" data-resize-width="500" data-original-id="4023" data-original-src="/web/image/4023-05a9f528/sysfacts-logo.png" data-mimetype-before-conversion="image/png" data-mimetype="image/webp" style="width: 100% !important;" data-index="2" title="Sysfacts Solution Provider" loading="lazy"/></div><div class="carousel-item undefined"><img src="/web/image/7038-71c9dbad/Cloudinventor_logo_.webp" alt="CloudInventor" data-attachment-id="2208" class="img img-fluid d-block mh-100 mw-100 mx-auto rounded object-fit-cover o_editable_media o_we_custom_image" data-format-mimetype="image/webp" data-resize-width="690" data-original-id="2208" data-original-src="/web/image/2208-e77d7bb4/Cloudinventor_logo_.png" data-mimetype-before-conversion="image/png" data-mimetype="image/webp" style="width: 50% !important;" data-index="3" title="CloudInventor EU Distributor" loading="lazy"/></div><div class="carousel-item undefined"><img src="/web/image/6480-73ec8fc2/Logo%20CloudMonsters%20on%20white.webp" alt="CloudMonsters" data-attachment-id="6479" class="img img-fluid o_we_custom_image d-block mh-100 mw-100 mx-auto rounded object-fit-cover o_editable_media" data-format-mimet
1701ype="image/webp" data-resize-width="500" data-original-id="6479" data-original-src="/web/image/6479-3948779c/Logo%20CloudMonsters%20on%20white.png" data-mimetype-before-conversion="image/png" data-mimetype="image/webp" data-index="4" style="width: 100% !important;" title="CloudMonsters Solution Provider" loading="lazy"/></div></div><div class="o_carousel_controllers"><button class="carousel-control-prev o_we_no_overlay o_not_editable" data-bs-slide="prev" aria-label="Vorige" title="Vorige" data-bs-target="#slideshow_1787654996633"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Vorige</span></button><div class="carousel-indicators s_image_gallery_indicators_bars"><button type="button" aria-label="Carrousel-indicator" data-bs-target="#slideshow_1787654996633" data-bs-slide-to="0" style="background-image: url(/web/image/8024-da50eefa/fsas-logo-vierkant.webp)" class="active" aria-current="true"></button><button type="button" aria-label="Carrousel-indicator" data-bs-target="#slideshow_1787654996633" data-bs-slide-to="1" style="background-image: url(/web/image/8015-6a8039e1/Logo%20zwart.svg)"></button><button type="button" aria-label="Carrousel-indicator" data-bs-target="#slideshow_1787654996633" data-bs-slide-to="2" style="background-image: url(/web/image/4024-cecd136d/sysfacts-logo.webp)"></button><button type="button" aria-label="Carrousel-indicator" data-bs-target="#slideshow_1787654996633" data-bs-slide-to="3" style="background-image: url(/web/image/7038-71c9dbad/Cloudinventor_logo_.webp)"></button><button type="button" aria-label="Carrousel-indicator" data-bs-target="#slideshow_1787654996633" data-bs-slide-to="4" style="background-image: url(&#34;/web/image/6480-73ec8fc2/Logo%20CloudMonsters%20on%20white.webp&#34;);"></button></div><button class="carousel-control-next o_we_no_overlay o_not_editable" data-bs-slide="next" aria-label="Volgende" title="Volgende" data-bs-target="#slideshow_1787654996633"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Volgende</span></button></div></div></div>
1702    </section><section class="s_text_block o_cc o_colored_level o_cc1 pb72 pt32" data-snippet="s_text_block" data-name="Text">
1703        <div class="s_allow_columns container">
1704            <p style="text-align: center;"><a class="o_translate_inline btn-lg rounded-circle btn btn-primary" href="/partners?country_all=1"><span style="font-size: 18px;"><font style="color: rgb(255, 255, 255);">Get Cloudmox from a partner</font></span></a></p>
1705        </div>
1706    </section></div>
1707    
1708        <div id="o_shared_blocks" class="oe_unremovable"><div class="s_popup o_snippet_invisible" data-vcss="001" data-snippet="s_popup" data-name="Popup" id="sPopup1790078182713" data-invisible="1">
1709        <div class="modal fade s_popup_middle modal_shown" style="background-color: var(--black-50) !important; display: none;" data-show-after="0" data-display="afterDelay" data-consents-duration="1" data-bs-focus="false" data-bs-backdrop="false" tabindex="-1" aria-label="Popup" aria-hidden="true">
1710            <div class="modal-dialog d-flex">
1711                <div class="modal-content oe_structure">
1712                    <div class="s_popup_close js_close_popup o_we_no_overlay o_not_editable" aria-label="Close">×</div>
1713                    <section class="s_banner o_colored_level s_parallax_no_overflow_hidden pt4 pb0 o_snippet_invisible o_conditional_hidden" data-snippet="s_banner" data-attachment-id="8570" data-format-mimetype="image/webp" data-scroll-background-ratio="0" data-visibility="conditional" data-visibility-value-logged="[{&#34;id&#34;:1,&#34;value&#34;:&#34;true&#34;}]" data-visibility-selectors="html:not([data-logged=&#34;true&#34;]) body:not(.editor_enable) [data-visibility-id=&#34;logged_o_1&#34;]" data-visibility-id="logged_o_1" data-name="Banner">
1714                        <div class="container">
1715                            <div class="row s_nb_column_fixed">
1716                                <div class="col-lg-10 offset-lg-1 text-center o_cc o_cc1 jumbotron pt48 pb48 o_colored_level s_parallax_no_overflow_hidden" data-scroll-background-ratio="0">
1717                                    <p style="text-align: center;"><span class="h2-fs">&nbsp;You are logged in.</span></p><p style="text-align: center;"><span class="h4-fs">Click on the <span class="fa fa-user"></span> icon in the top to view you account. You can order and get help from the main menu</sp
1717an></p></div>
1718                            </div>
1719                        </div>
1720                    </section>
1721                </div>
1722            </div>
1723        </div>
1724    </div></div>
1725                </main>
1726                <footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc ">
1727                    <div id="footer" class="oe_structure oe_structure_solo text-break">
1728            <section class="s_text_block pt48 pb0" data-snippet="s_text_block" data-name="Top Part">
1729                <div class="container">
1730                    <div class="row o_grid_mode" data-row-count="5">
1731                        
1732                        
1733                        
1734                        <div class="o_colored_level o_grid_item col-lg-2 o_grid_item_image o_grid_item_image_contain g-height-4 g-col-lg-3 col-lg-3 order-lg-0" style="grid-area: 1 / 10 / 5 / 13; z-index: 4; order: 2;"><a href="/" class="o_footer_logo logo">
1735                                <img src="/web/image/7148-0b479401/Cloudmox-logo-vertical-transparant.webp" alt="Cloudmox Logo" data-attachment-id="7144" class="img-fluid img o_we_custom_image o_editable_media" style="padding: 2px;" data-format-mimetype="image/webp" data-resize-width="690" data-original-id="7144" data-original-src="/web/image/7144-4f601982/Cloudmox-logo-vertical-transparant.png" data-mimetype-before-conversion="image/png" data-mimetype="image/webp" loading="lazy"/>
1736                            </a></div>
1737                        
1738                        
1739                    <div class="o_colored_level o_grid_item g-height-5 g-col-lg-3 col-lg-3 order-lg-0" style="z-index: 3; grid-area: 1 / 6 / 6 / 9; order: 0;">
1740                            <h5 style="text-align: left;"><strong>Contact Cloudmox Europe</strong></h5>
1741                            <ul class="list-unstyled">
1742                                <li style="text-align: left;"><a class="o_translate_inline" href="mailto:[email protected]">[email protected]</a></li>
1743                                <li style="text-align: left;"><a class="o_translate_inline" href="tel:+31858330199">+31 (0)85 8330 199</a><br/><a href="/contactus" class="o_translate_inline">More details and form</a>&nbsp;<a href="/contactus"><span class="fa fa-arrow-circle-o-right text-o-color-2"></span></a></li>
1744                            </ul>
1745                            <div style="text-align: left;">Keesomstraat 44</div><p style="text-align: left;">6716 AB Ede, Netherlands</p>
1746                        </div><div class="o_colored_level o_grid_item g-col-lg-2 col-lg-2 g-height-4 order-lg-0" style="z-index: 1; grid-area: 1 / 1 / 5 / 3; order: 1;">
1747                            <h5><strong>Navigation</strong></h5>
1748                            <ul class="list-unstyled">
1749                                <li>
1750                                </li><li><a href="/appointment/1">Book a demo</a><br/></li>
1751                                <li><a href="/about">About Cloudmox</a></li><li><a href="/press-and-media" class="o_translate_inline">Press &amp; media</a></li>
1752                                <li><a href="/blog">Articles<br/></a><br/></li>
1753                                <li>
1754                                    &nbsp;<br/></li>
1755                            </ul>
1756                        </div></div>
1757                </div>
1758            </section>
1759            
1760        </div>
1761    <div class="o_footer_copyright o_colored_level o_cc" data-name="Copyright">
1762                        <div class="container py-3">
1763                            <div class="row row-gap-2">
1764                                <div class="text-muted col-md col-md d-flex flex-column-reverse gap-2 text-md-start">
1765                                    <span class="o_footer_copyright_name me-2 small">©&nbsp;Cloudmox&nbsp;Europe by&nbsp;<a class="o_translate_inline" href="https://www.cloudinventor.eu/">CloudInventor</a>&nbsp;-&nbsp;<a href="https://www.cloudmox.eu/general-terms-and-conditions" class="o_translate_inline">General terms and conditions</a>&nbsp;-&nbsp;<a href="https://www.cloudmox.eu/privacy-statement" class="o_translate_inline">Privacy policy</a>&nbsp;</span>
1766                                </div>
1767                                <div class="col-md o_not_editable small col-md mt-auto mb-0 text-md-end">
1768        <div class="o_brand_promotion">
1769        Powered by 
1770            <a target="_blank" class="badge text-bg-light" href="http://www.odoo.com?utm_source=db&amp;utm_medium=website">
1771                <img alt="Odoo" src="/web/static/img/odoo_logo_tiny.png" width="62" height="20" style="width: auto; height: 1em; vertical-align: baseline;" loading="lazy"/>
1772            </a>
1773        - 
1774                    The #1 <a target="_blank" href="http://www.odoo.com/app/ecommerce?utm_source=db&amp;utm_medium=website">Open Source eCommerce</a>
1775                
1776        </div>
1777                                </div>
1778                            </div>
1779                        </div>
1780                    </div>
1781                </footer>
1782            </div>
1783        
1784        </body>
1785</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.