form styles are changeds

Este commit está contenido en:
2023-04-18 20:37:05 +05:30
padre 58143fd8d6
commit 7b54670c3a
Se han modificado 7 ficheros con 204 adiciones y 121 borrados
+114 -60
Ver fichero
@@ -31,14 +31,30 @@
<link rel="stylesheet" href="./dist/css/fontawesome.min.css">
<link rel="stylesheet" href="./dist/toaster/toastr.css">
<title>Contact | Anwi</title>
<title>Partners | Anwi</title>
<style>
.error{
color: red;
}
.myaccount-content .account-details-form .single-input-item.partner_form label {
font-size: 14px;
font-size: 16px;
}
.partner-details-form button{
border: none;
background-color: #0A1039;
text-transform: uppercase;
font-weight: 600;
padding: 9px 25px;
color: #fff;
font-size: 13px;
}
.form-control{
line-height: 2;
}
button:hover {
background-color: #1f2226 !important;
color: #fff !important;
}
</style>
</head>
@@ -59,8 +75,8 @@
</div>
</div>
</section>
<section class="contact-section py-md-5 py-3">
<div class="container pt-md-5 pt-3">
<section class="contact-section py-md-5 py-3 bg-gradient-violet">
<div class="container py-md-5 pt-3">
<div class="row bg-white rounded-3 shadow mx-0">
<div class="col-lg-5 col-12 mb-30 bg-gradient-anwi text-white p-md-5 p-4">
<!-- contact page side content -->
@@ -89,81 +105,66 @@
<div class="contact-form-content myaccount-content p-0 border-0">
<!-- <h3 class="contact-page-title border-0">Please fill the details so that our experts will get back to you.</h3> -->
<!-- <h2 class="fw-500 text-center">Tell Us your Message</h3> -->
<div class="contact-form account-details-form">
<form id="anwi_contact-form" class="single-input-item d-none" autocomplete="off" method="POST">
<div class="form-group pb-2">
<label>Your Name <span class="required text-danger">*</span></label>
<input type="text" name="contactname" id="user_name" class="w-100 form-control shadow-none rounded-0" required>
</div>
<div class="form-group pb-3">
<label>Number <span class="required text-danger">*</span></label>
<input type="number" id="user_number" class="w-100 form-control shadow-none rounded-0" required pattern="/^-?\d+\.?\d*$/" autocomplete="off" onkeypress="if(this.value.length==10) return false;" name="contactnumber" maxlength="10">
</div>
<div class="form-group pb-3">
<label>Your Email <span class="required text-danger">*</span></label>
<input type="email" name="contactemail" id="user_email" class="w-100 form-control shadow-none rounded-0" required>
</div>
<div class="form-group pb-md-5 pb-2">
<label>Your Message</label>
<textarea name="contactmessage" class="pb-10 w-100 form-control shadow-none rounded-0" id="user_message" rows="4" id="contactMessage"></textarea>
</div>
<div class="form-group mb-0 text-end">
<button class="btn btn-lg single-btn w-lg-25" id="contact_form_submit">Submit</button>
</div>
</form>
<form id="anwi_contact-form" class="single-input-item partner_form" autocomplete="off" method="POST">
<div class="contact-form m-2 mt-md-5 partner-details-form">
<form id="anwi_contact-form" class="form-floating partner_form" autocomplete="off" action="" method="post">
<div class="row align-items-center">
<div class="col-md-6 pb-md-2">
<div class="form-group pb-2">
<label>Company Name <span class="required text-danger">*</span></label>
<input type="text" name="partnercompany" id="partner_company" class="w-100 form-control shadow-none rounded-0" required>
<div class="form-floating form-group pb-md-3">
<input type="text" name="partnercompany" id="partner_company" Placeholder="Company Name" class="w-100 form-control shadow-none rounded-3" required>
<label for="partner_company">Compnay Name</label>
</div>
</div>
<div class="col-md-6 pb-md-2">
<div class="form-group pb-2">
<label>Contact Name <span class="required text-danger">*</span></label>
<input type="text" name="partnername" id="partner_name" class="w-100 form-control shadow-none rounded-0" required>
<div class="col-md-6 pb-md-3">
<div class="form-floating form-group pb-2">
<input type="text" name="partnername" id="partner_name" Placeholder="Contact Name" class="w-100 form-control shadow-none rounded-3" required>
<label for="partner_name">Contact Name</label>
</div>
</div>
<div class="col-md-6 pb-md-2">
<div class="form-group pb-3">
<label>Number <span class="required text-danger">*</span></label>
<input type="number" id="partner_number" class="w-100 form-control shadow-none rounded-0" required pattern="/^-?\d+\.?\d*$/" autocomplete="off" onkeypress="if(this.value.length==10) return false;" name="partnernumber" maxlength="10">
<div class="col-md-6 pb-md-3">
<div class="form-floating form-group pb-3">
<!-- <label>Number <span class="required text-danger">*</span></label> -->
<input type="number" name="partnernumber" id="partner_number" Placeholder="Contact Number" class="w-100 form-control shadow-none rounded-3" required pattern="/^-?\d+\.?\d*$/" autocomplete="off" onkeypress="if(this.value.length==10) return false;" maxlength="10">
<label for="partner_number">Number</label>
</div>
</div>
<div class="col-md-6 pb-md-2">
<div class="form-group pb-3">
<label>Your Email <span class="required text-danger">*</span></label>
<input type="email" name="partneremail" id="partner_email" class="w-100 form-control shadow-none rounded-0" required>
<div class="col-md-6 pb-md-3">
<div class="form-floating form-group pb-3">
<!-- <label>Your Email <span class="required text-danger">*</span></label> -->
<input type="email" name="partneremail" id="partner_email" Placeholder="Email" class="w-100 form-control shadow-none rounded-3" required>
<label for="partner_email">Email</label>
</div>
</div>
<div class="col-md-6 pb-md-2">
<div class="form-group pb-2">
<label>City<span class="required text-danger">*</span></label>
<input type="text" name="partnercity" id="partner_city" class="w-100 form-control shadow-none rounded-0" required>
<div class="col-md-6 pb-md-3">
<div class="form-floating form-group pb-2">
<!-- <label>City<span class="required text-danger">*</span></label> -->
<input type="text" name="partnercity" id="partner_city" Placeholder="City" class="w-100 form-control shadow-none rounded-3" required>
<label for="partner_city">City</label>
</div>
</div>
<div class="col-md-6 pb-md-2">
<div class="form-group pb-2">
<label>State</label>
<input type="text" name="partnerstate" id="partner_state" class="w-100 form-control shadow-none rounded-0">
<div class="col-md-6 pb-md-3">
<div class="form-floating form-group pb-2">
<!-- <label>State</label> -->
<input type="text" name="partnerstate" id="partner_state" Placeholder="State" class="w-100 form-control shadow-none rounded-3">
<label for="partner_state">State</label>
</div>
</div>
<div class="col-md-6 pb-md-2">
<div class="form-group pb-2">
<label>GST No:</label>
<input type="text" name="partner_gstno" id="partner_gstno" class="w-100 form-control shadow-none rounded-0">
<div class="col-md-6 pb-md-4">
<div class="form-floating form-group pb-2">
<!-- <label>GST No:</label> -->
<input type="text" name="partner_gstno" id="partner_gstno" Placeholder="GST No" class="w-100 form-control shadow-none rounded-3">
<label for="partner_gstno">GST No</label>
</div>
</div>
<div class="col-12">
<div class="form-group pb-2">
<label>Your Message</label>
<textarea name="partnermessage" class="pb-10 w-100 form-control shadow-none rounded-0" id="partner_message" rows="4" id="contactMessage"></textarea>
<div class="col-12 pb-md-4">
<div class="form-floating form-group pb-2">
<!-- <label>Your Message</label> -->
<textarea name="partnermessage" style="height: 100px" class="pb-10 w-100 form-control shadow-none rounded-3" Placeholder="Description" id="partner_message" rows="4" id="contactMessage"></textarea>
<label for="partner_message">Description</label>
</div>
</div>
<div class="form-group mb-0 mt-3 text-end">
<button class="btn btn-lg single-btn w-lg-25" id="contact_form_submit">Submit</button>
<button class="btn btn-lg single-btn w-lg-25" >Submit</button>
<!-- <p class="mb-0 btn btn-lg single-btn w-lg-25" id="partner_form_submit">Submit</p> -->
</div>
</div>
</form>
@@ -207,6 +208,59 @@
<script src="./dist/js/main.js"></script>
<script>
// let contactname, contactemail,contactnumber;
// $("#partner_form_submit").click(function(){
// contactname = $("#partner_name").val();
// contactemail = $("#partner_email").val();
// contactnumber = $("#partner_number").val();
// if(contactname == "" || contactemail == "" || contactnumber == ""){
// alert("required feilds are empty!");
// }else{
// let url=`https://beta.bizgaze.app/apis/v4/bizgaze/integrations/leads/create`;
// let stat = `a88a8849004f425ab928e79bd9d7aa66`;
// getDataStatAxios(url,stat);
// }
// });
// async function getDataStatAxios(url,stat) {
// const config = {
// url,
// method: 'post',
// headers: {
// 'Authorization': `stat ${stat}`,
// },
// dataraw :{
// CompanyName: "",
// ContactName: abc,
// email: ab22c@gmail.com,
// Phone: 1232256788
// }
// };
// let response = await axios(config);
// let item_array = JSON.parse(response.data.result);
// }
// async function CheckDetails() {
// // $('.mobile-number').html(contactnumber.substr(0, 4))
// // lead genarating
// const CREATE_LEAD_API =
// "https://beta.bizgaze.app/apis/v4/bizgaze/integrations/leads/create";
// const AUTH_SESSION = "stat a88a8849004f425ab928e79bd9d7aa66";
// const { data } = await postMethod(
// CREATE_LEAD_API,
// AUTH_SESSION,
// JSON.stringify({
// CompanyName: "",
// ContactName: contactname,
// email: contactemail,
// Phone: contactnumber,
// })
// );
// console.log(data.errors);
// };
// $("#contact_form_submit").click(function(){
// debugger
// let User_name = $("#user_name").val();