www.hacc.mil Open in urlscan Pro
2a02:26f0:480:24::1726:625e  Public Scan

Submitted URL: http://www.hacc.mil/
Effective URL: https://www.hacc.mil/
Submission: On February 09 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

POST /

<form method="post" action="/" id="Form" enctype="multipart/form-data">
  <div class="aspNetHidden">
    <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
    <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
      value="JjzBv1xz7R6d1NZM16Bc7/dDaJmGz716eMbSAg64jYk72LThPufhqdLEyGuY0AfAxJ2PX0tC7CbSwrTzthYWgtjIhVfAegnF1VjyUU3Z6Bxs+IlYBa1lsUNBjBEMPCaxoi8OlyiDImw+aFK7IGgnf94UFGfb8avfWAXRVPA2Hi27FCH8Iplm84kqsUmC7sc6i/jp1Q==">
  </div>
  <script type="text/javascript">
    //<![CDATA[
    var theForm = document.forms['Form'];
    if (!theForm) {
      theForm = document.Form;
    }

    function __doPostBack(eventTarget, eventArgument) {
      if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
      }
    }
    //]]>
  </script>
  <script src="/WebResource.axd?d=pynGkmcFUV0JwCJq02pBM5hu37VK52ATsgnYFxg-XxWGX0LYJ3mbwraaWwM1&amp;t=638343924336178820" type="text/javascript"></script>
  <script src="/ScriptResource.axd?d=NJmAwtEo3IrZZmhJbgLN7n1FwhuTJbajvmySO9QBr6i6zzzRyl6QF-8j0H4S-sD0hixqDz0d-Vujdi3MvDRr6hXBsdDKcKa7NksbEQY7g6k3ZSEstlgnEP2q9p_Nl5yEr2VDGw2&amp;t=20e3ff6b" type="text/javascript"></script>
  <script src="/ScriptResource.axd?d=dwY9oWetJoIvUjxxH4p9bCJMmUDv-qgwxoAeD0W0JDFhvrbEUP41TpnqX4tfMCTuBVtMAY5BK7CMtCDqlACCH4GKtxFEd7YXvMw-KQEYwFXFhcauGEnIF2TD_CxRkDQLLPMbFuQe5XPVhKch0&amp;t=20e3ff6b" type="text/javascript"></script>
  <div class="aspNetHidden">
    <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334">
    <input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="">
    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="mBuWnhBZc8JeoZGg0KllMf0k5CJb3BStCqiO+vB/i/eOrMPHiruSzwW6zw+0l6lG7IVpT0ftGA4AWILSk9NN344U80hB3uvAcAW4MURMF5QOcjhq">
  </div>
  <script src="/Desktopmodules/SharedLibrary/Plugins/MediaElement4.2.9/mediaelement-and-player.min.js?cdv=3988" type="text/javascript"></script>
  <script src="/js/dnn.js?cdv=3988" type="text/javascript"></script>
  <script src="/js/dnn.modalpopup.js?cdv=3988" type="text/javascript"></script>
  <script src="/Resources/Shared/Scripts/jquery/jquery.hoverIntent.min.js?cdv=3988" type="text/javascript"></script>
  <script src="/Portals/_default/skins/dod2/resources/js/skin.js?cdv=3988" type="text/javascript"></script>
  <script src="/js/dnncore.js?cdv=3988" type="text/javascript"></script>
  <script src="/Desktopmodules/SharedLibrary/Plugins/Mobile-Detect/mobile-detect.min.js?cdv=3988" type="text/javascript"></script>
  <script src="/DesktopModules/SharedLibrary/Plugins/aos/aos.js?cdv=3988" type="text/javascript"></script>
  <script src="/Resources/libraries/jQuery-Migrate/03_00_00/jquery-migrate.js?cdv=3988" type="text/javascript"></script>
  <script src="/Desktopmodules/SharedLibrary/Plugins/DVIDSAnalytics/DVIDSVideoAnalytics.min.js?cdv=3988" type="text/javascript"></script>
  <script src="/Desktopmodules/SharedLibrary/Plugins/TouchSwipe/jquery.touchSwipe.min.js?cdv=3988" type="text/javascript"></script>
  <script src="/Desktopmodules/SharedLibrary/Plugins/Cycle/cycle2.js?cdv=3988" type="text/javascript"></script>
  <script src="/Desktopmodules/SharedLibrary/Plugins/Cycle/jquery.cycle2.swipe.js?cdv=3988" type="text/javascript"></script>
  <script src="/Desktopmodules/SharedLibrary/Plugins/ImageScroll/jquery.imageScroll.min.js?cdv=3988" type="text/javascript"></script>
  <script src="/DesktopModules/ArticleCS/Resources/ArticleCS/js/ArticleCS.js?cdv=3988" type="text/javascript"></script>
  <script src="/Desktopmodules/SharedLibrary/Plugins/ColorBox/jquery.colorbox.js?cdv=3988" type="text/javascript"></script>
  <script src="/js/dnn.servicesframework.js?cdv=3988" type="text/javascript"></script>
  <script src="/Desktopmodules/SharedLibrary/Plugins/Skin/js/common.js?cdv=3988" type="text/javascript"></script>
  <script type="text/javascript">
    //<![CDATA[
    Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', [], [], [], 90, '');
    //]]>
  </script>
  <!--CDF(Javascript|/Portals/_default/skins/dod2/resources/js/skin.js?cdv=3988|DnnBodyProvider|100)-->
  <!--CDF(Css|/Portals/_default/skins/dod2/resources/css/full-width.css?cdv=3988|DnnPageHeaderProvider|100)-->
  <script type="text/javascript">
    $('#personaBar-iframe').load(function() {
      $('#personaBar-iframe').contents().find("head").append($("<style type='text/css'>.personabar .personabarLogo {}</style>"));
    });
  </script>
  <script type="text/javascript">
    jQuery(document).ready(function() {
      initializeSkin();
    });
  </script>
  <script type="text/javascript">
    var skinvars = {
      "SiteName": "J9 Hosting and Compute",
      "SiteShortName": "J9 HaC",
      "SiteSubTitle": "",
      "aid": "dod_hacc",
      "IsSecureConnection": false,
      "IsBackEnd": false,
      "DisableShrink": false,
      "IsAuthenticated": false,
      "SearchDomain": "search.usa.gov",
      "SiteUrl": "http://www.hacc.mil/",
      "LastLogin": null,
      "IsLastLoginFail": false,
      "IncludePiwik": false,
      "PiwikSiteID": -1,
      "SocialLinks": {
        "Facebook": {
          "Url": "",
          "Window": "",
          "Relationship": ""
        },
        "Twitter": {
          "Url": "",
          "Window": "_blank",
          "Relationship": "noopener"
        },
        "YouTube": {
          "Url": "https://www.youtube.com/channel/UCDwBEz1ExIEkJ33mssCigQA",
          "Window": "_blank",
          "Relationship": "noopener"
        },
        "Flickr": {
          "Url": "",
          "Window": "",
          "Relationship": ""
        },
        "Pintrest": {
          "Url": "",
          "Window": "_blank",
          "Relationship": "noopener"
        },
        "Instagram": {
          "Url": "",
          "Window": "",
          "Relationship": ""
        },
        "Blog": {
          "Url": "",
          "Window": "",
          "Relationship": ""
        },
        "RSS": {
          "Url": "",
          "Window": "_blank",
          "Relationship": "noopener"
        },
        "Podcast": {
          "Url": "",
          "Window": "_blank",
          "Relationship": "noopener"
        },
        "Email": {
          "Url": "",
          "Window": "",
          "Relationship": ""
        },
        "LinkedIn": {
          "Url": "https://www.linkedin.com/company/ccpo/",
          "Window": "_blank",
          "Relationship": "noopener"
        },
        "Snapchat": {
          "Url": "",
          "Window": "_blank",
          "Relationship": "noopener"
        }
      },
      "SiteLinks": null,
      "LogoffTimeout": 3300000,
      "SiteAltLogoText": ""
    };
  </script>
  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "Organization",
      "logo": "http://www.hacc.mil/Portals/126/Images/DISA_J9-Hac24Bit2.png?ver=tNcsx0ojXq__IYTyb1bT9w%3d%3d",
      "name": "J9 Hosting and Compute",
      "url": "http://www.hacc.mil/",
      "sameAs": ["https://www.youtube.com/channel/UCDwBEz1ExIEkJ33mssCigQA"]
    }
  </script>
  <style type="text/css">
    /*Start Dynamic Skin Css*/
    .skin-header-background {
      background-image: url(/Portals/126/Images/HaCC_header_BKGD_ONLY.jpg?ver=j8Z4Oujyv48CPHaIHBPPcA%3d%3d) !important;
    }

    .skin-footer-background {
      background-image: url(/Portals/126/Images/J9_HaC_Blue-Lightning_Footer_v2.jpg?ver=BkpK3pmsb0h2dc7oQdJWZg%3d%3d) !important;
    }

    #content a:hover {
      color: rgb(13, 97, 240) !important;
    }

    .otnav {
      background: rgb(59, 79, 112) !important;
    }

    .otnav ul ul,
    .otnav ul li a:hover,
    .otnav ul li:hover,
    .otnav ul li a:focus,
    .otnav ul li:focus {
      background-color: #0d61f0 !important;
    }

    .otnav ul ul li a:hover,
    .otnav ul ul li:hover {
      background-color: rgb(59, 79, 112) !important;
    }

    .otnav ul ul li a:hover,
    .otnav ul ul li:hover,
    .otnav ul ul li a:focus,
    .otnav ul ul li:focus {
      background-color: rgb(255, 255, 255) !important;
    }

    .otnav ul li a,
    .otnav ul li a:hover {
      color: #ffffff !important;
    }

    .otnav ul li a .fa-angle-down,
    .otnav ul li a .fa-angle-right {
      color: #ffffff !important;
      opacity: .6;
    }

    footer .skin-footer-background a:hover {
      color: rgb(13, 97, 240) !important;
    }

    .skin-title .title-text {
      color: rgb(11, 34, 66) !important;
    }

    @media screen and (min-width: 768px) {
      .skin-title .title-text {
        font-size: 40px;
        line-height: 40px;
        overflow: visible;
      }

      .scroll .skin-title .title-text {
        line-height: 0
      }
    }

    .skin-title .subtitle-text {
      color: rgb(255, 255, 255) !important;
    }

    @media screen and (min-width: 768px) {
      .skin-title .subtitle-text {
        font-size: ;
        line-height: ;
        overflow: visible;
      }

      .scroll .skin-title .subtitle-text {
        line-height: 28px;
      }
    }
  </style>
  <div class="dma-full-width v2-template  ">
    <div id="skip-link-holder"><a id="skip-link" href="#skip-target">Skip to main content (Press Enter).</a></div>
    <header id="main-header" role="banner">
      <div class="skin-header skin-header-background">
        <div class="container-flex">
          <div class="skin-header-left">
            <button type="button" class="navbar-toggle pull-left skin-nav-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="fa fa-bars"></span>
            </button>
            <div class="skin-logo">
              <a href="http://www.hacc.mil/" rel="" target="">
                        <img src="/Portals/126/Images/DISA_J9-Hac24Bit2.png?ver=tNcsx0ojXq__IYTyb1bT9w%3d%3d" alt="Home Logo: J9 Hosting and Compute" title="J9 Hosting and Compute" class="img-responsive"></a>
            </div>
            <div class="skin-title">
              <div class="hidden-xs">
                <span class="title-text">J9 Hosting and Compute</span>
              </div>
              <div class="visible-xs title-text"> J9 HaC </div>
            </div>
          </div>
          <div class="skin-header-right">
            <div class="skin-search">
              <div class="mobile-search visible-xs pull-right" hidden="">
                <a class="mobile-search-link" href="#" title="Search"><span class="search-icon fa closed fa-lg"></span>
                            <span class="sr-only">Search</span>
                        </a>
                <div class="mobile-search-popup" style="display: none;">
                  <label for="mobileSearch" class="visuallyhidden">Search J9 HaC: </label>
                  <input type="text" name="mobileSearch" class="skin-search-input usagov-search-autocomplete ui-autocomplete-input" maxlength="255" aria-label="Search J9 HaC" autocomplete="off">
                  <a class="skin-search-go" href="#" title="Search"><span class="fa fa-search fa-inverse fa-lg"></span>
                                <span class="sr-only">Search</span>
                            </a>
                </div>
              </div>
              <div class="desktop-search hidden-xs">
                <label for="desktopSearch" class="visuallyhidden">Search J9 HaC: </label>
                <input type="text" name="desktopSearch" class="skin-search-input usagov-search-autocomplete ui-autocomplete-input" maxlength="255" aria-label="Search J9 HaC" autocomplete="off">
                <a class="skin-search-go" href="#" title="Search"><span class="fa fa-search fa-lg"></span>
                            <span class="sr-only">Search</span>
                        </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="navbar-collapse nav-main-collapse collapse otnav nopad">
        <div class="nopad menu container-fluid new-menu" data-autoexpand="false">
          <nav class="nav-main" role="application">
            <ul class="nav nav-main" id="main-nav">
              <li class=" top-level ">
                <a href="https://disa.mil/" target="_blank" rel="noopeneer noreferrer">DISA Home
		</a>
              </li>
              <li class=" top-level active">
                <a href="http://www.hacc.mil/">J9 HaC Home
		</a>
              </li>
              <li class="dropdown  top-level ">
                <a href="http://www.hacc.mil/About-Us/" aria-expanded="false">About Us<span class="fa fa-sm fa-angle-down"></span>
		</a>
                <ul class="dropdown-menu">
                  <li class=" dm  ">
                    <a href="http://www.hacc.mil/About-Us/Leadership/" style="display:flex;align-items:center">Leadership
            </a>
                  </li>
                  <li class=" dm  ">
                    <a href="https://media.defense.gov/2023/Dec/28/2003366310/-1/-1/1/FY24%20STRATEGIC%20PLAN_J9%20HAC%20(1).PDF" target="_blank" rel="noopeneer noreferrer" style="display:flex;align-items:center">HaC Strategic Plan
            </a>
                  </li>
                </ul>
              </li>
              <li class="dropdown  top-level ">
                <a href="http://www.hacc.mil/Portfolio/" aria-expanded="false">Portfolio<span class="fa fa-sm fa-angle-down"></span>
		</a>
                <ul class="dropdown-menu">
                  <li class=" dm  ">
                    <a href="http://www.hacc.mil/Portfolio/JWCC/" style="display:flex;align-items:center">JWCC
            </a>
                  </li>
                  <li class=" dm  ">
                    <a href="http://www.hacc.mil/Portfolio/Stratus/" style="display:flex;align-items:center">Stratus
            </a>
                  </li>
                  <li class=" dm  ">
                    <a href="http://www.hacc.mil/Portfolio/OCONUS-Cloud/" style="display:flex;align-items:center">OCONUS Cloud
            </a>
                  </li>
                  <li class=" dm  ">
                    <a href="http://www.hacc.mil/Portfolio/ATAT/" style="display:flex;align-items:center">ATAT
            </a>
                  </li>
                  <li class=" dm  ">
                    <a href="http://www.hacc.mil/Portfolio/DAPPS/" style="display:flex;align-items:center">DAPPS
            </a>
                  </li>
                  <li class=" dm  ">
                    <a href="http://www.hacc.mil/Portfolio/DOD-Cloud-IaC/" style="display:flex;align-items:center">DOD Cloud IaC
            </a>
                  </li>
                  <li class=" dm  ">
                    <a href="http://www.hacc.mil/Portfolio/Vulcan/" style="display:flex;align-items:center">Vulcan
            </a>
                  </li>
                  <li class=" dm  ">
                    <a href="http://www.hacc.mil/Portfolio/CaaS/" style="display:flex;align-items:center">CaaS
            </a>
                  </li>
                  <li class=" dm  ">
                    <a href="https://community.hacc.mil/s/products/scca" target="_blank" rel="noopeneer noreferrer" style="display:flex;align-items:center">SCCA (CAC Enabled)
            </a>
                  </li>
                  <li class=" dm  ">
                    <a href="http://www.hacc.mil/Portfolio/Server-Hosting-and-Virtualization/" style="display:flex;align-items:center">Server Hosting and Virtualization
            </a>
                  </li>
                  <li class=" dm  ">
                    <a href="http://www.hacc.mil/Portfolio/Mainframe-Computing/" style="display:flex;align-items:center">Mainframe Computing
            </a>
                  </li>
                  <li class=" dm  ">
                    <a href="http://www.hacc.mil/Portfolio/Server-Storage/" style="display:flex;align-items:center">Server Storage
            </a>
                  </li>
                  <li class=" dm  ">
                    <a href="http://www.hacc.mil/Portfolio/DCaaS/" style="display:flex;align-items:center">DCaaS
            </a>
                  </li>
                  <li class=" dm  ">
                    <a href="http://www.hacc.mil/Portfolio/OSMaaS/" style="display:flex;align-items:center">OSMaaS
            </a>
                  </li>
                </ul>
              </li>
              <li class=" top-level ">
                <a href="http://www.hacc.mil/News/">News
		</a>
              </li>
              <li class=" top-level ">
                <a href="http://www.hacc.mil/Blogs/">Blog
		</a>
              </li>
              <li class=" top-level ">
                <a href="https://community.hacc.mil/s/" target="_blank" rel="noopeneer noreferrer">Community
		</a>
              </li>
              <li class=" top-level ">
                <a href="https://community.hacc.mil/s/contact">Contact Us
		</a>
              </li>
            </ul>
          </nav>
        </div>
      </div>
    </header>
    <p id="skip-target-holder"><a id="skip-target" name="skip-target" class="skip" tabindex="-1" innertext="Start of main content"></a></p>
    <div id="content" role="main">
      <div class="container-fluid nopad">
        <div class="flex-row flex-row-fw">
          <div id="dnn_ContentPane" class="flex-row-col-md backend-cp-collapsible">
            <div class="DnnModule DnnModule-DNN_HTML DnnModule-35881"><a name="35881"></a>
              <div class="empty-container-no-pad">
                <div id="dnn_ctr35881_ContentPane" style="background-color:#3b4f70;"><!-- Start_Module_35881 -->
                  <style>
                    .empty-container-no-pad {
                      margin-top: -11px;
                    }
                  </style>
                  <div id="dnn_ctr35881_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
                    <div id="dnn_ctr35881_HtmlModule_lblContent" class="Normal">
                      <style type="text/css">
                        .containers-v2.shadow {
                          min-height: 220px !important;
                        }

                        .containers-v2.shadow {
                          border-radius: 10px !important;
                        }

                        .wrapflex {
                          display: flex;
                          flex-wrap: wrap;
                          text-align: center;
                          font-family: "Arial Narrow", Arial, sans-serif;
                          background-color: white;
                        }

                        #left,
                        #right {
                          flex: 1 300px;
                          min-width: 0;
                        }

                        #left {
                          display: flex;
                          justify-content: left;
                          align-items: center;
                        }

                        #right {
                          color: black !important;
                          display: flex;
                          align-content: center;
                          justify-content: center;
                          align-items: center;
                          font-size: 24px;
                        }

                        .heading.clipme {
                          background-image: url(/Portals/126/Images/2/transparent_text_background.jpg?ver=XCAHS2dQREgIP866Y-BCgQ%3d%3d);
                          background-position: 0px 0px;
                          background-size: auto;
                          background-attachment: fixed;
                          font-size: 8vw;
                          font-weight: 400;
                          /*    filter: drop-shadow(1px 1px 3px #cccccc); */
                          text-transform: capitalize;
                          letter-spacing: 2px;
                          font-family: 'Anton', sans-serif !important;
                        }

                        .clipme {
                          -webkit-background-clip: text;
                          color: transparent;
                          /*    text-shadow: #ffffff3b 1px 0 2px; */
                        }

                        @media (min-width: 1024px) {
                          .containers-v2.shadow {
                            background: white;
                            box-shadow: none !important;
                            border: 3px solid #3b4f70;
                            width: 70%;
                            margin: 0 auto;
                            margin-top: 30px;
                          }
                        }

                        @media (max-width: 1024px) {
                          .containers-v2.shadow {
                            background: white;
                            box-shadow: none !important;
                            border: 3px solid #3b4f70;
                            width: 80%;
                            margin: 0 auto;
                            margin-top: 30px;
                          }

                          #left {
                            display: flex;
                            justify-content: center !important;
                            align-items: center;
                          }

                          #right {
                            color: black;
                            display: flex;
                            align-content: flex-start;
                            justify-content: center;
                            align-items: center;
                            font-size: 18px;
                            flex-direction: column-reverse;
                            width: 100%;
                            padding-right: 0px;
                          }

                          .heading.clipme {
                            background-position: 0px 0px;
                            background-size: contain;
                            background-attachment: fixed;
                            font-size: 8vw;
                            text-transform: uppercase;
                            letter-spacing: 2px;
                            font-family: 'Anton', sans-serif !important;
                          }

                          .containers-v2.shadow {
                            padding-top: 0px;
                          }
                        }

                        @media (min-width: 375px) and (max-width: 1024px) {
                          #left {
                            display: flex;
                            justify-content: center !important;
                            align-items: center;
                          }

                          .containers-v2.shadow {
                            background: white;
                            box-shadow: none !important;
                            border: 3px solid #3b4f70;
                            width: 80%;
                            margin: 0 auto;
                            margin-top: 30px !important;
                          }
                        }
                      </style>
                      <style type="text/css">
                        audio,
                        canvas,
                        progress,
                        video {
                          display: inline-block;
                          /*  vertical-align: baseline; */
                          /* object-fit: cover !important; */
                          left: 0;
                          right: 0;
                          min-height: 100%;
                          width: 100%;
                        }
                      </style>
                      <img alt="" src="/portals/126/Images/Banners/DISA_HaC_lightning_HERO_v5.jpg?ver=mkO3laYmFjmAjXxt9mQdag%3d%3d" style="width: 100%;" title=""><br> &nbsp;
                    </div>
                  </div><br><!-- End_Module_35881 -->
                </div>
                <div class="clearfix"></div>
              </div>
            </div>
            <div class="DnnModule DnnModule-DNN_HTML DnnModule-36090"><a name="36090"></a>
              <div class="empty-container-no-pad">
                <div id="dnn_ctr36090_ContentPane"><!-- Start_Module_36090 -->
                  <div id="dnn_ctr36090_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
                    <div id="dnn_ctr36090_HtmlModule_lblContent" class="Normal">
                      <style type="text/css">
                        .row_sym {
                          font-family: Arial, Helvetica, sans-serif !important;
                          display: flex;
                          /* equal height of the children */
                        }

                        .col_symr {
                          flex: 1;
                          /* additionally, equal width */
                          background-color: #020226;
                          border: none;
                        }

                        .col_syml {
                          font-family: Arial, Helvetica, sans-serif !important;
                          flex: .5;
                          background-color: #020226;
                          color: white;
                          margin: 0 auto;
                          display: flex;
                          flex-direction: row-reverse;
                          align-content: stretch;
                          align-items: center;
                          justify-content: center;
                          padding: 35px;
                        }

                        .button_sym {
                          font-family: Arial, Helvetica, sans-serif !important;
                          color: white;
                          font-size: 19px;
                          background-color: #124e8c;
                          padding: 5px;
                          border-radius: 5px;
                          padding-left: 35px;
                          padding-right: 35px;
                          border-color: #124e8c;
                          font-weight: 600;
                          display: flex;
                        }

                        .button_sym:hover {
                          background-color: #028BFF;
                          text-shadow: 0 0 5px #ff0000;
                        }

                        .button_sym:active {
                          transform: translateY(4px);
                        }

                        @media screen and (max-width: 1024px) {
                          .col_syml {
                            font-family: Arial, Helvetica, sans-serif !important;
                            flex: 1;
                            background-color: #020226;
                            color: white;
                            margin: 0 auto;
                            display: flex;
                            flex-direction: row-reverse;
                            align-content: stretch;
                            align-items: center;
                            padding-right: 5px;
                            padding-left: 5px;
                            justify-content: space-around;
                            padding-top: 20px;
                            padding-bottom: 20px;
                            width: 100%;
                          }
                        }

                        @media screen and (max-width: 1024px) {
                          .row_sym {
                            font-family: Arial, Helvetica, sans-serif !important;
                            display: flex;
                            flex-wrap: wrap;
                            flex-direction: column;
                          }
                        }
                      </style>
                      <div class="row_sym">
                        <div class="col_syml">
                          <section class="p_sym"><span style="font-size:22px;"><strong>HaC Customer Symposium</strong></span><br>
                            <span style="font-size:20px;">March 4 - 5, 2024<br> Gaylord National Resort &amp; Convention Center<br> National Harbor, Maryland</span><br>
                            <br> &nbsp; <button class="button_sym" onclick="window.open('https://go.disa.mil/HaCSymposium','_blank');">Register here with CAC</button>
                          </section>
                        </div>
                        <div class="col_symr"><img alt="" src="/portals/126/Images/Banners/Symposium_Banner_2024_W.png?ver=cdN-OpF-KGLYY-_1mTlrlA%3d%3d" style="width: 100%;" title=""></div>
                      </div>
                    </div>
                  </div><!-- End_Module_36090 -->
                </div>
                <div class="clearfix"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="flex-row flex-row-fw">
        </div>
        <div class="flex-row flex-row-fw">
        </div>
      </div>
      <div class="container-fluid nopad">
        <div class="flex-row flex-row-fw">
          <div class="flex-row-col-md backend-cp-collapsible flex-row-main">
            <div class="flex-row flex-row-fw">
            </div>
            <div class="flex-row flex-row-fw">
            </div>
            <div class="flex-row flex-row-fw">
            </div>
            <div class="flex-row flex-row-fw">
            </div>
            <div class="flex-row flex-row-fw">
            </div>
            <div class="flex-row flex-row-fw">
            </div>
            <div class="flex-row flex-row-fw">
            </div>
            <div class="flex-row flex-row-fw">
            </div>
            <div class="flex-row flex-row-fw">
            </div>
            <div class="flex-row flex-row-fw">
            </div>
            <div class="flex-row flex-row-fw">
              <div id="dnn_CenterPane_FixedFourth1" class="flex-row-col-md-3 backend-cp-fixed">
                <div class="DnnModule DnnModule-DNN_HTML DnnModule-35884"><a name="35884"></a>
                  <div class="containers-v2 has-margin">
                    <div id="dnn_ctr35884_ContentPane"><!-- Start_Module_35884 -->
                      <div id="dnn_ctr35884_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
                        <div id="dnn_ctr35884_HtmlModule_lblContent" class="Normal">
                        </div>
                      </div><!-- End_Module_35884 -->
                    </div>
                    <div class="clearfix"></div>
                  </div>
                </div>
              </div>
              <div id="dnn_CenterPane_FixedFourth2" class="flex-row-col-md backend-cp-collapsible">
                <div class="DnnModule DnnModule-DNN_HTML DnnModule-35883"><a name="35883"></a>
                  <div class="empty-container-no-pad">
                    <div id="dnn_ctr35883_ContentPane"><!-- Start_Module_35883 -->
                      <style>
                        @media screen and (max-width: 768px) {
                          .v2-template .flex-row .flex-row-col-md-3 {
                            max-width: 100% !important;
                            background-color: #d8d8d8;
                            display: none;
                          }
                        }

                        @media screen and (min-width: 769px) {
                          .v2-template .flex-row .flex-row-col-md-3 {
                            max-width: 12% !important;
                            background-color: #d8d8d8;
                          }
                        }

                        #dnn_CenterPane_FixedFourth2 {
                          background-color: #d8d8d8 !important;
                        }

                        #dnn_CenterPane_FixedFourth3 {
                          background-color: #d8d8d8 !important;
                        }
                      </style>
                      <div id="dnn_ctr35883_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
                        <div id="dnn_ctr35883_HtmlModule_lblContent" class="Normal">
                          <div class="hacc">
                            <h2><br>
                              <br>
                              <br> What is the HaC?
                            </h2>
                            <p>Check out the HaCCology Video to learn more.&nbsp;</p>
                          </div>
                        </div>
                      </div><!-- End_Module_35883 -->
                    </div>
                    <div class="clearfix"></div>
                  </div>
                </div>
              </div>
              <div id="dnn_CenterPane_FixedFourth3" class="flex-row-col-md backend-cp-collapsible">
                <div class="DnnModule DnnModule-SlideShow DnnModule-35882"><a name="35882"></a>
                  <div class="empty-container">
                    <div id="dnn_ctr35882_ContentPane"><!-- Start_Module_35882 --><br><br>
                      <style>
                        .top-rotator a.slide-inner {
                          border: 3px solid;
                        }
                      </style>
                      <div id="dnn_ctr35882_ModuleContent" class="DNNModuleContent ModSlideShowC">
                        <!--[if gte IE 8]>
<style>
.ieframe
{
    white-space: nowrap;
    text-align: center;
}
.ieimage
{
    top: 0 !important;
    left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    vertical-align: middle;
    position: relative !important;
    margin-left: -4px;
}
.iehelper
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
</style>
<![endif]-->
                        <style>
                          .slideshow-35882.top-rotator .top {
                            padding-top: 56%
                          }
                        </style>
                        <script type="text/javascript" src="/DesktopModules/Slideshow/Resources/js/analyticsParamsForDVIDSAnalyticsAPI.js"></script>
                        <div class="top-rotator slideshowTemplate slideshow slideshow-35882" style="visibility: visible;">
                          <div class="slideContainer" style="height: 340px;">
                            <div class="slide cycle-slide cycle-sentinel" style="position: static; top: 0px; left: 0px; z-index: 99; opacity: 1; display: block; visibility: hidden;">
                              <div class="top" style="visibility: hidden;">
                                <a href="https://www.youtube.com/watch?v=n77QdEcPaJI" target="_self" title="" class="ieframe slide-inner" style="background-image: url(&quot;https://i.ytimg.com/vi/n77QdEcPaJI/hqdefault.jpg&quot;); visibility: hidden;">
                    <!--[if IE]> <span class="iehelper"></span> <![endif]-->
                    <img alt="HaCCology video" src="https://i.ytimg.com/vi/n77QdEcPaJI/hqdefault.jpg" class="" style="visibility: hidden;">
                    <div class="videoOverlay" style="visibility: hidden;"></div>
                </a>
                                <div class="YouTubeContainer" style="visibility: hidden;">
                                  <div class="YouTubeVideo" style="visibility: hidden;"></div>
                                </div>
                              </div>
                            </div>
                            <div class="slidePrevious left slide-control" tabindex="0" aria-label="Previous item" style="display: none;"><span class="glyphicon glyphicon-chevron-left fa fa-angle-left" aria-hidden="true"></span></div>
                            <div class="slideNext right slide-control" tabindex="0" aria-label="Next item" style="display: none;"><span class="glyphicon glyphicon-chevron-right fa fa-angle-right" aria-hidden="true"></span></div>
                            <script type="text/javascript">
                              var videoContainer2290 = jQuery("#YouTubeContainer2290");
                              var FinalImage2290 = jQuery("#slideLink2290");
                              var player2290 = null;
                              var module2290Container = jQuery("#dnn_ctr35882_ModuleContent");
                              var slide2290Container = module2290Container.find(".slideContainer");
                              jQuery(document).ready(function() {
                                jQuery("#top2290, #left2290").on("click", function(e) {
                                  if (FinalImage2290.is(':visible')) {
                                    slide2290Container.cycle('pause');
                                    if (!YouTubeAPILoaded) {
                                      waitForAPI2290();
                                    } else {
                                      Play2290YouTubeVideo();
                                    }
                                  }
                                  e.preventDefault();
                                  return false;
                                });
                                slide2290Container.on('cycle-after', function(event, opts) {
                                  if (player2290 != null) {
                                    if (player2290.getPlayerState() == 1) {
                                      player2290.pauseVideo();
                                    }
                                  }
                                });

                                function GetSlideId(event) {
                                  var left = event.currentTarget.currSlide.content[0].children;
                                  jQuery(left).each(function() {
                                    if (this.classList.contains("left")) {
                                      left = this;
                                      return false;
                                    }
                                  });
                                  return left.id.substring(3);
                                }
                              });
                              var YouTubeAPITimer2290 = null;
                              var YouTubePlayed2290 = false;

                              function waitForAPI2290() {
                                YouTubeAPITimer2290 = setInterval(startVideo2290, 100);
                              }

                              function startVideo2290() {
                                if (YouTubeAPILoaded && !YouTubePlayed2290) {
                                  YouTubePlayed2290 = true;
                                  clearInterval(YouTubeAPITimer2290);
                                  Play2290YouTubeVideo();
                                }
                              }

                              function autoPlayVideo2290() {
                                var slideId = 2290;
                                if (FinalImage2290.is(':visible')) {
                                  jQuery("#top2290,#left2290").click();
                                } else {
                                  //Play2290YouTubeVideo();
                                  player2290.playVideo();
                                }
                              }
                              //YouTube Code
                              //438 246
                              function Play2290YouTubeVideo() {
                                FinalImage2290.hide();
                                videoContainer2290.show();
                                player2290 = new YT.Player('player2290', {
                                  height: '246',
                                  width: '438',
                                  videoId: "n77QdEcPaJI",
                                  events: {
                                    'onReady': onPlayer2290Ready,
                                    'onStateChange': onPlayer2290StateChange
                                  }
                                });
                              }

                              function onPlayer2290Ready(event) {
                                event.target.playVideo();
                                allPlayers.push(player2290);
                              }
                              var done = false;

                              function onPlayer2290StateChange(event) {
                                if (event.data == YT.PlayerState.ENDED) {
                                  videoContainer2290.hide();
                                  player2290.destroy();
                                  player2290 = null;
                                  FinalImage2290.show();
                                  if (false) {
                                    slide2290Container.cycle('resume');
                                  }
                                }
                                if (event.data == YT.PlayerState.PLAYING) {
                                  for (var i = 0; i < allPlayers.length; i++) {
                                    if (allPlayers[i] === player2290) {
                                      ////do nothing for this player- only all others that are playing
                                    } else {
                                      var idForDVIDSCheck = allPlayers[i].id;
                                      if (idForDVIDSCheck !== undefined) {
                                        allPlayers[i].pause(); ///pause each DVIDS Players if You tube player is selected
                                      } else {
                                        allPlayers[i].pauseVideo(); //// pause one you tube player at a time besides the one selected to play.
                                      }
                                    }
                                  }
                                }
                              }
                            </script>
                            <div class="pagerContainer" style="display: none;"><a href="#" class="page activeSlide">1</a></div>
                            <div class="slide cycle-slide cycle-slide-active" style="position: absolute; top: 0px; left: 0px; z-index: 99; opacity: 1; display: block; visibility: visible;">
                              <div id="top2290" class="top">
                                <a id="slideLink2290" href="https://www.youtube.com/watch?v=n77QdEcPaJI" target="_self" title="" class="ieframe slide-inner" style="background-image: url(https://i.ytimg.com/vi/n77QdEcPaJI/hqdefault.jpg)">
                    <!--[if IE]> <span class="iehelper"></span> <![endif]-->
                    <img alt="HaCCology video" src="https://i.ytimg.com/vi/n77QdEcPaJI/hqdefault.jpg" class="">
                    <div class="videoOverlay"></div>
                </a>
                                <div id="YouTubeContainer2290" class="YouTubeContainer">
                                  <div id="player2290" class="YouTubeVideo"></div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div style="clear:both;"></div>
                        </div>
                        <script type="text/javascript">
                          var YouTubeAPILoaded = false;
                          var allPlayers = [];
                          jQuery(document).ready(function() {
                            //Load the YouTube IFrame Player API code asynchronously
                            var tag = document.createElement('script');
                            tag.src = "https://www.youtube.com/iframe_api";
                            var firstScriptTag = document.getElementsByTagName('script')[0];
                            firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
                            var resizeTimer;
                            var moduleContainer = jQuery("#dnn_ctr35882_ModuleContent");
                            var slideContainer = moduleContainer.find(".slideContainer");
                            var pagerContainer = moduleContainer.find(".pagerContainer");
                            var slides = slideContainer.children("div.slide");
                            var windowWidth = jQuery(window).width();

                            function setConainerHeight() {
                              var newContainerHeight = 0;
                              slides.each(function(idx, element) {
                                if (element.scrollHeight > newContainerHeight) {
                                  newContainerHeight = element.scrollHeight;
                                }
                              });
                              slideContainer.css("height", newContainerHeight);
                            }
                            slideContainer.find('img').each(function(i, img) {
                              var loaded = function() {
                                img.width < img.height ? $(img).parent('.slide-inner').addClass('slide-inner-portrait') : 0;
                              }
                              img.complete ? loaded() : img.addEventListener('load', loaded);
                            });
                            $(window).on('resize', function(e) {
                              clearTimeout(resizeTimer);
                              resizeTimer = setTimeout(function() {
                                setConainerHeight();
                              }, 250);
                            });
                            slideContainer.on('cycle-initialized', function() {
                              setTimeout(function() {
                                moduleContainer.find(".top-rotator").css("visibility", "visible");
                                setConainerHeight();
                              }, 100);
                            }).cycle({
                              slides: "> .slide",
                              fx: "fade",
                              speed: 1000,
                              timeout: 0,
                              pauseOnHover: true,
                              paused: true,
                              swipe: true,
                              prev: "> .slidePrevious",
                              next: "> .slideNext",
                              log: false,
                              pager: slideContainer.children("div.pagerContainer"),
                              pagerTemplate: "<a href='#' class='page'>{{slideNum}}</a>",
                              pagerActiveClass: "activeSlide"
                            });
                            $(".slideNext").keyup(function(e) {
                              if (e.keyCode == 13) {
                                slideContainer.cycle('next');
                              }
                            });
                            $(".slidePrevious").keyup(function(e) {
                              if (e.keyCode == 13) {
                                slideContainer.cycle('prev');
                              }
                            });
                            var pagerIcons = pagerContainer.find(".page");
                            if (pagerIcons.length <= 1) {
                              pagerContainer.css("display", "none");
                              var slidePrevious = moduleContainer.find(".slidePrevious.left.slide-control");
                              slidePrevious.css("display", "none");
                              var slideNext = moduleContainer.find(".slideNext.right.slide-control");
                              slideNext.css("display", "none");
                            }
                            pagerIcons.on("click", function() {
                              if (false || true) {
                                slideContainer.on('cycle-after', function(event, opts) {
                                  slideContainer.cycle('pause');
                                });
                              }
                            });
                            jQuery(".slidePrevious").on("click", function() {
                              if (false || true) {
                                slideContainer.on('cycle-after', function(event, opts) {
                                  slideContainer.cycle('pause');
                                });
                              }
                            });
                            jQuery(".slideNext").on("click", function() {
                              if (false || true) {
                                slideContainer.on('cycle-after', function(event, opts) {
                                  slideContainer.cycle('pause');
                                });
                              }
                            });
                            if (true) {
                              slideContainer.on('cycle-after', function(event, opts) {
                                slideContainer.cycle('pause');
                              });
                            }
                          });

                          function onYouTubeIframeAPIReady() {
                            YouTubeAPILoaded = true;
                          }
                        </script>
                      </div><br><!-- End_Module_35882 -->
                    </div>
                    <div class="clearfix"></div>
                  </div>
                </div>
              </div>
              <div id="dnn_CenterPane_FixedFourth4" class="flex-row-col-md-3 backend-cp-fixed">
                <div class="DnnModule DnnModule-DNN_HTML DnnModule-35885"><a name="35885"></a>
                  <div class="empty-container  hidden-xs">
                    <div id="dnn_ctr35885_ContentPane"><!-- Start_Module_35885 -->
                      <div id="dnn_ctr35885_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
                        <div id="dnn_ctr35885_HtmlModule_lblContent" class="Normal">
                        </div>
                      </div><!-- End_Module_35885 -->
                    </div>
                    <div class="clearfix"></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="flex-row flex-row-fw">
            </div>
          </div>
        </div>
      </div>
      <div class="container-fluid nopad">
        <div class="flex-row flex-row-fw">
          <div id="dnn_BottomPane" class="flex-row-col-md backend-cp-collapsible">
            <div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-32914"><a name="32914"></a>
              <div class="empty-container-no-pad">
                <div id="dnn_ctr32914_ContentPane"><!-- Start_Module_32914 -->
                  <style type="text/css">
                    .dod2-card__title {
                      font-family: Arial, Helvetica, sans-serif !important;
                      font-size: 16px !important;
                    }

                    @media all and (min-width: 968px) {
                      .dod2-card {
                        min-width: 30% !important;
                        background-image: linear-gradient(135deg, #000000 0%, #1c3349 100%) !important;
                        max-width: 30% !important;
                      }
                    }

                    @media (min-width:1281px) {
                      .dod2-card__image {
                        height: 65%;
                      }
                    }

                    .dod2-card .dod2-object-eyebrow {
                      position: static;
                      flex-direction: row;
                      margin-bottom: 4px;
                      margin-top: 30px;
                      display: none !important;
                    }

                    .dod2-card-grid-rows {
                      display: contents;
                      margin: 0 -16px;
                      width: 100%;
                    }

                    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
                      .dod2-card-grid {
                        display: block;
                        justify-content: center;
                        align-items: center;
                        overflow: hidden;
                      }
                    }

                    /* @media only screen and (min-width: 300px){
.dod2-card {
    width: auto !important;
}
}
*/
                    .dod2-card__title {
                      order: 3;
                      width: 100%;
                      font-weight: 600;
                      margin-top: 0px;
                      margin-bottom: 0px;
                      font-size: 24px;
                      /*    line-height: 8.8rem; */
                      display: flex;
                      position: relative;
                      /* flex: 1 0 auto; */
                      flex-direction: row;
                      flex-wrap: nowrap;
                      /* align-content: flex-end; */
                      /* justify-content: space-around; */
                      /* align-items: flex-end; */
                      color: #F6C131;
                      flex: 0 0 auto;
                    }

                    .dod2-card__title span {
                      color: #F6C131;
                      padding-top: 30px !important;
                    }

                    .dod2-object-eyebrow-type {
                      margin-right: 8px;
                      color: #fff;
                    }

                    .dod2-object-eyebrow-date {
                      color: #fff;
                    }

                    .dod2-card .dod2-card__description span {
                      text-align: left;
                      display: block;
                      margin-bottom: 16px;
                      color: #ffffff;
                      margin-top: 10px;
                    }

                    .dod2-card__title {
                      flex: 0 0 auto !important;
                    }

                    .dod2-card {
                      height: 33rem;
                      margin: 16px;
                    }

                    .dod2-card-grid {
                      /*  background-image: linear-gradient( 180deg ,#ffffff 0%, #115b9c 100%) !important; */
                      background-color: #3b4f70;
                    }

                    .dod2-card__title span {
                      color: #ffffff;
                      padding-top: 10px;
                    }
                  </style>
                  <div id="dnn_ctr32914_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
                    <div id="dnn_ctr32914_Dashboard_ph">
                      <section id="dod2-card-grid" class="dod2-card-grid">
                        <div class="dod2-card-grid-rows">
                          <a class="dod2-card" href="https://www.hacc.mil/Blogs/Blog-Display/Article/3618722/disas-j9-hosting-and-compute-releases-its-strategic-plan-for-fy-2024-to-2025/">
            <div class="dod2-card__image" style="background-image: url(https://media.defense.gov/2023/Dec/15/2003360027/600/400/0/231215-N-WU045-0001.JPG)">
                <span class="sr-only">Strategic Plan for FY24 - FY25</span>
            </div>
            <div class="dod2-card__overlay"></div>
            <div class="dod2-card__content">
                <h3 class="dod2-card__title"><span>DISA’s J9 Hosting and Compute releases its Strategic Plan for FY 2024 to 2025 </span></h3>
                <div class="dod2-object-eyebrow">
                    <div class="dod2-object-eyebrow-type">
                        Blog
                    </div>
                    <div class="dod2-object-eyebrow-date">
                        Dec. 15, 2023
                    </div>
                </div>
                <hr class="dod2-card__hr">
                <div class="dod2-card__description">
                    <span>As the year draws to a close, we are proud to announce that the J9 HaC met the strategic initiatives outlined...</span>
                    <div class="dod2-card__read-more">Read More</div>
                </div>
                    
            </div>
        </a>
                          <a class="dod2-card" href="https://www.hacc.mil/Blogs/Blog-Display/Article/3591000/comparing-webgitmil-and-gitlabvulcanmil/">
            <div class="dod2-card__image" style="background-image: url(https://media.defense.gov/2023/Nov/16/2003341918/600/400/0/231116-N-WU045-0001.PNG)">
                <span class="sr-only">Vulcan Blog Image</span>
            </div>
            <div class="dod2-card__overlay"></div>
            <div class="dod2-card__content">
                <h3 class="dod2-card__title"><span>Comparing Web.Git.mil and Gitlab.Vulcan.mil </span></h3>
                <div class="dod2-object-eyebrow">
                    <div class="dod2-object-eyebrow-type">
                        Blog
                    </div>
                    <div class="dod2-object-eyebrow-date">
                        Nov. 16, 2023
                    </div>
                </div>
                <hr class="dod2-card__hr">
                <div class="dod2-card__description">
                    <span>Comparing Web.Git.mil and Gitlab.Vulcan.mil&nbsp;Vulcan offers two Gitlab tools: web.git.mil code repository for...</span>
                    <div class="dod2-card__read-more">Read More</div>
                </div>
                    
            </div>
        </a>
                          <a class="dod2-card" href="https://www.hacc.mil/Blogs/Blog-Display/Article/3522750/distributed-hybrid-multi-cloud-dhmc-solicitation-seeks-to-support-the-transform/">
            <div class="dod2-card__image" style="background-image: url(https://media.defense.gov/2023/Sep/12/2003298657/600/400/0/230912-N-WU045-0001.PNG)">
                <span class="sr-only">HaCC Blog 091223</span>
            </div>
            <div class="dod2-card__overlay"></div>
            <div class="dod2-card__content">
                <h3 class="dod2-card__title"><span>Distributed Hybrid Multi Cloud (DHMC) solicitation seeks to support the transformation ...</span></h3>
                <div class="dod2-object-eyebrow">
                    <div class="dod2-object-eyebrow-type">
                        Blog
                    </div>
                    <div class="dod2-object-eyebrow-date">
                        Sep. 12, 2023
                    </div>
                </div>
                <hr class="dod2-card__hr">
                <div class="dod2-card__description">
                    <span>DISA’s Hosting and Compute Center (HaCC) released the Distributed Hybrid Multi Cloud (DHMC) solicitation. This...</span>
                    <div class="dod2-card__read-more">Read More</div>
                </div>
                    
            </div>
        </a>
                        </div>
                        <style>
                          @media only screen and (min-width: 300px) {
                            .dod2-card {
                              width: calc(100% - 16px);
                            }
                          }

                          @media only screen and (min-width: 600px) {
                            .dod2-card {
                              width: calc(50% - 16px);
                            }
                          }

                          @media only screen and (min-width: 992px) {
                            .dod2-card {
                              width: calc(50% - 32px);
                            }
                          }
                        </style>
                      </section>
                    </div>
                  </div>
                  <style>
                    @media only screen and (max-width: 991.999px) {
                      .dod2-card .dod2-card__description {
                        overflow: hidden;
                        display: none;
                      }

                      .dod2-card__title span {
                        padding-top: 0px !important;
                      }
                    }

                    .dod2-card .dod2-card__description span {
                      display: none;
                    }

                    .v2-template .flex-row-fw>[class*=col-] {
                      margin-bottom: 0pxpx;
                    }

                    .dod2-card {
                      min-width: 88%;
                      background-image: linear-gradient(135deg, #000000 0%, #1c3349 100%) !important;
                      max-width: 88%;
                    }

                    .dod2-card__content {
                      z-index: 2;
                      display: -webkit-box;
                      display: -ms-flexbox;
                      display: flex;
                      -webkit-box-orient: vertical;
                      -webkit-box-direction: normal;
                      -ms-flex-direction: column;
                      flex-direction: row-reverse;
                      height: 100%;
                      -webkit-box-align: start;
                      -ms-flex-align: start;
                      align-items: flex-start;
                      -webkit-box-pack: start;
                      -ms-flex-pack: start;
                      justify-content: space-between;
                      text-align: left;
                      margin-top: 185px;
                      -webkit-transition: all 300ms ease-out;
                      transition: all 300ms ease-out;
                      align-content: flex-end;
                      flex-wrap: wrap;
                    }
                  </style><!-- End_Module_32914 -->
                </div>
                <div class="clearfix"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="flex-row flex-row-fw">
        </div>
      </div>
    </div>
    <footer role="contentinfo" class="footer-default">
      <div class="skin-footer-background">
        <div class="container-fluid nopad">
          <div class="flex-row flex-row-fw">
            <div class="flex-row-col-md-6 col-footerlinks">
              <div class="padded">
                <div id="dnn_FooterLinks">
                  <div id="dnn_SDFooterLinks_footerlinks" class="skin-footerlinks footlinks">
                    <ul class="fleft box">
                      <li class=""><a href="https://www.defense.gov/Legal-Administrative/Privacy-Security/" target="_blank" rel="noopener noreferrer"><span class="text text-link-220">Privacy &amp; Security</span></a></li>
                      <li class=""><a href="https://www.cloud.mil/" target="_blank" rel="noopener noreferrer"><span class="text text-link-229">Enterprise Cloud</span></a></li>
                      <li class=""><a href="https://www.dodig.mil/" target="_blank" rel="noopener noreferrer"><span class="text text-link-225">DOD IG</span></a></li>
                      <li class=""><a href="https://www.disa.mil/" target="_blank" rel="noopener noreferrer"><span class="text text-link-226">DISA</span></a></li>
                    </ul>
                    <ul class="fleft box">
                      <li class=""><a href="https://intelshare.intelink.gov/my.policy" target="_blank" rel="noopener noreferrer"><span class="text text-link-242">Cloud Policy (CAC Only)</span></a></li>
                      <li class=""><a href="https://dodcio.defense.gov/DoDSection508/Std_Stmt.aspx" target="_blank" rel="noopener noreferrer"><span class="text text-link-222">Section 508</span></a></li>
                      <li class=""><a href="https://prhome.defense.gov/NoFear/" target="_blank" rel="noopener noreferrer"><span class="text text-link-227">No FEAR Act</span></a></li>
                    </ul>
                    <ul class="fleft box">
                      <li class=""><a href="https://www.defense.gov/Legal-Administrative/Links-Disclaimer/" target="_blank" rel="noopener noreferrer"><span class="text text-link-221">Links Disclaimer</span></a></li>
                      <li class=""><a href="https://www.esd.whs.mil/DD/plainlanguage/" target="_blank" rel="noopener noreferrer"><span class="text text-link-224">Plain Writing Act</span></a></li>
                      <li class=""><a href="/site-index/" target="_blank" rel="noopener noreferrer"><span class="text text-link-228">Site Map</span></a></li>
                    </ul>
                    <div style="clear:both;"></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="flex-row-col-md-6 col-sociallinks">
              <div class="padded">
                <div id="dnn_SocialLinks_stayconnected" class="skin-social">
                  <h3>Stay Connected</h3>
                  <div class="social-item social-icon-youtube ">
                    <a title="YouTube" rel="noopener" aria-label="YouTube" target="_blank" href="https://www.youtube.com/channel/UCDwBEz1ExIEkJ33mssCigQA"><span class="fa-brands fa-youtube fa-inverse"></span></a></div>
                  <div class="social-item social-icon-linkedin "><a title="LinkedIn" rel="noopener" aria-label="LinkedIn" target="_blank" href="https://www.linkedin.com/company/ccpo/"><span class="fa-brands fa-linkedin-in fa-inverse"></span></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="flex-row flex-row-fw">
            <div id="dnn_FooterContentLeftPane" class="flex-row-col-md-8 backend-cp-fixed-always DNNEmptyPane"></div>
            <div id="dnn_FooterRightPane" class="flex-row-col-md-4 backend-cp-fixed-always DNNEmptyPane"></div>
          </div>
          <div class="flex-row flex-row-fw">
            <div id="dnn_FooterRowLeft" class="flex-row-col-md-4 backend-cp-fixed-always">
              <div class="DnnModule DnnModule-DNN_HTML DnnModule-43812"><a name="43812"></a>
                <div class="empty-container-no-pad">
                  <div id="dnn_ctr43812_ContentPane"><!-- Start_Module_43812 -->
                    <div id="dnn_ctr43812_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
                      <div id="dnn_ctr43812_HtmlModule_lblContent" class="Normal">
                      </div>
                    </div><!-- End_Module_43812 -->
                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
            </div>
            <div id="dnn_FooterRowMiddle" class="flex-row-col-md-4 backend-cp-fixed-always">
              <div class="DnnModule DnnModule-DNN_HTML DnnModule-43664"><a name="43664"></a>
                <div class="empty-container-no-pad">
                  <div id="dnn_ctr43664_ContentPane"><!-- Start_Module_43664 -->
                    <div id="dnn_ctr43664_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
                      <div id="dnn_ctr43664_HtmlModule_lblContent" class="Normal normalCheckBox">
                        <style type="text/css">
                          @import url('https://fonts.googleapis.com/css2?family=Anton&family=League+Gothic&display=swap');

                          .otnav ul ul li:hover {
                            background-color: #133C6A !important;
                          }

                          .nav>li>a {
                            position: relative;
                            display: revert;
                            padding: 12px 15px;
                            padding-top: 1px;
                          }

                          .dma-full-width .skin-logo img {
                            height: 80px;
                          }

                          @media (max-width: 992px) {
                            .nav>li>a {
                              position: relative;
                              display: revert;
                              padding: 12px 12px;
                              padding-top: 1px;
                            }

                            .otnav li a {
                              font-size: 13px !important;
                            }
                          }

                          .skin-footer-background {
                            background-position: right;
                            background-size: cover;
                          }

                          .skin-footer-banner {
                            display: none;
                          }

                          /* Scroll title padding */
                          .dma-full-width.scroll .skin-title {
                            font-size: 22px;
                          }

                          /* remove download button from biography photos */
                          .adetail #bio-gallery .download-link a {
                            display: none;
                          }

                          /* invert hover font menu color to fit background lighter color */
                          .otnav ul ul li a:hover,
                          .otnav ul ul li:hover {
                            color: #3b4f70 !important;
                          }

                          .otnav li a {
                            font-weight: 600 !important;
                            font-size: 15px;
                          }

                          /* Title with Anton */
                          .skin-title .title-text {
                            font-size: 40px;
                            font-family: 'Anton', sans-serif !important;
                            text-transform: uppercase;
                            letter-spacing: 2px;
                            line-height: 1em;
                          }

                          @media (min-width: 800px) {
                            .skin-title {
                              padding-bottom: 20px;
                            }
                          }

                          html,
                          body,
                          .skin-social,
                          .otnav,
                          nav,
                          li,
                          ul,
                          .skin-social,
                          .footlinks,
                          .skin-title,
                          .title-text,
                          div,
                          h1,
                          h3,
                          h4,
                          h5,
                          h6,
                          p {
                            font-family: var(--lwc-fontFamily, Arial) !important;
                          }

                          li {
                            font-family: var(--lwc-fontFamily, Arial) !important;
                            font-size: 20px;
                          }

                          h2 {
                            font-family: 'Anton', sans-serif !important;
                            /*color: #0d61f0;*/
                            color: #3B4F70;
                          }

                          h3 {
                            font-family: 'Anton', sans-serif !important;
                            color: #678DB9;
                          }

                          /* Nav menu light blue override 
.kb-open {
    background: #0c61f0 !important;
}

.dropdown-toggle.kb-open a{
background-color:#3b4f70 !important;
} 
*/
                          /* Custom footer link style */
                          .footlinks {
                            padding-top: 10px;
                            color: #404040;
                            padding: 20px 0px !important;
                            min-height: 70px !important;
                            text-transform: none !important;
                            /* background: #141414 !important; */
                            position: relative;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            flex-wrap: nowrap;
                            font-size: 16px;
                            margin-left: 40px;
                          }

                          .footlinks ul.box li a {
                            color: #ffffff;
                            text-decoration: none;
                            font-size: 15px !important;
                          }

                          .footlinks ul.box li a:hover {
                            color: #b4a3ff;
                            text-decoration: underline;
                          }

                          @media (max-width: 1025px) {
                            .footlinks {
                              font-size: 12px;
                              margin-left: auto;
                            }

                            .skin-footer-background {
                              background-image: linear-gradient(to bottom, rgb(0 0 0 / 24%), rgb(0 0 0 / 73%)), url(/Portals/126/HaCC-Footer_revamp_v2.jpg?ver=xvZou3niNsJbJrssqdtb-g%3d%3d) !important;
                            }
                          }

                          .skin-social h3 {
                            display: block;
                            left: 5px;
                            font-family: var(--lwc-fontFamily, Arial) !important;
                            color: #ffffff;
                            font-weight: normal;
                          }

                          .dma-full-width.backend #content {
                            background-color: #F1F1F1 !important;
                          }

                          .dma-full-width #content {
                            background: #F1F1F1 !important;
                            background-color: #F1F1F1 !important;
                          }

                          /* mobile title less padding on top */
                          @media (max-width: 767px) {
                            .skin-title {
                              padding-top: 6px !important;
                            }
                          }
                        </style>
                        <style type="text/css">
                          .hacc {
                            max-width: 100rem;
                            margin: 0 auto;
                            padding: .7rem;
                            line-height: 1.7;
                            width: 90%;
                          }

                          .hacc h2 {
                            font-size: 3.4rem;
                          }

                          .hacc p {
                            font-size: 2rem;
                            color: #383838;
                          }

                          .skin-social h3 {
                            font-style: italic;
                          }

                          /*Resize header bar on mobile to fit */
                          @media (max-width: 767px) {
                            .skin-header {
                              height: 60px !important;
                            }
                          }

                          .hacc2 {
                            max-width: 100rem;
                            margin: 0 auto;
                            padding: 0.7rem;
                            line-height: 1.7;
                            width: 90%;
                          }

                          .hacc2 h4 {
                            font-size: 40px;
                            color: #3B4F70;
                            font-family: 'Anton', sans-serif !important;
                          }

                          .hacc2 p {
                            font-size: 19px !important;
                            width: 90%;
                          }

                          .hacc2 h3 {
                            font-size: 34px !important;
                          }

                          .hacc2 li {
                            font-size: 19px !important;
                            margin-left: 0px;
                            width: 90%;
                            line-height: 1.5;
                            padding: 0.2rem !important;
                          }

                          .slick_bio {
                            font-family: Arial, Helvetica, sans-serif !important;
                            font-size: 14.4px;
                            margin: 0 auto;
                            width: 185px;
                            color: white;
                            background-color: #3B4F70;
                            padding: 5px;
                            padding-left: 13px;
                            border-radius: 5px;
                            /*    text-shadow: #c4c4c4 0 0 2px; */
                            border: ridge 1px #7b7b7c;
                          }

                          .slick_bio>img {
                            filter: brightness(70);
                            margin-bottom: 1px;
                            width: 10%;
                            padding-right: 3px;
                          }

                          .slick_bio:hover {
                            filter: opacity(0.5);
                          }

                          @media (max-width: 1025px) {
                            .skin-footer-background {
                              background-image: linear-gradient(to bottom, rgb(0 0 0 / 24%), rgb(0 0 0 / 73%)), url(/Portals/126/Images/J9_HaC_Blue-Lightning_Footer_v2.jpg) !important;
                            }
                          }

                          .slick {
                            font-family: Arial, Helvetica, sans-serif !important;
                            font-size: 14.4px;
                            margin: 0 auto;
                            width: 222px;
                            color: white;
                            background-color: #3B4F70;
                            padding: 5px;
                            padding-left: 13px;
                            border-radius: 5px;
                            /*    text-shadow: #c4c4c4 0 0 2px;*/
                            border: ridge 1px #7b7b7c;
                            margin-bottom: 15px;
                          }

                          .slick>img {
                            filter: brightness(70);
                            margin-bottom: 5px;
                            width: 10%;
                            padding-right: 6px;
                          }

                          .slick:hover {
                            filter: opacity(0.5);
                          }
                        </style>
                      </div>
                    </div><!-- End_Module_43664 -->
                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
            </div>
            <div id="dnn_FooterRowRight" class="flex-row-col-md-4 backend-cp-fixed-always">
              <div class="DnnModule DnnModule-DNN_HTML DnnModule-30110"><a name="30110"></a>
                <div class="empty-container-no-pad">
                  <div id="dnn_ctr30110_ContentPane"><!-- Start_Module_30110 -->
                    <div id="dnn_ctr30110_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
                      <div id="dnn_ctr30110_HtmlModule_lblContent" class="Normal"> &nbsp; <div>
                          <div>&nbsp;</div>
                        </div>
                      </div>
                    </div><!-- End_Module_30110 -->
                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
            </div>
          </div>
          <div class="flex-row flex-row-fw">
            <div id="dnn_FooterPane" class="flex-row-col-md backend-cp-fixed-always DNNEmptyPane"></div>
          </div>
        </div>
        <div class="skin-footer-banner">
          <a target="_blank" rel="noreferrer noopener" href="https://www.web.dma.mil/">Hosted by Defense Media Activity - WEB.mil</a>
        </div>
      </div>
    </footer>
  </div>
  <input name="ScrollTop" type="hidden" id="ScrollTop">
  <input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off" value="`{`__scdoff`:`1`,`sf_siteRoot`:`/`,`sf_tabId`:`12508`}">
  <script src="/Desktopmodules/SharedLibrary/Plugins/Bootstrap/js/bootstrap.min.js?cdv=3988" type="text/javascript"></script>
  <script src="/DesktopModules/SharedLibrary/ValidatedPlugins/dompurify//purify.min.js?cdv=3988" type="text/javascript"></script>
</form>

Text Content

Skip to main content (Press Enter).
Toggle navigation

J9 Hosting and Compute
J9 HaC
Search
Search J9 HaC: Search
Search J9 HaC: Search
 * DISA Home
 * J9 HaC Home
 * About Us
   * Leadership
   * HaC Strategic Plan
 * Portfolio
   * JWCC
   * Stratus
   * OCONUS Cloud
   * ATAT
   * DAPPS
   * DOD Cloud IaC
   * Vulcan
   * CaaS
   * SCCA (CAC Enabled)
   * Server Hosting and Virtualization
   * Mainframe Computing
   * Server Storage
   * DCaaS
   * OSMaaS
 * News
 * Blog
 * Community
 * Contact Us




 


HaC Customer Symposium
March 4 - 5, 2024
Gaylord National Resort & Convention Center
National Harbor, Maryland

  Register here with CAC









WHAT IS THE HAC?

Check out the HaCCology Video to learn more. 





1






Strategic Plan for FY24 - FY25



DISA’S J9 HOSTING AND COMPUTE RELEASES ITS STRATEGIC PLAN FOR FY 2024 TO 2025

Blog
Dec. 15, 2023

--------------------------------------------------------------------------------

As the year draws to a close, we are proud to announce that the J9 HaC met the
strategic initiatives outlined...
Read More
Vulcan Blog Image



COMPARING WEB.GIT.MIL AND GITLAB.VULCAN.MIL

Blog
Nov. 16, 2023

--------------------------------------------------------------------------------

Comparing Web.Git.mil and Gitlab.Vulcan.mil Vulcan offers two Gitlab tools:
web.git.mil code repository for...
Read More
HaCC Blog 091223



DISTRIBUTED HYBRID MULTI CLOUD (DHMC) SOLICITATION SEEKS TO SUPPORT THE
TRANSFORMATION ...

Blog
Sep. 12, 2023

--------------------------------------------------------------------------------

DISA’s Hosting and Compute Center (HaCC) released the Distributed Hybrid Multi
Cloud (DHMC) solicitation. This...
Read More


 * Privacy & Security
 * Enterprise Cloud
 * DOD IG
 * DISA

 * Cloud Policy (CAC Only)
 * Section 508
 * No FEAR Act

 * Links Disclaimer
 * Plain Writing Act
 * Site Map




STAY CONNECTED




 
 


Hosted by Defense Media Activity - WEB.mil


PreviousNextSlideshow