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> Get Cloudmox <span class="fa fa-shopping-cart"></span> </small></span> </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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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> Get Cloudmox <span class="fa fa-shopping-cart"></span> </small></span> </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="{'shape':'html_builder/Airy/07_001','colors':{'c5':'rgba(255,255,255,0.25)'},'showOnMobile':true}" data-snippet="s_title" data-name="Title"> 707 <div class="o_we_shape o_html_builder_Airy_07_001" style="background-image: url("/html_editor/shape/html_builder/Airy/07_001.svg?c5=rgba(255,255,255,0.25)");"></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="{'shape':'html_builder/Airy/07_001','colors':{'c5':'rgba(255,255,255,0.25)'},'showOnMobile':true}" data-snippet="s_title" data-name="Titel"> 1696 <div class="o_we_shape o_html_builder_Airy_07_001" style="background-image: url("/html_editor/shape/html_builder/Airy/07_001.svg?c5=rgba(255,255,255,0.25)");"></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("/web/image/6480-73ec8fc2/Logo%20CloudMonsters%20on%20white.webp");"></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="[{"id":1,"value":"true"}]" data-visibility-selectors="html:not([data-logged="true"]) body:not(.editor_enable) [data-visibility-id="logged_o_1"]" 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"> 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> <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 & media</a></li> 1752 <li><a href="/blog">Articles<br/></a><br/></li> 1753 <li> 1754 <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">© Cloudmox Europe by <a class="o_translate_inline" href="https://www.cloudinventor.eu/">CloudInventor</a> - <a href="https://www.cloudmox.eu/general-terms-and-conditions" class="o_translate_inline">General terms and conditions</a> - <a href="https://www.cloudmox.eu/privacy-statement" class="o_translate_inline">Privacy policy</a> </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&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&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.