Client Area Overview - Chennai Host
Uploaded by
ramesh.shelar9284Client Area Overview - Chennai Host
Uploaded by
ramesh.shelar9284<!
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>Client Area - Chennai Host</title>
<!-- Styling -->
<link href="/assets/fonts/css/[Link]" rel="stylesheet"
type="text/css" />
<link href="/templates/twenty-one/css/[Link]?v=85888a" rel="stylesheet">
<link href="/templates/twenty-one/css/[Link]?v=85888a" rel="stylesheet">
<link href="/assets/css/[Link]" rel="stylesheet">
<script>
var csrfToken = 'ed9ef1d0cd4ad0d000126304bcc0f3fc1b9fec51',
markdownGuide = 'Markdown Guide',
locale = 'en',
saved = 'saved',
saving = 'autosaving',
whmcsBaseUrl = "";
</script>
<script src="/templates/twenty-one/js/[Link]?v=85888a"></script>
</head>
<body class="primary-bg-color" data-phone-cc-input="1">
<header id="header" class="header">
<div class="topbar">
<div class="container">
<div class="d-flex">
<div class="mr-auto">
<button type="button" class="btn" data-toggle="popover"
id="accountNotifications" data-placement="bottom">
<i class="far fa-flag"></i>
<span class="d-
sm-none">0</span>
<span class="d-none d-sm-inline">No
Notifications</span>
</button>
<div id="accountNotificationsContent" class="w-hidden">
<ul class="client-alerts">
<li
class="none">
You have no notifications at this time.
</li>
</ul>
</div>
</div>
<div class="ml-auto">
<div class="input-group active-client" role="group">
<div class="input-group-prepend d-none d-md-
inline">
<span class="input-group-text">Logged in
as:</span>
</div>
<div class="btn-group">
<a href="/[Link]?action=details"
class="btn btn-active-client">
<span>
Ahalya Manoharan
</span>
</a>
<a href="/[Link]/user/accounts" class="btn"
data-toggle="tooltip" data-placement="bottom" title="Switch Account">
<i class="fad fa-random"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="navbar navbar-light">
<div class="container">
<a class="navbar-brand mr-3" href="/[Link]">
<img src="/assets/img/[Link]"
alt="Chennai Host" class="logo-img">
</a>
<form method="post" action="/[Link]/knowledgebase/search"
class="form-inline ml-auto">
<input type="hidden" name="token"
value="ed9ef1d0cd4ad0d000126304bcc0f3fc1b9fec51" />
<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>
<ul class="navbar-nav toolbar">
<li class="nav-item ml-3">
<a class="btn nav-link cart-btn" href="/[Link]?a=view">
<i class="far fa-shopping-cart fa-fw"></i>
<span id="cartItemCount" class="badge
badge-info">0</span>
<span class="sr-only">Shopping Cart</span>
</a>
</li>
<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 fa-fw"></span>
</button>
</li>
</ul>
</div>
</div>
<div class="navbar navbar-expand-xl main-navbar-wrapper">
<div class="container">
<div class="collapse navbar-collapse" id="mainNavbar">
<form method="post" action="/[Link]/knowledgebase/search"
class="d-xl-none">
<input type="hidden" name="token"
value="ed9ef1d0cd4ad0d000126304bcc0f3fc1b9fec51" />
<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 id="nav" class="navbar-nav mr-auto">
<li menuItemName="Home" class="d-block no-collapse"
id="Primary_Navbar-Home">
<a class="pr-4" href="[Link]
Home
</a>
</li>
<li menuItemName="Services" class="d-block dropdown no-collapse"
id="Primary_Navbar-Services">
<a class="pr-4 dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" href="#">
Services
</a>
<ul class="dropdown-menu">
<li menuItemName="My Services"
class="dropdown-item" id="Primary_Navbar-Services-My_Services">
<a href="/[Link]?action=services" class="dropdown-
item px-2 py-0">
My Services
</a>
</li>
<div
class="dropdown-divider"></div>
<li
menuItemName="Order New Services" class="dropdown-item" id="Primary_Navbar-
Services-Order_New_Services">
<a href="/[Link]" class="dropdown-item px-2 py-0">
Order New Services
</a>
</li>
<li
menuItemName="View Available Addons" class="dropdown-item" id="Primary_Navbar-
Services-View_Available_Addons">
<a href="/[Link]?gid=addons" class="dropdown-item px-2
py-0">
View Available Addons
</a>
</li>
</ul>
</li>
<li menuItemName="Domains" class="d-block dropdown no-collapse"
id="Primary_Navbar-Domains">
<a class="pr-4 dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" href="#">
Domains
</a>
<ul class="dropdown-menu">
<li menuItemName="My Domains"
class="dropdown-item" id="Primary_Navbar-Domains-My_Domains">
<a href="/[Link]?action=domains" class="dropdown-
item px-2 py-0">
My Domains
</a>
</li>
<div
class="dropdown-divider"></div>
<li
menuItemName="Renew Domains" class="dropdown-item" id="Primary_Navbar-Domains-
Renew_Domains">
<a href="/[Link]/cart/domain/renew" class="dropdown-item
px-2 py-0">
Renew Domains
</a>
</li>
<li
menuItemName="Register a New Domain" class="dropdown-item" id="Primary_Navbar-
Domains-Register_a_New_Domain">
<a href="/[Link]?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-
Domains-Transfer_a_Domain_to_Us">
<a href="/[Link]?a=add&domain=transfer" class="dropdown-
item px-2 py-0">
Transfer Domains to Us
</a>
</li>
<div
class="dropdown-divider"></div>
<li
menuItemName="Domain Search" class="dropdown-item" id="Primary_Navbar-Domains-
Domain_Search">
<a href="/[Link]" class="dropdown-item px-2 py-
0">
Domain Search
</a>
</li>
</ul>
</li>
<li menuItemName="Billing" class="d-block dropdown no-collapse"
id="Primary_Navbar-Billing">
<a class="pr-4 dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" href="#">
Billing
</a>
<ul class="dropdown-menu">
<li menuItemName="My Invoices"
class="dropdown-item" id="Primary_Navbar-Billing-My_Invoices">
<a href="/[Link]?action=invoices" class="dropdown-
item px-2 py-0">
My Invoices
</a>
</li>
<li
menuItemName="My Quotes" class="dropdown-item" id="Primary_Navbar-Billing-
My_Quotes">
<a href="/[Link]?action=quotes" class="dropdown-
item px-2 py-0">
My Quotes
</a>
</li>
<div
class="dropdown-divider"></div>
<li
menuItemName="Add Funds" class="dropdown-item" id="Primary_Navbar-Billing-
Add_Funds">
<a href="/[Link]?action=addfunds" class="dropdown-
item px-2 py-0">
Add Funds
</a>
</li>
</ul>
</li>
<li menuItemName="Support" class="d-block dropdown no-collapse"
id="Primary_Navbar-Support">
<a class="pr-4 dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" href="#">
Support
</a>
<ul class="dropdown-menu">
<li menuItemName="Tickets"
class="dropdown-item" id="Primary_Navbar-Support-Tickets">
<a href="/[Link]" class="dropdown-item px-2 py-
0">
Tickets
</a>
</li>
<li
menuItemName="Announcements" class="dropdown-item" id="Primary_Navbar-Support-
Announcements">
<a href="/[Link]/announcements" class="dropdown-item px-
2 py-0">
Announcements
</a>
</li>
<li
menuItemName="Knowledgebase" class="dropdown-item" id="Primary_Navbar-Support-
Knowledgebase">
<a href="/[Link]/knowledgebase" class="dropdown-item px-
2 py-0">
Knowledgebase
</a>
</li>
<li
menuItemName="Downloads" class="dropdown-item" id="Primary_Navbar-Support-
Downloads">
<a href="/[Link]/download" class="dropdown-item px-2 py-
0">
Downloads
</a>
</li>
<li
menuItemName="Network Status" class="dropdown-item" id="Primary_Navbar-Support-
Network_Status">
<a href="/[Link]" class="dropdown-item px-2 py-
0">
Network Status
</a>
</li>
</ul>
</li>
<li menuItemName="Open Ticket" class="d-block" id="Primary_Navbar-Open_Ticket">
<a class="pr-4" href="/[Link]">
Open Ticket
</a>
</li>
<li menuItemName="Contact Us" class="d-block" id="Primary_Navbar-Contact_Us">
<a class="pr-4" href="[Link]
Contact Us
</a>
</li>
<li menuItemName="Request a Call Back" class="d-block" id="Primary_Navbar-
Request_a_Call_Back">
<a class="pr-4" href="[Link]
Request a Call Back
</a>
</li>
<li menuItemName="Payment" class="d-block" id="Primary_Navbar-Payment">
<a class="pr-4" href="[Link]
Payment
</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>
<ul class="navbar-nav ml-auto">
<li menuItemName="Account" class="d-block no-collapse
dropdown no-collapse account" id="Secondary_Navbar-Account">
<a class=" dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" href="#">
Hello, Ahalya!
</a>
<ul class="dropdown-menu dropdown-menu-right">
<li menuItemName="Edit Account
Details" class="dropdown-item" id="Secondary_Navbar-Account-Edit_Account_Details">
<a href="/[Link]?action=details" class="dropdown-
item px-2 py-0">
Account Details
</a>
</li>
<li
menuItemName="User Management" class="dropdown-item" id="Secondary_Navbar-Account-
User_Management">
<a href="/[Link]/account/users" class="dropdown-item px-
2 py-0">
User Management
</a>
</li>
<li
menuItemName="Contacts" class="dropdown-item" id="Secondary_Navbar-Account-
Contacts">
<a href="/[Link]/account/contacts" class="dropdown-item
px-2 py-0">
Contacts
</a>
</li>
<li
menuItemName="Account Security" class="dropdown-item" id="Secondary_Navbar-Account-
Account_Security">
<a href="/[Link]?action=security" class="dropdown-
item px-2 py-0">
Account Security
</a>
</li>
<li
menuItemName="Email History" class="dropdown-item" id="Secondary_Navbar-Account-
Email_History">
<a href="/[Link]?action=emails" class="dropdown-
item px-2 py-0">
Email History
</a>
</li>
<div
class="dropdown-divider"></div>
<li
menuItemName="Profile" class="dropdown-item" id="Secondary_Navbar-Account-Profile">
<a href="/[Link]/user/profile" class="dropdown-item px-2
py-0">
Your Profile
</a>
</li>
<li
menuItemName="Change Password" class="dropdown-item" id="Secondary_Navbar-Account-
Change_Password">
<a href="/[Link]/user/password" class="dropdown-item px-
2 py-0">
Change Password
</a>
</li>
<li
menuItemName="Security Settings" class="dropdown-item" id="Secondary_Navbar-
Account-Security_Settings">
<a href="/[Link]/user/security" class="dropdown-item px-
2 py-0">
Security Settings
</a>
</li>
<div
class="dropdown-divider"></div>
<li
menuItemName="Logout" class="dropdown-item" id="Secondary_Navbar-Account-Logout">
<a href="/[Link]" class="dropdown-item px-2 py-0">
Logout
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</header>
<nav class="master-breadcrumb" aria-label="breadcrumb">
<div class="container">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="/[Link]"> Portal Home
</a> </li>
<li class="breadcrumb-item">
<a href="/[Link]"> Client Area
</a> </li>
<li class="breadcrumb-item">
<a href="/[Link]?action=products"> My Products &
Services
</a> </li>
<li class="breadcrumb-item active" aria-current="page">
Product Details
</li>
</ol>
</div>
</nav>
<div class="verification-banner email-verification">
<div class="container">
<div class="row">
<div class="col-2 col-sm-1 order-3">
<button id="btnEmailVerificationClose" type="button" class="btn
close" data-uri="/[Link]/dismiss/email-verification"><span aria-
hidden="true">×</span></button>
</div>
<div class="col-10 col-sm-7 col-md-8 order-1">
<i class="fas fa-exclamation-triangle"></i>
<span class="text">Please check your email and follow the link
to verify your email address.</span>
</div>
<div class="col-12 col-sm-4 col-md-3 order-sm-2 order-md-last">
<button id="btnResendVerificationEmail" class="btn btn-default
btn-sm btn-block btn-resend-verify-email btn-action" data-email-sent="Email Sent"
data-error-msg="Error" data-uri="/[Link]/user/verification/resend">
<span class="loader w-hidden"><i class="fa fa-spinner fa-
spin"></i></span>
Resend Verification Email
</button>
</div>
</div>
</div>
</div>
<section id="main-body">
<div class="container">
<div class="row">
<div class="col-lg-4 col-xl-3">
<div class="sidebar">
<div menuItemName="Service Details Overview" class="mb-
3 card card-sidebar panel-default card-light panel-actions">
<div class="card-header">
<h3 class="card-title m-0">
<i class="fas fa-star"></i> Overview
<i class="fas fa-chevron-up card-minimise float-
right"></i>
</h3>
</div>
<div class="collapsable-card-body">
<div class="list-group list-group-flush d-
md-flex list-group-tab-nav" role="tablist">
<a
menuItemName="Information"
href="#tabOverview"
class="list-group-item list-group-item-action
active"
data-
toggle="list" role="tab"
id="Primary_Sidebar-Service_Details_Overview-Information"
>
<div class="sidebar-menu-item-wrapper">
<div
class="sidebar-menu-item-label">
Information
</div>
</div>
</a>
</div>
</div>
</div>
<div menuItemName="Service Details Actions" class="mb-3 card card-sidebar
panel-default panel-actions">
<div class="card-header">
<h3 class="card-title m-0">
<i class="fas fa-wrench"></i> Actions
<i class="fas fa-chevron-up card-minimise float-
right"></i>
</h3>
</div>
<div class="collapsable-card-body">
<div class="list-group list-group-flush d-
md-flex list-group-tab-nav" role="tablist">
<a
menuItemName="cpanel"
href="#"
class="list-group-item list-group-item-action"
data-active="1"
data-identifier="cpanel"
data-serviceid="1661"
id="Primary_Sidebar-Service_Details_Actions-cpanel"
>
<div class="sidebar-menu-item-wrapper">
<div
class="sidebar-menu-item-icon-wrapper">
<span class="loading" style="display: none;">
<i class="fas fa-spinner fa-
spin fa-fw"></i>
</span>
<i class="fas fa-sign-in fa-fw sidebar-menu-item-icon"></i>
</div>
<div
class="sidebar-menu-item-label">
Log in to cPanel
</div>
</div>
</a>
<a menuItemName="webmail"
href="#"
class="list-group-item list-group-item-action"
data-active="1"
data-identifier="webmail"
data-serviceid="1661"
id="Primary_Sidebar-Service_Details_Actions-webmail"
>
<div class="sidebar-menu-item-wrapper">
<div
class="sidebar-menu-item-icon-wrapper">
<span class="loading" style="display: none;">
<i class="fas fa-spinner fa-
spin fa-fw"></i>
</span>
<i class="fas fa-sign-in fa-fw sidebar-menu-item-icon"></i>
</div>
<div
class="sidebar-menu-item-label">
Log in to Webmail
</div>
</div>
</a>
<a menuItemName="Change Password"
href="#tabChangepw"
class="list-group-item list-group-item-action"
data-
toggle="list" role="tab"
id="Primary_Sidebar-Service_Details_Actions-Change_Password"
>
<div class="sidebar-menu-item-wrapper">
<div
class="sidebar-menu-item-icon-wrapper">
<i class="fas fa-key fa-fw sidebar-menu-item-icon"></i>
</div>
<div
class="sidebar-menu-item-label">
Change Password
</div>
</div>
</a>
<a menuItemName="Cancel"
href="/[Link]?action=cancel&id=1661"
class="list-group-item list-group-item-action"
id="Primary_Sidebar-Service_Details_Actions-Cancel"
>
<div class="sidebar-menu-item-wrapper">
<div
class="sidebar-menu-item-icon-wrapper">
<i class="fas fa-ban fa-fw sidebar-menu-item-icon"></i>
</div>
<div
class="sidebar-menu-item-label">
Request Cancellation
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-8 col-xl-9 primary-content">
<div class="tab-content margin-bottom">
<div class="tab-pane fade show active" role="tabpanel" id="tabOverview">
<link href="modules/servers/cpanel/css/[Link]?v=85888a"
rel="stylesheet">
<script src="modules/servers/cpanel/js/[Link]?v=85888a"></script>
<div class="row">
<div class="col-md-6">
<div class="panel panel-default card mb-3"
id="cPanelPackagePanel">
<div class="panel-heading card-header">
<h3 class="panel-title card-title m-0">Package/Domain</h3>
</div>
<div class="panel-body card-body text-center">
<div class="cpanel-package-details">
<em>Cpanel Hosting</em>
<h4 style="margin:0;">small</h4>
<a href="[Link]
target="_blank">[Link]</a>
</div>
<p>
<a href="[Link] class="btn btn-default
btn-sm" target="_blank">Visit Website</a>
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel card panel-default mb-3" id="cPanelUsagePanel">
<div class="panel-heading card-header">
<h3 class="panel-title card-title m-0">Usage Statistics</h3>
</div>
<div class="panel-body card-body text-center cpanel-usage-stats">
<div class="row">
<div class="col-md-6" id="diskUsage">
<strong>Disk Usage</strong>
<br /><br />
<input type="text" value="20" class="usage-dial" data-
fgColor="#444" data-angleOffset="-125" data-angleArc="250" data-min="0" data-
max="100" data-readOnly="true" data-width="100" data-height="80" />
<br /><br />
102 M / 512 M
</div>
<div class="col-md-6" id="bandwidthUsage">
<strong>Bandwidth Usage</strong>
<br /><br />
<input type="text" value="8" class="usage-dial" data-
fgColor="#d9534f" data-angleOffset="-125" data-angleArc="250" data-min="0" data-
max="100" data-readOnly="true" data-width="100" data-height="80" />
<br /><br />
417.22 M / 5120 M
</div>
</div>
<div class="text-info limit-near">
Last Updated 16/12/2024 (07:18)
</div>
<script src="/assets/js/[Link]"></script>
<script type="text/javascript">
jQuery(function() {
jQuery(".usage-dial").knob({
'format': function (value) {
return value + '%';
}
});
});
</script>
</div>
</div>
</div>
</div>
<div class="panel card panel-default mb-3" id="cPanelQuickShortcutsPanel">
<div class="panel-heading card-header">
<h3 class="panel-title card-title m-0">Quick Shortcuts</h3>
</div>
<div class="panel-body card-body text-center">
<div class="row cpanel-feature-row">
<div class="col-md-3 col-sm-4 col-xs-6 col-6"
id="cPanelEmailAccounts">
<a href="[Link]?
action=productdetails&id=1661&dosinglesignon=1&app=Email_Accounts"
target="_blank" class="d-block mb-3">
<img src="modules/servers/cpanel/img/email_accounts.png" />
Email Accounts
</a>
</div>
<div class="col-md-3 col-sm-4 col-xs-6 col-6"
id="cPanelForwarders">
<a href="[Link]?
action=productdetails&id=1661&dosinglesignon=1&app=Email_Forwarders"
target="_blank" class="d-block mb-3">
<img src="modules/servers/cpanel/img/[Link]" />
Forwarders
</a>
</div>
<div class="col-md-3 col-sm-4 col-xs-6 col-6"
id="cPanelAutoResponders">
<a href="[Link]?
action=productdetails&id=1661&dosinglesignon=1&app=Email_AutoResponders
" target="_blank" class="d-block mb-3">
<img src="modules/servers/cpanel/img/[Link]" />
Autoresponders
</a>
</div>
<div class="col-md-3 col-sm-4 col-xs-6 col-6"
id="cPanelFileManager">
<a href="[Link]?
action=productdetails&id=1661&dosinglesignon=1&app=FileManager_Home"
target="_blank" class="d-block mb-3">
<img src="modules/servers/cpanel/img/file_manager.png" />
File Manager
</a>
</div>
<div class="col-md-3 col-sm-4 col-xs-6 col-6" id="cPanelBackup">
<a href="[Link]?
action=productdetails&id=1661&dosinglesignon=1&app=Backups_Home"
target="_blank" class="d-block mb-3">
<img src="modules/servers/cpanel/img/[Link]" />
Backup
</a>
</div>
<div class="col-md-3 col-sm-4 col-xs-6 col-6"
id="cPanelSubdomains">
<a href="[Link]?
action=productdetails&id=1661&dosinglesignon=1&app=Domains_SubDomains"
target="_blank" class="d-block mb-3">
<img src="modules/servers/cpanel/img/[Link]" />
Subdomains
</a>
</div>
<div class="col-md-3 col-sm-4 col-xs-6 col-6"
id="cPanelAddonDomains">
<a href="[Link]?
action=productdetails&id=1661&dosinglesignon=1&app=Domains_AddonDomains
" target="_blank" class="d-block mb-3">
<img src="modules/servers/cpanel/img/addon_domains.png" />
Addon Domains
</a>
</div>
<div class="col-md-3 col-sm-4 col-xs-6 col-6" id="cPanelCronJobs">
<a href="[Link]?
action=productdetails&id=1661&dosinglesignon=1&app=Cron_Home"
target="_blank" class="d-block mb-3">
<img src="modules/servers/cpanel/img/cron_jobs.png" />
Cron Jobs
</a>
</div>
<div class="col-md-3 col-sm-4 col-xs-6 col-6"
id="cPanelMySQLDatabases">
<a href="[Link]?
action=productdetails&id=1661&dosinglesignon=1&app=Database_MySQL"
target="_blank" class="d-block mb-3">
<img
src="modules/servers/cpanel/img/mysql_databases.png" />
MySQL® Databases
</a>
</div>
<div class="col-md-3 col-sm-4 col-xs-6 col-6"
id="cPanelPhpMyAdmin">
<a href="[Link]?
action=productdetails&id=1661&dosinglesignon=1&app=Database_phpMyAdmin"
target="_blank" class="d-block mb-3">
<img src="modules/servers/cpanel/img/php_my_admin.png" />
phpMyAdmin
</a>
</div>
<div class="col-sm-3 col-xs-6" id="cPanelAwstats">
<a href="[Link]?
action=productdetails&id=1661&dosinglesignon=1&app=Stats_AWStats"
target="_blank" class="d-block mb-3">
<img src="modules/servers/cpanel/img/[Link]" />
Awstats
</a>
</div>
</div>
</div>
</div>
<div class="panel card panel-default mb-3" id="cPanelQuickEmailPanel">
<div class="panel-heading card-header">
<h3 class="panel-title card-title m-0">Quick Create Email Account</h3>
</div>
<div class="panel-body card-body">
<div class="alert alert-success text-center email-create-feedback w-
hidden" id="emailCreateSuccess">
Email account created successfully!
</div>
<div class="alert alert-danger text-center email-create-feedback w-
hidden" id="emailCreateFailed">
Email account creation failed: <span
id="emailCreateFailedErrorMsg"></span>
</div>
<form id="frmCreateEmailAccount" onsubmit="doEmailCreate();return
false">
<input type="hidden" name="id" value="1661" />
<input type="hidden" name="email_quota" value="250" />
<div class="row">
<div class="col-md-6">
<div class="input-group mb-1">
<input type="text" id="cpanel-email-prefix"
name="email_prefix" class="form-control" placeholder="Yourname">
<div class="input-group-addon input-group-append">
<span class="input-group-text">
<small>@[Link]</small>
</span>
</div>
</div>
</div>
<div class="col-md-3">
<input type="password" id="cpanel-email-password"
name="email_pw" class="form-control mb-1" placeholder="Desired Password">
</div>
<div class="col-md-3">
<button type="submit" class="btn btn-primary btn-block">
<i class="fas fa-plus" id="btnCreateLoader"></i>
Create
</button>
</div>
</div>
</form>
</div>
</div>
<div class="panel card panel-default mb-3" id="cPanelBillingOverviewPanel">
<div class="panel-heading card-header">
<h3 class="panel-title card-title m-0">Billing Overview</h3>
</div>
<div class="panel-body card-body">
<div class="row">
<div class="col-md-5">
<div class="row"
id="recurringAmount">
<div class="col-xs-6 col-6 text-right">
Recurring Amount
</div>
<div class="col-xs-6 col-6">
RS1,000
</div>
</div>
<div class="row" id="billingCycle">
<div class="col-xs-6 col-6 text-right">
Billing Cycle
</div>
<div class="col-xs-6 col-6">
Annually
</div>
</div>
<div class="row" id="paymentMethod">
<div class="col-xs-6 col-6 text-right">
Payment Method
</div>
<div class="col-xs-6 col-6">
Razorpay - All Credit / Debit and Net banking
</div>
</div>
</div>
<div class="col-md-7">
<div class="row" id="registrationDate">
<div class="col-xs-6 col-6 col-xl-5 text-right">
Registration Date
</div>
<div class="col-xs-6 col-6 col-xl-7">
06/12/2024
</div>
</div>
<div class="row" id="nextDueDate">
<div class="col-xs-6 col-6 col-xl-5 text-right">
Next Due Date
</div>
<div class="col-xs-6 col-6 col-xl-7">
06/12/2025
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" role="tabpanel" id="tabDownloads">
<h3>Downloads</h3>
<div class="alert alert-info text-center">
The following download items are available for your product/service
</div>
<div class="row">
</div>
</div>
<div class="tab-pane fade" id="tabAddons">
<h3>Addons</h3>
<div class="row">
</div>
</div>
<div class="tab-pane fade" id="tabChangepw">
<div class="card">
<div class="card-body">
<h3 class="card-title">Change Password</h3>
<form class="using-password-strength" method="post"
action="/[Link]?action=productdetails#tabChangepw" role="form">
<input type="hidden" name="token"
value="ed9ef1d0cd4ad0d000126304bcc0f3fc1b9fec51" />
<input type="hidden" name="id" value="1661" />
<input type="hidden" name="modulechangepassword"
value="true" />
<div id="newPassword1" class="form-group row has-feedback">
<label for="inputNewPassword1" class="col-xl-4 col-form-
label">New Password</label>
<div class="col-xl-5">
<input type="password" class="form-control"
id="inputNewPassword1" name="newpw" autocomplete="off" />
<br />
<div class="progress mb-3" id="passwordStrengthBar">
<div class="progress-bar" role="progressbar" aria-valuenow="0" aria-
valuemin="0" aria-valuemax="100">
<span class="sr-only">New Password Rating: 0%</span>
</div>
</div>
<div class="alert alert-info">
<small><i class='fa fa-info-circle fa-fw'></i> <strong>Tips for a good
password</strong><br />Use both upper and lowercase characters<br />Include at
least one symbol (# $ ! % & etc...)<br />Don't use dictionary words</small>
</div>
<script>
jQuery("#inputNewPassword1").keyup(function() {
var pwStrengthErrorThreshold = 50,
pwStrengthWarningThreshold = 75,
progressBar = jQuery("#passwordStrengthBar .progress-bar"),
pw = jQuery("#inputNewPassword1").val(),
pwlength = ([Link]);
if (pwlength > 5) {
pwlength = 5;
}
var numnumeric = [Link](/[0-9]/g,""),
numeric = ([Link] - [Link]);
if (numeric > 3) {
numeric = 3;
}
var symbols = [Link](/\W/g,""),
numsymbols = ([Link]);
if (numsymbols > 3) {
numsymbols = 3;
}
var numupper = [Link](/[A-Z]/g,""),
upper = ([Link] - [Link]);
if (upper > 3) {
upper = 3;
}
var pwstrength = ((pwlength * 10) - 20) + (numeric * 10) + (numsymbols *
15) + (upper * 10);
if (pwstrength < 0) {
pwstrength = 0;
}
if (pwstrength > 100) {
pwstrength = 100;
}
jQuery(this).removeClass('is-invalid is-warning is-valid');
[Link]("bg-danger bg-warning bg-success").css("width",
pwstrength + "%").attr('aria-valuenow', pwstrength);
jQuery("#passwordStrengthBar .progress-bar .sr-only").html('New Password
Rating: ' + pwstrength + '%');
if (pwstrength < pwStrengthErrorThreshold) {
jQuery(this).addClass('is-invalid');
[Link]("bg-danger");
} else if (pwstrength < pwStrengthWarningThreshold) {
jQuery(this).addClass('is-warning');
[Link]("bg-warning");
} else {
jQuery(this).addClass('is-valid');
[Link]("bg-success");
}
validatePassword2();
});
function validatePassword2() {
var password1 = jQuery("#inputNewPassword1").val(),
password2Input = jQuery("#inputNewPassword2"),
password2 = [Link]();
if (password2 && password1 !== password2) {
[Link]('is-valid')
.addClass('is-invalid');
jQuery("#inputNewPassword2Msg").html(
'<p class="form-text text-muted" id="nonMatchingPasswordResult">The
passwords entered do not match</p>'
);
jQuery('input[type="submit"]').attr('disabled', 'disabled');
} else {
if (password2) {
[Link]('is-invalid')
.addClass('is-valid');
jQuery('.primary-content input[type="submit"]').removeAttr('disabled');
} else {
[Link]('is-valid is-invalid');
}
jQuery("#inputNewPassword2Msg").html('');
}
}
jQuery(document).ready(function() {
jQuery('.using-password-strength
input[type="submit"]').attr('disabled', 'disabled');
jQuery("#inputNewPassword2").keyup(function() {
validatePassword2();
});
});
</script>
</div>
<div class="col-xl-3">
<button type="button" class="btn btn-default btn-block
generate-password" data-targetfields="inputNewPassword1,inputNewPassword2">
Generate Password
</button>
</div>
</div>
<div id="newPassword2" class="form-group row has-feedback">
<label for="inputNewPassword2" class="col-xl-4 col-form-
label">Confirm New Password</label>
<div class="col-xl-5">
<input type="password" class="form-control"
id="inputNewPassword2" name="confirmpw" autocomplete="off" />
<div id="inputNewPassword2Msg">
</div>
</div>
</div>
<div class="form-group row">
<div class="offset-xl-4 col-xl-6">
<input class="btn btn-primary" type="submit"
value="Save Changes" />
<input class="btn" type="reset" value="Cancel" />
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<p style="text-align:center;">Powered by <a href="[Link]
target="_blank">WHMCompleteSolution</a></p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</section>
<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
/
RS
INR
</button>
</li>
</ul>
<ul class="nav justify-content-center justify-content-lg-start mb-7">
<li class="nav-item">
<a class="nav-link" href="/[Link]">
Contact Us
</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="[Link] target="_blank">Terms of Service</a>
</li>
</ul>
<p class="copyright mb-0">
Copyright © 2024 Chennai Host. All Rights Reserved.
</p>
</div>
</footer>
<div id="fullpage-overlay" class="w-hidden">
<div class="outer-wrapper">
<div class="inner-wrapper">
<img src="/assets/img/[Link]" alt="">
<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">×</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="/[Link]?action=productdetails&id=1661&">
<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">×</span>
</button>
<h5 class="h5 pt-5 pb-3">Choose
language</h5>
<div class="row item-selector">
<input type="hidden" name="language" data-
current="english" value="english" />
<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">×</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="/assets/img/[Link]" 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>
You might also like
- SMTP Bounce Codes and Troubleshooting GuideNo ratings yetSMTP Bounce Codes and Troubleshooting Guide9 pages
- Moving From Barracuda Email Security Gateway To Barracuda Email Security ServiceNo ratings yetMoving From Barracuda Email Security Gateway To Barracuda Email Security Service7 pages
- Technology's Role in Business Communication0% (1)Technology's Role in Business Communication19 pages
- Discover WhatsApp Number Owner TechniquesNo ratings yetDiscover WhatsApp Number Owner Techniques27 pages
- Effective Guest Complaint Handling GuideNo ratings yetEffective Guest Complaint Handling Guide3 pages
