<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Shopping Cart - Rocket Solutions</title>

    <!-- Styling -->
<link href="/assets/fonts/css/open-sans-family.css" rel="stylesheet" type="text/css" />
<link href="/assets/fonts/css/raleway-family.css" rel="stylesheet" type="text/css" />
<link href="/templates/six/css/all.min.css?v=6914ab" rel="stylesheet">
<link href="/assets/css/fontawesome-all.min.css" rel="stylesheet">
<link href="/templates/six/css/custom.css" rel="stylesheet">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

<script type="text/javascript">
    var csrfToken = '022d4bacf38364da0eec796860cff71c4019fa94',
        markdownGuide = 'Markdown Guide',
        locale = 'en',
        saved = 'saved',
        saving = 'autosaving',
        whmcsBaseUrl = "";
    </script>
<script src="/templates/six/js/scripts.min.js?v=6914ab"></script>


    

</head>
<body data-phone-cc-input="1">


<section id="header">
    <div class="container">
        <ul class="top-nav">
                            <li>
                    <a href="#" class="choose-language" data-toggle="popover" id="languageChooser">
                        English
                        <b class="caret"></b>
                    </a>
                    <div id="languageChooserContent" class="hidden">
                        <ul>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=arabic">العربية</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=azerbaijani">Azerbaijani</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=catalan">Català</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=chinese">中文</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=croatian">Hrvatski</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=czech">Čeština</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=danish">Dansk</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=dutch">Nederlands</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=english">English</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=estonian">Estonian</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=farsi">Persian</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=french">Français</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=german">Deutsch</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=hebrew">עברית</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=hungarian">Magyar</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=italian">Italiano</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=macedonian">Macedonian</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=norwegian">Norwegian</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=portuguese-br">Português</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=portuguese-pt">Português</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=romanian">Română</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=russian">Русский</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=spanish">Español</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=swedish">Svenska</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=turkish">Türkçe</a>
                                </li>
                                                            <li>
                                    <a href="/index?rp=%2Fstore%2Fdomain&systpl=six&language=ukranian">Українська</a>
                                </li>
                                                    </ul>
                    </div>
                </li>
                                        <li>
                    <a href="/clientarea">Login</a>
                </li>
                                    <li>
                        <a href="/register">Register</a>
                    </li>
                                <li class="primary-action">
                    <a href="/cart?a=view" class="btn">
                        View Cart
                    </a>
                </li>
                                </ul>

                    <a href="/index" class="logo"><img src="//my.rocketsolutions.net/assets/img/logo.png" alt="Rocket Solutions"></a>
        
    </div>
</section>

<section id="main-menu">

    <nav id="nav" class="navbar navbar-default navbar-main" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#primary-nav">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="primary-nav">

                <ul class="nav navbar-nav">

                        <li menuItemName="Home" class="" id="Primary_Navbar-Home">
        <a href="/index">
                        Home
                                </a>
            </li>
    <li menuItemName="Store" class="dropdown" id="Primary_Navbar-Store">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        Store
                        &nbsp;<b class="caret"></b>        </a>
                    <ul class="dropdown-menu">
                            <li menuItemName="Browse Products Services" id="Primary_Navbar-Store-Browse_Products_Services">
                    <a href="/index?rp=/store">
                                                Browse All
                                            </a>
                </li>
                            <li menuItemName="Shop Divider 1" class="nav-divider" id="Primary_Navbar-Store-Shop_Divider_1">
                    <a href="">
                                                -----
                                            </a>
                </li>
                            <li menuItemName="Website" id="Primary_Navbar-Store-Website">
                    <a href="/index?rp=/store/website">
                                                Website
                                            </a>
                </li>
                            <li menuItemName=" Project Management System" id="Primary_Navbar-Store-_Project_Management_System">
                    <a href="/index?rp=/store/project-management-system">
                                                 Project Management System
                                            </a>
                </li>
                            <li menuItemName="Web Applications" id="Primary_Navbar-Store-Web_Applications">
                    <a href="/index?rp=/store/web-applications">
                                                Web Applications
                                            </a>
                </li>
                            <li menuItemName="Hosting" id="Primary_Navbar-Store-Hosting">
                    <a href="/index?rp=/store/hosting">
                                                Hosting
                                            </a>
                </li>
                            <li menuItemName="WordPress Hosting" id="Primary_Navbar-Store-WordPress_Hosting">
                    <a href="/index?rp=/store/wordpress-hosting">
                                                WordPress Hosting
                                            </a>
                </li>
                            <li menuItemName="VPS server" id="Primary_Navbar-Store-VPS_server">
                    <a href="/index?rp=/store/vps-server">
                                                VPS server
                                            </a>
                </li>
                            <li menuItemName="Domain" id="Primary_Navbar-Store-Domain">
                    <a href="/index?rp=/store/domain">
                                                Domain
                                            </a>
                </li>
                            <li menuItemName="Billing" id="Primary_Navbar-Store-Billing">
                    <a href="/index?rp=/store/billing">
                                                Billing
                                            </a>
                </li>
                            <li menuItemName="Register a New Domain" id="Primary_Navbar-Store-Register_a_New_Domain">
                    <a href="/cart?a=add&domain=register">
                                                Register a New Domain
                                            </a>
                </li>
                            <li menuItemName="Transfer a Domain to Us" id="Primary_Navbar-Store-Transfer_a_Domain_to_Us">
                    <a href="/cart?a=add&domain=transfer">
                                                Transfer Domains to Us
                                            </a>
                </li>
                        </ul>
            </li>
    <li menuItemName="Announcements" class="" id="Primary_Navbar-Announcements">
        <a href="/index?rp=/announcements">
                        Announcements
                                </a>
            </li>
    <li menuItemName="Knowledgebase" class="" id="Primary_Navbar-Knowledgebase">
        <a href="/index?rp=/knowledgebase">
                        Knowledgebase
                                </a>
            </li>
    <li menuItemName="Network Status" class="" id="Primary_Navbar-Network_Status">
        <a href="/serverstatus">
                        Network Status
                                </a>
            </li>
    <li menuItemName="Contact Us" class="" id="Primary_Navbar-Contact_Us">
        <a href="/contact">
                        Contact Us
                                </a>
            </li>

                </ul>

                <ul class="nav navbar-nav navbar-right">

                        <li menuItemName="Account" class="dropdown" id="Secondary_Navbar-Account">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        Account
                        &nbsp;<b class="caret"></b>        </a>
                    <ul class="dropdown-menu">
                            <li menuItemName="Login" id="Secondary_Navbar-Account-Login">
                    <a href="/clientarea">
                                                Login
                                            </a>
                </li>
                            <li menuItemName="Register" id="Secondary_Navbar-Account-Register">
                    <a href="/register">
                                                Register
                                            </a>
                </li>
                            <li menuItemName="Divider" class="nav-divider" id="Secondary_Navbar-Account-Divider">
                    <a href="">
                                                -----
                                            </a>
                </li>
                            <li menuItemName="Forgot Password?" id="Secondary_Navbar-Account-Forgot_Password?">
                    <a href="/index?rp=/password/reset">
                                                Forgot Password?
                                            </a>
                </li>
                        </ul>
            </li>

                </ul>

            </div><!-- /.navbar-collapse -->
        </div>
    </nav>

</section>



<section id="main-body">
    <div class="container">
        <div class="row">

                <!-- Container for main page display content -->
        <div class="col-xs-12 main-content">
            

<link rel="stylesheet" type="text/css" href="/templates/orderforms/standard_cart/css/all.min.css?v=6914ab" />
<script type="text/javascript" src="/templates/orderforms/standard_cart/js/scripts.min.js?v=6914ab"></script>
<div id="order-standard_cart">
    <div class="row">
        <div class="cart-sidebar sidebar">
                <div menuItemName="Categories" class="panel card card-sidebar mb-3 panel-sidebar">
        <div class="panel-heading card-header">
            <h3 class="panel-title">
                                    <i class="fas fa-shopping-cart"></i>&nbsp;
                
                Categories

                
                <i class="fas fa-chevron-up card-minimise panel-minimise pull-right float-right"></i>
            </h3>
        </div>

        
                    <div class="list-group collapsable-card-body">
                                                            <a menuItemName="Website" href="/index?rp=/store/website" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Categories-Website">
                            
                            Website

                                                    </a>
                                                                                <a menuItemName=" Project Management System" href="/index?rp=/store/project-management-system" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Categories-_Project_Management_System">
                            
                             Project Management System

                                                    </a>
                                                                                <a menuItemName="Web Applications" href="/index?rp=/store/web-applications" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Categories-Web_Applications">
                            
                            Web Applications

                                                    </a>
                                                                                <a menuItemName="Hosting" href="/index?rp=/store/hosting" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Categories-Hosting">
                            
                            Hosting

                                                    </a>
                                                                                <a menuItemName="WordPress Hosting" href="/index?rp=/store/wordpress-hosting" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Categories-WordPress_Hosting">
                            
                            WordPress Hosting

                                                    </a>
                                                                                <a menuItemName="VPS server" href="/index?rp=/store/vps-server" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Categories-VPS_server">
                            
                            VPS server

                                                    </a>
                                                                                <a menuItemName="Domain" href="/index?rp=/store/domain" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Categories-Domain">
                            
                            Domain

                                                    </a>
                                                                                <a menuItemName="Billing" href="/index?rp=/store/billing" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Categories-Billing">
                            
                            Billing

                                                    </a>
                                                </div>
        
            </div>

        <div menuItemName="Actions" class="panel card card-sidebar mb-3 panel-sidebar">
        <div class="panel-heading card-header">
            <h3 class="panel-title">
                                    <i class="fas fa-plus"></i>&nbsp;
                
                Actions

                
                <i class="fas fa-chevron-up card-minimise panel-minimise pull-right float-right"></i>
            </h3>
        </div>

        
                    <div class="list-group collapsable-card-body">
                                                            <a menuItemName="Domain Registration" href="/cart?a=add&domain=register" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Actions-Domain_Registration">
                                                            <i class="fas fa-globe fa-fw"></i>&nbsp;
                            
                            Register a New Domain

                                                    </a>
                                                                                <a menuItemName="Domain Transfer" href="/cart?a=add&domain=transfer" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Actions-Domain_Transfer">
                                                            <i class="fas fa-share fa-fw"></i>&nbsp;
                            
                            Transfer in a Domain

                                                    </a>
                                                                                <a menuItemName="View Cart" href="/cart?a=view" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Actions-View_Cart">
                                                            <i class="fas fa-shopping-cart fa-fw"></i>&nbsp;
                            
                            View Cart

                                                    </a>
                                                </div>
        
            </div>

        <div menuItemName="Choose Currency" class="panel card card-sidebar mb-3 panel-sidebar">
        <div class="panel-heading card-header">
            <h3 class="panel-title">
                                    <i class="fas fa-plus"></i>&nbsp;
                
                Choose Currency

                
                <i class="fas fa-chevron-up card-minimise panel-minimise pull-right float-right"></i>
            </h3>
        </div>

                    <div class="panel-body card-body collapsable-card-body">
                <form method="post" action="/index?rp=/store/domain">
<input type="hidden" name="token" value="022d4bacf38364da0eec796860cff71c4019fa94" />
    <select name="currency" onchange="submit()" class="form-control"><option value="1" selected>USD</option><option value="2">BDT</option>    </select>
</form>
            </div>
        
        
            </div>

            </div>
        <div class="cart-body">

            <div class="header-lined">
                <h1 class="font-size-36">
                                            Choose your domain wisely 
                                    </h1>
                                    <p>No refund on any domain </p>
                            </div>
            
            <div class="sidebar-collapsed">

            <div class="panel card panel-default">
                <div class="m-0 panel-heading card-header">
        <h3 class="panel-title">
                            <i class="fas fa-shopping-cart"></i>&nbsp;
            
            Categories

                    </h3>
    </div>

    <div class="panel-body card-body">
        <form role="form">
            <select class="form-control custom-select" onchange="selectChangeNavigate(this)">
                                                    <option menuItemName="Website" value="/index?rp=/store/website" class="list-group-item" >
                        Website

                                            </option>
                                                        <option menuItemName=" Project Management System" value="/index?rp=/store/project-management-system" class="list-group-item" >
                         Project Management System

                                            </option>
                                                        <option menuItemName="Web Applications" value="/index?rp=/store/web-applications" class="list-group-item" >
                        Web Applications

                                            </option>
                                                        <option menuItemName="Hosting" value="/index?rp=/store/hosting" class="list-group-item" >
                        Hosting

                                            </option>
                                                        <option menuItemName="WordPress Hosting" value="/index?rp=/store/wordpress-hosting" class="list-group-item" >
                        WordPress Hosting

                                            </option>
                                                        <option menuItemName="VPS server" value="/index?rp=/store/vps-server" class="list-group-item" >
                        VPS server

                                            </option>
                                                        <option menuItemName="Domain" value="/index?rp=/store/domain" class="list-group-item" >
                        Domain

                                            </option>
                                                        <option menuItemName="Billing" value="/index?rp=/store/billing" class="list-group-item" >
                        Billing

                                            </option>
                                                                        <option value="" class="list-group-item" selected=""selected>- Choose Another Category -</option>
                            </select>
        </form>
    </div>

            </div>
            <div class="panel card panel-default">
                <div class="m-0 panel-heading card-header">
        <h3 class="panel-title">
                            <i class="fas fa-plus"></i>&nbsp;
            
            Actions

                    </h3>
    </div>

    <div class="panel-body card-body">
        <form role="form">
            <select class="form-control custom-select" onchange="selectChangeNavigate(this)">
                                                    <option menuItemName="Domain Registration" value="/cart?a=add&domain=register" class="list-group-item" >
                        Register a New Domain

                                            </option>
                                                        <option menuItemName="Domain Transfer" value="/cart?a=add&domain=transfer" class="list-group-item" >
                        Transfer in a Domain

                                            </option>
                                                        <option menuItemName="View Cart" value="/cart?a=view" class="list-group-item" >
                        View Cart

                                            </option>
                                                                        <option value="" class="list-group-item" selected=""selected>- Choose Another Category -</option>
                            </select>
        </form>
    </div>

            </div>
            <div class="panel card panel-default">
                <div class="m-0 panel-heading card-header">
        <h3 class="panel-title">
                            <i class="fas fa-plus"></i>&nbsp;
            
            Choose Currency

                    </h3>
    </div>

    <div class="panel-body card-body">
        <form role="form">
            <select class="form-control custom-select" onchange="selectChangeNavigate(this)">
                                                                    <option value="" class="list-group-item" selected=""selected>- Choose Another Category -</option>
                            </select>
        </form>
    </div>

            </div>
    
            <div class="pull-right form-inline float-right">
            <form method="post" action="/cart?gid=7">
<input type="hidden" name="token" value="022d4bacf38364da0eec796860cff71c4019fa94" />
                <select name="currency" onchange="submit()" class="form-control">
                    <option value="">Choose Currency</option>
                                            <option value="1" selected>USD</option>
                                            <option value="2">BDT</option>
                                    </select>
            </form>
        </div>
    
</div>

            <div class="products" id="products">
                <div class="row row-eq-height">
                                                                <div class="col-md-6">
                        <div class="product clearfix" id="product17">
                            <header>
                                <span id="product17-name">.com</span>
                                                            </header>
                            <div class="product-desc">
                                                                <ul>
                                                                    </ul>
                            </div>
                            <footer>
                                <div class="product-pricing" id="product17-price">
                                                                                                                    <span class="price">$25.00 USD</span>
                                        <br />
                                                                                    Annually
                                                                                <br>
                                                                                                            </div>
                                <a href="/index?rp=/store/domain/com" class="btn btn-success btn-sm btn-order-now" id="product17-order-button">
                                    <i class="fas fa-shopping-cart"></i>
                                    Order Now
                                </a>
                            </footer>
                        </div>
                    </div>
                                                                                    <div class="col-md-6">
                        <div class="product clearfix" id="product18">
                            <header>
                                <span id="product18-name">.net</span>
                                                            </header>
                            <div class="product-desc">
                                                                <ul>
                                                                    </ul>
                            </div>
                            <footer>
                                <div class="product-pricing" id="product18-price">
                                                                                                                    <span class="price">$28.00 USD</span>
                                        <br />
                                                                                    Annually
                                                                                <br>
                                                                                                            </div>
                                <a href="/index?rp=/store/domain/net" class="btn btn-success btn-sm btn-order-now" id="product18-order-button">
                                    <i class="fas fa-shopping-cart"></i>
                                    Order Now
                                </a>
                            </footer>
                        </div>
                    </div>
                                    </div>
                <div class="row row-eq-height">
                                                                                    <div class="col-md-6">
                        <div class="product clearfix" id="product19">
                            <header>
                                <span id="product19-name">.org</span>
                                                            </header>
                            <div class="product-desc">
                                                                <ul>
                                                                    </ul>
                            </div>
                            <footer>
                                <div class="product-pricing" id="product19-price">
                                                                                                                    <span class="price">$28.00 USD</span>
                                        <br />
                                                                                    Annually
                                                                                <br>
                                                                                                            </div>
                                <a href="/index?rp=/store/domain/org" class="btn btn-success btn-sm btn-order-now" id="product19-order-button">
                                    <i class="fas fa-shopping-cart"></i>
                                    Order Now
                                </a>
                            </footer>
                        </div>
                    </div>
                                                        </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="recommendationsModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="float-left pull-left">
                                            Added to Cart
                                    </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <div class="clearfix"></div>
            </div>
            <div class="modal-body">
                <div class="product-recommendations-container">
    <div class="product-recommendations">
                    <p>Based on this product, we recommend:</p>
                    </div>
</div>
            </div>
            <div class="modal-footer">
                <a class="btn btn-primary" href="#" id="btnContinueRecommendationsModal" data-dismiss="modal" role="button">
                    <span class="w-hidden hidden"><i class="fas fa-spinner fa-spin"></i>&nbsp;</span>Continue
                </a>
            </div>
        </div>
    </div>
    <div class="product-recommendation clonable w-hidden hidden">
        <div class="header">
            <div class="cta">
                <div class="price">
                    <span class="w-hidden hidden">FREE!</span>
                    <span class="breakdown-price"></span>
                    <span class="setup-fee"><small>&nbsp;Setup Fee</small></span>
                </div>
                <button type="button" class="btn btn-sm btn-add">
                    <span class="text">Add to Cart</span>
                    <span class="arrow"><i class="fas fa-chevron-right"></i></span>
                </button>
            </div>
            <div class="expander">
                <i class="fas fa-chevron-right rotate" data-toggle="tooltip" data-placement="right" title="Click to learn more."></i>
            </div>
            <div class="content">
                <div class="headline truncate"></div>
                <div class="tagline truncate">
                    A description (tagline) is not available for this product.
                </div>
            </div>
        </div>
        <div class="body clearfix"><p></p></div>
    </div>
</div>


                </div><!-- /.main-content -->
                            <div class="clearfix"></div>
        </div>
    </div>
</section>

<section id="footer">
    <div class="container">
        <a href="#" class="back-to-top"><i class="fas fa-chevron-up"></i></a>
        <p>Copyright &copy; 2026 Rocket Solutions. All Rights Reserved.</p>
    </div>
</section>

<div id="fullpage-overlay" class="hidden">
    <div class="outer-wrapper">
        <div class="inner-wrapper">
            <img src="//my.rocketsolutions.net/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 panel-primary">
            <div class="modal-header panel-heading">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                    <span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body panel-body">
                Loading...
            </div>
            <div class="modal-footer panel-footer">
                <div class="pull-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 action="#" id="frmGeneratePassword" class="form-horizontal">
    <div class="modal fade" id="modalGeneratePassword">
        <div class="modal-dialog">
            <div class="modal-content panel-primary">
                <div class="modal-header panel-heading">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">
                        Generate Password
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="alert alert-danger hidden" id="generatePwLengthError">
                        Please enter a number between 8 and 64 for the password length
                    </div>
                    <div class="form-group">
                        <label for="generatePwLength" class="col-sm-4 control-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">
                        <label for="generatePwOutput" class="col-sm-4 control-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 col-sm-offset-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="//my.rocketsolutions.net/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>
