.hdg, .hdg_main, .js-languagePageHdg, .hList, .hList_loose, .masthead-nav., js-languageList, .langChoice, .js-languageSelectclass
to any tag for language translate
Add a language-picker plugin js
HTML code
<div class="site">
<div class="site-bd">
<div class="wrapper">
<div class="card">
<div class="card-header.pb-0">
<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>