Add a class.hdg, .hdg_main, .js-languagePageHdg,
.hList, .hList_loose, .masthead-nav., js-languageList, .langChoice,
.js-languageSelectclass to any tag for language translate
HTML code
<div class="site">
<div class="site-bd">
<div class="wrapper">
<div class="card">
<div class="card-header">
<h5 class="hdg hdg_main js-languagePageHdg">Internationalization</h5>
</div>
<div class="main" role="main">
<select class="langChoice js-languageSelect">
<option val="0">English</option>
<option val="1">German</option>
<option val="2">Russian</option>
<option val="3">Arabic</option>
</select>
</div>
<div class="card-body row">
<div class="col-lg-6">
<h5 class="hdg hdg_main js-languagePageHdg">Static Sub Nav</h5>
<div class="masthead" role="banner">
<ul class="icon-lists border navs-icon hList hList_loose masthead-nav js-languageList">
<li>
<a href="#"><span> Base</span></a>
</li>
<li>
<a href="#"><span> Advance</span></a>
<ul class="hList hList_loose masthead-nav js-languageList">
<li class="pl-navs-inline"><a href="#"><span>Scrollable</span></a></li>
<li class="pl-navs-inline"><a href="#"><span>Tree View</span></a></li>
<li class="pl-navs-inline"><a href="#"><span>Rating</span></a></li>
</ul>
</li>
<li>
<a href="#"><span data-mlr-text> Forms</span></a>
</li>
<li>
<a href="#"><span data-mlr-text> Tables</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
you can also add other language according to
belowin js and add language type in langChoice
Javascript code
const translations = {
'heading1': {
'en': 'Static Sub Nav'
'gr': 'Statische Sub-Navigation',
'rs': 'Статическая вспомогательная навигация',
'ar': 'الملاحة الفرعية الثابتة' }
'title1': {
'en': 'Base'
'gr': 'Base',
'rs': 'Основа',
'ar': 'قاعدة' }
'content1': {
'en': 'Task With dropdown menu'
'gr': 'Aufgabe mit Dropdown-Menü',
'rs': 'Задача с выпадающим меню',
'ar': 'المهمة مع القائمة المنسدلة' }