web

<!
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>

<link href="/assets/fonts/css/open-sans-family.css" rel="stylesheet"
type="text/css" />
<link href="/templates/twenty-one/css/all.min.css?v=85888a" rel="stylesheet">
<link href="/templates/twenty-one/css/theme.min.css?v=85888a" rel="stylesheet">
<link href="/assets/css/fontawesome-all.min.css" rel="stylesheet">
<script>
var csrfToken = 'ed9ef1d0cd4ad0d000126304bcc0f3fc1b9fec51',
markdownGuide = 'Markdown Guide',
locale = 'en',
saved = 'saved',
saving = 'autosaving',
whmcsBaseUrl = "";
</script>
<script src="/templates/twenty-one/js/scripts.min.js?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="/clientarea.php?action=details"
class="btn btn-active-client">
<span>
Ahalya Manoharan
</span>
</a>
<a href="/index.php/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">

<a class="navbar-brand mr-3" href="/index.php">
<img src="/assets/img/logo.png"
alt="Chennai Host" class="logo-img">
</a>
<form method="post" action="/index.php/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="/cart.php?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="collapse navbar-collapse" id="mainNavbar">
<form method="post" action="/index.php/knowledgebase/search"
class="d-xl-none">
<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="https://www.chennaihost.com/">
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="/clientarea.php?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="/cart.php" 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="/cart.php?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">
Domains
</a>
<li menuItemName="My Domains"
class="dropdown-item" id="Primary_Navbar-Domains-My_Domains">
<a href="/clientarea.php?action=domains" class="dropdown-
item px-2 py-0">
My Domains
</a>
</li>
<div
<li
menuItemName="Renew Domains" class="dropdown-item" id="Primary_Navbar-Domains-
Renew_Domains">
<a href="/index.php/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="/cart.php?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="/cart.php?a=add&domain=transfer" class="dropdown-
item px-2 py-0">
Transfer Domains to Us
</a>
</li>
<div
<li
menuItemName="Domain Search" class="dropdown-item" id="Primary_Navbar-Domains-
Domain_Search">
<a href="/domainchecker.php" 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">
Billing
</a>
<li menuItemName="My Invoices"
class="dropdown-item" id="Primary_Navbar-Billing-My_Invoices">
<a href="/clientarea.php?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="/clientarea.php?action=quotes" class="dropdown-
item px-2 py-0">
My Quotes
</a>
</li>
<div
<li
menuItemName="Add Funds" class="dropdown-item" id="Primary_Navbar-Billing-
Add_Funds">
<a href="/clientarea.php?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">
Support
</a>
<li menuItemName="Tickets"
class="dropdown-item" id="Primary_Navbar-Support-Tickets">
<a href="/supporttickets.php" class="dropdown-item px-2 py-
0">
Tickets
</a>
</li>
<li
menuItemName="Announcements" class="dropdown-item" id="Primary_Navbar-Support-
Announcements">
<a href="/index.php/announcements" class="dropdown-item px-
2 py-0">
Announcements
</a>
</li>
<li
menuItemName="Knowledgebase" class="dropdown-item" id="Primary_Navbar-Support-
Knowledgebase">
<a href="/index.php/knowledgebase" class="dropdown-item px-
2 py-0">
Knowledgebase
</a>
</li>
<li
menuItemName="Downloads" class="dropdown-item" id="Primary_Navbar-Support-
Downloads">
<a href="/index.php/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="/serverstatus.php" 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="/submitticket.php">
Open Ticket
</a>
</li>
<li menuItemName="Contact Us" class="d-block" id="Primary_Navbar-Contact_Us">
<a class="pr-4" href="https://www.chennaihost.com/contactus.html">
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="https://www.chennaihost.com/requestcallback.html">
Request a Call Back
</a>
</li>
<li menuItemName="Payment" class="d-block" id="Primary_Navbar-Payment">
<a class="pr-4" href="https://www.chennaihost.com/payment.html">
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"
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="/clientarea.php?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="/index.php/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="/index.php/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="/clientarea.php?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="/clientarea.php?action=emails" class="dropdown-
item px-2 py-0">
Email History
</a>
</li>
<div
<li
menuItemName="Profile" class="dropdown-item" id="Secondary_Navbar-Account-Profile">
<a href="/index.php/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="/index.php/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="/index.php/user/security" class="dropdown-item px-
2 py-0">
Security Settings
</a>
</li>
<div
<li
menuItemName="Logout" class="dropdown-item" id="Secondary_Navbar-Account-Logout">
<a href="/logout.php" class="dropdown-item px-2 py-0">
Logout
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</header>
<nav class="master-breadcrumb" aria-label="breadcrumb">

<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="/index.php"> Portal Home
</a> </li>
<a href="/clientarea.php"> Client Area
</a> </li>
<a href="/clientarea.php?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="row">
<div class="col-2 col-sm-1 order-3">
<button id="btnEmailVerificationClose" type="button" class="btn
close" data-uri="/index.php/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="/index.php/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="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-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
Log in to cPanel
</div>
</div>
</a>
<a menuItemName="webmail"
href="#"
data-active="1"
data-identifier="webmail"
data-serviceid="1661"
id="Primary_Sidebar-Service_Details_Actions-webmail"
>
<div
<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
Log in to Webmail
</div>
</div>
</a>
<a menuItemName="Change Password"

href="#tabChangepw"
data-
toggle="list" role="tab"
id="Primary_Sidebar-Service_Details_Actions-Change_Password"
>
<div
<i class="fas fa-key fa-fw sidebar-menu-item-icon"></i>

</div>
<div
Change Password
</div>
</div>
</a>
<a menuItemName="Cancel"
href="/clientarea.php?action=cancel&id=1661"
id="Primary_Sidebar-Service_Details_Actions-Cancel"
>
<div
<i class="fas fa-ban fa-fw sidebar-menu-item-icon"></i>

</div>
<div
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/client.css?v=85888a"
rel="stylesheet">
<script src="modules/servers/cpanel/js/client.js?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="http://gosharp.co.in"
target="_blank">www.gosharp.co.in</a>
</div>
<p>
<a href="http://gosharp.co.in" class="btn btn-default
btn-sm" target="_blank">Visit Website</a>
</p>
</div>
</div>
</div>
<div class="panel card panel-default mb-3" id="cPanelUsagePanel">

<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/jquery.knob.js"></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">

<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="clientarea.php?
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>
id="cPanelForwarders">
action=productdetails&id=1661&dosinglesignon=1&app=Email_Forwarders"
<img src="modules/servers/cpanel/img/forwarders.png" />
Forwarders
</a>
</div>
id="cPanelAutoResponders">
action=productdetails&id=1661&dosinglesignon=1&app=Email_AutoResponders
" target="_blank" class="d-block mb-3">
<img src="modules/servers/cpanel/img/autoresponders.png" />
Autoresponders
</a>
</div>
id="cPanelFileManager">
action=productdetails&id=1661&dosinglesignon=1&app=FileManager_Home"
<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">
action=productdetails&id=1661&dosinglesignon=1&app=Backups_Home"
<img src="modules/servers/cpanel/img/backup.png" />
Backup
</a>
</div>
id="cPanelSubdomains">
action=productdetails&id=1661&dosinglesignon=1&app=Domains_SubDomains"
<img src="modules/servers/cpanel/img/subdomains.png" />
Subdomains
</a>
</div>
id="cPanelAddonDomains">
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">
action=productdetails&id=1661&dosinglesignon=1&app=Cron_Home"
<img src="modules/servers/cpanel/img/cron_jobs.png" />
Cron Jobs
</a>
</div>
id="cPanelMySQLDatabases">
action=productdetails&id=1661&dosinglesignon=1&app=Database_MySQL"
<img
src="modules/servers/cpanel/img/mysql_databases.png" />
MySQL® Databases
</a>
</div>
id="cPanelPhpMyAdmin">
action=productdetails&id=1661&dosinglesignon=1&app=Database_phpMyAdmin"
<img src="modules/servers/cpanel/img/php_my_admin.png" />
phpMyAdmin
</a>
</div>
<div class="col-sm-3 col-xs-6" id="cPanelAwstats">
action=productdetails&id=1661&dosinglesignon=1&app=Stats_AWStats"
<img src="modules/servers/cpanel/img/awstats.png" />
Awstats
</a>
</div>
</div>
</div>
</div>
<div class="panel card panel-default mb-3" id="cPanelQuickEmailPanel">

<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="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>@gosharp.co.in</small>
</span>
</div>
</div>
</div>
<input type="password" id="cpanel-email-password"
name="email_pw" class="form-control mb-1" placeholder="Desired Password">
</div>
<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">

<h3 class="panel-title card-title m-0">Billing Overview</h3>
</div>
<div class="panel-body card-body">
<div class="row">
<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">
Billing Cycle
</div>
Annually
</div>
</div>
<div class="row" id="paymentMethod">
Payment Method
</div>
Razorpay - All Credit / Debit and Net banking
</div>
</div>
</div>
<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="/clientarea.php?action=productdetails#tabChangepw" role="form">
<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 = (pw.length);
if (pwlength > 5) {
pwlength = 5;
}
var numnumeric = pw.replace(/[0-9]/g,""),
numeric = (pw.length - numnumeric.length);
if (numeric > 3) {
numeric = 3;
}
var symbols = pw.replace(/\W/g,""),
numsymbols = (pw.length-symbols.length);
if (numsymbols > 3) {
numsymbols = 3;
}
var numupper = pw.replace(/[A-Z]/g,""),
upper = (pw.length - numupper.length);
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');

progressBar.removeClass("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');
progressBar.addClass("bg-danger");
} else if (pwstrength < pwStrengthWarningThreshold) {
jQuery(this).addClass('is-warning');
progressBar.addClass("bg-warning");
} else {
jQuery(this).addClass('is-valid');
progressBar.addClass("bg-success");
}
validatePassword2();
});
function validatePassword2() {
var password1 = jQuery("#inputNewPassword1").val(),
password2Input = jQuery("#inputNewPassword2"),
password2 = password2Input.val();
if (password2 && password1 !== password2) {

password2Input.removeClass('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) {
password2Input.removeClass('is-invalid')
.addClass('is-valid');
jQuery('.primary-content input[type="submit"]').removeAttr('disabled');
} else {
password2Input.removeClass('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>
<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>
<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="https://www.whmcs.com/"

target="_blank">WHMCompleteSolution</a></p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</section>
<footer id="footer" class="footer">

<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="/contact.php">
Contact Us
</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="http://www.chennaihost.com/tos.html" 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/overlay-spinner.svg" 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="/clientarea.php?action=productdetails&id=1661&">

<div class="modal modal-localisation" id="modalChooseLanguage" tabindex="-
1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<button type="button" class="close text-light" data-
dismiss="modal" aria-label="Close">
</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">
value="azerbaijani">
Azerbaijani
</a>
</div>
<div
class="col-4">
value="catalan">
Català
</a>
</div>
<div
class="col-4">
value="chinese">
中文
</a>
</div>
<div
class="col-4">
value="croatian">
Hrvatski
</a>
</div>
<div
class="col-4">
value="czech">
Čeština
</a>
</div>
<div
class="col-4">
value="danish">
Dansk
</a>
</div>
<div
class="col-4">
value="dutch">
Nederlands
</a>
</div>
<div
class="col-4">
<a href="#" class="item active" data-
value="english">
English
</a>
</div>
<div
class="col-4">
value="estonian">
Estonian
</a>
</div>
<div
class="col-4">
value="farsi">
Persian
</a>
</div>
<div
class="col-4">
value="french">
Français
</a>
</div>
<div
class="col-4">
value="german">
Deutsch
</a>
</div>
<div
class="col-4">
value="hebrew">
‫עברית‬
</a>
</div>
<div
class="col-4">
value="hungarian">
Magyar
</a>
</div>
<div
class="col-4">
value="italian">
Italiano
</a>
</div>
<div
class="col-4">
value="macedonian">
Macedonian
</a>
</div>
<div
class="col-4">
value="norwegian">
Norwegian
</a>
</div>
<div
class="col-4">
value="portuguese-br">
Português
</a>
</div>
<div
class="col-4">
value="portuguese-pt">
Português
</a>
</div>
<div
class="col-4">
value="romanian">
Română
</a>
</div>
<div
class="col-4">
value="russian">
Русский
</a>
</div>
<div
class="col-4">
value="spanish">
Español
</a>
</div>
<div
class="col-4">
value="swedish">
Svenska
</a>
</div>
<div
class="col-4">
value="turkish">
Türkçe
</a>
</div>
<div
class="col-4">
value="ukranian">
Українська
</a>
</div>
</div>
</div>
<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-header bg-primary text-white">
<h4 class="modal-title">
Generate Password
</h4>
<button type="button" class="close" data-dismiss="modal" aria-
label="Close">
</button>
</div>
<div class="alert alert-danger w-hidden"
id="generatePwLengthError">
Please enter a number between 8 and 64 for the password
length
</div>
<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>
<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/clippy.svg" alt="Copy to
clipboard" width="15">
Copy
</button>
</div>
</div>
</div>
<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>

web

Uploaded by

web

Uploaded by

<!

<header id="header" class="header">

<div class="navbar navbar-light">

<form method="post" action="/index.php/knowledgebase/search"

<ul class="navbar-nav toolbar">

<nav class="master-breadcrumb" aria-label="breadcrumb">

<div class="verification-banner email-verification">

<div class="col-lg-4 col-xl-3">

<span class="loading" style="display: none;">

<i class="fas fa-sign-in fa-fw sidebar-menu-item-icon"></i>

<span class="loading" style="display: none;">

<i class="fas fa-sign-in fa-fw sidebar-menu-item-icon"></i>

<a menuItemName="Change Password"

<i class="fas fa-key fa-fw sidebar-menu-item-icon"></i>

<i class="fas fa-ban fa-fw sidebar-menu-item-icon"></i>

<div class="tab-content margin-bottom">

<div class="panel panel-default card mb-3"

<div class="panel card panel-default mb-3" id="cPanelUsagePanel">

<div class="panel card panel-default mb-3" id="cPanelQuickShortcutsPanel">

<div class="row cpanel-feature-row">

<div class="panel card panel-default mb-3" id="cPanelQuickEmailPanel">

<div class="alert alert-success text-center email-create-feedback w-

<div class="alert alert-danger text-center email-create-feedback w-

<form id="frmCreateEmailAccount" onsubmit="doEmailCreate();return

<div class="panel card panel-default mb-3" id="cPanelBillingOverviewPanel">

<div class="alert alert-info text-center">

<form class="using-password-strength" method="post"

<div id="newPassword1" class="form-group row has-feedback">

<div class="progress mb-3" id="passwordStrengthBar">

<div class="alert alert-info">

jQuery(this).removeClass('is-invalid is-warning is-valid');

if (password2 && password1 !== password2) {

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

<footer id="footer" class="footer">

<ul class="nav justify-content-center justify-content-lg-start mb-7">

<p class="copyright mb-0">

<div id="fullpage-overlay" class="w-hidden">

<div class="modal system-modal fade" id="modalAjax" tabindex="-1" role="dialog"

<form method="get" action="/clientarea.php?action=productdetails&id=1661&">

<h5 class="h5 pt-5 pb-3">Choose

<form action="#" id="frmGeneratePassword">

You might also like