<!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">
    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <title>Portal Home - HUC</title>

    <!-- Styling -->
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,600|Raleway:400,700" rel="stylesheet">
<link href="/templates/hostio/css/all.min.css?v=" rel="stylesheet">
<link href="/templates/hostio/css/custom.css" rel="stylesheet">
<link href="/templates/hostio/css/styles-modified.css" rel="stylesheet">
<link href="/templates/hostio/css/style.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 = '25ad5d4aa67c23cff2b6b5b8304897674a2f50e3',
        markdownGuide = 'Markdown Guide',
        locale = 'en',
        saved = 'saved',
        saving = 'autosaving';
</script>
<script src="/templates/hostio/js/scripts.min.js?v="></script>



    <script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-22144168-1']);
_gaq.push(['_setDomainName', 'hucserver.com']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>



</head>
<body>

        
<nav id="mainNav" class="navbar navbar-default navbar-full">
    <div class="container container-nav">
        <div class="navbar-header">
            <button aria-expanded="false" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand page-scroll" href="/index.php">
                <img class="logo" src="/templates/hostio/images/logo.png" alt="Hostio">
            </a>
        </div>
        <div style="height: 1px;" aria-expanded="false" class="navbar-collapse collapse" id="bs">
             <ul class="nav navbar-nav navbar-right">
                    <li menuItemName="Home" id="Primary_Navbar-Home">
        <a href="index.php">
                        Home
                                </a>
            </li>
    <li menuItemName="Announcements" id="Primary_Navbar-Announcements">
        <a href="announcements.php">
                        Announcements
                                </a>
            </li>
    <li menuItemName="Knowledgebase" id="Primary_Navbar-Knowledgebase">
        <a href="knowledgebase.php">
                        Knowledgebase
                                </a>
            </li>
    <li menuItemName="Network Status" id="Primary_Navbar-Network_Status">
        <a href="serverstatus.php">
                        Network Status
                                </a>
            </li>
    <li menuItemName="Affiliates" id="Primary_Navbar-Affiliates">
        <a href="affiliates.php">
                        Affiliates
                                </a>
            </li>
    <li menuItemName="Contact Us" id="Primary_Navbar-Contact_Us">
        <a href="contact.php">
                        Contact Us
                                </a>
            </li>

                    <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.php">
                                                Login
                                            </a>
                </li>
                            <li menuItemName="Register" id="Secondary_Navbar-Account-Register">
                    <a href="register.php">
                                                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="pwreset.php">
                                                Forgot Password?
                                            </a>
                </li>
                        </ul>
            </li>

                <li><a class="chat-button" href="#">Chat now</a></li>
            </ul>
        </div>
    </div>
</nav>



<section id="header">
    <div class="container">

        <!-- Top Bar -->
        <div id="top-nav">
            <!-- Language -->
                            <div class="pull-right nav">
                    <a href="#" class="quick-nav" data-toggle="popover" id="languageChooser"><i class="fa fa-language"></i> Choose language <span class="caret"></span></a>
                    <div id="languageChooserContent" class="hidden">
                        <ul>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=arabic">العربية</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=azerbaijani">Azerbaijani</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=catalan">Català</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=chinese">中文</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=croatian">Hrvatski</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=czech">Čeština</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=danish">Dansk</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=dutch">Nederlands</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=english">English</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=estonian">Estonian</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=farsi">Persian</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=french">Français</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=german">Deutsch</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=hebrew">עברית</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=hungarian">Magyar</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=index">English</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=italian">Italiano</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=macedonian">Macedonian</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=norwegian">Norwegian</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=portuguese-br">Português</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=portuguese-pt">Português</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=romanian">Română</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=russian">Русский</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=spanish">Español</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=swedish">Svenska</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=turkish">Türkçe</a></li>
                                                            <li><a href="/index.php?format=feed&amp;type=atom&amp;language=ukranian">Українська</a></li>
                                                    </ul>
                    </div>
                </div>
                        <!-- Login/Account Notifications -->
                            <div class="pull-right nav">
                    <a href="#" class="quick-nav" data-toggle="popover" id="loginOrRegister" data-placement="bottom"><i class="fa fa-user"></i> Login</a>
                    <div id="loginOrRegisterContent" class="hidden">
                        <form action="http://www.hucserver.com/dologin.php" method="post" role="form" class="login-form">
<input type="hidden" name="token" value="25ad5d4aa67c23cff2b6b5b8304897674a2f50e3" />
                            <div class="form-group">
                                <input type="email" name="username" class="form-control" placeholder="Email Address" required />
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <input type="password" name="password" class="form-control" placeholder="Password" autocomplete="off" required />
                                    <span class="input-group-btn">
                                        <input type="submit" class="btn btn-primary" value="Login" />
                                    </span>
                                </div>
                            </div>
                            <label class="checkbox-inline">
                                <input type="checkbox" name="rememberme" /> Remember Me &bull; <a href="/pwreset.php">Forgot Password?</a>
                            </label>
                        </form>
                                                    <hr />
                            <strong>Not Yet Registered?</strong> <a href="/register.php">Click here to signup...</a>
                                            </div>
                </div>
                        <!-- Shopping Cart -->
            <div class="pull-right nav">
                <a href="/cart.php?a=view" class="quick-nav"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs">View Cart (</span><span id="cartItemCount">0</span><span class="hidden-xs">)</span></a>
            </div>
        </div>
    </div>
</section>

<div id="top-content" class="container-fluid">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <div class="big-title">Better Web Hosting, For You.</div>
                <div class="sub-title">Morbi libero tortor, interdum fermentum justo et, mollis interdum justo. Morbi a accumsan urna.</div>
                                <div class="domain-search-holder">
                    <form id="domain-form" method="post" action="domainchecker.php">
<input type="hidden" name="token" value="25ad5d4aa67c23cff2b6b5b8304897674a2f50e3" />
                        <div class="container-fluid">
                            <div class="row">
                                    <input type="text" class="domain-text" name="domain" placeholder="eg. example.com" />
                                    <ul>
                                                                            <li><input type="submit" value="Search" /></li>
                                                                                                                <li><input type="submit" name="transfer" class="transfer" value="Transfer" /></li>
                                                                        </ul>
                            </div>
                        </div>

                                    <div class="row">
                            <div class="domainchecker-homepage-captcha">
            
                            <div class="col-md-8 col-md-offset-2 col-xs-10 col-xs-offset-1">
                    <div id="default-captcha-domainchecker" class="text-center">
                        <p>Please enter the characters you see in the image below into the text box provided. This is required to prevent automated submissions.</p>

                        <div class="col-xs-6 captchaimage">
                            <img id="inputCaptchaImage" src="includes/verifyimage.php" align="middle" />
                        </div>

                        <div class="col-xs-6">
                            <input id="inputCaptcha" type="text" name="code" maxlength="5" class="form-control" />
                        </div>
                    </div>
                </div>
            
                            </div>
                    </div>
    
                    </form>
                </div>
                                <div class="animation">
                    <img src="/templates/hostio/images/laptop.png" alt="laptop" />
                    <ul class="icons-list">
                        <li><a href="#"><i class="fa fa-thumbs-up"></i></a></li>
                        <li><a href="#"><i class="fa fa-commenting"></i></a></li>
                        <li><a href="#"><i class="fa fa-wifi"></i></a></li>
                        <li><a href="#"><i class="fa fa-envelope"></i></a></li>
                        <li><a href="#"><i class="fa fa-share-alt"></i></a></li>
                        <li><a href="#"><i class="fa fa-bullhorn"></i></a></li>
                    </ul>
                    <canvas id="hand-animation"></canvas>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="features" class="container-fluid">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="row-title">World Class Hosting</div>
                <div class="row-subtitle">Sed lectus mauris, interdum at luctus vel, lobortis semper nisi.<br />
                    Integer vel porttitor sem. Aliquam erat volutpat.
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="feature-box">
                    <div class="box-bg"></div>
                    <div class="feature-icon"><i class="hsto hsto-cloud-computing"></i></div>
                    <div class="feature-title">Knowledge base</div>
                    <div class="feature-details">Mauris at libero sed justo pretium maximus ac non ex. Donec sit amet ultrices dolo.</div>
                    <div class="feature-button">
                        <a class="all-feature-button" href="#info">All Features</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="feature-box active">
                    <div class="box-bg"></div>
                    <div class="feature-icon"><i class="hsto hsto-mouse"></i></div>
                    <div class="feature-title">Insured Safety</div>
                    <div class="feature-details">Aliquam consectetur aliquet libero, ut viverra velit bibendum a. Nullam et sapien ac eros feugiat sollicitudin.</div>
                    <div class="feature-button">
                        <a class="all-feature-button" href="#info">All Features</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="feature-box">
                    <div class="box-bg"></div>
                    <div class="feature-icon"><i class="hsto hsto-worldwide"></i></div>
                    <div class="feature-title">Easy steps</div>
                    <div class="feature-details">Sed faucibus lectus quis tellus fermentum gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
                    <div class="feature-button">
                        <a class="all-feature-button" href="#info">All Features</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="info" class="container-fluid">
    <div class="container">
        <div class="row rtl-cols">
            <div class="col-sm-4 col-md-4 info-img-holder">
                <img class="info-img" src="/templates/hostio/images/info1.png" alt="info" />
            </div>
            <div class="col-sm-8 col-md-8 info-text-holder">
                <h3>Why Choose Hostio?</h3>
                <p>Aliquam consectetur aliquet libero, ut viverra velit bibendum a. Nullam et sapien ac eros feugiat sollicitudin. Nulla euismod lorem nisi, a tempor diam fringilla ut. Nunc sed consectetur mauris. Nullam ac sem elit. Vestibulum porta odio lacinia mauris pulvinar sagittis. Curabitur id cursus leo.</p>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4 col-md-4 info-img-holder">
                <img class="info-img" src="/templates/hostio/images/info2.png" alt="info" />
            </div>
            <div class="col-sm-8 col-md-8 info-text-holder text-right">
                <h3>Transferring From Another Host?</h3>
                <p>Etiam condimentum metus rhoncus purus pharetra tempor. Sed faucibus lectus quis tellus fermentum gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas dapibus semper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
            </div>
        </div>
        <div class="row rtl-cols">
            <div class="col-sm-4 col-md-4 info-img-holder">
                <img class="info-img" src="/templates/hostio/images/info3.png" alt="info" />
            </div>
            <div class="col-sm-8 col-md-8 info-text-holder">
                <h3>Why Choose Hostio?</h3>
                <p>Curabitur vulputate dignissim pretium. Integer viverra dignissim elit. Vestibulum aliquam erat eu dictum porttitor. Aliquam feugiat risus lorem, non tempor purus egestas at. Nulla imperdiet tortor id aliquet gravida. Phasellus dapibus id dolor viverra ultricies. Suspendisse ut finibus nulla.</p>
            </div>
        </div>
    </div>
</div>
<div id="more-info" class="container-fluid">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="row-title">Ready to have your own website?</div>
                <div class="row-subtitle">Phasellus accumsan nisi eu arcu condimentum sollicitudin. Nulla auctor quis est at suscipit. <br>
Maecenas ac urna eget magna vulputate interdum.</div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <a href="/cart.php" class="get-started-button">Get Started</a>
            </div>
        </div>
    </div>
</div>
<div id="more-features" class="container-fluid">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="row-title">Hostio Guarantees</div>
                <div class="row-subtitle">Etiam condimentum metus rhoncus purus pharetra tempor. <br />Sed faucibus lectus quis tellus fermentum gravida.</div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="mfeature-box">
                    <div class="mfeature-icon">
                        <div class="icon-bg"><img src="/templates/hostio/images/cloud1.png" alt="cloud" /></div>
                        <i class="hsto hsto-medal"></i>
                    </div>
                    <div class="mfeature-title">World Class Hosting</div>
                    <div class="mfeature-details">Mauris at libero sed justo pretium maximus ac non ex. Donec sit amet ultrices dolo.</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="mfeature-box">
                    <div class="mfeature-icon">
                        <div class="icon-bg"><img src="/templates/hostio/images/cloud2.png" alt="cloud" /></div>
                        <i class="hsto hsto-hours-support"></i>
                    </div>
                    <div class="mfeature-title">Great Support</div>
                    <div class="mfeature-details">Aliquam consectetur aliquet libero, ut viverra velit bibendum a. Nullam et sapien ac eros feugiat sollicitudin.</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="mfeature-box">
                    <div class="mfeature-icon">
                        <div class="icon-bg"><img src="/templates/hostio/images/cloud3.png" alt="cloud" /></div>
                        <i class="hsto hsto-money"></i>
                    </div>
                    <div class="mfeature-title">38 Day Guarantee</div>
                    <div class="mfeature-details">Sed faucibus lectus quis tellus fermentum gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="testimonials" class="container-fluid">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="row-title">Don’t take our word for it</div>
                <div class="row-subtitle">We’re loved by great customers all around the world!<br>
Here’re some of their opinions about us</div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6 col-md-4">
                <div class="testimonial-box">
                    <div class="testimonial-image"><img src="/templates/hostio/images/t1.jpg" alt="person" /></div>
                    <div class="testimonial-title">Great Services!</div>
                    <div class="testimonial-details">Lorem Ipsum which looks reasonable generated as default model as and search many web sites pass websites is therefore always.</div>
                    <div class="testimonial-info"><span class="name">John Doe</span> - Manager @ Brandio</div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="testimonial-box">
                    <div class="testimonial-image"><img src="/templates/hostio/images/t2.jpg" alt="person" /></div>
                    <div class="testimonial-title">Great Services!</div>
                    <div class="testimonial-details">Lorem Ipsum which looks reasonable generated as default model as and search many web sites pass websites is therefore always.</div>
                    <div class="testimonial-info"><span class="name">John Doe</span> - Manager @ Brandio</div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="testimonial-box">
                    <div class="testimonial-image"><img src="/templates/hostio/images/t3.jpg" alt="person" /></div>
                    <div class="testimonial-title">Great Services!</div>
                    <div class="testimonial-details">Lorem Ipsum which looks reasonable generated as default model as and search many web sites pass websites is therefore always.</div>
                    <div class="testimonial-info"><span class="name">John Doe</span> - Manager @ Brandio</div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="testimonial-box">
                    <div class="testimonial-image"><img src="/templates/hostio/images/t4.jpg" alt="person" /></div>
                    <div class="testimonial-title">Great Services!</div>
                    <div class="testimonial-details">Lorem Ipsum which looks reasonable generated as default model as and search many web sites pass websites is therefore always.</div>
                    <div class="testimonial-info"><span class="name">John Doe</span> - Manager @ Brandio</div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="testimonial-box">
                    <div class="testimonial-image"><img src="/templates/hostio/images/t5.jpg" alt="person" /></div>
                    <div class="testimonial-title">Great Services!</div>
                    <div class="testimonial-details">Lorem Ipsum which looks reasonable generated as default model as and search many web sites pass websites is therefore always.</div>
                    <div class="testimonial-info"><span class="name">John Doe</span> - Manager @ Brandio</div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="get-started" class="container-fluid">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="text">Get started now. Try Hostio Free for 10 days.</div>
                <a href="/contact.php" class="gstart">Get Started</a>
            </div>
        </div>
    </div>
</div>



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

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




        </div><!-- /.main-content -->
            </div>
    <div class="clearfix"></div>
</section>
</div>
<div id="footer" class="container-fluid">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-2 col-md-1">
                <img class="logo-mini" src="/templates/hostio/images/logo-mini.png" alt="Hostio" />
            </div>
            <div class="col-xs-12 col-sm-7 col-md-4">
                <h4>About</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2">
                                <h4>Links</h4>
                                <ul class="footer-menu">
                                                <li menuItemName="Home" id="Primary_Navbar-Home">
        <a href="index.php">
                        Home
                                </a>
            </li>
    <li menuItemName="Announcements" id="Primary_Navbar-Announcements">
        <a href="announcements.php">
                        Announcements
                                </a>
            </li>
    <li menuItemName="Knowledgebase" id="Primary_Navbar-Knowledgebase">
        <a href="knowledgebase.php">
                        Knowledgebase
                                </a>
            </li>
    <li menuItemName="Network Status" id="Primary_Navbar-Network_Status">
        <a href="serverstatus.php">
                        Network Status
                                </a>
            </li>
    <li menuItemName="Affiliates" id="Primary_Navbar-Affiliates">
        <a href="affiliates.php">
                        Affiliates
                                </a>
            </li>
    <li menuItemName="Contact Us" id="Primary_Navbar-Contact_Us">
        <a href="contact.php">
                        Contact Us
                                </a>
            </li>

                                    </ul>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-2">
                <div class="phone"><i class="fa fa-phone"></i> 00 285 900 38502</div>
                <div class="email"><i class="fa fa-envelope"></i> hello@hostio.io</div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-3">
                <div class="address">
                    <i class="fa fa-map-marker"></i> 
                    <div>Brizbin, Australia<br>
                        Road 398, Center<br>
                        Office 38, floor 3</div>
                </div>
                <div class="social">
                    <a href="#"><i class="fa fa-twitter"></i></a>
                    <a href="#"><i class="fa fa-facebook"></i></a>
                    <a href="#"><i class="fa fa-instagram"></i></a>
                </div>
            </div>
        </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 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">Title</h4>
            </div>
            <div class="modal-body panel-body">
                Loading...
            </div>
            <div class="modal-footer panel-footer">
                <div class="pull-left loader">
                    <i class="fa fa-circle-o-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>

<script src="/templates/hostio/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/templates/hostio/js/createjs.min.js"></script>
<script type="text/javascript" src="/templates/hostio/js/handanimation.js"></script>
<script type="text/javascript" src="/templates/hostio/js/animation-start.js"></script>
<script src="/templates/hostio/js/main.js"></script>



</body>
</html>
