• Animation
• Accordion
• Alerts
• Blocks
  • Blocks Property
  • Blocks Property List
• Breadcrumb
• Buttons
• Carousel
• Form
• List Group
• Pagination
• Progress Bars
• Rating Stars
• Template customization
• Top Register bar
• Title
• Typography

<div class="sub-top-bar hidden-xs"> <div class="<!--container-->"> <div class="block block-black block-left-up"> <a href="mylistings.html" class="btn-custom vert-line-l-r vert-line-orange link-effect-1 " data-hover="Submint Listing"> Submint Listing </a> <a href="#" data-toggle="modal" data-target="#registr-form" class="btn-custom vert-line-l-r vert-line-primary link-effect-1" data-hover="Register"> Register </a> <div class="lang-manu lang-manu-custom dropdown"> <button class="btn dropdown-toggle" type="button" data-toggle="dropdown"> <img src="assets/img/flags/en.png" alt="" /> <span>EN</span> <span class="caret"></span> </button> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="#"> <img src="assets/img/flags/en.png" alt="" /> English </a> </li> <li> <a class="dropdown-item" href="#"> <img src="assets/img/flags/hr.png" alt="" /> Hrvatska </a> </li> <li> <a class="dropdown-item" href="#"> <img src="assets/img/flags/ru.png" alt="" /> Russian </a> </li> <li> <a class="dropdown-item" href="#"> <img src="assets/img/flags/au.png" alt="" /> Australia </a> </li> <li> <a class="dropdown-item" href="#"> <img src="assets/img/flags/fi.png" alt="" /> Finland </a> </li> </ul> </div><!-- /.lang menu --> </div> </div> </div><!-- /. sub-top bar-->

For uses with overflow effect, add class 'overflow', for selector div.sub-top-bar

<div class="sub-top-bar overflow hidden-xs"> <div class="<!--container-->"> <div class="block block-black block-left-up"> <a href="mylistings.html" class="btn-custom vert-line-l-r vert-line-orange link-effect-1 " data-hover="Submint Listing"> Submint Listing </a> <a href="#" data-toggle="modal" data-target="#registr-form" class="btn-custom vert-line-l-r vert-line-primary link-effect-1" data-hover="Register"> Register </a> <div class="lang-manu lang-manu-custom dropdown"> <button class="btn dropdown-toggle" type="button" data-toggle="dropdown"> <img src="assets/img/flags/en.png" alt="" /> <span>EN</span> <span class="caret"></span> </button> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="#"> <img src="assets/img/flags/en.png" alt="" /> English </a> </li> <li> <a class="dropdown-item" href="#"> <img src="assets/img/flags/hr.png" alt="" /> Hrvatska </a> </li> <li> <a class="dropdown-item" href="#"> <img src="assets/img/flags/ru.png" alt="" /> Russian </a> </li> <li> <a class="dropdown-item" href="#"> <img src="assets/img/flags/au.png" alt="" /> Australia </a> </li> <li> <a class="dropdown-item" href="#"> <img src="assets/img/flags/fi.png" alt="" /> Finland </a> </li> </ul> </div><!-- /.lang menu --> </div> </div> </div><!-- /. sub-top bar-->

For uses background mask, add class 'bg-mask', for selector div.sub-top-bar

<div class="sub-top-bar bg-mask hidden-xs"> <div class="<!--container-->"> <div class="block block-black block-left-up"> <a href="mylistings.html" class="btn-custom vert-line-l-r vert-line-orange link-effect-1 " data-hover="Submint Listing"> Submint Listing </a> <a href="#" data-toggle="modal" data-target="#registr-form" class="btn-custom vert-line-l-r vert-line-primary link-effect-1" data-hover="Register"> Register </a> <div class="lang-manu lang-manu-custom dropdown"> <button class="btn dropdown-toggle" type="button" data-toggle="dropdown"> <img src="assets/img/flags/en.png" alt="" /> <span>EN</span> <span class="caret"></span> </button> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="#"> <img src="assets/img/flags/en.png" alt="" /> English </a> </li> <li> <a class="dropdown-item" href="#"> <img src="assets/img/flags/hr.png" alt="" /> Hrvatska </a> </li> <li> <a class="dropdown-item" href="#"> <img src="assets/img/flags/ru.png" alt="" /> Russian </a> </li> <li> <a class="dropdown-item" href="#"> <img src="assets/img/flags/au.png" alt="" /> Australia </a> </li> <li> <a class="dropdown-item" href="#"> <img src="assets/img/flags/fi.png" alt="" /> Finland </a> </li> </ul> </div><!-- /.lang menu --> </div> </div> </div><!-- /. sub-top bar-->