<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Domain Pricing - USBDSOFT</title>
    <!-- Styling -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap" rel="stylesheet">
<link href="/templates/twenty-one/css/all.min.css?v=bba1fd" rel="stylesheet">
<link href="/templates/twenty-one/css/theme.min.css?v=bba1fd" rel="stylesheet">
<link href="/assets/css/fontawesome-all.min.css" rel="stylesheet">

     
    <link href="/templates/hostiko/layouts/wp-85/override85.css" rel="stylesheet">
<script>
    var csrfToken = 'b29e93abd3379d15c4b2d7bc5c0267b69cd703e5',
        markdownGuide = 'Markdown Guide',
        locale = 'en',
        saved = 'saved',
        saving = 'autosaving',
        whmcsBaseUrl = "",
        requiredText = 'Required',
        recaptchaSiteKey = "";
</script>
<script src="/templates/twenty-one/js/scripts.min.js?v=bba1fd"></script>

    
</head>

<body class="primary-bg-color" data-phone-cc-input="1">

    

                    <section class="top-bar-section">
  <div class="container">
    <div class="top-bar">
      <ul class="top-bar-left-content">
        <li class="topbar-search">
          <form method="post" action="/index?rp=/knowledgebase/search" class="form-inline ml-auto">
<input type="hidden" name="token" value="b29e93abd3379d15c4b2d7bc5c0267b69cd703e5" />
            <div class="input-group search d-none d-xl-flex">
                <div class="input-group-prepend">
                    <button class="btn btn-default" type="submit">
                        <i class="fas fa-search"></i>
                    </button>
                </div>
                <input class="form-control appended-form-control font-weight-light" type="text" name="search" placeholder="Search our knowledgebase...">
            </div>
          </form>
        </li>
      </ul>
      <ul class="top-bar-right-content">
        <li><a href="#"><i class="fas fa-comment-dots"></i></a></li>
        <li class="nav-item">
          <a class="btn nav-link cart-btn" href="https://usbdsoft.com/whmcs-bridge/?ccce=cart&a=view">
              <i class="far fa-shopping-cart"></i>
              <span class="badge badge-info">0</span>
              <span class="sr-only">Shopping Cart</span>
          </a>
        </li>
            <li menuItemName="Account" class="d-block no-collapse dropdown no-collapse" id="Secondary_Navbar-Account">
        <a class=" dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        Account
                    </a>
                    <ul class="dropdown-menu dropdown-menu-right">
                                                <li menuItemName="Login" class="dropdown-item" id="Secondary_Navbar-Account-Login">
                        <a href="/clientarea" class="dropdown-item px-2 py-0">
                                                        Login
                                                    </a>
                    </li>
                                                                <li menuItemName="Register" class="dropdown-item" id="Secondary_Navbar-Account-Register">
                        <a href="/register" class="dropdown-item px-2 py-0">
                                                        Register
                                                    </a>
                    </li>
                                                                <div class="dropdown-divider"></div>
                                                                <li menuItemName="Forgot Password?" class="dropdown-item" id="Secondary_Navbar-Account-Forgot_Password?">
                        <a href="/index?rp=/password/reset" class="dropdown-item px-2 py-0">
                                                        Forgot Password?
                                                    </a>
                    </li>
                                        </ul>
            </li>
      </ul>
      
    </div>
  </div>
</section>        
    <header id="header" class="header">
        
        <div class="navbar navbar-light">
            <div class="container">
                <a class="navbar-brand" href="https://usbdsoft.com">
                    <!-- <img src="/templates/hostiko/layouts/wp-85/assets/images/logo85.png"> -->
                    <img src="https://usbdsoft.com/wp-content/uploads/clients_logo.png">
                </a>
                
                <div class="navbar navbar-expand-xl main-navbar-wrapper">
                    <div class="collapse navbar-collapse" id="mainNavbar">
                        <form method="post" action="/index?rp=/knowledgebase/search" class="d-xl-none">
<input type="hidden" name="token" value="b29e93abd3379d15c4b2d7bc5c0267b69cd703e5" />
                            <div class="input-group search w-100 mb-2">
                                <div class="input-group-prepend">
                                    <button class="btn btn-default" type="submit">
                                        <i class="fas fa-search"></i>
                                    </button>
                                </div>
                                <input class="form-control prepended-form-control" type="text" name="search" placeholder="Search our knowledgebase...">
                            </div>
                        </form>
                        <ul class="navbar-nav mr-auto">
                                <li menuItemName="Home" class="d-block no-collapse" id="Primary_Navbar-Home">
        <a class="pr-4" href="/index">
                        Home
                    </a>
            </li>
    <li menuItemName="Store" class="d-block dropdown no-collapse" id="Primary_Navbar-Store">
        <a class="pr-4 dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        Store
                    </a>
                    <ul class="dropdown-menu">
                                                <li menuItemName="Browse Products Services" class="dropdown-item" id="Primary_Navbar-Store-Browse_Products_Services">
                        <a href="/index?rp=/store" class="dropdown-item px-2 py-0">
                                                        Browse All
                                                    </a>
                    </li>
                                                                <div class="dropdown-divider"></div>
                                                                <li menuItemName="NVMe Hosting" class="dropdown-item" id="Primary_Navbar-Store-NVMe_Hosting">
                        <a href="/index?rp=/store/nvme-hosting" class="dropdown-item px-2 py-0">
                                                        NVMe Hosting
                                                    </a>
                    </li>
                                                                <li menuItemName="Register a New Domain" class="dropdown-item" id="Primary_Navbar-Store-Register_a_New_Domain">
                        <a href="/cart?a=add&domain=register" class="dropdown-item px-2 py-0">
                                                        Register a New Domain
                                                    </a>
                    </li>
                                                                <li menuItemName="Transfer a Domain to Us" class="dropdown-item" id="Primary_Navbar-Store-Transfer_a_Domain_to_Us">
                        <a href="/cart?a=add&domain=transfer" class="dropdown-item px-2 py-0">
                                                        Transfer Domains to Us
                                                    </a>
                    </li>
                                        </ul>
            </li>
    <li menuItemName="Announcements" class="d-block" id="Primary_Navbar-Announcements">
        <a class="pr-4" href="/index?rp=/announcements">
                        Announcements
                    </a>
            </li>
    <li menuItemName="Knowledgebase" class="d-block" id="Primary_Navbar-Knowledgebase">
        <a class="pr-4" href="/index?rp=/knowledgebase">
                        Knowledgebase
                    </a>
            </li>
    <li menuItemName="Network Status" class="d-block" id="Primary_Navbar-Network_Status">
        <a class="pr-4" href="/serverstatus">
                        Network Status
                    </a>
            </li>
    <li menuItemName="Contact Us" class="d-block" id="Primary_Navbar-Contact_Us">
        <a class="pr-4" href="/contact">
                        Contact Us
                    </a>
            </li>
    <li class="d-none dropdown collapsable-dropdown">
        <a class="dropdown-toggle" href="#" id="navbarDropdownMenu" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            More
        </a>
        <ul class="collapsable-dropdown-menu dropdown-menu" aria-labelledby="navbarDropdownMenu">
        </ul>
    </li>
                        </ul>
                                            </div>
                   
                </div>
                <ul class="navbar-nav toolbar d-xl-none">
                    <li class="nav-item ml-3 d-xl-none">
                        <button class="btn nav-link" type="button" data-toggle="collapse" data-target="#mainNavbar">
                            <span class="fas fa-bars"></span>
                        </button>
                    </li>
                </ul>
            </div>
        </div>
        
    </header>
   
        <section class="hostiko-banner-whmcs">
    <nav class="master-breadcrumb" aria-label="breadcrumb">
        <div class="container">
            <h1 class="title-heading">Domain Pricing</h1>
            <ol class="breadcrumb">
            <li class="breadcrumb-item">
            <a href="/index">            Portal Home
            </a>        </li>
            <li class="breadcrumb-item active" aria-current="page">
                        Domain Pricing
                    </li>
    </ol>
        </div>
    </nav>
    
        <script type="text/javascript">
            const queryParams = new URLSearchParams(window.location.search);
            var page_login_temp= queryParams.get('rp');
            if(page_login_temp == '/login'){
                $(".breadcrumb").append('<li class="breadcrumb-item active" aria-current="page">Login</li>')
            }
            
        </script>
    
</section>  
    
        
 
    <section id="main-body">
        <div class="container">
            <div class="row">

                        <div class="col-12 primary-content">




<div class="domain-pricing">

            <div class="featured-tlds-container">
            <div class="row">
                                    <div class="col-md-3 col-sm-4 col-6">
                        <div class="featured-tld">
                            <div class="img-container">
                                <img src="//clients.usbdsoft.com/assets/img/tld_logos/com.png">
                            </div>
                            <div class="price com">
                                                                    $13.99/yr                                                            </div>
                        </div>
                    </div>
                                    <div class="col-md-3 col-sm-4 col-6">
                        <div class="featured-tld">
                            <div class="img-container">
                                <img src="//clients.usbdsoft.com/assets/img/tld_logos/net.png">
                            </div>
                            <div class="price net">
                                                                    $14.95/yr                                                            </div>
                        </div>
                    </div>
                            </div>
        </div>
    
    
    <h4>Browse extensions by category</h4>

    <div class="tld-filters">
                    <a href="#" data-category="Popular" class="badge badge-secondary">Popular (6)</a>
            </div>

    
<script>
    // The ready function is being called twice on page load.
    var alreadyReady = false;
    jQuery(document).ready( function () {
        var table = jQuery("#tableDomainPricing").DataTable({
            "dom": '<"listtable"fit>pl',            "ordering": false,            "responsive": true,
            "oLanguage": {
                "sEmptyTable":     "No Records Found",
                "sInfo":           "Showing _START_ to _END_ of _TOTAL_ entries",
                "sInfoEmpty":      "Showing 0 to 0 of 0 entries",
                "sInfoFiltered":   "(filtered from _MAX_ total entries)",
                "sInfoPostFix":    "",
                "sInfoThousands":  ",",
                "sLengthMenu":     "Show _MENU_ entries",
                "sLoadingRecords": "Loading...",
                "sProcessing":     "Processing...",
                "sSearch":         "",
                "sZeroRecords":    "No Records Found",
                "oPaginate": {
                    "sFirst":    "First",
                    "sLast":     "Last",
                    "sNext":     "Next",
                    "sPrevious": "Previous"
                }
            },
            "pageLength": 10,
            "order": [
                [
                    0,
                    "asc"
                ]
            ],
            "lengthMenu": [
                [10, 25, 50, -1],
                [10, 25, 50, "All"]
            ],
            "aoColumnDefs": [
                {
                    "bSortable": false,
                    "aTargets": [
                                            ]
                },
                {
                    "sType": "string",
                    "aTargets": [
                                            ]
                }
            ],
            "stateSave": true
        });

            alreadyReady = true;
    });
</script>
    <script>
        jQuery(document).ready(function() {
            var table = jQuery('#tableDomainPricing').show().DataTable();

                        table.draw();
            jQuery('#tableLoading').hide();
            jQuery('.tld-filters a').unbind();
            jQuery('.tld-filters a').click(function(e) {
                e.preventDefault();
                if (jQuery(this).hasClass('badge-success')) {
                    jQuery('#tableDomainPricing_wrapper input[type="search"]').val('').trigger('keyup');
                    jQuery('.tld-filters a').removeClass('badge-success');
                } else {
                    jQuery('#tableDomainPricing_wrapper input[type="search"]').val(jQuery(this)
                        .data('category'))
                        .trigger('keyup');
                    jQuery('.tld-filters a').removeClass('badge-success');
                    jQuery(this).addClass('badge-success');
                }
            });
        });
    </script>

    <div class="table-container clearfix overflow-auto">
        <table class="table table-list hidden" id="tableDomainPricing">
            <thead>
            <tr>
                <th>TLD</th>
                <th>Category</th>
                <th>New Price</th>
                <th>Transfer</th>
                <th>Renewal</th>
                <th>Grace Period</th>
                <th>Redemption Period</th>
            </tr>
            </thead>
            <tbody>
                            <tr>
                    <td>
                        com
                                            </td>
                    <td>
                        Popular
                        <span class="w-hidden">
                                                            Popular
                                                    </span>
                    </td>
                                            <td>
                                                            $13.99 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                                                    <td>
                                                            $14.95 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                                                    <td>
                                                            $14.95 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                            <td>
                                                    30 Days<br>
                            <small>($0.00 USD)</small>
                                            </td>
                    <td>
                                                    -
                                            </td>
                </tr>
                            <tr>
                    <td>
                        net
                                            </td>
                    <td>
                        Popular
                        <span class="w-hidden">
                                                            Popular
                                                    </span>
                    </td>
                                            <td>
                                                            $14.95 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                                                    <td>
                                                            $14.95 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                                                    <td>
                                                            $14.95 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                            <td>
                                                    30 Days<br>
                            <small>($0.00 USD)</small>
                                            </td>
                    <td>
                                                    -
                                            </td>
                </tr>
                            <tr>
                    <td>
                        org
                                            </td>
                    <td>
                        Popular
                        <span class="w-hidden">
                                                            Popular
                                                    </span>
                    </td>
                                            <td>
                                                            $14.95 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                                                    <td>
                                                            $14.95 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                                                    <td>
                                                            $14.95 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                            <td>
                                                    30 Days<br>
                            <small>($0.00 USD)</small>
                                            </td>
                    <td>
                                                    -
                                            </td>
                </tr>
                            <tr>
                    <td>
                        biz
                                            </td>
                    <td>
                        Popular
                        <span class="w-hidden">
                                                            Popular
                                                    </span>
                    </td>
                                            <td>
                                                            $14.95 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                                                    <td>
                                                            $14.95 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                                                    <td>
                                                            $14.95 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                            <td>
                                                    30 Days<br>
                            <small>($0.00 USD)</small>
                                            </td>
                    <td>
                                                    -
                                            </td>
                </tr>
                            <tr>
                    <td>
                        info
                                            </td>
                    <td>
                        Popular
                        <span class="w-hidden">
                                                            Popular
                                                    </span>
                    </td>
                                            <td>
                                                            $14.95 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                                                    <td>
                                                            $14.95 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                                                    <td>
                                                            $14.95 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                            <td>
                                                    30 Days<br>
                            <small>($0.00 USD)</small>
                                            </td>
                    <td>
                                                    -
                                            </td>
                </tr>
                            <tr>
                    <td>
                        us
                                            </td>
                    <td>
                        Popular
                        <span class="w-hidden">
                                                            Popular
                                                    </span>
                    </td>
                                            <td>
                                                            $11.99 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                                                    <td>
                                                            $11.99 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                                                    <td>
                                                            $11.99 USD<br>
                                <small>1 Year</small>
                                                    </td>
                                            <td>
                                                    30 Days<br>
                            <small>($0.00 USD)</small>
                                            </td>
                    <td>
                                                    -
                                            </td>
                </tr>
                        </tbody>
        </table>
        <div class="text-center" id="tableLoading">
            <p><i class="fas fa-spinner fa-spin"></i> Loading...</p>
        </div>
    </div>

</div>

<p style="text-align:center;">Powered by <a href="https://www.whmcs.com/" target="_blank">WHMCompleteSolution</a></p>
                    </div>

                    </div>
                                    <div class="clearfix"></div>
            </div>
        </div>
    </section>
    
    <!--Footer Section Starts Here-->
<section class="footer-section">
    <div class="container">
        <div class="middle-portion">
            <div class="row">
                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-12 col-12">
                    <div class="logo-content">
                        <a href="https://usbdsoft.com/">
                            <figure class="footer-logo">
                               <!--<img src="/templates/hostiko/layouts/wp-85/assets/images/footer-logo85.png"/> -->
                               <img src="https://usbdsoft.com/wp-content/uploads/clients_logo.png"/>
                            </figure>
                        </a>
                        <p class="text-size-14 text">Your satisfaction is our top priority.</p>                        
                        <ul class="list-unstyled mb-0 social-icons">
                            <li class="circle"><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                            <li class="circle"><a href="#"><i class="fab fa-twitter"></i></a></li>
                            <li class="circle"><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-2 col-md-2 col-sm-6 col-6">
                    <div class="links">
                        <h4 class="heading">Navigation</h4>
                        <ul class="list-unstyled mb-0">                            
                            <li><i class="fas fa-arrow-right"></i><a href="https://usbdsoft.com/" class=" text-size-14 text text-decoration-none">Home</a></li>
                            <li><i class="fas fa-arrow-right"></i><a href="https://usbdsoft.com/about" class=" text-size-14 text text-decoration-none">About</a></li>
                            <li><i class="fas fa-arrow-right"></i><a href="https://usbdsoft.com/support" class=" text-size-14 text text-decoration-none">Support</a></li>
                            <li><i class="fas fa-arrow-right"></i><a href="https://usbdsoft.com/domain" class=" text-size-14 text text-decoration-none">Domain</a></li>
                            <li><i class="fas fa-arrow-right"></i><a href="https://usbdsoft.com/contact" class=" text-size-14 text text-decoration-none">Contact</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 col-6">
                    <div class="use-link links">
                        <h4 class="heading">Useful Links</h4>
                        <ul class="list-unstyled mb-0">
                            <li><i class="fas fa-arrow-right"></i><a href="https://usbdsoft.com/shared" class=" text-size-14 text text-decoration-none">Shared Hosting</a></li>
                            <li><i class="fas fa-arrow-right"></i><a href="https://usbdsoft.com/shared" class=" text-size-14 text text-decoration-none">Dedicated Hosting</a></li>
                            <li><i class="fas fa-arrow-right"></i><a href="https://usbdsoft.com/shared" class=" text-size-14 text text-decoration-none">Reseller Hosting</a></li>
                            <li><i class="fas fa-arrow-right"></i><a href="https://usbdsoft.com/shared" class=" text-size-14 text text-decoration-none">VPS Hosting</a></li>
                            <li><i class="fas fa-arrow-right"></i><a href="https://usbdsoft.com/shared" class=" text-size-14 text text-decoration-none">Blogs</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
                    <div class="icon">
                        <h4 class="heading">Contact Us</h4>
                        <ul class="list-unstyled mb-0">
                            <li class="text">
                                <i class="fas fa-phone-alt"></i>
                                <a href="tel:+17188643245" class="text-decoration-none"> +1 (718) 864-3245 </a>
                            </li>
                            <li class="text text2">
                                <i class="fas fa-envelope"></i>
                                <a href="mailto:info@usbdsoft.com" class="text-decoration-none">info@usbdsoft.com</a>
                            </li>
                            <li class="text">
                                <i class="location fas fa-map-marker-alt"></i>
                                <p class="address mb-0">10917 205th St, St. Albans, NY, USA</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Footer Section Ends Here-->
    <footer id="footer" class="footer">
        <div class="container">
            <ul class="list-inline mb-7 text-center float-lg-right">
                
                                    <li class="list-inline-item">
                        <button type="button" class="btn" data-toggle="modal" data-target="#modalChooseLanguage">
                            <div class="d-inline-block align-middle">
                                <div class="iti-flag us"></div>
                            </div>
                            English
                            /
                            $
                            USD
                        </button>
                    </li>
                            </ul>

            <ul class="nav justify-content-center justify-content-lg-start mb-7">
                <li class="nav-item">
                    <a class="nav-link" href="/contact">
                        Contact Us
                    </a>
                </li>
                            </ul>

            <p class="copyright mb-0">
                Copyright &copy; 2026 USBDSOFT. All Rights Reserved.
            </p>
        </div>
    </footer>

    <div id="fullpage-overlay" class="w-hidden">
        <div class="outer-wrapper">
            <div class="inner-wrapper">
                <img src="//clients.usbdsoft.com/assets/img/overlay-spinner.svg">
                <br>
                <span class="msg"></span>
            </div>
        </div>
    </div>

    <div class="modal system-modal fade" id="modalAjax" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"></h5>
                    <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">&times;</span>
                        <span class="sr-only">Close</span>
                    </button>
                </div>
                <div class="modal-body">
                    Loading...
                </div>
                <div class="modal-footer">
                    <div class="float-left loader">
                        <i class="fas fa-circle-notch fa-spin"></i>
                        Loading...
                    </div>
                    <button type="button" class="btn btn-default" data-dismiss="modal">
                        Close
                    </button>
                    <button type="button" class="btn btn-primary modal-submit">
                        Submit
                    </button>
                </div>
            </div>
        </div>
    </div>

    <form method="get" action="/index?rp=%2Fdomain%2Fpricing&systpl=portal&">
        <div class="modal modal-localisation" id="modalChooseLanguage" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-body">
                        <button type="button" class="close text-light" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>

                                                    <h5 class="h5 pt-5 pb-3">Choose language</h5>
                            <div class="row item-selector">
                            <input type="hidden" name="language" value="">
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="arabic">
                                            العربية
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="azerbaijani">
                                            Azerbaijani
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="catalan">
                                            Català
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="chinese">
                                            中文
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="croatian">
                                            Hrvatski
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="czech">
                                            Čeština
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="danish">
                                            Dansk
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="dutch">
                                            Nederlands
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item active" data-value="english">
                                            English
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="estonian">
                                            Estonian
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="farsi">
                                            Persian
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="french">
                                            Français
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="german">
                                            Deutsch
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="hebrew">
                                            עברית
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="hungarian">
                                            Magyar
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="italian">
                                            Italiano
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="macedonian">
                                            Macedonian
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="norwegian">
                                            Norwegian
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="portuguese-br">
                                            Português
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="portuguese-pt">
                                            Português
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="romanian">
                                            Română
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="russian">
                                            Русский
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="spanish">
                                            Español
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="swedish">
                                            Svenska
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="turkish">
                                            Türkçe
                                        </a>
                                    </div>
                                                                    <div class="col-4">
                                        <a href="#" class="item" data-value="ukranian">
                                            Українська
                                        </a>
                                    </div>
                                                            </div>
                                                                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-default">Apply</button>
                    </div>
                </div>
            </div>
        </div>
    </form>

    
    <form action="#" id="frmGeneratePassword">
    <div class="modal fade" id="modalGeneratePassword">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-primary text-white">
                    <h4 class="modal-title">
                        Generate Password
                    </h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-danger w-hidden" id="generatePwLengthError">
                        Please enter a number between 8 and 64 for the password length
                    </div>
                    <div class="form-group row">
                        <label for="generatePwLength" class="col-sm-4 col-form-label">Password Length</label>
                        <div class="col-sm-8">
                            <input type="number" min="8" max="64" value="12" step="1" class="form-control input-inline input-inline-100" id="inputGeneratePasswordLength">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="generatePwOutput" class="col-sm-4 col-form-label">Generated Password</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="inputGeneratePasswordOutput">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-8 offset-sm-4">
                            <button type="submit" class="btn btn-default btn-sm">
                                <i class="fas fa-plus fa-fw"></i>
                                Generate new password
                            </button>
                            <button type="button" class="btn btn-default btn-sm copy-to-clipboard" data-clipboard-target="#inputGeneratePasswordOutput">
                                <img src="//clients.usbdsoft.com/assets/img/clippy.svg" alt="Copy to clipboard" width="15">
                                Copy
                            </button>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">
                        Close
                    </button>
                    <button type="button" class="btn btn-primary" id="btnGeneratePasswordInsert" data-clipboard-target="#inputGeneratePasswordOutput">
                        Copy to clipboard and Insert
                    </button>
                </div>
            </div>
        </div>
    </div>
</form>

    

</body>
</html>
