���� JFIF fdasasfas213sdaf
Server IP : 147.79.69.42 / Your IP : 216.73.216.200 Web Server : LiteSpeed System : Linux in-mum-web669.main-hosting.eu 5.14.0-503.23.2.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Feb 12 05:52:18 EST 2025 x86_64 User : u479334040 ( 479334040) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u479334040/domains/adjointinfocom.com/public_html/ |
Upload File : |
<html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Payment Form</title> <link href='https://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"> <style type="text/css"> @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap"); * { margin: 0px; padding: 0px; box-sizing: border-box; } .main-body-area { background-color: #ded1d170; background-size: cover; background-position: center; min-height: auto; overflow: hidden; } li { list-style: none; } .main-logo { width: 25%; display: block; margin-right: auto; margin-left: auto; margin-top: -10px; } .main-body { display: flex; align-items: center; justify-content: center; font-family: "Montserrat", sans-serif; background-repeat: no-repeat; height: 100vh; } .box { position: relative; width: 100%; height: 50px; border: 2px solid #86b5f4; background-color: #edf3f9; border-radius: 10px; display: flex; align-items: center; justify-content: center; overflow: hidden; transition: all 0.3s ease; } .box::after { content: ""; position: absolute; width: 500px; height: 500px; transition: all 0.3s ease; } .box::before { content: ""; position: absolute; width: 500px; height: 500px; transition: all 0.3s ease; } .box-animation::before { animation: animateInputBorder 4s linear infinite; animation-delay: -2s; background-image: conic-gradient(transparent, transparent, transparent, #00ccff); } .box-animation::after { animation: animateInputBorder 4s linear infinite; background-image: conic-gradient(transparent, transparent, transparent, #d400d4); } @keyframes animateInputBorder { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .box span { position: absolute; inset: 3px; background-color: #edf3f9; border-radius: 10px; z-index: 2; } .box span input { width: 100%; height: 100%; border: none; background-color: transparent; color: black; font-size: 20px; padding: 16px; position: relative; } .box span input:focus { outline: none; box-shadow: none; } .form-container { bottom: 80px; right: -25px; padding: 70px 0px; background-color: #fff; border-radius: 10px; overflow: hidden; position: relative; width: 90%; transition: 0.3s; min-height: 565px; z-index: 1; display: inline-flex; align-items: center; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; } .left-right .login-form { transform: translateX(-100%); } .form-wraper .input-group:not(:last-child) { margin-bottom: 10px; } .signUp-form { transform: translateX(100%); } .left-right .signUp-form { transform: translateX(0%); } .form-wraper { padding: 0px 40px; position: absolute; width: 100%; transition: 0.3s; } .action-button button { border-radius: 10px; font-family: "Avenir Next"; font-size: 20px; padding: 0.5rem 3rem; color: black; box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5); border: solid 3px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #00ccff, #d400d4); background-origin: border-box; background-clip: content-box, border-box; box-shadow: none; color: #edf3f9; width: 100%; padding: 10px; transition: all 0.3s ease; cursor: pointer; } .action-button button:hover { color: rgb(20, 20, 20); box-shadow: 2px 1000px 1px #edf3f9 inset; } .main-form-container { min-width: 800px; background-color: rgba(0, 0, 0, 0.152); border-radius: 10px; position: relative; height: 400px; display: flex; align-items: center; } .main-form-x { min-width: 800px; border-radius: 10px; max-height: 400px; } .bg-btn-container { display: flex; align-items: center; justify-content: space-around; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; } .left-right { transform: translateX(100%); } .site-img { position: absolute; left: 50%; } .section { min-height: 800px; } .heading { font-size: 23px; font-weight: 800; margin-top: 30px; } @media (max-width: 768px) { .form-container { min-height: 540px; width: 45%; } .main-form-x { max-width: 725px; } .site-img { position: absolute; left: 54%; width: 45%; } .main-logo { width: 30%; display: block; margin-left: auto; margin-right: auto; } } @media (min-width: 320px) and (max-width: 767px) { body { overflow-x: hidden; } .main-body-area { height: 1100px; } .main-logo { width: 50%; display: block; margin-left: auto; margin-right: auto; } .main-form-x { min-width: unset !important; background-color: unset !important; border-radius: unset !important; max-height: 400px !important; } .form-container { width: 90% !important; } .bg-btn-container { display: unset; align-items: unset; justify-content: unset; position: unset; width: unset; height: unset; top: unset; left: unset; z-index: unset; } .site-img { position: absolute !important; left: 0% !important; width: 100% !important; } } </style> </head> <body> <div class="main-body-area"> <section class="main-body"> <div class="container"> <div class="row main-form-x"> <div class="col-lg-6 col-md-12"> <div id="form_section" class="form-container"> <div class="login-form form-wraper"> <div> <div class="form-title"> <img src="images/logo.jpg" alt="Image" class="main-logo" /> <span class="heading">Cashfree Payment Form</span> </div> <form class="mt-2" action="pay.php" method="post"> <!-- Customer Name --> <div class="input-group"> <div class="box"> <span> <input placeholder="Name" class="myInput" type="text" name="cust_name" required /> </span> </div> </div> <!-- Email --> <div class="input-group"> <div class="box"> <span> <input placeholder="Email" class="myInput" type="email" name="email" required /> </span> </div> </div> <!-- Mobile --> <div class="input-group"> <div class="box"> <span> <input placeholder="Mobile" class="myInput" type="text" name="mobile" onkeypress="return numbersonly(event)" minlength="10" maxlength="10" required /> </span> </div> </div> <!-- Amount --> <div class="input-group"> <div class="box"> <span> <input placeholder="Amount" class="myInput" id="amount" name="amount" onkeypress="return numbersonly(event)" required /> </span> </div> </div> <div class="action-button"> <button type="submit">Pay Now</button> </div> </form> </div> </div> </div> </div> <div class="col-lg-6 col-md-12"> <div class="bg-btn-container"> <img class="site-img" src="images/right-images.png" alt="side-img"> </div> </div> </div> </div> </section> </div> </body> </html>