<!-- Insert WOVN Snippet with your token -->
<script src="https://j.wovn.io/1" data-wovnio="key=ZITIE-" async></script>

<!-- Implement your favorite html for language switch -->
<div class="wovn-languages">
  <div class="container">
    <div class="wovn-switch-template">wovn-lang-name</div>
  </div>
</div>

<!-- Your contents -->
<div>
  <h1>👋 Hello!</h1>
</div>
.wovn-languages .container {
  display: flex;
}
.wovn-languages .container div {
  padding: 5px;
}
.wovn-languages .container div + div {
  border-left: 1px solid;
}
.wovn-languages .container div.selected {
  font-weight: bold;
}
.wovn-languages .container div.wovn-switch:hover {
  text-decoration: underline;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.