Effism | Aries Online Job Diary

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Effism | Aries Online Job Diary | Login</title> <meta name="description" content=">Effism | Aries Online Job Diary"> <meta name="keywords" content=">Effism | TIME"> <meta name="author" content=""> <link rel="shortcut icon" href="login-new/assets7/images/logo/Effism.png" type="image/x-icon">  <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="login-new/assets7/css/bootstrap.min.css"> <link rel="stylesheet" href="login-new/assets7/css/fontawesome-all.css"> <link rel="stylesheet" href="login-new/assets7/css/flaticon.css"> <link rel="stylesheet" href="login-new/assets7/css/animate.css"> <link rel="stylesheet" href="login-new/assets7/css/odometer-theme-default.css"> <link rel="stylesheet" href="login-new/assets7/css/slick.css"> <link rel="stylesheet" href="login-new/assets7/css/slick-theme.css"> <link rel="stylesheet" href="login-new/assets7/css/style.css"> <link rel="stylesheet" href="login-new/assets7/css/style-nd.css"> <link rel="stylesheet" href="login-new/assets7/css/global.css">  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />   <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">  <style> .margin-right-lg { margin-right: 15px; /* margin-right: 7px; */ } .font-poppins { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; } .height-reset { height: 45px !important; } /* .margin-lg { margin-top: -35px; } */ .forget-size { font-size: 14px; } .validate-message-style { font-size: 14px; /* margin-left: 20px; */ } @media only screen and (min-width: 992px) { .margin-tp { margin-top: 10px; } .margin-lg { margin-top: -35px; } } </style> </head> <body class="xis-dia-body">    <header id="xis-dia-header" class="xis-dia-header-section"> <div class="mx-5">  <div class="xis-dia-header-content"> <div class="xisma-header-main-menu d-flex align-items-center justify-content-between" style="max-width: 100%;"> <div class="site-logo margin-lg">   <a href="./"><img src="login-new/assets7/images/logo/Effism.png" class="effismImg" alt="Effism"></a> </div> <div class="xis-dia-main-navigation-area"> <nav class="xis-dia-main-navigation clearfix xis-dia-newslatter-form ul-li margin-tp">  <form method="post" action="jobdiary.php" name="new_loginform" id="new_loginform"> <div class="d-flex"> <div> <input style="border: 1px solid #FF0000;" type="text" class="font-poppins height-reset" id="txtUserName" name="txtUserName" placeholder="User Name"> <div id="username-error" class="font-poppins validate-message-style" style="color: red;margin-left:20px;"></div> </div> <div style="position: relative;"> <input style="border: 1px solid #FF0000;" class="font-poppins height-reset" type="password" id="txtPassword" name="txtPassword" placeholder="Password"> <span id="toggle-password" style="position: absolute; right: 25px; top: 29%; transform: translateY(-50%); cursor: pointer;"> <i class="fa fa-eye"></i> </span> <div id="password-error" class="font-poppins validate-message-style" style="color: red;margin-left:20px;"></div> </div> <div> <button type="submit" name="submit" class="font-poppins height-reset" style="text-transform: capitalize;" id="submit">Login</button> <button type="button" style="display: none;text-transform: capitalize;" class="font-poppins height-reset" id="waitmsg" value="Please Wait..." disabled="disabled">Please Wait...</button> <div class="d-flex justify-content-end align-items-end margin-right-lg"> <p type="button" class="font-poppins forget-size" style="color: black;" data-bs-toggle="modal" data-bs-target="#exampleModal"> Forgot password? </p> </div> </div> </div>  <input type="hidden" name="vote" value="0"> <input type="hidden" id="page" name="page" value=""> <input type="hidden" name="timestamp" value=""> </form> </nav> </div>  </div>    </div> </div> </header>   <script type="text/javascript"> /* $(document).ready(function() { $("#new_loginform").validate({ rules: { txtUserName: { required: true, minlength: 3 }, txtPassword: { required: true, minlength: 5 } }, messages: { txtUserName: { required: "Please enter a username", minlength: "Username must be at least 3 characters" }, txtPassword: { required: "Please enter a password", minlength: "Password must be at least 5 characters" } }, errorPlacement: function(error, element) { error.insertAfter(element); } }); }); */ </script> <style> .error { color: red !important; } /*.snowflake { color: #fff; font-size: 1em; font-weight: 400; font-family: Arial; text-shadow: 0 0 1px #fff; } @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}*/ </style>  <section id="xis-dia-banner" class="xis-dia-banner-section position-relative mt-4" style="background: url(login-new/assets7/img/bg/pattern-41.png);background-position: center;background-size: cover;"> <div class="xis-dia-banner-shape1 position-absolute"><img src="login-new/assets7/img/shape/banner-sh1.png" alt=""></div>    <div class="container">  <div class="logi xis-dia-footer-newslatter-content d-block d-lg-none"> <div class="row align-items-center"> <div class="col-lg-3 col-md-4"> <div class="xis-dia-footer-newslatter-text"> <div class="xis-dia-section-title xis-dia-headline"> <span class="font-poppins">Welcome Back</span> <h2 class="font-poppins">Login</h2> </div> </div> </div> <div class="col-lg-9 col-md-8"> <div class="xis-dia-newslatter-form"> <form method="post" action="jobdiary.php" name="new_loginform_mob" id="new_loginform_mob"> <div style="position: relative; margin-bottom: 10px;"> <input class="font-poppins" style="border: 1px solid #FF0000; width: 100%; padding: 10px 40px 10px 10px; box-sizing: border-box;" type="text" id="txtUserName" name="txtUserName" placeholder="User Name"> </div> <div style="position: relative; margin-bottom: 10px;"> <input class="font-poppins" style="border: 1px solid #FF0000; width: 100%; padding: 10px 40px 10px 10px; box-sizing: border-box;" type="password" id="txtPassword1" name="txtPassword" placeholder="Password"> <span id="toggle-password1" style="position: absolute; right: 10px; top: 44%; transform: translateY(-50%); cursor: pointer;"> <i class="fa fa-eye"></i> </span> </div>  <div> <button class="font-poppins" type="submit" name="submit" id="submit1" style="text-transform: capitalize;">Login</button> <button class="font-poppins" type="button" style="display: none;text-transform: capitalize;" id="waitmsg1" value="Please Wait..." disabled="disabled">Please Wait...</button> </div> <input type="hidden" name="vote" value="0"> <input type="hidden" id="page" name="page" value=""> <input type="hidden" name="timestamp" value=""> </form> <div class="mt-4"> <p type="button" class="font-poppins" style="color: black;margin-left: 16px;font-size: 15px;" data-bs-toggle="modal" data-bs-target="#exampleModal"> Forgot password? </p> </div> </div> </div> </div> </div>  </div> <div class="row"> <div class="col-12 pt-5 pt-lg-0"> <div id="carouselExampleControls" class="carousel slide carousel-fade" data-bs-interval="3000" data-bs-ride="carousel"> <div class="carousel-inner bannPad"> <div class="carousel-item active"> <a href=https://aimri.ae/ target='blank'><img src=" sysimages/origimg/midbar_348_1742270614.jpg" class="d-block w-100 carousel-img rounded img-height-mob" alt="Banner-im111g"></a> </div> <div class="carousel-item "> <a href=https://www.aimri.ae/ target='blank'><img src=" sysimages/origimg/midbar_347_1742270499.jpg" class="d-block w-100 carousel-img rounded img-height-mob" alt="Banner-im111g"></a> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> </div> </div> </section>   <section style="border-bottom: 1px solid #eceffc;" id="xis-dia-testimonial" class="xis-dia-testimonial-section position-relative"> <span class="xis-dia-testi-side-shape1 position-absolute"><img src="login-new/assets7/img/shape/side-sh3.png" alt=""></span> <span class="xis-dia-testi-side-shape2 position-absolute"><img src="login-new/assets7/img/shape/side-sh4.png" alt=""></span> <div class="container"> <div class="xis-dia-section-title xis-dia-headline text-center"> <span>Aries</span> <h2>Best Employees</h2> </div> <div class="xis-dia-testimonial-content position-relative"> <span class="xis-dia-testi-circle1 position-absolute"><img src="login-new/assets7/img/shape/cir3.png" alt=""></span> <span class="xis-dia-testi-circle2 position-absolute"><img src="login-new/assets7/img/shape/cir2.png" alt=""></span> <span class="xis-dia-testi-circle3 position-absolute"><img src="login-new/assets7/img/shape/cir3.png" alt=""></span> <span class="xis-dia-testi-circle4 position-absolute"><img src="login-new/assets7/img/shape/cir2.png" alt=""></span> <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-indicators"> <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"> <img src="login-new/assets7/images/best-emp/small-png/best.png" alt=""> </button> <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"> <img src="login-new/assets7/images/best-emp/small-png/company-vision.png" alt=""> </button> <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"> <img src="login-new/assets7/images/best-emp/small-png/emp.png" alt=""> </button> <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"> <img src="login-new/assets7/images/best-emp/small-png/trophy.png" alt=""> </button> <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="4" aria-label="Slide 5"> <img src="login-new/assets7/images/best-emp/small-png/user.png" alt=""> </button> <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="5" aria-label="Slide 6"> <img src="login-new/assets7/images/best-emp/small-png/winner.png" alt=""> </button> </div> <div id="carouselExampleControls" class="carousel slide" data-bs-interval="4000" data-bs-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="xis-dia-testimonial-inner-item text-center"> <div class="xis-dia-author-img-wrapper position-relative"> <div class="xis-dia-author-img"> <img src="sysimages/rszimg/news_1842_1744258442.jpg" alt=""> </div> </div> <div class="xis-dia-testi-text pera-content xis-dia-headline"> <p>Rahul Suryamangalam Rajendran has been selected as the Best Employee (Punalur Office) for the month March 2025.Congratulations Rahul!</p> <div class="xis-dia-author"> <h3 class="xis-dia-name">Rahul Suryamangalam Rajendran </h3>  </div> </div> </div> </div> <div class="carousel-item "> <div class="xis-dia-testimonial-inner-item text-center"> <div class="xis-dia-author-img-wrapper position-relative"> <div class="xis-dia-author-img"> <img src="sysimages/rszimg/news_1841_1744258363.jpg" alt=""> </div> </div> <div class="xis-dia-testi-text pera-content xis-dia-headline"> <p>Shaiju Thomas from Admin is selected as the Best Employee of the month of March 2025.Congratulations Shaiju!</p> <div class="xis-dia-author"> <h3 class="xis-dia-name">Shaiju Thomas </h3>  </div> </div> </div> </div> <div class="carousel-item "> <div class="xis-dia-testimonial-inner-item text-center"> <div class="xis-dia-author-img-wrapper position-relative"> <div class="xis-dia-author-img"> <img src="sysimages/rszimg/news_1840_1744258258.jpg" alt=""> </div> </div> <div class="xis-dia-testi-text pera-content xis-dia-headline"> <p>Kiran Cariyath Madathil (Group Accounts) is selected as the Best Employee of the month – March 2025. Congratulations Kiran!</p> <div class="xis-dia-author"> <h3 class="xis-dia-name">Kiran Cariyath Madathil </h3>  </div> </div> </div> </div> </div> </div> <div class="xis-dia-testimonial-carousel-icon d-flex justify-content-center position-relative"> <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"><i class="far fa-arrow-left"></i></span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"><i class="far fa-arrow-right"></i></span> </button> </div> </div> </div> </div> </section>   <section id="xis-dia-team" class="xis-dia-team-section position-relative"> <span class="xis-dia-fnw-shape2 position-absolute"><img src="login-new/assets7/img/shape/side-sh5.png" alt=""></span> <div class="container"> <div class="xis-dia-section-title xis-dia-headline text-center wow fadeInUp" data-wow-delay="100ms" data-wow-duration="1500ms"> <span>Aries</span> <h2>News</h2> </div> <div class="xis-dia-team-content"> <div class="row justify-content-center"> <div class="swiper"> <div class="swiper-wrapper">  <div class="swiper-slide"> <div class="team-block-two"> <div class="inner-box"> <div class="image"> <a href="javascript:void(0)"><img style="height: 220px;" src="sysimages/rszimg/news_1839_1744091000.jpg" alt="" /></a> </div> <div class="lower-content text-center cardBody"> <div class="designation"> Zenel Zahrish, daughter of Lamees and Mohamed Shabab Chelli. (ONE-DS, HO) celebrated her first birthday recently. God bless, little Zenel! </div> <h5><a href="javascript:void(0)">1st Happy Bday</a></h5> </div> </div> </div> </div>   <div class="swiper-slide"> <div class="team-block-two"> <div class="inner-box"> <div class="image"> <a href="javascript:void(0)"><img style="height: 220px;" src="sysimages/rszimg/news_1838_1744090774.jpg" alt="" /></a> </div> <div class="lower-content text-center cardBody"> <div class="designation"> Congratulations and happy married life to Chavi and Vishnu Paramanya (I&M- RT/PWHT, HO) who got married on 3rd March at Betul, Madhya Pradesh </div> <h5><a href="javascript:void(0)">Congratulations</a></h5> </div> </div> </div> </div>   <div class="swiper-slide"> <div class="team-block-two"> <div class="inner-box"> <div class="image"> <a href="javascript:void(0)"><img style="height: 220px;" src="sysimages/rszimg/news_1843_1744259648.jpg" alt="" /></a> </div> <div class="lower-content text-center cardBody"> <div class="designation"> Congratulations to Anjitha Ramadas and Monu Viswanathan (ONE-ES, Ajman) who got engaged on 2nd April 2025 at Kuruppanthara, Kottayam </div> <h5><a href="javascript:void(0)">Congratulations</a></h5> </div> </div> </div> </div>   <div class="swiper-slide"> <div class="team-block-two"> <div class="inner-box"> <div class="image"> <a href="javascript:void(0)"><img style="height: 220px;" src="sysimages/rszimg/news_1844_1744259700.jpg" alt="" /></a> </div> <div class="lower-content text-center cardBody"> <div class="designation"> Druvika Viaan, sister of Darshiv Viaan and daughter of Deliya Vipin (Indywood Talent Club- EFFISM, Kochi) and Vipin Peethambaran celebrated her 1st birthday on 6th </div> <h5><a href="javascript:void(0)">1st Birthday</a></h5> </div> </div> </div> </div>  </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> </div> </div> </section>   <section id="xis-dia-service" class="xis-dia-service-section position-relative"> <span class="xis-dia-side-shape1 position-absolute"><img src="login-new/assets7/img/shape/side-sh1.png" alt=""></span> <span class="xis-dia-service-shape2 position-absolute"><img src="login-new/assets7/img/shape/dot-sh1.png" alt=""></span> <div class="container"> <div class="xis-dia-section-title xis-dia-headline text-center wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms"> <span>Aries</span> <h2>FUN FACTS</h2> </div> <div class="xis-dia-service-content"> <div class="xis-dia-service-content-area"> <div class="row"> <div class="col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1500ms"> <div class="xis-dia-service-inner-item text-center position-relative"> <span class="xis-dia-service-shape position-absolute"><img src="login-new/assets7/img/shape/hv-sh1.png" alt=""></span> <div class="xis-dia-service-icon position-relative"> <img style="width: 70px;" src="login-new/assets7/images/icons/left-quotes.png" alt=""> </div> <div class="xis-dia-service-text xis-dia-headline pera-content"> <h3><a href="javascript:void(0)">Quote</a></h3> <p><b>Quote Of The Day</b></p> <p class="mt-2"> <q>Goodness is about character - integrity, honesty, kindness, generosity, moral courage, and the like. More than anything else, it is about how we treat other people</q> </p> <p class="mt-2"> <b>Dennis Prager</b> </p> </div> </div> </div> <div class="col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms" data-wow-duration="1500ms"> <div class="xis-dia-service-inner-item text-center position-relative"> <span class="xis-dia-service-shape position-absolute"><img src="login-new/assets7/img/shape/hv-sh1.png" alt=""></span> <div class="xis-dia-service-icon position-relative"> <img style="width: 70px;" src="login-new/assets7/images/icons/heartbeat.png" alt=""> </div> <div class="xis-dia-service-text xis-dia-headline pera-content"> <h3><a href="javascript:void(0)">Health Tip</a></h3> <p> <b> <span>Bone up daily</span> </b></p> <p class="mt-2" style=" min-height:120px !important;"> Get your daily calcium by popping a tab, chugging milk or eating yoghurt. It'll keep your bones strong. Remember that your bone density declines after the age of 30. You need at least 200 milligrams daily, which you should combine with magnesium, or it simply won't be absorbed. </p> </div> <div class="xis-dia-service-more"> <a class="text-uppercase" href="javascript:void(0)">Read More <i class="far fa-arrow-right"></i></a> </div> </div> </div> </div> </div> </div> </div> </section>      <footer id="xis-dia-footer-newslatter" class="xis-dia-footer-newslatter-section position-relative">  <div class="container"> <div class="xis-footer-menu-content d-flex align-items-center justify-content-between"> <div class="footer-logo">  <a href="./"><img style="width: 100px;" src="login-new/assets7/images/logo/Effism.png" alt="time logo"></a> </div> <div class="footer-menu ul-li"> <ul> <li><a href="./">HOME</a></li> <li><a href="#xis-dia-testimonial">BEST EMPLOYEES</a></li> <li><a href="#xis-dia-team">ARIES NEWS</a></li> <li><a href="#xis-dia-service">FUN FACTS</a></li>   </ul> </div> </div> <div class="xis-footer-social-text ul-li pera-content d-flex justify-content-between"> <p>Copyright © <script> document.write(new Date().getFullYear()) </script> All rights reserved. <a href="https://www.ariesesolutions.com/" target="_blank"> Aries e-Solutions</a></p>  </div> </div> </footer>   <script src="login-new/assets7/js/jquery.min.js"></script> <script src="login-new/assets7/js/bootstrap.min.js"></script> <script src="login-new/assets7/js/popper.min.js"></script> <script src="login-new/assets7/js/appear.js"></script> <script src="login-new/assets7/js/slick.js"></script> <script src="login-new/assets7/js/jquery.counterup.min.js"></script> <script src="login-new/assets7/js/waypoints.min.js"></script> <script src="login-new/assets7/js/odometer.js"></script> <script src="login-new/assets7/js/wow.min.js"></script> <script src="login-new/assets7/js/parallax.min.js"></script> <script src="login-new/assets7/js/parallax-scroll.js"></script> <script src="login-new/assets7/js/typer.js"></script> <script src="login-new/assets7/js/script.js"></script> <script src="login-new/assets7/js/owl.js"></script>  <script> document.getElementById('toggle-password').addEventListener('click', function() { var passwordField = document.getElementById('txtPassword'); var passwordFieldType = passwordField.getAttribute('type'); var icon = this.querySelector('i'); if (passwordFieldType === 'password') { passwordField.setAttribute('type', 'text'); icon.classList.remove('fa-eye'); icon.classList.add('fa-eye-slash'); // Change to closed eye icon } else { passwordField.setAttribute('type', 'password'); icon.classList.remove('fa-eye-slash'); icon.classList.add('fa-eye'); // Change to open eye icon } }); document.getElementById('toggle-password1').addEventListener('click', function() { var passwordField = document.getElementById('txtPassword1'); var passwordFieldType = passwordField.getAttribute('type'); var icon = this.querySelector('i'); if (passwordFieldType === 'password') { passwordField.setAttribute('type', 'text'); icon.classList.remove('fa-eye'); icon.classList.add('fa-eye-slash'); // Change to closed eye icon } else { passwordField.setAttribute('type', 'password'); icon.classList.remove('fa-eye-slash'); icon.classList.add('fa-eye'); // Change to open eye icon } console.log('Password field type is now:', passwordField.getAttribute('type')); }); </script>  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script> const swiper = new Swiper(".swiper", { // Optional parameters direction: "horizontal", loop: true, slidesPerView: 3, autoplay: { delay: 2000, }, // If we need pagination pagination: { el: ".swiper-pagination", }, // Navigation arrows navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, // And if we need scrollbar scrollbar: { el: ".swiper-scrollbar", }, breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, spaceBetween: 20 }, // when window width is >= 480px // 480: { // slidesPerView: 2, // spaceBetween: 30 // }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 40 }, } }); </script>  <script src="login-new/assets7/js/jquery.validate.js"></script> <script> $(document).ready(function() { $('#new_loginform').submit(function(e) { var isValid = true; // Validation for User Name var username = $('#txtUserName').val(); if (username.length === 0) { $('#username-error').text('Please enter your username.').show(); isValid = false; } else { $('#username-error').hide(); } // Validation for Password var password = $('#txtPassword').val(); if (password.length === 0) { $('#password-error').text('Please enter your password.').show(); isValid = false; } else { $('#password-error').hide(); } // Prevent form submission if validation fails if (!isValid) { e.preventDefault(); } else { // Form submit handler console.log("Form submit handler called."); $('#submit').hide(); $('#waitmsg').show(); } }); }); </script> <script type="text/javascript"> $(document).ready(function() { $("#new_loginform_mob").validate({ rules: { txtUserName: { required: true, // minlength: 3 }, txtPassword: { required: true, // minlength: 5 } }, messages: { txtUserName: { required: "Please enter a username", //minlength: "Username must be at least 3 characters" }, txtPassword: { required: "Please enter a password", //minlength: "Password must be at least 5 characters" } }, errorPlacement: function(error, element) { error.insertAfter(element); }, submitHandler: function(form) { console.log("Form submit handler called."); $('#submit1').hide(); $('#waitmsg1').show(); return true; } }); }); </script> <script type="text/javascript"> $(document).ready(function() { $.validator.addMethod("noSpace", function(value, element) { return $.trim(value) !== ""; }, "Please enter a non-empty value."); $.validator.addMethod("noSpaceAroundUsername", function(value, element) { return value.trim() === value; }, "Spaces are not allowed before or after the username."); $("#forgotPasswordForm").validate({ rules: { username: { required: true, noSpace: true, noSpaceAroundUsername: true } }, messages: { username: { required: "Please enter your username", } }, errorPlacement: function(error, element) { error.insertAfter(element); } }); }); </script> <style> .error { color: red !important; } </style> <style> .input-container { position: relative; margin-bottom: 20px; } .validation-message { position: absolute; top: 100%; left: 30%; color: red; font-size: 14px; display: none; } </style>   <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body row align-items-center justify-content-center"> <div class="col-12 d-flex justify-content-center align-items-center"> <img style="width: 250px;height:250px" src="login-new/assets7/images/forget-pass/bg.jpg" class="img-fluid" alt=""> </div> <div class="xis-dia-section-title xis-dia-headline text-center"> <h4>Forgot Your Password ?</h4> <p> Enter your username below to retrieve your account </p> </div> <form id="forgotPasswordForm" action="forgotpassword-action-new.php" method="post"> <div class="col-12"> <input class="inpt form-control" type="text" name="username" placeholder="Enter your User name" required=""> </div> <div class="col-12 mt-3"> <button type="submit" name="submit" class="theme-btn btn-style-two"><span class="txt">Submit <i class="fa fa-angle-right"></i></span></button> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>  </div> </div> </div> </div>  <style> .inpt { background-color: #e1eff0; height: 60px; width: 100%; padding: 10px 25px; /* color: rgb(37, 55, 63); */ color: #63373f; font-size: 16px; border-radius: 3px; border: 2px solid transparent; transition: all 300ms ease; } </style> </body> </html>

CINXE.COM

Effism | Aries Online Job Diary | Login