<div class="header">

<div class="fan"></div>

<div class="container-fluid">

<div class="row">

<nav class="nav-primary">

<div class="container-fluid">

<div class="navbar-header">

<img class="logo" src="../images/docker-docs-logo.svg" alt="Docker Docs" title="Docker Docs">

</div>

<div class="navbar-collapse collapse">

<ul class="primary nav navbar-nav">

<li><a href="https://docker.com/what-docker">What is Docker?</a></li>

<li><a href="https://docker.com/get-docker">Product</a></li>

<li class="dropdown">

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Get Docker <span class="caret"></span></a>

<ul class="dropdown-menu nav-main">

<h6 class="dropdown-header">For Desktops</h6>

<li><a href="https://docker.com/docker-mac">Mac</a></li>

<li><a href="https://docker.com/docker-windows">Windows</a></li>

<h6 class="dropdown-header">For Cloud Providers</h6>

<li><a href="https://docker.com/docker-aws">AWS</a></li>

<li><a href="https://docker.com/docker-microsoft-azure">Azure</a></li>

<h6 class="dropdown-header">For Servers</h6>

<li><a href="https://docker.com/docker-windows-server">Windows Server</a></li>

<li><a href="https://docker.com/docker-centos">CentOS</a></li>

<li><a href="https://docker.com/docker-debian">Debian</a></li>

<li><a href="https://docker.com/docker-fedora">Fedora</a></li>

<li><a href="https://docker.com/docker-oracle-linux">Oracle Enterprise Linux</a></li>

<li><a href="https://docker.com/docker-rhel">RHEL</a></li>

<li><a href="https://docker.com/docker-sles">SLES</a></li>

<li><a href="https://docker.com/docker-ubuntu">Ubuntu</a></li>

</ul>

</li>

<li><a href="https://docs.docker.com">Docs</a></li>

<li><a href="https://docker.com/docker-community">Community</a></li>

<li><a href="https://cloud.docker.com/">Create Docker ID</a></li>

<li><a href="https://cloud.docker.com/login">Sign In</a></li>

</ul>

</div>

<!--/.nav-collapse -->

</div>

</nav>

</div>

</div>

<!-- hero banner text -->

<div class="container-fluid">

<div class="row">

<div class="hero-text">

<div class="hero-text-centered">

<h1>{{ site.name }}</h1>

<p>Docker provides a way to run applications securely isolated in a container, packaged with all its dependencies and libraries.</p>

<ul class="buttons">

<li><a class="button transparent-btn" href="/engine/installation/" target="_blank">Get Docker</a></li>

<li> <a class="button secondary-btn" href="/get-started/" target="_blank">Get Started</a></li>

</ul>

</div>

</div>

</div>

<a href="http://europe-2017.dockercon.com" target="_blank">

<div class="banner">

<img src="images/eu-dockercon.svg">

</div>

</a>

</div>

<!-- nav-secondary -->

<!-- data-offset-top should calculated as follows: (height of <header> - header of <nav>) -->

<nav class="nav-secondary-tabs" data-spy="affix" data-offset-top="385">

<div class="container-fluid">

<div class="navbar-collapse" aria-expanded="false" style="height: 1px;">

{% include navigation.html %}

</div>

</div>

</nav>