docs/_includes/body-landing.html

864 lines
32 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<body ng-app="Docker" ng-controller="DockerController" id="landing">
<nav class="navbar header">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-content" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">
<img
src="../images/docker-docs-logo.svg"
alt="Docker Docs"
title="Docker Docs"
/>
</a>
</div>
<div class="collapse navbar-collapse" id="header-content">
<ul class="nav navbar-nav">
<li class="active">
<a href="https://docs.docker.com/">Home</a>
</li>
<li>
<a href="https://docs.docker.com/develop/">Guides</a>
</li>
<li>
<a href="https://docs.docker.com/engine/">Product Manual</a>
</li>
<li>
<a href="https://docs.docker.com/reference/">Reference</a>
</li>
<li>
<a href="https://www.docker.com/blog/">Articles</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
{% include theme-switch.html %}
</li>
</ul>
</div>
</div>
</nav>
<section class="hero container">
<div class="row justify-content-center">
<div class="col-xs-12 text-center">
<h2>
What can we help you find?
</h2>
</div>
</div>
<div class="row justify-content-center">
<form
class="col-xs-12 col-sm-offset-2 col-sm-8 col-md-offset-3 col-md-6 col-lg-offset-4 col-lg-4"
method="GET"
action="/search/"
>
<input
class="form-control"
name="q"
placeholder="Search for guides, terms, commands and more..."
type="search"
autocomplete="off"
spellcheck="false"
dir="auto"
/>
</form>
</div>
</section>
<section class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/get-started/">
<img src="/images/rocket.svg" alt="get started" />
<h5 class="title">Get started</h5>
<p>
Learn Docker basics and the benefits of containerizing you
applications.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/get-docker/">
<img
src="/images/download-docker.svg"
alt="download and install docker"
/>
<h5 class="title">Download and install</h5>
<p>
Download and install Docker on your machine in a few easy steps.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/develop/">
<img src="/images/guides.svg" alt="guides" />
<h5 class="title">Guides</h5>
<p>
Learn how to set up your Docker environment and start containerizing
you applications.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/release-notes/">
<img src="/images/whats-new.svg" alt="what's new" />
<h5 class="title">What's new?</h5>
<p>
Learn about the cool new features, updates, and bug fixes.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/engine/">
<img src="/images/manuals.svg" alt="products manuals" />
<h5 class="title">Product manuals</h5>
<p>
Browse through the manuals and learn how to use Docker products.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/reference/">
<img src="/images/reference.svg" alt="reference" />
<h5 class="title">Reference</h5>
<p>
Browse through the through the CLI and API reference documentation.
</p>
</a>
</div>
</div>
</section>
<section class="container">
<div class="row">
<div class="col-xs-12 col-lg-8 card-holder">
<div class="cardlet container-fluid">
<div class="row">
<div class="col-xs-12 col-lg-8">
<h5 class="title">How do I?</h5>
<p>
Check out the following topics to learn how to build, run, and
deploy your applications using Docker.
</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/engine/reference/builder/"
>Write a Dockerfile</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/network/"
>Manage container networking</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/compose/compose-file/"
>Write a Docker Compose file</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/storage/"
>Work with volumes and bind mounts</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/get-started/part3/"
>Share my image on Docker Hub</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/config/daemon/"
>Configure the Docker daemon</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/get-started/part2/"
>Build and run an image</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/config/labels-custom-metadata/"
>Manage Docker objects</a
>
</div>
<div class="col-xs-12 col-md-6">
<a
href="https://docs.docker.com/develop/develop-images/multistage-build/"
>Use multi-stage builds</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href=" https://docs.docker.com/get-started/kube-deploy/"
>Scale apps using Kubernetes</a
>
</div>
<div class="col-xs-12 col-md-6">
<a
href="https://docs.docker.com/engine/reference/commandline/run/"
>Run a command in a container</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/get-started/swarm-deploy/"
>Scale apps using Swarm</a
>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-lg-4 card-holder">
<div class="cardlet container-fluid">
<div class="row">
<div class="col-xs-12">
<h5 class="title">Most popular articles</h5>
<p>Check out the most popular articles on docs.docker.com.</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6 col-lg-12">
<a href="https://docs.docker.com/engine/install/ubuntu/"
>Install Docker Engine on Ubuntu</a
>
</div>
<div class="col-xs-12 col-md-6 col-lg-12">
<a href="https://docs.docker.com/docker-for-windows/install/"
>Install Docker Desktop on Windows</a
>
</div>
<div class="col-xs-12 col-md-6 col-lg-12">
<a href="https://docs.docker.com/compose/compose-file/"
>Compose file reference</a
>
</div>
<div class="col-xs-12 col-md-6 col-lg-12">
<a href="https://docs.docker.com/engine/reference/builder/"
>Dockerfile reference</a
>
</div>
<div class="col-xs-12 col-md-6 col-lg-12">
<a
href="https://docs.docker.com/engine/reference/commandline/run/"
>Run a command in a container</a
>
</div>
<div class="col-xs-12 col-md-6 col-lg-12">
<a href="https://docs.docker.com/get-started/part2/"
>Build and run your image</a
>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="join-community">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6 col-lg-offset-1 col-lg-7">
<h5 class="title">
Connect with Docker Captains and Docker enthusiasts through our
Community Slack channel.
</h5>
<p>
Its a great place to learn and ask questions along your journey.
</p>
</div>
<div class="col-xs-12 col-md-6 col-lg-4 text-center">
<a href="http://dockr.ly/slack" class="slack-button">
<img src="/images/slack-icon.svg" alt="slack" />
<span>Join the community</span>
</a>
</div>
</div>
</div>
</section>
<section class="container help-by-product">
<div class="row">
<div class="col-xs-12">
<div class="cardlet container-fluid">
<div class="row">
<div class="col-xs-12">
<h5 class="title">Help by product</h5>
</div>
<div class="col-xs-12">
<ul class="nav nav-tabs">
<li class="active" role="presentation" data-tab="desktop">
<a onclick="onChangeHelpTab('desktop')">
Desktop
</a>
</li>
<li role="presentation" data-tab="hub">
<a onclick="onChangeHelpTab('hub')">
Hub
</a>
</li>
<li role="presentation" data-tab="engine">
<a onclick="onChangeHelpTab('engine')">
Engine
</a>
</li>
<li role="presentation" data-tab="compose">
<a onclick="onChangeHelpTab('compose')">
Compose
</a>
</li>
</ul>
</div>
</div>
<!-- DESKTOP -->
<div class="row active" data-tab="desktop" data-os="win">
<div class="col-xs-12 col-md-4 col-lg-2 text-center">
<div
class="image"
style="background-image: url(/images/laptop.svg);"
></div>
<h5>Docker Desktop</h5>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="os-label only-win">Windows</span><span class="os-label only-mac">Mac</span> <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a onclick="onChangeHelpOs('win')">Windows</a></li>
<li><a onclick="onChangeHelpOs('mac')">Mac</a></li>
</ul>
</div>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Getting Started with Docker
</h6>
<p>
Take a walkthrough that covers writing your first app, data
storage, networking, and swarms, and ends with your app running
on production servers in the cloud.
</p>
<p>
<a href="https://docs.docker.com/get-started/">Learn Docker</a>
</p>
<h6>FAQs</h6>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/faqs/#can-i-install-docker-desktop-on-windows-10-home">
Can I install Docker Desktop on Windows 10 Home?
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/install/#system-requirements">
What are the system requirements for Docker Desktop?
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/faqs/#what-is-the-difference-between-the-stable-and-edge-versions-of-docker-desktop">
What is the difference between the Stable and Edge versions of Docker Desktop?
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/faqs/#how-do-i-connect-from-a-container-to-a-service-on-the-host">
How do I connect from a container to a service?
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/faqs/#what-is-the-difference-between-the-stable-and-edge-versions-of-docker-desktop">
What is the difference between the Stable and Edge versions of Docker Desktop?
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/install/#system-requirements">
What are the system requirements for Docker Desktop?
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/faqs/#how-do-i-connect-to-a-container-from-mac">
How do I connect to a container from Mac?
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/faqs/#can-i-use-an-ssh-agent-inside-a-container">
Can I use an SSH agent inside a container?
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/faqs/">
View all
</a>
</p>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Popular articles
</h6>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/wsl-tech-preview/">
Docker Desktop WSL 2 backend
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/install/">
Install Docker Desktop on Mac
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-for-windows/dashboard/">
Docker Desktop Dashboard
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/kubernetes/">
Deploy on Kubernetes
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/release-notes/">
Stable Release notes
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/troubleshoot/">
Logs and troubleshooting
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/networking/">
Networking features in Docker Desktop
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/osxfs/">
Mac file system sharing
</a>
</p>
</div>
</div>
<!-- HUB -->
<div class="row" data-tab="hub">
<div class="col-xs-12 col-md-4 col-lg-2 text-center">
<div
class="image"
style="background-image: url(/images/hub.svg);"
></div>
<h5>Hub</h5>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Getting Started with Docker
</h6>
<p>
Take a walkthrough that covers writing your first app, data
storage, networking, and swarms, and ends with your app running
on production servers in the cloud.
</p>
<p>
<a href="https://docs.docker.com/get-started/">Learn Docker</a>
</p>
<h6>FAQ's</h6>
<p>
<a href="https://docs.docker.com/get-started/part3/">
How do I share images on Docker Hub
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/orgs/#create-an-organization">
How do I create an organization?
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/orgs/#create-a-team">
How do I create a team and add team members?
</a>
</p>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Popular articles
</h6>
<p>
<a href="https://docs.docker.com/docker-hub/official_images/">
Docker Hub official images
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/repos/">
Create Docker Hub repositories
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/builds/">
Set up automated builds
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/access-tokens/">
Manage access tokens
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/webhooks/">
Docker Hub Webhooks
</a>
</p>
</div>
</div>
<!-- ENGINE -->
<div class="row" data-tab="engine">
<div class="col-xs-12 col-md-4 col-lg-2 text-center">
<div
class="image"
style="background-image: url(/images/engine.svg);"
></div>
<h5>Engine</h5>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Getting Started with Docker
</h6>
<p>
Take a walkthrough that covers writing your first app, data
storage, networking, and swarms, and ends with your app running
on production servers in the cloud.
</p>
<p>
<a href="https://docs.docker.com/get-started/">Learn Docker</a>
</p>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Popular articles
</h6>
<p>
<a href="https://docs.docker.com/engine/install/ubuntu/">
Install Docker Engine on Ubuntu
</a>
</p>
<p>
<a href="https://docs.docker.com/engine/reference/commandline/run/">
Run a command in a container
</a>
</p>
<p>
<a href="https://docs.docker.com/engine/reference/builder/">
Dockerfile reference
</a>
</p>
<p>
<a href="https://docs.docker.com/engine/reference/commandline/dockerd/#description">
Docker daemon reference
</a>
</p>
<p>
<a href="https://docs.docker.com/engine/reference/commandline/build/">
Docker build reference
</a>
</p>
</div>
</div>
<!-- COMPOSE -->
<div class="row" data-tab="compose">
<div class="col-xs-12 col-md-4 col-lg-2 text-center">
<div
class="image"
style="background-image: url(/images/Compose.png);"
></div>
<h5>Compose</h5>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Getting Started with Docker
</h6>
<p>
Take a walkthrough that covers writing your first app, data
storage, networking, and swarms, and ends with your app running
on production servers in the cloud.
</p>
<p>
<a href="https://docs.docker.com/get-started/">Learn Docker</a>
</p>
<h6>FAQ's</h6>
<p>
<a href="https://docs.docker.com/compose/faq/#how-do-i-run-multiple-copies-of-a-compose-file-on-the-same-host">
How do I run multiple copies of a Compose file on the same host?
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/faq/#can-i-use-json-instead-of-yaml-for-my-compose-file">
Can I use json instead of yaml for my Compose file?
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/faq/#where-can-i-find-example-compose-files">
Where can I find example Compose files?
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/faq/">View all</a>
</p>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Popular articles
</h6>
<p>
<a href="https://docs.docker.com/compose/install/">
Install Docker Compose
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/gettingstarted/">
Getting started with Docker Compose
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/environment-variables/">
Environment variables in Compose
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/networking/">
Networking in Compose
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container">
<div class="row">
<div class="col-xs-12">
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-md-6">
<h2 class="title">Best practices</h2>
<p>
Take a look at our best practices and reference architecture
topics to fine tune your deployment.
</p>
<p>
<a href="https://docs.docker.com/develop/develop-images/dockerfile_best-practices/">
Best practices for writing Dockerfile
</a>
</p>
<p>
<a href="https://docs.docker.com/develop/develop-images/dockerfile_best-practices/">
Best practices for writing a Docker Compose file
</a>
</p>
<p>
<a href="https://docs.docker.com/develop/dev-best-practices/">
Docker Development best practices
</a>
</p>
<p>
<a href="https://docs.docker.com/engine/security/security/">
Docker Security best practices
</a>
</p>
<p>
<a href="https://success.docker.com/article/logging-best-practices">
Docker Reference architecture: Docker logging design and best practices
</a>
</p>
<p>
<a href="https://success.docker.com/article/networking">
Docker Swarm reference architecture: Exploring scalable, portable container networks
</a>
</p>
</div>
<div class="col-xs-12 col-md-6">
<h2 class="title">Troubleshooting</h2>
<p>
Refer to our troubleshooting topics to learn how to diagnose and
troubleshoot common issues.
</p>
<p>
<a href="https://docs.docker.com/config/daemon/">
Troubleshoot the Docker daemon
</a>
</p>
<p>
<a href="https://docs.docker.com/storage/troubleshooting_volume_errors/">
Troubleshoot volumes or bind mount errors
</a>
</p>
<p>
<a href="https://success.docker.com/article/troubleshooting-container-networking">
Troubleshoot container networking errors
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-for-windows/troubleshoot/">
Docker Desktop logs and troubleshooting
</a>
</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6">
<h2 class="title">Stack Overflow</h2>
<p>
Browse through some of the frequent questions asked about Docker
on Stack Overflow.
</p>
<p>
<a href="https://stackoverflow.com/questions/24319662/from-inside-of-a-docker-container-how-do-i-connect-to-the-localhost-of-the-mach">
From inside of a Docker container, how do I connect to the localhost of the machine?
</a>
</p>
<p>
<a href="https://stackoverflow.com/questions/16047306/how-is-docker-different-from-a-virtual-machine">
How is Docker different from a virtual machine?
</a>
</p>
<p>
<a href="https://stackoverflow.com/questions/21553353/what-is-the-difference-between-cmd-and-entrypoint-in-a-dockerfile">
What is the difference between CMD and ENTRYPOINT in a Dockerfile?
</a>
</p>
<p>
<a href="https://stackoverflow.com/questions/22111060/what-is-the-difference-between-expose-and-publish-in-docker">
What is the difference between “expose” and “publish” in Docker?
</a>
</p>
<p>
<a href="https://stackoverflow.com/questions/19234831/where-are-docker-images-stored-on-the-host-machine">
Where are Docker images stored on the host machine?
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="community-resources" class="container">
<div class="row">
<div class="col-xs-12">
<h2 class="title">Community resources</h2>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://events.docker.com/chapters/" class="card">
<h5 class="title">Find a local meetup</h5>
<p>Attend one of the 200+ Docker Meetups around the globe.</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://www.docker.com/events" class="card">
<h5 class="title">Upcoming Events</h5>
<p>
Complete a workshop without installing anything using this Docker
playground.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://events.docker.com/docker-virtual-meetups/" class="card">
<h5 class="title">Tune in Monthly</h5>
<p>
Join the Virtual Docker Meetup Group and online meetups every month.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://www.docker.com/newsletter-subscription" class="card">
<h5 class="title">Community news</h5>
<p>
The Docker Weekly is a email newsletter with the latest content on
Docker and the event agenda for the upcoming weeks.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://www.docker.com/docker-captains" class="card">
<h5 class="title">Meet the Captains</h5>
<p>
Select members of the community that are both experts in their field
and are passionate about sharing their Docker knowledge with others.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://docs.docker.com/get-started/resources/" class="card">
<h5 class="title">Educational resources</h5>
<p>Expand your understanding of Docker with these additional resources.</p>
</a>
</div>
</div>
</section>
<section id="play-with-docker" class="container">
<div class="row">
<div class="col-xs-12">
<h2 class="title">Play with Docker</h2>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://www.docker.com/101-tutorial" class="card">
<h5 class="title">Tutorial</h5>
<p>Self-paced tutorials to increase your Docker knowledge.</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://labs.play-with-docker.com/" class="card">
<h5 class="title">Lab Environment</h5>
<p>
Complete a workshop without installing anything using this Docker
playground.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://docs.docker.com/get-started/resources/" class="card">
<h5 class="title">Community Training</h5>
<p>Free and paid learning materials from Docker Captains.</p>
</a>
</div>
</div>
</section>
<footer class="footer">
{% include footer.html %}
</footer>
<link rel="stylesheet" href="/css/github.css" />
<script src="/js/jquery.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/landing-page.js"></script>
<script>
window.onChangeHelpTab = function (name) {
const currentActiveTab = document.querySelector(
".help-by-product ul.nav li.active"
);
if (currentActiveTab) currentActiveTab.classList.remove("active");
const currentActiveBody = document.querySelector(
".help-by-product div.row.active[data-tab]"
);
if (currentActiveBody) currentActiveBody.classList.remove("active");
const nextActiveTab = document.querySelector(
'.help-by-product ul.nav li[data-tab="' + name + '"]'
);
if (nextActiveTab) nextActiveTab.classList.add("active");
const nextActiveBody = document.querySelector(
'.help-by-product div.row[data-tab="' + name + '"]'
);
if (nextActiveBody) nextActiveBody.classList.add("active");
};
window.onChangeHelpOs = function (os) {
const container = document.querySelector('div[data-tab="desktop"]');
if (container) container.setAttribute('data-os', os);
};
</script>
</body>