3576 lines
145 KiB
HTML
Executable File
3576 lines
145 KiB
HTML
Executable File
{% extends "mnfapp/base.html" %} {% load static %} {% block content %} {% comment %} {% if user.is_authenticated %} {%
|
||
if dataP3%} {% endcomment %}
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Document</title>
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
|
||
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
|
||
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
|
||
</script>
|
||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
|
||
<link rel="stylesheet" href="{% static 'Style.css'%}">
|
||
|
||
|
||
|
||
<style>
|
||
.container-main-lp {
|
||
width: 100%
|
||
}
|
||
|
||
.other {
|
||
width: 250px;
|
||
}
|
||
|
||
.other1 {
|
||
width: 250px;
|
||
}
|
||
|
||
.sourcelan {
|
||
margin-top: 30px;
|
||
margin-left: -7vw;
|
||
}
|
||
|
||
.file {
|
||
padding: 24px 3px 5px 0px;
|
||
}
|
||
|
||
.user-details .input-box .input-field-details {
|
||
height: 25px;
|
||
width: 100%;
|
||
outline: none;
|
||
font-size: 12px;
|
||
border-radius: 5px;
|
||
padding-left: 15px;
|
||
border: 1px solid #ccc;
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.header1-text-1 {
|
||
height: 36px;
|
||
font-size: 16px;
|
||
padding-top: 5px;
|
||
text-align: center;
|
||
width: 96%;
|
||
margin-left: -9px;
|
||
}
|
||
|
||
.firstlang-details {
|
||
width: 100%;
|
||
border-radius: 4px;
|
||
height: 25px;
|
||
}
|
||
|
||
.secondlang-details {
|
||
width: 100%;
|
||
border-radius: 4px;
|
||
height: 25px;
|
||
}
|
||
|
||
.firstLangDegree-div {
|
||
width: 250px;
|
||
border-radius: 4px;
|
||
height: 25px;
|
||
}
|
||
|
||
.fathermother {
|
||
width: 250px;
|
||
border-radius: 4px;
|
||
height: 25px;
|
||
}
|
||
|
||
.mother {
|
||
width: 250px;
|
||
border-radius: 4px;
|
||
height: 25px;
|
||
}
|
||
|
||
.secondLangDegree-div {
|
||
width: 250px;
|
||
border-radius: 4px;
|
||
height: 25px;
|
||
}
|
||
|
||
.form-control {
|
||
width: 250px;
|
||
height: 25px;
|
||
border-radius: 5px;
|
||
}
|
||
|
||
.certification-div {
|
||
margin-top: -25px;
|
||
margin-left: 6.5rem;
|
||
}
|
||
|
||
.modeCertificationL1L2-div {
|
||
width: 250px;
|
||
border-radius: 4px;
|
||
height: 25px;
|
||
}
|
||
|
||
.relevent-div {
|
||
margin-left: 9%;
|
||
}
|
||
|
||
.header1-certification {
|
||
margin-top: 25px;
|
||
z-index: 9999;
|
||
height: 36px;
|
||
font-size: 16px;
|
||
padding-top: 4px;
|
||
text-align: center;
|
||
}
|
||
|
||
.certificationL1L2-div {
|
||
width: 250px;
|
||
border-radius: 4px;
|
||
height: 25px;
|
||
}
|
||
|
||
.award-by-inp-box {
|
||
margin-left: 100px;
|
||
margin-top: 8px;
|
||
}
|
||
|
||
.exp-all {
|
||
width: 250px;
|
||
border-radius: 4px;
|
||
height: 25px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.form-control-div {
|
||
width: 250px;
|
||
height: 25px;
|
||
border-radius: 5px;
|
||
}
|
||
|
||
.last-submit-btn {
|
||
height: 35px;
|
||
width: 6vw;
|
||
}
|
||
|
||
.last-submit-btn-div {
|
||
width: 100%;
|
||
display: flex;
|
||
position: absolute;
|
||
left: 13vw;
|
||
}
|
||
|
||
.lpp-number-inp {
|
||
width: 169px;
|
||
border: 1px solid;
|
||
border-radius: 5px;
|
||
}
|
||
|
||
.country-div {
|
||
width: 250px;
|
||
border-radius: 4px;
|
||
height: 25px;
|
||
}
|
||
|
||
.input-box-upload {
|
||
margin-left: -175px;
|
||
}
|
||
|
||
.header1-revelent {
|
||
margin-top: 25px;
|
||
height: 36px;
|
||
font-size: 15px;
|
||
padding-top: 4px;
|
||
text-align: center;
|
||
}
|
||
|
||
|
||
|
||
@media(max-width:765px){
|
||
.certificationL1L2-div{
|
||
margin-right: 10px;
|
||
}
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
@media (min-width:986px) and (max-width:1300px) {
|
||
.checkbox-last-div {
|
||
display: flex;
|
||
}
|
||
|
||
.container-main-lp {
|
||
width: 100%;
|
||
}
|
||
|
||
.user-details .input-box .input-field-details {
|
||
/*width: 175px;*/
|
||
}
|
||
|
||
form .user-details .input-box {
|
||
margin-bottom: 15px;
|
||
width: max-content;
|
||
}
|
||
|
||
.header1-text-1 {
|
||
font-size: 15px;
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
|
||
/*.secondlang-details {
|
||
width: 175px;
|
||
}*/
|
||
|
||
.row-reason-div {
|
||
width: 140%;
|
||
margin-left: -10px;
|
||
}
|
||
|
||
.firstLangDegree-div {
|
||
width: 175px;
|
||
}
|
||
|
||
.secondLangDegree-div {
|
||
width: 175px;
|
||
}
|
||
|
||
.form-control {
|
||
width: 190px;
|
||
height: 25px;
|
||
border-radius: 5px;
|
||
}
|
||
|
||
.certification-div {
|
||
margin-top: 0px;
|
||
margin-left: 0px;
|
||
}
|
||
|
||
.modeCertificationL1L2-div {
|
||
width: 190px;
|
||
}
|
||
|
||
.relevent-div {
|
||
margin-left: 0;
|
||
}
|
||
|
||
.row-experience-div {
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.header1-certification {
|
||
margin-top: 25px;
|
||
z-index: 9999;
|
||
height: 36px;
|
||
font-size: 16px;
|
||
padding-top: 4px;
|
||
text-align: center;
|
||
}
|
||
|
||
.certificationL1L2-div {
|
||
width: 250px;
|
||
border-radius: 4px;
|
||
height: 25px;
|
||
}
|
||
|
||
.award-by-inp-box {
|
||
margin-left: 100px;
|
||
margin-top: 8px;
|
||
}
|
||
|
||
.exp-all {
|
||
width: 250px;
|
||
border-radius: 4px;
|
||
height: 25px;
|
||
}
|
||
|
||
.form-control-div {
|
||
width: 250px;
|
||
height: 25px;
|
||
border-radius: 5px;
|
||
}
|
||
|
||
form .last-submit-btn-div {
|
||
padding: 0;
|
||
margin-left: -120px;
|
||
margin-top: auto;
|
||
}
|
||
}
|
||
|
||
|
||
|
||
.main-row-details {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, 1fr);
|
||
gap: 10px;
|
||
margin: 5px auto;
|
||
}
|
||
|
||
.pair-div {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 30px;
|
||
}
|
||
|
||
@media(max-width:840px) {
|
||
.pair-div {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 5px;
|
||
}
|
||
}
|
||
|
||
|
||
|
||
@media (min-width:950px) and (max-width:986px) {
|
||
.checkbox-last-div {
|
||
display: flex;
|
||
}
|
||
|
||
.container-main-lp {
|
||
width: 100%;
|
||
}
|
||
|
||
.container .title {
|
||
font-size: 19px;
|
||
}
|
||
|
||
.main-row-details {
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
form .input-box span .details {
|
||
/*display: block;
|
||
font-weight: 500;
|
||
margin-bottom: 5px;
|
||
width: max-content;*/
|
||
}
|
||
|
||
form .last-submit-btn-div {
|
||
height: 45px;
|
||
margin: 0px -110px;
|
||
}
|
||
|
||
.header1-text-1 {
|
||
height: 50px;
|
||
font-size: 14px;
|
||
padding-top: 5px;
|
||
text-align: center;
|
||
width: 96%;
|
||
/* margin-left: -9px; */
|
||
}
|
||
|
||
.content form .user-details {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
flex-direction: column;
|
||
justify-content: space-between;
|
||
margin: 20px 0 12px 0;
|
||
}
|
||
|
||
.col-sm-6 {
|
||
flex: 0 0 auto;
|
||
}
|
||
|
||
.header1-certification {
|
||
margin-top: 25px;
|
||
z-index: 9999;
|
||
height: 36px;
|
||
font-size: 15px;
|
||
padding-top: 4px;
|
||
text-align: center;
|
||
}
|
||
|
||
.certification-div {
|
||
margin-top: 0px;
|
||
margin-left: 0;
|
||
}
|
||
|
||
.certificationL1L2-div {
|
||
width: 130px;
|
||
}
|
||
|
||
.award-by-inp-box {
|
||
margin-left: 5px;
|
||
margin-top: 0px;
|
||
}
|
||
|
||
.relevent-div {
|
||
margin-left: 0%;
|
||
}
|
||
|
||
.row-experience-div {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.row-experience-div-2 {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.exp-all {
|
||
width: 190px;
|
||
}
|
||
|
||
.form-control-div {
|
||
width: 190px;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.user-details .input-box .lpp-number-inp {
|
||
/*height: 25px;
|
||
width: 165px;*/
|
||
}
|
||
|
||
.form-control-certification-inp {
|
||
width: 185px;
|
||
}
|
||
|
||
.modeCertificationL1L2-div {
|
||
width: 185px;
|
||
}
|
||
|
||
.input-box-upload {
|
||
margin-left: -160px;
|
||
}
|
||
}
|
||
|
||
|
||
@media (min-width:908px) and (max-width:950px) {
|
||
.checkbox-last-div {
|
||
display: flex;
|
||
}
|
||
|
||
.container-main-lp {
|
||
width: 100%;
|
||
}
|
||
|
||
.container .title {
|
||
font-size: 19px;
|
||
}
|
||
|
||
.main-row-details {
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
form .input-box span.details {
|
||
/* display: block;
|
||
font-weight: 500;
|
||
margin-bottom: 5px;
|
||
width: max-content;*/
|
||
}
|
||
|
||
form .last-submit-btn-div {
|
||
height: 45px;
|
||
margin: 0px -110px;
|
||
}
|
||
|
||
.header1-text-1 {
|
||
height: 50px;
|
||
font-size: 14px;
|
||
padding-top: 5px;
|
||
text-align: center;
|
||
width: 96%;
|
||
/* margin-left: -9px; */
|
||
}
|
||
|
||
.content form .user-details {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
flex-direction: column;
|
||
justify-content: space-between;
|
||
margin: 20px 0 12px 0;
|
||
}
|
||
|
||
.col-sm-6 {
|
||
flex: 0 0 auto;
|
||
}
|
||
|
||
.col-sm-9 {
|
||
flex: 0 0 auto;
|
||
width: 70%;
|
||
margin-left: 20px;
|
||
}
|
||
|
||
.header1-certification {
|
||
margin-top: 25px;
|
||
z-index: 9999;
|
||
height: 36px;
|
||
font-size: 15px;
|
||
padding-top: 4px;
|
||
text-align: center;
|
||
}
|
||
|
||
.certification-div {
|
||
margin-top: 0px;
|
||
margin-left: 0;
|
||
}
|
||
|
||
.certificationL1L2-div {
|
||
width: 130px;
|
||
}
|
||
|
||
.award-by-inp-box {
|
||
margin-left: 5px;
|
||
margin-top: 0px;
|
||
}
|
||
|
||
.relevent-div {
|
||
margin-left: 0%;
|
||
}
|
||
|
||
.row-experience-div {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.row-experience-div-2 {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.exp-all {
|
||
width: 190px;
|
||
}
|
||
|
||
.form-control-div {
|
||
width: 190px;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.user-details .input-box .lpp-number-inp {
|
||
/*height: 25px;
|
||
width: 165px;*/
|
||
}
|
||
|
||
.form-control-certification-inp {
|
||
width: 185px;
|
||
}
|
||
|
||
.modeCertificationL1L2-div {
|
||
width: 185px;
|
||
}
|
||
|
||
.input-box-upload {
|
||
margin-left: -162px;
|
||
}
|
||
}
|
||
|
||
@media (min-width:767px) and (max-width:908px) {
|
||
|
||
.exp-all {
|
||
width: 180px;
|
||
}
|
||
|
||
.form-control-div {
|
||
width: 180px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.row-experience-div {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.row-experience-div-2 {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.row-reason-div {
|
||
width: 170%;
|
||
}
|
||
|
||
.info {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.details-choose {
|
||
width: max-content;
|
||
}
|
||
|
||
.col-sm-9 {
|
||
flex: 0 0 auto;
|
||
width: 60%;
|
||
margin-left: 20px;
|
||
}
|
||
|
||
.container-main-lp .title {
|
||
font-size: 18px;
|
||
}
|
||
|
||
.content form .user-details {
|
||
display: inline-block;
|
||
}
|
||
|
||
.header1-text-1 {
|
||
height: 50px;
|
||
font-size: 12px;
|
||
margin-left: 0px;
|
||
}
|
||
|
||
form .last-submit-btn {
|
||
margin: 0;
|
||
width: max-content;
|
||
margin-left: -40px;
|
||
}
|
||
|
||
form .last-submit-btn-div {
|
||
height: 35px;
|
||
margin: 0px -85px;
|
||
}
|
||
|
||
.user-details .input-box .input-field-details {
|
||
/*width: 250px;*/
|
||
}
|
||
|
||
.user-details .input-box .lpp-number-inp {
|
||
/*width: 165px;*/
|
||
}
|
||
|
||
.country-div {
|
||
width: 100%;
|
||
}
|
||
|
||
.header1-certification {
|
||
height: 35px;
|
||
font-size: 14px;
|
||
padding: 5px 0;
|
||
}
|
||
|
||
.certification-div {
|
||
margin-top: 0;
|
||
margin-left: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.certificationL1L2-div {
|
||
width: 130px;
|
||
|
||
}
|
||
|
||
.modeCertificationL1L2-div {
|
||
width: 160px;
|
||
}
|
||
|
||
.form-control-certification-inp {
|
||
width: 160px;
|
||
padding: 1px;
|
||
font-size: 10px;
|
||
}
|
||
|
||
.award-by-inp-box {
|
||
margin-left: 0;
|
||
margin-top: 0;
|
||
}
|
||
|
||
.input-box-upload {
|
||
margin-left: -160px;
|
||
}
|
||
|
||
.header1-revelent {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.checkbox-last-div {
|
||
display: flex;
|
||
}
|
||
|
||
.checkbox-check {
|
||
margin-top: -20px;
|
||
margin-right: 4px;
|
||
}
|
||
|
||
|
||
/*.secondlang-details {
|
||
width: 120px;
|
||
}*/
|
||
|
||
#Source {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source1 {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source2 {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source3 {
|
||
padding: 0;
|
||
}
|
||
|
||
.relevent-div {
|
||
margin-left: 0%;
|
||
}
|
||
|
||
|
||
}
|
||
@media(max-width:908px){
|
||
.main-row-details {
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
}
|
||
|
||
|
||
@media (min-width:701px) and (max-width:767px) {
|
||
|
||
.row-reason-div {
|
||
width: 170%;
|
||
}
|
||
|
||
.info {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.details-choose {
|
||
width: max-content;
|
||
}
|
||
|
||
.col-sm-9 {
|
||
flex: 0 0 auto;
|
||
width: 60%;
|
||
margin-left: 20px;
|
||
}
|
||
|
||
.container-main-lp .title {
|
||
font-size: 18px;
|
||
}
|
||
|
||
.content form .user-details {
|
||
display: inline-block;
|
||
}
|
||
|
||
.header1-text-1 {
|
||
height: 50px;
|
||
font-size: 12px;
|
||
margin-left: 0px;
|
||
}
|
||
|
||
form .last-submit-btn {
|
||
margin: 0;
|
||
width: max-content;
|
||
margin-left: -40px;
|
||
}
|
||
|
||
form .last-submit-btn-div {
|
||
height: 35px;
|
||
margin: 0px -85px;
|
||
}
|
||
|
||
.user-details .input-box .input-field-details {
|
||
/*width: 250px;*/
|
||
}
|
||
|
||
.user-details .input-box .lpp-number-inp {
|
||
/* width: 165px;*/
|
||
}
|
||
|
||
.country-div {
|
||
width: 250px;
|
||
}
|
||
|
||
.header1-certification {
|
||
height: 35px;
|
||
font-size: 14px;
|
||
padding: 5px 0;
|
||
}
|
||
|
||
.certification-div {
|
||
margin-top: 0;
|
||
margin-left: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.certificationL1L2-div {
|
||
width: 130px;
|
||
|
||
}
|
||
|
||
.modeCertificationL1L2-div {
|
||
width: 160px;
|
||
}
|
||
|
||
.form-control-certification-inp {
|
||
width: 160px;
|
||
padding: 1px;
|
||
font-size: 10px;
|
||
}
|
||
|
||
.award-by-inp-box {
|
||
margin-left: 0;
|
||
margin-top: 0;
|
||
}
|
||
|
||
.input-box-upload {
|
||
margin-left: -130px;
|
||
}
|
||
|
||
.header1-revelent {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.checkbox-last-div {
|
||
display: flex;
|
||
}
|
||
|
||
.checkbox-check {
|
||
margin-top: -20px;
|
||
margin-right: 4px;
|
||
}
|
||
|
||
|
||
|
||
/* .secondlang-details {
|
||
width: 120px;
|
||
}*/
|
||
|
||
#Source {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source1 {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source2 {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source3 {
|
||
padding: 0;
|
||
}
|
||
|
||
.relevent-div {
|
||
margin-left: 0%;
|
||
}
|
||
|
||
.main-row-details {
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
}
|
||
|
||
@media (min-width:585px) and (max-width:700px) {
|
||
|
||
.row-reason-div {
|
||
width: 160%;
|
||
}
|
||
|
||
.info {
|
||
font-size: 10px;
|
||
}
|
||
|
||
.container-main-lp .title {
|
||
font-size: 18px;
|
||
}
|
||
|
||
.content form .user-details {
|
||
display: inline-block;
|
||
}
|
||
|
||
.header1-text-1 {
|
||
height: 50px;
|
||
font-size: 12px;
|
||
margin-left: 0px;
|
||
}
|
||
|
||
form .last-submit-btn {
|
||
margin: 0;
|
||
width: max-content;
|
||
margin-left: -40px;
|
||
}
|
||
|
||
form .last-submit-btn-div {
|
||
height: 35px;
|
||
margin: 0px -30px;
|
||
}
|
||
|
||
.user-details .input-box .input-field-details {
|
||
/* width: 180px;*/
|
||
}
|
||
|
||
.user-details .input-box .lpp-number-inp {
|
||
/*width: 140px;*/
|
||
}
|
||
|
||
.country-div {
|
||
width: 225px;
|
||
}
|
||
|
||
.header1-certification {
|
||
height: 50px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.certification-div {
|
||
margin-top: 0;
|
||
margin-left: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.certificationL1L2-div {
|
||
width: 130px;
|
||
|
||
}
|
||
|
||
.modeCertificationL1L2-div {
|
||
width: 160px;
|
||
}
|
||
|
||
.form-control-certification-inp {
|
||
width: 160px;
|
||
padding: 1px;
|
||
font-size: 10px;
|
||
}
|
||
|
||
.award-by-inp-box {
|
||
margin-left: 0;
|
||
margin-top: 0;
|
||
}
|
||
|
||
.input-box-upload {
|
||
margin-left: -130px;
|
||
}
|
||
|
||
.header1-revelent {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.checkbox-last-div {
|
||
display: flex;
|
||
}
|
||
|
||
.checkbox-check {
|
||
margin-top: -20px;
|
||
margin-right: 4px;
|
||
}
|
||
|
||
|
||
/*.secondlang-details {
|
||
width: 120px;
|
||
}*/
|
||
|
||
#Source {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source1 {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source2 {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source3 {
|
||
padding: 0;
|
||
}
|
||
|
||
.relevent-div {
|
||
margin-left: 0%;
|
||
}
|
||
}
|
||
|
||
@media (min-width:575px) and (max-width:585px) {
|
||
|
||
.row-reason-div {
|
||
width: 160%;
|
||
}
|
||
|
||
.info {
|
||
font-size: 10px;
|
||
}
|
||
|
||
.container-main-lp .title {
|
||
font-size: 18px;
|
||
}
|
||
|
||
.content form .user-details {
|
||
display: inline-block;
|
||
}
|
||
|
||
.header1-text-1 {
|
||
height: 50px;
|
||
font-size: 12px;
|
||
margin-left: 0px;
|
||
}
|
||
|
||
form .last-submit-btn {
|
||
margin: 0;
|
||
width: max-content;
|
||
margin-left: -40px;
|
||
}
|
||
|
||
form .last-submit-btn-div {
|
||
height: 35px;
|
||
margin: 0px -30px;
|
||
}
|
||
|
||
.user-details .input-box .input-field-details {
|
||
/*width: 180px;*/
|
||
}
|
||
|
||
.user-details .input-box .lpp-number-inp {
|
||
/*width: 140px;*/
|
||
}
|
||
|
||
.country-div {
|
||
width: 225px;
|
||
}
|
||
|
||
.header1-certification {
|
||
height: 50px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.certification-div {
|
||
margin-top: 0;
|
||
margin-left: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.certificationL1L2-div {
|
||
width: 130px;
|
||
|
||
}
|
||
|
||
.modeCertificationL1L2-div {
|
||
width: 160px;
|
||
}
|
||
|
||
.form-control-certification-inp {
|
||
width: 160px;
|
||
padding: 1px;
|
||
font-size: 10px;
|
||
}
|
||
|
||
.award-by-inp-box {
|
||
margin-left: 0;
|
||
margin-top: 0;
|
||
}
|
||
|
||
.input-box-upload {
|
||
margin-left: -130px;
|
||
}
|
||
|
||
.header1-revelent {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.checkbox-last-div {
|
||
display: flex;
|
||
}
|
||
|
||
.checkbox-check {
|
||
margin-top: -20px;
|
||
margin-right: 4px;
|
||
}
|
||
|
||
|
||
/* .secondlang-details {
|
||
width: 120px;
|
||
}*/
|
||
|
||
#Source {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source1 {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source2 {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source3 {
|
||
padding: 0;
|
||
}
|
||
|
||
.relevent-div {
|
||
margin-left: 0%;
|
||
}
|
||
}
|
||
|
||
@media (min-width:501px) and (max-width:575px) {
|
||
.container-main-lp .title {
|
||
font-size: 18px;
|
||
}
|
||
|
||
.content form .user-details {
|
||
display: inline-block;
|
||
}
|
||
|
||
.header1-text-1 {
|
||
height: 50px;
|
||
font-size: 12px;
|
||
margin-left: 0px;
|
||
}
|
||
|
||
form .last-submit-btn {
|
||
margin: 0;
|
||
width: max-content;
|
||
margin-left: -40px;
|
||
}
|
||
|
||
form .last-submit-btn-div {
|
||
height: 35px;
|
||
margin: 0px -30px;
|
||
}
|
||
|
||
.user-details .input-box .input-field-details {
|
||
/* width: 180px;*/
|
||
}
|
||
|
||
.user-details .input-box .lpp-number-inp {
|
||
/*width: 140px;*/
|
||
}
|
||
|
||
.country-div {
|
||
width: 225px;
|
||
}
|
||
|
||
.header1-certification {
|
||
height: 30px;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.certification-div {
|
||
margin-top: 0;
|
||
margin-left: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.certificationL1L2-div {
|
||
width: 130px;
|
||
|
||
}
|
||
|
||
.modeCertificationL1L2-div {
|
||
width: 160px;
|
||
}
|
||
|
||
.form-control-certification-inp {
|
||
width: 160px;
|
||
padding: 1px;
|
||
font-size: 10px;
|
||
}
|
||
|
||
.award-by-inp-box {
|
||
margin-left: 0;
|
||
margin-top: 0;
|
||
}
|
||
|
||
.input-box-upload {
|
||
margin-left: -130px;
|
||
}
|
||
|
||
.header1-revelent {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.checkbox-last-div {
|
||
display: flex;
|
||
}
|
||
|
||
.checkbox-check {
|
||
margin-top: -20px;
|
||
margin-right: 4px;
|
||
}
|
||
|
||
|
||
/*.secondlang-details {
|
||
width: 120px;
|
||
}*/
|
||
|
||
#Source {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source1 {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source2 {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source3 {
|
||
padding: 0;
|
||
}
|
||
|
||
.relevent-div {
|
||
margin-left: 0%;
|
||
}
|
||
}
|
||
|
||
@media (min-width:427px) and (max-width:500px) {
|
||
.container-main-lp .title {
|
||
font-size: 18px;
|
||
}
|
||
|
||
.content form .user-details {
|
||
display: inline-block;
|
||
}
|
||
|
||
.header1-text-1 {
|
||
height: 50px;
|
||
font-size: 12px;
|
||
margin-left: 0px;
|
||
}
|
||
|
||
form .last-submit-btn {
|
||
margin: 0;
|
||
width: max-content;
|
||
margin-left: -60px;
|
||
}
|
||
|
||
form .last-submit-btn-div {
|
||
height: 35px;
|
||
margin: 0px -30px;
|
||
}
|
||
|
||
.user-details .input-box .input-field-details {
|
||
/*width: 180px;*/
|
||
}
|
||
|
||
.user-details .input-box .lpp-number-inp {
|
||
/*width: 140px;*/
|
||
}
|
||
|
||
.country-div {
|
||
width: 225px;
|
||
}
|
||
|
||
.header1-certification {
|
||
height: 40px;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.certification-div {
|
||
margin-top: 0;
|
||
margin-left: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.certificationL1L2-div {
|
||
width: 130px;
|
||
|
||
}
|
||
|
||
.modeCertificationL1L2-div {
|
||
width: 160px;
|
||
}
|
||
|
||
.form-control-certification-inp {
|
||
width: 160px;
|
||
padding: 1px;
|
||
font-size: 10px;
|
||
}
|
||
|
||
.award-by-inp-box {
|
||
margin-left: 0;
|
||
margin-top: 0;
|
||
}
|
||
|
||
.input-box-upload {
|
||
margin-left: -130px;
|
||
}
|
||
|
||
.header1-revelent {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.checkbox-last-div {
|
||
display: flex;
|
||
}
|
||
|
||
.checkbox-check {
|
||
margin-top: -20px;
|
||
margin-right: 4px;
|
||
}
|
||
|
||
|
||
|
||
/*.secondlang-details {
|
||
width: 120px;
|
||
}*/
|
||
|
||
#Source {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source1 {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source2 {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source3 {
|
||
padding: 0;
|
||
}
|
||
|
||
.relevent-div {
|
||
margin-left: 0%;
|
||
}
|
||
}
|
||
|
||
|
||
@media (min-width:320px) and (max-width:426px) {
|
||
.container-main-lp .title {
|
||
font-size: 18px;
|
||
}
|
||
|
||
.content form .user-details {
|
||
display: inline-block;
|
||
}
|
||
|
||
.header1-text-1 {
|
||
height: 64px;
|
||
font-size: 12px;
|
||
margin-left: 0px;
|
||
}
|
||
|
||
form .last-submit-btn {
|
||
margin: 0;
|
||
width: max-content;
|
||
margin-left: -185px;
|
||
}
|
||
|
||
form .last-submit-btn-div {
|
||
height: 35px;
|
||
margin: 0px -30px;
|
||
}
|
||
|
||
.user-details .input-box .input-field-details {
|
||
/*width: 180px;*/
|
||
}
|
||
|
||
.user-details .input-box .lpp-number-inp {
|
||
/* width: 140px;*/
|
||
}
|
||
|
||
.country-div {
|
||
width: 225px;
|
||
}
|
||
|
||
.header1-certification {
|
||
height: 55px;
|
||
font-size: 15px;
|
||
}
|
||
|
||
.certification-div {
|
||
margin-top: 0;
|
||
margin-left: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.certificationL1L2-div {
|
||
width: 130px;
|
||
|
||
}
|
||
|
||
.modeCertificationL1L2-div {
|
||
width: 135px;
|
||
}
|
||
|
||
.form-control-certification-inp {
|
||
width: 160px;
|
||
padding: 1px;
|
||
font-size: 10px;
|
||
}
|
||
|
||
.award-by-inp-box {
|
||
margin-left: 0;
|
||
margin-top: 0;
|
||
}
|
||
|
||
.input-box-upload {
|
||
margin-left: -130px;
|
||
}
|
||
|
||
.header1-revelent {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.checkbox-last-div {
|
||
display: flex;
|
||
}
|
||
|
||
.checkbox-check {
|
||
margin-top: -20px;
|
||
margin-right: 4px;
|
||
}
|
||
|
||
|
||
|
||
/* .secondlang-details {
|
||
width: 120px;
|
||
}*/
|
||
|
||
#Source {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source1 {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source2 {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source3 {
|
||
padding: 0;
|
||
}
|
||
|
||
.relevent-div {
|
||
margin-left: 0%;
|
||
}
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
@media screen and (max-width:319px) {
|
||
.container-main-lp .title {
|
||
font-size: 18px;
|
||
}
|
||
|
||
.content form .user-details {
|
||
display: inline-block;
|
||
}
|
||
|
||
.header1-text-1 {
|
||
height: 64px;
|
||
font-size: 12px;
|
||
margin-left: 0px;
|
||
}
|
||
|
||
form .last-submit-btn {
|
||
margin: 0;
|
||
width: max-content;
|
||
}
|
||
|
||
form .last-submit-btn-div {
|
||
width: max-content;
|
||
height: 35px;
|
||
margin: 0 -25px;
|
||
}
|
||
|
||
.user-details .input-box .input-field-details {
|
||
/* width: 180px;*/
|
||
}
|
||
|
||
.user-details .input-box .lpp-number-inp {
|
||
/* width: 140px;*/
|
||
}
|
||
|
||
.country-div {
|
||
width: 225px;
|
||
}
|
||
|
||
.header1-certification {
|
||
height: 55px;
|
||
font-size: 15px;
|
||
}
|
||
|
||
.certification-div {
|
||
margin-top: 0;
|
||
margin-left: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.certificationL1L2-div {
|
||
width: 130px;
|
||
|
||
}
|
||
|
||
.modeCertificationL1L2-div {
|
||
width: 115px;
|
||
}
|
||
|
||
.form-control-certification-inp {
|
||
width: 130px;
|
||
}
|
||
|
||
.award-by-inp-box {
|
||
margin-left: 0;
|
||
margin-top: 0;
|
||
}
|
||
|
||
.input-box-upload {
|
||
margin-left: -130px;
|
||
}
|
||
|
||
.header1-revelent {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.checkbox-last-div {
|
||
display: flex;
|
||
}
|
||
|
||
.checkbox-check {
|
||
margin-top: -42px;
|
||
margin-right: 4px;
|
||
}
|
||
|
||
|
||
|
||
/*.secondlang-details {
|
||
width: 120px;
|
||
}*/
|
||
|
||
#Source {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source1 {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source2 {
|
||
padding: 0;
|
||
}
|
||
|
||
#Source3 {
|
||
padding: 0;
|
||
}
|
||
|
||
.relevent-div {
|
||
margin-left: 0%;
|
||
}
|
||
}
|
||
|
||
.tooltip .tooltiptext {
|
||
visibility: hidden;
|
||
width: 120px;
|
||
background-color: black;
|
||
color: #fff;
|
||
text-align: center;
|
||
padding: 5px 0;
|
||
border-radius: 6px;
|
||
|
||
/ position: absolute;
|
||
z-index: 1;
|
||
}
|
||
|
||
/ .tooltip:hover .tooltiptext {
|
||
visibility: visible;
|
||
}
|
||
|
||
@media(min-width:768px) and (max-width:991px) {
|
||
.form-control {
|
||
width: 100%;
|
||
height: 25px;
|
||
border-radius: 5px;
|
||
}
|
||
|
||
.lpp-number-inp {
|
||
width: 140px;
|
||
}
|
||
|
||
.other {
|
||
width: 100%;
|
||
}
|
||
|
||
.other1 {
|
||
width: 100%;
|
||
}
|
||
|
||
.fathermother {
|
||
width: 100%;
|
||
}
|
||
|
||
.sourcelan {
|
||
margin-top: 5px;
|
||
margin-left: -1vw;
|
||
}
|
||
|
||
.award-by-inp-box {
|
||
margin-left: 30px;
|
||
}
|
||
|
||
.exp-all {
|
||
width: 100%;
|
||
margin-bottom: 10px;
|
||
}
|
||
}
|
||
|
||
@media (max-width:767px) {
|
||
.fathermother {
|
||
width: 100%;
|
||
}
|
||
|
||
.form-control {
|
||
width: 100%;
|
||
height: 25px;
|
||
border-radius: 5px;
|
||
}
|
||
|
||
.mother {
|
||
width: 100%;
|
||
}
|
||
|
||
.lpp-number-inp {
|
||
width: 100%;
|
||
}
|
||
|
||
.country-div {
|
||
width: 100%;
|
||
}
|
||
|
||
.firstLangDegree-div {
|
||
width: 100%;
|
||
}
|
||
|
||
.secondLangDegree-div {
|
||
width: 100%;
|
||
}
|
||
|
||
.sourcelan {
|
||
margin-top: 5px;
|
||
margin-left: 0vw;
|
||
}
|
||
|
||
.exp-all {
|
||
width: 100%;
|
||
}
|
||
|
||
.last-btn {
|
||
margin-left: -50px;
|
||
}
|
||
|
||
.other {
|
||
width: 100%;
|
||
}
|
||
|
||
.other1 {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
@media (max-width:480px) {
|
||
.last-btn {
|
||
margin-left: 50px;
|
||
}
|
||
|
||
.header1-revelent {
|
||
height: 44px;
|
||
}
|
||
|
||
.other {
|
||
width: 100%;
|
||
}
|
||
|
||
.other1 {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
.footer {
|
||
position: static;
|
||
}
|
||
</style>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
<div style="min-height:100vh;">
|
||
<div class="row">
|
||
<div class="col-md-4 my-5 mx-auto">
|
||
|
||
<div class="container">
|
||
<div class="accordion" id="accordionExample">
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="headingOne">
|
||
<button class="accordion-button" type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"
|
||
style="color:#ED3344">
|
||
What is the role of
|
||
a Language Pair Partner(LPP)?
|
||
</button>
|
||
</h2>
|
||
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
|
||
data-bs-parent="#accordionExample">
|
||
<div class="accordion-body">
|
||
Mynextfilm.ai endeavours to deliver directly usable conversions of screenplays etc.
|
||
to
|
||
its members . Even though MNF’s AI generated translations and subtitles are widely
|
||
praised by all sections of the filmmaking community, yet often there are few gaps
|
||
arising from the differential creative intelligence of man and machine. The role of
|
||
a
|
||
Language Pair Partner is to fill such gaps by creatively utilising his language pair
|
||
proficiency and provide culture specific and contextual
|
||
accuracy to the screenplay in a timely manner, and thus enhance the usability of the
|
||
AI
|
||
converted version for the MNF members. The Language Pair Partners enable the members
|
||
of
|
||
the global filmmaking community to Pull their
|
||
future into Present.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="headingTwo">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"
|
||
style="color:#ED3344">
|
||
How does it work?
|
||
</button>
|
||
</h2>
|
||
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
|
||
data-bs-parent="#accordionExample">
|
||
<div class="accordion-body">
|
||
<ol style="font-size: 15px;">
|
||
<li>
|
||
User requests for translation along with machine generated versions are
|
||
assigned
|
||
to the respective language pair partner for filling the gaps and enhancing
|
||
usability.
|
||
|
||
</li>
|
||
<li>
|
||
The LPP returns the edited version within the time available.
|
||
|
||
</li>
|
||
<li>The edited version is sent to the user. A user accepts or rejects the
|
||
suggestions made by the LPP
|
||
|
||
</li>
|
||
<li>On the basis of user feedback, the remuneration is worked out and
|
||
transferred to
|
||
the LPP.
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="headingThree">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"
|
||
style="color:#ED3344">
|
||
How much
|
||
remuneration will I receive?
|
||
</button>
|
||
</h2>
|
||
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
|
||
data-bs-parent="#accordionExample">
|
||
<div class="accordion-body">
|
||
<ol style="font-size: 15px;">
|
||
<li>
|
||
Initially, for providing this last stage finesse, you will receive 40% of
|
||
the
|
||
revenue received from the user.
|
||
|
||
|
||
</li>
|
||
<li>
|
||
Based on end user feedback,when your work is rated as proficient and expert,
|
||
your remuneration will increase to 50% and 60% respectively of the revenue
|
||
received from the user.
|
||
|
||
|
||
</li>
|
||
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="headingFour">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"
|
||
style="color:#ED3344">
|
||
Are there any added benefits ?
|
||
</button>
|
||
</h2>
|
||
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
|
||
data-bs-parent="#accordionExample">
|
||
<div class="accordion-body">
|
||
<ol style="font-size: 15px;">
|
||
<li>
|
||
|
||
Exposure to diversified screenplays certainly expands your own mental
|
||
horizons,
|
||
understanding of the flow of screenplays and will definitely enrich the
|
||
quality
|
||
of your future works.
|
||
</li>
|
||
<li>
|
||
Expert Language Pair Partners are also recommended for commissioned projects
|
||
of
|
||
screenplay writing.
|
||
</li>
|
||
<li>Language Pair Partnering with MNF also brings with it attractive benefits
|
||
for
|
||
your personal usage of MNF services. (To be announced from time to time)
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p
|
||
style="font-size:14px;text-align:center; background-color: #FFE2E5; margin-top: 1rem;padding: 0.8rem;border-radius: 10px;">
|
||
For any further query email us -<span><b><a href="#" class="info"
|
||
onclick="$('#popupobject').show();">info@mynextfilm.ai</a></b></span>
|
||
</p>
|
||
<div class="button" style="text-align: center;">
|
||
<button type="button" class="btn btn-danger"><a href="{%url 'agreement'%}"
|
||
style="text-decoration: none;color: white;" target="_blank">Agreement</a></button>
|
||
<button type="button" class="btn btn-danger"><a href="/NDA/"
|
||
style="color: white; text-decoration: none;" target="_blank">NDA</a></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-8">
|
||
|
||
<div class="row container mx-auto" style="margin-top: 20px;">
|
||
|
||
|
||
|
||
<form onsubmit="sessionStorage.clear();return true;" name="form1" method="POST"
|
||
enctype="multipart/form-data">
|
||
{% csrf_token %}
|
||
<div class="title" style="text-align: center;width: 100%;">
|
||
<h2>Application for Joining as Language Pair Partner</h2>
|
||
</div>
|
||
|
||
<div class="row" style=" margin-top:10px;">
|
||
<div class="input-box col-sm-12 col-md-6 col-lg-4 col-xl-4 my-1">
|
||
<span class="details">First Name<span style="color: #EE3C4D;">*</span></span>
|
||
|
||
<input class="input-field-details form-control textvalidation" name="firstName"id="fname" maxlength="20" type="text" placeholder="Enter your First Name"
|
||
onkeydown="return /[a-zA-Z]/i.test(event.key)" value="{{cd.firstName}}"
|
||
onchange=(function(k,v){console.log(k,v);sessionStorage.setItem(k,v);})(this.name,this.value);
|
||
required style="border:1px solid black;">
|
||
|
||
</div>
|
||
<div class="input-box col-sm-12 col-md-6 col-lg-4 col-xl-4 my-1">
|
||
<span class="details">Last Name<span style="color: #EE3C4D;">*</span></span>
|
||
|
||
<input class="input-field-details form-control textvalidation" name="lastName"
|
||
maxlength="20" onkeydown="return /[a-zA-Z]/i.test(event.key)" type="text"
|
||
placeholder="Enter your Last Name" value="{{cd.lastName}}"
|
||
onchange=(function(k,v){console.log(k,v);sessionStorage.setItem(k,v);})(this.name,this.value)
|
||
required style="border:1px solid black;">
|
||
|
||
|
||
|
||
</div>
|
||
<div class="input-box col-sm-12 col-md-6 col-lg-4 col-xl-4 my-1">
|
||
<span class="details">Email<span style="color: #EE3C4D;">*</span></span>
|
||
|
||
<input class="input-field-details form-control emailvalidation" type='text'
|
||
name="emailId" id="email" title="Invalid email address"
|
||
pattern="(?![_.-])((?![_.-][_.-])[a-zA-Z\d_.-]){0,63}[a-zA-Z\d]@((?!-)((?!--)[a-zA-Z\d-]){0,63}[a-zA-Z\d]\.){1,2}([a-zA-Z]{2,14}\.)?[a-zA-Z]{2,14}" maxlength="40" placeholder="Enter your email" value="{{cd.email}}" required style="border:1px solid black;">
|
||
|
||
{% comment %}
|
||
pattern="^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$"
|
||
{% endcomment %}
|
||
</div>
|
||
|
||
<div class="input-box col-sm-12 col-md-6 col-lg-6 col-xl-5 col-xxl-4 my-1">
|
||
<span class="details">Phone Number<span style="color: #EE3C4D;">*</span>
|
||
<div style="display: flex;gap:4px;margin-top:5px;">
|
||
<select id="code" name="code" style="width: 80px;height: 25px; border-radius:4px;" required>
|
||
<option data-countryCode="IN" value="91">India (+91)</option>
|
||
<option data-countryCode="DZ" value="213">Algeria (+213)</option>
|
||
<option data-countryCode="AD" value="376">Andorra (+376)</option>
|
||
<option data-countryCode="AO" value="244">Angola (+244)</option>
|
||
<option data-countryCode="AI" value="1264">Anguilla (+1264)</option>
|
||
<option data-countryCode="AG" value="1268">Antigua & Barbuda (+1268)
|
||
</option>
|
||
<option data-countryCode="AR" value="54">Argentina (+54)</option>
|
||
<option data-countryCode="AM" value="374">Armenia (+374)</option>
|
||
<option data-countryCode="AW" value="297">Aruba (+297)</option>
|
||
<option data-countryCode="AU" value="61">Australia (+61)</option>
|
||
<option data-countryCode="AT" value="43">Austria (+43)</option>
|
||
<option data-countryCode="AZ" value="994">Azerbaijan (+994)</option>
|
||
<option data-countryCode="BS" value="1242">Bahamas (+1242)</option>
|
||
<option data-countryCode="BH" value="973">Bahrain (+973)</option>
|
||
<option data-countryCode="BD" value="880">Bangladesh (+880)</option>
|
||
<option data-countryCode="BB" value="1246">Barbados (+1246)</option>
|
||
<option data-countryCode="BY" value="375">Belarus (+375)</option>
|
||
<option data-countryCode="BE" value="32">Belgium (+32)</option>
|
||
<option data-countryCode="BZ" value="501">Belize (+501)</option>
|
||
<option data-countryCode="BJ" value="229">Benin (+229)</option>
|
||
<option data-countryCode="BM" value="1441">Bermuda (+1441)</option>
|
||
<option data-countryCode="BT" value="975">Bhutan (+975)</option>
|
||
<option data-countryCode="BO" value="591">Bolivia (+591)</option>
|
||
<option data-countryCode="BA" value="387">Bosnia Herzegovina (+387)
|
||
</option>
|
||
<option data-countryCode="BW" value="267">Botswana (+267)</option>
|
||
<option data-countryCode="BR" value="55">Brazil (+55)</option>
|
||
<option data-countryCode="BN" value="673">Brunei (+673)</option>
|
||
<option data-countryCode="BG" value="359">Bulgaria (+359)</option>
|
||
<option data-countryCode="BF" value="226">Burkina Faso (+226)</option>
|
||
<option data-countryCode="BI" value="257">Burundi (+257)</option>
|
||
<option data-countryCode="KH" value="855">Cambodia (+855)</option>
|
||
<option data-countryCode="CM" value="237">Cameroon (+237)</option>
|
||
<option data-countryCode="CA" value="1">Canada (+1)</option>
|
||
<option data-countryCode="CV" value="238">Cape Verde Islands (+238)
|
||
</option>
|
||
<option data-countryCode="KY" value="1345">Cayman Islands (+1345)
|
||
</option>
|
||
<option data-countryCode="CF" value="236">Central African Republic
|
||
(+236)</option>
|
||
<option data-countryCode="CL" value="56">Chile (+56)</option>
|
||
<option data-countryCode="CN" value="86">China (+86)</option>
|
||
<option data-countryCode="CO" value="57">Colombia (+57)</option>
|
||
<option data-countryCode="KM" value="269">Comoros (+269)</option>
|
||
<option data-countryCode="CG" value="242">Congo (+242)</option>
|
||
<option data-countryCode="CK" value="682">Cook Islands (+682)</option>
|
||
<option data-countryCode="CR" value="506">Costa Rica (+506)</option>
|
||
<option data-countryCode="HR" value="385">Croatia (+385)</option>
|
||
<option data-countryCode="CU" value="53">Cuba (+53)</option>
|
||
<option data-countryCode="CY" value="90392">Cyprus North (+90392)
|
||
</option>
|
||
<option data-countryCode="CY" value="357">Cyprus South (+357)</option>
|
||
<option data-countryCode="CZ" value="42">Czech Republic (+42)</option>
|
||
<option data-countryCode="DK" value="45">Denmark (+45)</option>
|
||
<option data-countryCode="DJ" value="253">Djibouti (+253)</option>
|
||
<option data-countryCode="DM" value="1809">Dominica (+1809)</option>
|
||
<option data-countryCode="DO" value="1809">Dominican Republic (+1809)
|
||
</option>
|
||
<option data-countryCode="EC" value="593">Ecuador (+593)</option>
|
||
<option data-countryCode="EG" value="20">Egypt (+20)</option>
|
||
<option data-countryCode="SV" value="503">El Salvador (+503)</option>
|
||
<option data-countryCode="GQ" value="240">Equatorial Guinea (+240)
|
||
</option>
|
||
<option data-countryCode="ER" value="291">Eritrea (+291)</option>
|
||
<option data-countryCode="EE" value="372">Estonia (+372)</option>
|
||
<option data-countryCode="ET" value="251">Ethiopia (+251)</option>
|
||
<option data-countryCode="FK" value="500">Falkland Islands (+500)
|
||
</option>
|
||
<option data-countryCode="FO" value="298">Faroe Islands (+298)</option>
|
||
<option data-countryCode="FJ" value="679">Fiji (+679)</option>
|
||
<option data-countryCode="FI" value="358">Finland (+358)</option>
|
||
<option data-countryCode="FR" value="33">France (+33)</option>
|
||
<option data-countryCode="GF" value="594">French Guiana (+594)</option>
|
||
<option data-countryCode="PF" value="689">French Polynesia (+689)
|
||
</option>
|
||
<option data-countryCode="GA" value="241">Gabon (+241)</option>
|
||
<option data-countryCode="GM" value="220">Gambia (+220)</option>
|
||
<option data-countryCode="GE" value="7880">Georgia (+7880)</option>
|
||
<option data-countryCode="DE" value="49">Germany (+49)</option>
|
||
<option data-countryCode="GH" value="233">Ghana (+233)</option>
|
||
<option data-countryCode="GI" value="350">Gibraltar (+350)</option>
|
||
<option data-countryCode="GR" value="30">Greece (+30)</option>
|
||
<option data-countryCode="GL" value="299">Greenland (+299)</option>
|
||
<option data-countryCode="GD" value="1473">Grenada (+1473)</option>
|
||
<option data-countryCode="GP" value="590">Guadeloupe (+590)</option>
|
||
<option data-countryCode="GU" value="671">Guam (+671)</option>
|
||
<option data-countryCode="GT" value="502">Guatemala (+502)</option>
|
||
<option data-countryCode="GN" value="224">Guinea (+224)</option>
|
||
<option data-countryCode="GW" value="245">Guinea - Bissau (+245)
|
||
</option>
|
||
<option data-countryCode="GY" value="592">Guyana (+592)</option>
|
||
<option data-countryCode="HT" value="509">Haiti (+509)</option>
|
||
<option data-countryCode="HN" value="504">Honduras (+504)</option>
|
||
<option data-countryCode="HK" value="852">Hong Kong (+852)</option>
|
||
<option data-countryCode="HU" value="36">Hungary (+36)</option>
|
||
<option data-countryCode="IS" value="354">Iceland (+354)</option>
|
||
<option data-countryCode="ID" value="62">Indonesia (+62)</option>
|
||
<option data-countryCode="IR" value="98">Iran (+98)</option>
|
||
<option data-countryCode="IQ" value="964">Iraq (+964)</option>
|
||
<option data-countryCode="IE" value="353">Ireland (+353)</option>
|
||
<option data-countryCode="IL" value="972">Israel (+972)</option>
|
||
<option data-countryCode="IT" value="39">Italy (+39)</option>
|
||
<option data-countryCode="JM" value="1876">Jamaica (+1876)</option>
|
||
<option data-countryCode="JP" value="81">Japan (+81)</option>
|
||
<option data-countryCode="JO" value="962">Jordan (+962)</option>
|
||
<option data-countryCode="KZ" value="7">Kazakhstan (+7)</option>
|
||
<option data-countryCode="KE" value="254">Kenya (+254)</option>
|
||
<option data-countryCode="KI" value="686">Kiribati (+686)</option>
|
||
<option data-countryCode="KP" value="850">Korea North (+850)</option>
|
||
<option data-countryCode="KR" value="82">Korea South (+82)</option>
|
||
<option data-countryCode="KW" value="965">Kuwait (+965)</option>
|
||
<option data-countryCode="KG" value="996">Kyrgyzstan (+996)</option>
|
||
<option data-countryCode="LA" value="856">Laos (+856)</option>
|
||
<option data-countryCode="LV" value="371">Latvia (+371)</option>
|
||
<option data-countryCode="LB" value="961">Lebanon (+961)</option>
|
||
<option data-countryCode="LS" value="266">Lesotho (+266)</option>
|
||
<option data-countryCode="LR" value="231">Liberia (+231)</option>
|
||
<option data-countryCode="LY" value="218">Libya (+218)</option>
|
||
<option data-countryCode="LI" value="417">Liechtenstein (+417)</option>
|
||
<option data-countryCode="LT" value="370">Lithuania (+370)</option>
|
||
<option data-countryCode="LU" value="352">Luxembourg (+352)</option>
|
||
<option data-countryCode="MO" value="853">Macao (+853)</option>
|
||
<option data-countryCode="MK" value="389">Macedonia (+389)</option>
|
||
<option data-countryCode="MG" value="261">Madagascar (+261)</option>
|
||
<option data-countryCode="MW" value="265">Malawi (+265)</option>
|
||
<option data-countryCode="MY" value="60">Malaysia (+60)</option>
|
||
<option data-countryCode="MV" value="960">Maldives (+960)</option>
|
||
<option data-countryCode="ML" value="223">Mali (+223)</option>
|
||
<option data-countryCode="MT" value="356">Malta (+356)</option>
|
||
<option data-countryCode="MH" value="692">Marshall Islands (+692)
|
||
</option>
|
||
<option data-countryCode="MQ" value="596">Martinique (+596)</option>
|
||
<option data-countryCode="MR" value="222">Mauritania (+222)</option>
|
||
<option data-countryCode="YT" value="269">Mayotte (+269)</option>
|
||
<option data-countryCode="MX" value="52">Mexico (+52)</option>
|
||
<option data-countryCode="FM" value="691">Micronesia (+691)</option>
|
||
<option data-countryCode="MD" value="373">Moldova (+373)</option>
|
||
<option data-countryCode="MC" value="377">Monaco (+377)</option>
|
||
<option data-countryCode="MN" value="976">Mongolia (+976)</option>
|
||
<option data-countryCode="MS" value="1664">Montserrat (+1664)</option>
|
||
<option data-countryCode="MA" value="212">Morocco (+212)</option>
|
||
<option data-countryCode="MZ" value="258">Mozambique (+258)</option>
|
||
<option data-countryCode="MN" value="95">Myanmar (+95)</option>
|
||
<option data-countryCode="NA" value="264">Namibia (+264)</option>
|
||
<option data-countryCode="NR" value="674">Nauru (+674)</option>
|
||
<option data-countryCode="NP" value="977">Nepal (+977)</option>
|
||
<option data-countryCode="NL" value="31">Netherlands (+31)</option>
|
||
<option data-countryCode="NC" value="687">New Caledonia (+687)</option>
|
||
<option data-countryCode="NZ" value="64">New Zealand (+64)</option>
|
||
<option data-countryCode="NI" value="505">Nicaragua (+505)</option>
|
||
<option data-countryCode="NE" value="227">Niger (+227)</option>
|
||
<option data-countryCode="NG" value="234">Nigeria (+234)</option>
|
||
<option data-countryCode="NU" value="683">Niue (+683)</option>
|
||
<option data-countryCode="NF" value="672">Norfolk Islands (+672)
|
||
</option>
|
||
<option data-countryCode="NP" value="670">Northern Marianas (+670)
|
||
</option>
|
||
<option data-countryCode="NO" value="47">Norway (+47)</option>
|
||
<option data-countryCode="OM" value="968">Oman (+968)</option>
|
||
<option data-countryCode="PW" value="680">Palau (+680)</option>
|
||
<option data-countryCode="PA" value="507">Panama (+507)</option>
|
||
<option data-countryCode="PG" value="675">Papua New Guinea (+675)
|
||
</option>
|
||
<option data-countryCode="PY" value="595">Paraguay (+595)</option>
|
||
<option data-countryCode="PE" value="51">Peru (+51)</option>
|
||
<option data-countryCode="PH" value="63">Philippines (+63)</option>
|
||
<option data-countryCode="PL" value="48">Poland (+48)</option>
|
||
<option data-countryCode="PT" value="351">Portugal (+351)</option>
|
||
<option data-countryCode="PR" value="1787">Puerto Rico (+1787)</option>
|
||
<option data-countryCode="QA" value="974">Qatar (+974)</option>
|
||
<option data-countryCode="RE" value="262">Reunion (+262)</option>
|
||
<option data-countryCode="RO" value="40">Romania (+40)</option>
|
||
<option data-countryCode="RU" value="7">Russia (+7)</option>
|
||
<option data-countryCode="RW" value="250">Rwanda (+250)</option>
|
||
<option data-countryCode="SM" value="378">San Marino (+378)</option>
|
||
<option data-countryCode="ST" value="239">Sao Tome & Principe (+239)
|
||
</option>
|
||
<option data-countryCode="SA" value="966">Saudi Arabia (+966)</option>
|
||
<option data-countryCode="SN" value="221">Senegal (+221)</option>
|
||
<option data-countryCode="CS" value="381">Serbia (+381)</option>
|
||
<option data-countryCode="SC" value="248">Seychelles (+248)</option>
|
||
<option data-countryCode="SL" value="232">Sierra Leone (+232)</option>
|
||
<option data-countryCode="SG" value="65">Singapore (+65)</option>
|
||
<option data-countryCode="SK" value="421">Slovak Republic (+421)
|
||
</option>
|
||
<option data-countryCode="SI" value="386">Slovenia (+386)</option>
|
||
<option data-countryCode="SB" value="677">Solomon Islands (+677)
|
||
</option>
|
||
<option data-countryCode="SO" value="252">Somalia (+252)</option>
|
||
<option data-countryCode="ZA" value="27">South Africa (+27)</option>
|
||
<option data-countryCode="ES" value="34">Spain (+34)</option>
|
||
<option data-countryCode="LK" value="94">Sri Lanka (+94)</option>
|
||
<option data-countryCode="SH" value="290">St. Helena (+290)</option>
|
||
<option data-countryCode="KN" value="1869">St. Kitts (+1869)</option>
|
||
<option data-countryCode="SC" value="1758">St. Lucia (+1758)</option>
|
||
<option data-countryCode="SD" value="249">Sudan (+249)</option>
|
||
<option data-countryCode="SR" value="597">Suriname (+597)</option>
|
||
<option data-countryCode="SZ" value="268">Swaziland (+268)</option>
|
||
<option data-countryCode="SE" value="46">Sweden (+46)</option>
|
||
<option data-countryCode="CH" value="41">Switzerland (+41)</option>
|
||
<option data-countryCode="SI" value="963">Syria (+963)</option>
|
||
<option data-countryCode="TW" value="886">Taiwan (+886)</option>
|
||
<option data-countryCode="TJ" value="7">Tajikstan (+7)</option>
|
||
<option data-countryCode="TH" value="66">Thailand (+66)</option>
|
||
<option data-countryCode="TG" value="228">Togo (+228)</option>
|
||
<option data-countryCode="TO" value="676">Tonga (+676)</option>
|
||
<option data-countryCode="TT" value="1868">Trinidad & Tobago (+1868)
|
||
</option>
|
||
<option data-countryCode="TN" value="216">Tunisia (+216)</option>
|
||
<option data-countryCode="TR" value="90">Turkey (+90)</option>
|
||
<option data-countryCode="TM" value="7">Turkmenistan (+7)</option>
|
||
<option data-countryCode="TM" value="993">Turkmenistan (+993)</option>
|
||
<option data-countryCode="TC" value="1649">Turks & Caicos
|
||
Islands(+1649)</option>
|
||
<option data-countryCode="TV" value="688">Tuvalu (+688)</option>
|
||
<option data-countryCode="UG" value="256">Uganda (+256)</option>
|
||
<option data-countryCode="GB" value="44">UK (+44)</option>
|
||
<option data-countryCode="UA" value="380">Ukraine (+380)</option>
|
||
<option data-countryCode="AE" value="971">United Arab Emirates (+971)
|
||
</option>
|
||
<option data-countryCode="UY" value="598">Uruguay (+598)</option>
|
||
<option data-countryCode="US" value="1">USA (+1)</option>
|
||
<option data-countryCode="UZ" value="7">Uzbekistan (+7)</option>
|
||
<option data-countryCode="VU" value="678">Vanuatu (+678)</option>
|
||
<option data-countryCode="VA" value="379">Vatican City (+379)</option>
|
||
<option data-countryCode="VE" value="58">Venezuela (+58)</option>
|
||
<option data-countryCode="VN" value="84">Vietnam (+84)</option>
|
||
<option data-countryCode="VG" value="84">Virgin Islands - British
|
||
(+1284)</option>
|
||
<option data-countryCode="VI" value="84">Virgin Islands - US (+1340)
|
||
</option>
|
||
<option data-countryCode="WF" value="681">Wallis & Futuna (+681)
|
||
</option>
|
||
<option data-countryCode="YE" value="969">Yemen (North)(+969)</option>
|
||
<option data-countryCode="YE" value="967">Yemen (South)(+967)</option>
|
||
<option data-countryCode="ZM" value="260">Zambia (+260)</option>
|
||
<option data-countryCode="ZW" value="263">Zimbabwe (+263)</option>
|
||
<span id="msg1" style="display:none;"></span>
|
||
</select>
|
||
|
||
<input name="number" maxlength="16" class="lppcontact lpp-number-inp" style="padding-left: 3px;height: 25px;" type="tel" placeholder="Enter your number" onpaste="return false"
|
||
id="numberphone"
|
||
onclick=(function(t){t.value=sessionStorage.getItem(t.name)})(this)
|
||
onchange=(function(k,v){console.log(k,v);sessionStorage.setItem(k,v);})(this.name,this.value)
|
||
required>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="input-box col-sm-12 col-md-6 col-xl-5 col-xxl-4 my-1">
|
||
<span class="details">Country you live in<span style="color: #EE3C4D;">
|
||
*</span></span>
|
||
<select id="country" name="country" class="country-div"required>
|
||
<option value="">Country</option>
|
||
</select>
|
||
<span id="msg1" style="display:none;"></span>
|
||
</div>
|
||
<div class="input-box col-sm-8 col-md-6 col-lg-6 col-xl-5 col-xxl-4"
|
||
>
|
||
<div style="display: grid; grid-template-columns: auto auto;">
|
||
<span class="details">State<span style="color: #EE3C4D;">*</span> </span>
|
||
<span class="details">City</span>
|
||
<select id="region" style="width: 110px; border-radius:4px; height: 25px;" name="state" onclick="checkSelectOptions()" required>
|
||
<option value="">Choose </option>
|
||
</select>
|
||
<select id="city" name="city" style="width: 110px; border-radius:4px; height: 25px;" onclick="checkSelectOptions2()">
|
||
<option value="">Choose </option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="input-box col-md-6 col-lg-5 col-xl-5 col-xxl-4">
|
||
<span class="details">Mother Tongue<span style="color: #EE3C4D;">*</span></span>
|
||
<select class="fathermother" id="selectNumber" name="motherTongue" style=""
|
||
onchange="handleChange6(this.value)" required>
|
||
<option value="">Choose Option</option>
|
||
<option value="text4">Others</option>
|
||
|
||
<input class="other1 textvalidation px-2" id="hide4" name="othermothertongue"
|
||
type="text" placeholder="Enter the details"
|
||
style="display: none; margin-top:10px;"
|
||
onkeydown="return /[a-zA-Z ]/i.test(event.key)"
|
||
onchange=(function(k,v){console.log(k,v);sessionStorage.setItem(k,v);})(this.name,this.value)>
|
||
|
||
</select>
|
||
</div>
|
||
<div class="input-box col-md-6 col-lg-6 col-xl-5 col-xxl-4">
|
||
<span class="details">Father's Mother Tongue</span>
|
||
<select class="fathermother" id="fatherTongue" name="fathersMotherToungue" style=""
|
||
onchange="handleChange7(this.value)">
|
||
<option value="">Choose Option</option>
|
||
<option value="text5">Others</option>
|
||
|
||
<input class="other textvalidation px-2" id="hide5" name="otherfathertongue"
|
||
style="margin-top:10px;" onkeydown="return /[a-zA-Z ]/i.test(event.key)"
|
||
type="text" placeholder="Enter the details">
|
||
</select>
|
||
</div>
|
||
<div class="input-box col-md-4">
|
||
<span class="details">Mother's Mother Tongue</span>
|
||
<select class="mother" id="motherTongue" name="mothersMotherToungue" style=""
|
||
onchange="handleChange8(this.value)">
|
||
<option value="mother'sMotherToungue">Choose Option</option>
|
||
<option value="text6">Others</option>
|
||
|
||
<input class="textvalidation other px-2" id="hide6" name="othertongue"
|
||
style="margin-top:10px;" type="text" placeholder="Enter the details"
|
||
onkeydown="return /[a-zA-Z]/i.test(event.key)">
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<br>
|
||
|
||
<div class="header1 header1-text-1">
|
||
<p>I offer myself as MNF Language Pair Partner for the following pair of languages
|
||
<input type="checkbox" name="" id=""
|
||
onclick="$('#Source').toggle();$('#Source1').toggle();$('#Source2').toggle();$('#Source3').toggle();$('#Source4').toggle();$('#Source5').toggle();$('#lppselectdata').toggle();$('#lppselectdata1').toggle();$('#lppselectdata2').hide();$('#lppselectdata3').hide();"
|
||
required>
|
||
</p>
|
||
</div>
|
||
<div class="row" style=" margin-top:10px;">
|
||
<div class=" pair-div">
|
||
<div class="" id="Source" style="display: none;">
|
||
<div class="input-box">
|
||
<span class="details details-choose">Source Language (L1)<span
|
||
style="color: #EE3C4D;">*</span>
|
||
<select class="datadilectt firstlang-details" id="firstLanguage"
|
||
onchange="datadilect('firstLanguage','datadilectlpp2'); $('#lppselectdata3').show();"
|
||
name="firstLanguage" onclick="check_lang_select()" required>
|
||
<option value="" hidden>Choose Language</option>
|
||
</select>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="" id="Source1" style="display: none;">
|
||
<!-- <div class="input-box"> -->
|
||
<div class="row row-reason-div">
|
||
<span class="font-weight-bold">Choose Reason<span
|
||
style="font-size:10px;"></span></span>
|
||
<div class="col-sm-12 col-lg-6">
|
||
<input class="checkcheckbox" onclick="checkcheckboxfun()" type="checkbox"
|
||
name="motherTounge" id="motherTounge"> Mother Tongue
|
||
</div>
|
||
<div class="col-sm-12 col-lg-6">
|
||
<input class="checkcheckbox" onclick="checkcheckboxfun()" type="checkbox"
|
||
name="nativLanguage" id="nativLanguage"> Native Language
|
||
</div>
|
||
<div class="col-sm-12 col-lg-6">
|
||
<input class="checkcheckbox" onclick="checkcheckboxfun()" type="checkbox"
|
||
name="mediumOfInstruction" id="mediumOfInstruction"
|
||
onchange="((val)=>{if(val){ document.getElementById('division1').style.display = 'block'}else{document.getElementById('division1').style.display = 'none'}})(this.checked)"> Medium of Instruction
|
||
</div>
|
||
<div class="col-sm-12 col-lg-6">
|
||
<input class="checkcheckbox" onclick="checkcheckboxfun()" type="checkbox"
|
||
name="qualifiedInParticularLanguage"
|
||
id="qualifiedInParticularLanguage"> Subject of Study
|
||
</div>
|
||
<span id="errchoose" style="display:none; color:#ee3c4d;">Please select at least
|
||
one
|
||
Choose option</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div id="division1" class="input-box"><br>
|
||
<span class="details">Medium of Instruction at what stages?</span>
|
||
<select name="mediumOfInstructionL1"
|
||
style="width: 250px; border-radius:4px; height: 25px;">
|
||
<option value="throughout">Choose Option</option>
|
||
<option value="throughoutl1">Throughout</option>
|
||
<option value="schoolAlonel1">School Alone</option>
|
||
<option value="collegeAlonel1">College Alone</option>
|
||
</select>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="pair-div mb-2">
|
||
<div id="lppselectdata3" style="display:none; ">
|
||
<input class="form-control textvalidation" type="text" name="accent1" id="" placeholder="Enter known accents " style="width: 190px; margin-bottom: 5px;">
|
||
<input type="text" id="batutakey" value="{{key}}"
|
||
style="width: 190px; display:none">
|
||
<select class="select2 form-control-md kt-select2 " id="datadilectlpp2"
|
||
data-placeholder="Choose Dialects" name="dialect1[]" multiple required>
|
||
<option value="" hidden>Choose Dialects</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pair-div">
|
||
<div class="" id="Source2" style="display: none;">
|
||
<div class="input-box">
|
||
<span class="details details-choose">Target Language (L2)<span
|
||
style="color: #EE3C4D;">*</span>
|
||
<select id="secondLanguage" class="secondlang-details"
|
||
onchange="datadilect('secondLanguage','datadilectlpp1'); $('#lppselectdata2').show();"
|
||
name="secondLanguage" onchange="check_lang_select()" required>
|
||
<option value="">Choose Language</option>
|
||
</select>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- FIXME: -->
|
||
<div class="" id="Source3" style="display: none;">
|
||
<!-- <div class="input-box"><br><br> -->
|
||
<div class="row row-reason-div">
|
||
<span class="font-weight-bold">Choose Reason<span
|
||
style="font-size:10px;"></span></span>
|
||
<div class="col-sm-12 col-lg-6">
|
||
<input type="checkbox" class="checkresbox" onclick="checkresboxfun()"
|
||
name="motherTounge1" id="motherTounge1"> Mother Tongue
|
||
</div>
|
||
<div class="col-sm-12 col-lg-6">
|
||
<input type="checkbox" class="checkresbox" onclick="checkresboxfun()"
|
||
name="nativLanguage1" id="nativLanguage1"> Native Language
|
||
</div>
|
||
<div class="col-sm-12 col-lg-6">
|
||
<input type="checkbox" class="checkresbox" onclick="checkresboxfun()"
|
||
name="mediumOfInstruction1" id="mediumOfInstruction1"
|
||
onchange="((val)=>{if(val){ document.getElementById('division2').style.display = 'block'}else{document.getElementById('division2').style.display = 'none'}})(this.checked)"> Medium of Instruction
|
||
</div>
|
||
<div class="col-sm-12 col-lg-6">
|
||
<input type="checkbox" class="checkresbox" onclick="checkresboxfun()"
|
||
name="qualifiedInParticularLanguage1"
|
||
id="qualifiedInParticularLanguage1"> Subject of Study
|
||
</div>
|
||
<span id="errchooseres" style="display:none; color:#ee3c4d;">Please select at
|
||
least
|
||
one Choose option</span>
|
||
|
||
</div>
|
||
|
||
|
||
<!-- <select id="l2" name="secondLangReason" style="width: 250px; border-radius:4px; " onchange="handleChange2(this.value)">
|
||
<option value="">Choose Reason</option>
|
||
<option value="motherTounge1">Mother tongue</option>
|
||
<option value="nativLanguage1">Native language</option>
|
||
<option value="mediumOfInstruction1">Medium of instruction</option>
|
||
<option value="qualifiedInParticularLanguage1">Subject of study</option>
|
||
</select> -->
|
||
<div id="division2" class="input-box"><br>
|
||
<span class="details">Medium of Instruction at what stages?</span>
|
||
<select name="mediumOfInstructionL2"
|
||
style="width: 250px; border-radius:4px; height: 25px;">
|
||
<option value="throughout">Choose Option</option>
|
||
<option value="throughoutl1">Throughout</option>
|
||
<option value="schoolAlonel1">School Alone</option>
|
||
<option value="collegeAlonel1">College Alone</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pair-div my-2">
|
||
<div class="" id="lppselectdata2" style="display:none;">
|
||
<input class="form-control textvalidation" type="text" name="accent2" id=""
|
||
placeholder="Enter known accents " style="width: 190px;margin-bottom:5px;">
|
||
<select class="select2 form-control-md kt-select2" id="datadilectlpp1"
|
||
data-placeholder="Choose Dialects" name="dialect2[]" multiple required>
|
||
<option value="" hidden>Choose Dialects</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="row mb-2" style="margin-left:-15px;">
|
||
|
||
<div class="col-sm-5 col-md-5 col-lg-3 mb-2" id="Source4" style="display: none;">
|
||
<input class="btn btn-primary" id="Choosescript" onclick="dataScript();"
|
||
type="button" style="width: max-content;" title="Please Choose the Scripts you read and write in" value="Select known scripts">
|
||
</div>
|
||
<div class="col-sm-6 col-md-7 col-lg-8" id="lppselectdata" style="display:none;">
|
||
|
||
<select class="select2 form-control-md kt-select2" id="datascriptlpp"
|
||
data-placeholder="Choose Script Languages" name="scripts_known[]" onclick="check_lang_select()" multiple
|
||
required>
|
||
<option value="" hidden>Choose Scripts</option>
|
||
</select>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
{% if scriptsoflang %}
|
||
<script>
|
||
alert("sdasdsdas")
|
||
</script>
|
||
{% endif %}
|
||
|
||
<div class="header1"
|
||
style="height: 36px; font-size: 16px;padding-top: 5px; text-align: center; ">
|
||
<p>My relevant qualifications <input type="checkbox" name="" id=""
|
||
onclick="$('#Highest').toggle();$('#Highest1').toggle();$('#Highest2').toggle();$('#Highest3').toggle();">
|
||
</p>
|
||
</div>
|
||
<div class="header1" id="Highest"
|
||
style="display:none; background-color: #FFE2E5; color: #EE3C4D;margin-top: 10px;height: 36px;text-align: center; font-size: 16px;padding-top: 7px;">
|
||
<p style="font-size: 12px;">Highest qualification in source language </p>
|
||
</div>
|
||
<div class=" main-row-details" id="Highest1" style="display: none;">
|
||
<div class="input-box ">
|
||
<span class="details">Degree/Award</span>
|
||
<!-- <span style="color: #EE3C4D;">*</span> -->
|
||
<select name="firstLangDegree" class="firstLangDegree-div" id="degreetemp"
|
||
onchange="handleChange3(this.value)">
|
||
<option value="">Choose option</option>
|
||
<option value="school">School</option>
|
||
<option value="diploma">Diploma</option>
|
||
<option value="bachelors">Bachelor</option>
|
||
<option value="masters">Master</option>
|
||
<option value="doctorate">Doctorate</option>
|
||
<option value="fellows">Fellow</option>
|
||
<option value="text">Others</option>
|
||
<input class="form-control textvalidation mt-2" id="hide" name="degreeAward"
|
||
maxlength="30" type="text" placeholder="Enter the details"
|
||
style="border: 1px solid black;">
|
||
|
||
|
||
</select>
|
||
</div>
|
||
<div class="input-box ">
|
||
<span class="details">Awarded by</span>
|
||
|
||
<input class="form-control textvalidation" name="firstLangAwardedBy" type="text"
|
||
placeholder="University/College/Board name" value="{{cd.awarded_by}}"style="border: 1px solid black;" maxlength="30">
|
||
|
||
</div>
|
||
<div class="input-box ">
|
||
<span class="details">Upload Certificate(.pdf file only)
|
||
{% comment %} <span style="color: #EE3C4D;">
|
||
*</span> {% endcomment %}
|
||
</span>
|
||
|
||
<input class="file" type="file" class="upload_sample_anylisis" id="myfile1"
|
||
name="firstLangDegreeFile" accept=".pdf" style="padding: 0px 3px 5px 0px;">
|
||
|
||
</div>
|
||
</div>
|
||
<div class="header1" id="Highest2"
|
||
style="display: none;background-color: #FFE2E5; color: #EE3C4D;margin-top: 10px;text-align: center; height: 36px; font-size: 16px;padding-top: 7px;">
|
||
|
||
<p style="font-size: 12px;">Highest qualification in target language </p>
|
||
</div>
|
||
<div class=" main-row-details" id="Highest3" style="display: none;">
|
||
<div class="input-box ">
|
||
<span class="details">Degree/Award</span>
|
||
<select name="secondLangDegree" class="secondLangDegree-div" id="degreetemp2"
|
||
onchange="handleChange4(this.value)">
|
||
<option value="">Choose option</option>
|
||
<option value="school">School</option>
|
||
<option value="diploma">Diploma</option>
|
||
<option value="bachelors">Bachelor</option>
|
||
<option value="masters">Master</option>
|
||
<option value="doctorate">Doctorate</option>
|
||
<option value="fellows">Fellow</option>
|
||
<option value="text1">Others</option>
|
||
<input class="form-control textvalidation mt-2" id="hide1" name="awarded"
|
||
maxlength="30" type="text" placeholder="Enter the details"
|
||
style="border: 1px solid black;">
|
||
|
||
</select>
|
||
</div>
|
||
<div class="input-box ">
|
||
<span class="details">Awarded by</span>
|
||
|
||
<input class="form-control textvalidation" name="secondLangAwardedBy" type="text"
|
||
placeholder="University/College/Board name" maxlength="30"
|
||
value="{{cd.awarded_by}}" style="border: 1px solid black;">
|
||
|
||
</div>
|
||
<div class="input-box ">
|
||
<span class="details">Upload Certificate(.pdf file only)
|
||
{% comment %} <span style="color: #EE3C4D;">
|
||
*</span> {% endcomment %}
|
||
</span>
|
||
<input type="file" class="upload_sample_anylisis" id="myfile2"
|
||
name="secondLangDegreeFile" accept=".pdf" style="padding: 0px 3px 5px 0px;">
|
||
</div>
|
||
</div>
|
||
<div class="header1 header1-certification mb-2">
|
||
<p>Professional certification for translation between L1 & L2
|
||
<label for="vehicle1"></label>
|
||
<input id="dohave" type="checkbox" name="certification" value="no">
|
||
</p>
|
||
</div>
|
||
<div id="division" class="certification-div" style="display: none; ">
|
||
<table>
|
||
<tr>
|
||
<td>
|
||
<div class="input-box" style="margin-bottom: 70px;"><br>
|
||
<span class="details">Certification</span>
|
||
<select name="certificationL1L2" class="certificationL1L2-div"
|
||
onchange="handleChange5(this.value)"
|
||
onchange="handleChange3(this.value)">
|
||
<option value="nameOfDegree">Choose certification</option>
|
||
<option value="Certification">Certification</option>
|
||
<option value="Diploma">Diploma</option>
|
||
<option value="Others">Others</option>
|
||
|
||
<input class="form-control textNumbervalidation mt-2" id="hide3"
|
||
maxlength="30" name="certificationL1L22" type="text"
|
||
placeholder="Enter the details"
|
||
style="border: 1px solid black;">
|
||
</select>
|
||
<div class="input-box"><br>
|
||
<span class="details">Duration Of Program</span>
|
||
<select name="durationCertificationL1L2"
|
||
class="certificationL1L2-div">
|
||
<option value="nameOfDegree">Select Duration</option>
|
||
<option value="three">3 Months</option>
|
||
<option value="six">6 Months</option>
|
||
<option value="twelve">12 Months</option>
|
||
<option value="moreThanTwelve">More than one Year</option>
|
||
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<div class="input-box award-by-inp-box"><br>
|
||
<span class="details">Awarded By</span>
|
||
|
||
<input
|
||
class="form-control form-control-certification-inp textvalidation"
|
||
maxlength="30" name="certttificationAwardedByL1L2" type="text"
|
||
value="{{cd.awarded_by}}"
|
||
placeholder="University/College/Board name"
|
||
style="border: 1px solid black;">
|
||
|
||
|
||
<div class="input-box"><br>
|
||
<span class="details">Mode of</span>
|
||
<select name="modeCertificationL1L2"
|
||
class="modeCertificationL1L2-div">
|
||
<option value="">Choose Mode</option>
|
||
<option value="oncampus">On Campus</option>
|
||
<option value="online">Online</option>
|
||
|
||
</select>
|
||
<div class="input-box input-box-upload"><br>
|
||
<span class="details" style="">Upload Certificate (.pdf
|
||
file
|
||
only)<span style="color: #EE3C4D;"></span></span>
|
||
|
||
<input type="file" class="upload_sample_anylisis" id="myfile3"
|
||
name="certificationFile" accept=".pdf"
|
||
style="padding: 0px 3px 5px 0px;">
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div>
|
||
</div>
|
||
<div class="header1 header1-revelent">
|
||
<p>Relevant professional experience
|
||
<!-- <label for="vehicle1" style="margin-left: 3%;"></label> -->
|
||
<input id="experience" type="checkbox" name="experience" value="no">
|
||
</p>
|
||
</div>
|
||
|
||
|
||
<div class="relevent-div" id="relevent" style="display: none;">
|
||
<div class="row row-experience-div">
|
||
|
||
<div class="input-box col-md-5"><br>
|
||
<span
|
||
class="details">Years of teaching experience in (L1)</span>
|
||
<select name="expFirstLang" class="exp-all">
|
||
<option value="">None</option>
|
||
<option value="0-1">0-1 Years</option>
|
||
<option value="1-5">1-5 Years</option>
|
||
<option value="5-20">5-20 Years</option>
|
||
<option value="20">More than 20 Years</option>
|
||
</select>
|
||
</div>
|
||
|
||
<div class="input-box col-md-6"><br>
|
||
<span
|
||
class="details">Years of teaching experience in (L2)</span>
|
||
<select name="expSecondLang" class="exp-all">
|
||
<option value="">None</option>
|
||
<option value="0-1">0-1 Years</option>
|
||
<option value="1-5">1-5 Years</option>
|
||
<option value="5-20">5-20 Years</option>
|
||
<option value="20">More than 20 Years</option>
|
||
</select>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="row row-experience-div-2">
|
||
<div class="input-box col-md-5">
|
||
|
||
<span
|
||
class="details">No. of screenplays written in (L1)</span>
|
||
<select name="scriptWrittenFirstLang" class="exp-all">
|
||
<option value="">None</option>
|
||
<option value="one">1</option>
|
||
<option value="twotofive">2-5 </option>
|
||
<option value="moreThan5">6-20</option>
|
||
<option value="moreThan20">21-100</option>
|
||
<option value="moreThan100">More than 100</option>
|
||
</select>
|
||
</div>
|
||
<div class="input-box col-md-6">
|
||
<span
|
||
class="details">No. of screenplays written in (L2)</span>
|
||
<select id="ddlView" name="scriptWrittenSecondLang" class="exp-all">
|
||
<option value="">None</option>
|
||
<option value="one">1</option>
|
||
<option value="twotofive">2-5 </option>
|
||
<option value="moreThan5">6-20</option>
|
||
<option value="moreThan20">21-100</option>
|
||
<option value="moreThan100">More than 100</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="row row-experience-div">
|
||
<div class="input-box col-md-5" style="margin-bottom:10px;">
|
||
<input type="url"
|
||
pattern="[Hh][Tt][Tt][Pp][Ss]?:\/\/(?:(?:[a-zA-Z\u00a1-\uffff0-9]+-?)*[a-zA-Z\u00a1-\uffff0-9]+)(?:\.(?:[a-zA-Z\u00a1-\uffff0-9]+-?)*[a-zA-Z\u00a1-\uffff0-9]+)*(?:\.(?:[a-zA-Z\u00a1-\uffff]{2,}))(?::\d{2,5})?(?:\/[^\s]*)?"
|
||
class="form-control form-control-div" name="scriptWrittenFirstLangLink"
|
||
placeholder="Drop a sample link of the above"
|
||
style="border: 1px solid black;">
|
||
|
||
</div>
|
||
|
||
<div class="input-box col-md-6">
|
||
{% comment %} <span class="details"></span> {% endcomment %}
|
||
<input class="form-control form-control-div" name="scriptWrittenSecondLangLink"
|
||
type="url"
|
||
pattern="[Hh][Tt][Tt][Pp][Ss]?:\/\/(?:(?:[a-zA-Z\u00a1-\uffff0-9]+-?)*[a-zA-Z\u00a1-\uffff0-9]+)(?:\.(?:[a-zA-Z\u00a1-\uffff0-9]+-?)*[a-zA-Z\u00a1-\uffff0-9]+)*(?:\.(?:[a-zA-Z\u00a1-\uffff]{2,}))(?::\d{2,5})?(?:\/[^\s]*)?"
|
||
placeholder="Drop a sample link of the above"
|
||
style="border: 1px solid black;">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row row-experience-div-2">
|
||
<div class="input-box col-md-5">
|
||
<span
|
||
class="details">Screenplays translated from L1 to L2 ?</span>
|
||
<select name="noScriptTransFromL1toL2" class="exp-all">
|
||
<option value="">None</option>
|
||
<option value="one">1</option>
|
||
<option value="twotofive">2-5 </option>
|
||
<option value="moreThan5">6-20</option>
|
||
<option value="moreThan20">21-100</option>
|
||
<option value="moreThan100">More than 100</option>
|
||
</select>
|
||
</div>
|
||
<div class="input-box col-md-6">
|
||
<span
|
||
class="details">Screenplays translated from L2 to L1 ?</span>
|
||
<select name="noScriptTransFromL2toL1" class="exp-all">
|
||
<option value="">None</option>
|
||
<option value="one">1</option>
|
||
<option value="twotofive">2-5 </option>
|
||
<option value="moreThan5">6-20</option>
|
||
<option value="moreThan20">21-100</option>
|
||
<option value="moreThan100">More than 100</option>
|
||
</select>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
<div class="row row-experience-div">
|
||
<div class="input-box col-md-5" style="margin-bottom:10px;">
|
||
|
||
<input class="form-control form-control-div" name="noScriptTransFromL1toL2Link"
|
||
type="url"
|
||
pattern="[Hh][Tt][Tt][Pp][Ss]?:\/\/(?:(?:[a-zA-Z\u00a1-\uffff0-9]+-?)*[a-zA-Z\u00a1-\uffff0-9]+)(?:\.(?:[a-zA-Z\u00a1-\uffff0-9]+-?)*[a-zA-Z\u00a1-\uffff0-9]+)*(?:\.(?:[a-zA-Z\u00a1-\uffff]{2,}))(?::\d{2,5})?(?:\/[^\s]*)?"
|
||
placeholder="Drop a sample link of the above"
|
||
style="border: 1px solid black;">
|
||
</div>
|
||
|
||
<div class="input-box col-md-6">
|
||
{% comment %} <span class="details"></span> {% endcomment %}
|
||
<input class="form-control form-control-div" name="noScriptTransFromL2toL1Link"
|
||
type="url"
|
||
pattern="[Hh][Tt][Tt][Pp][Ss]?:\/\/(?:(?:[a-zA-Z\u00a1-\uffff0-9]+-?)*[a-zA-Z\u00a1-\uffff0-9]+)(?:\.(?:[a-zA-Z\u00a1-\uffff0-9]+-?)*[a-zA-Z\u00a1-\uffff0-9]+)*(?:\.(?:[a-zA-Z\u00a1-\uffff]{2,}))(?::\d{2,5})?(?:\/[^\s]*)?"
|
||
placeholder="Drop a sample link of the above"
|
||
style="border: 1px solid black;">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row row-experience-div-2">
|
||
<div class="input-box col-md-5">
|
||
<span
|
||
class="details">Articles translated from L1 to L2 ?</span>
|
||
<select name="noArticleTransFromL1toL2" class="exp-all">
|
||
<option value="">None</option>
|
||
<option value="one">1</option>
|
||
<option value="twotofive">2-5 </option>
|
||
<option value="moreThan5">6-20</option>
|
||
<option value="moreThan20">21-100</option>
|
||
<option value="moreThan100">More than 100</option>
|
||
</select>
|
||
</div>
|
||
<div class="input-box col-md-6">
|
||
<span
|
||
class="details">Articles translated from L2 to L1 ?</span>
|
||
<select name="noArticleTransFromL2toL1" class="exp-all">
|
||
<option value="">None</option>
|
||
<option value="one">1</option>
|
||
<option value="twotofive">2-5 </option>
|
||
<option value="moreThan5">6-20</option>
|
||
<option value="moreThan20">21-100</option>
|
||
<option value="moreThan100">More than 100</option>
|
||
</select>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="row row-experience-div">
|
||
<div class="input-box col-md-5" style="margin-bottom:10px;">
|
||
|
||
<input class="form-control form-control-div" name="noArticleTransFromL1toL2Link"
|
||
type="url"
|
||
pattern="[Hh][Tt][Tt][Pp][Ss]?:\/\/(?:(?:[a-zA-Z\u00a1-\uffff0-9]+-?)*[a-zA-Z\u00a1-\uffff0-9]+)(?:\.(?:[a-zA-Z\u00a1-\uffff0-9]+-?)*[a-zA-Z\u00a1-\uffff0-9]+)*(?:\.(?:[a-zA-Z\u00a1-\uffff]{2,}))(?::\d{2,5})?(?:\/[^\s]*)?"
|
||
placeholder="Drop a sample link of the above"
|
||
style="border: 1px solid black;">
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<div class="input-box col-md-6">
|
||
|
||
<input class="form-control form-control-div" name="noArticleTransFromL2toL1Link"
|
||
type="url"
|
||
pattern="[Hh][Tt][Tt][Pp][Ss]?:\/\/(?:(?:[a-zA-Z\u00a1-\uffff0-9]+-?)*[a-zA-Z\u00a1-\uffff0-9]+)(?:\.(?:[a-zA-Z\u00a1-\uffff0-9]+-?)*[a-zA-Z\u00a1-\uffff0-9]+)*(?:\.(?:[a-zA-Z\u00a1-\uffff]{2,}))(?::\d{2,5})?(?:\/[^\s]*)?"
|
||
placeholder="Drop a sample link of the above"
|
||
style="border: 1px solid black;">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="checkbox-last-div" style="margin-top:20px;">
|
||
<input class="checkbox-check" type="checkbox" style="margin-right:5px;" required>
|
||
|
||
<label type="checkbox" name="terms" required>I have read the <a
|
||
href="{% static 'tnc.html' %}" target="_blank">Terms </a>of Engagement of MNF Language Pair Partners and agree to abide by them</label>
|
||
</div>
|
||
|
||
<br>
|
||
<div class="button text-center">
|
||
<!-- <button class="input" type="button" value="Review Application">Review</button> -->
|
||
<button type="submit" class="btn btn-danger last-submit-btn last-btn" value="submit"
|
||
onclick="handle_form_submission()"><span style="color: white; text-decoration: none; "
|
||
onclick="ValidateEmail(document.form1.text1)">Submit</span></button>
|
||
|
||
<!-- <button id="register" class="input " type="submit" value="Submit" style="background-color: #ED3344; border: 1px solid #ee3c4d; font-size:18px;">Submit</button>
|
||
-->
|
||
</div>
|
||
|
||
</form>
|
||
<div class="modal-content" id="popupobject"
|
||
style="position: absolute; top: 5rem; left:0vw; border-radius: 8px;display: none;z-index: 9999;padding:0.4em; background-color:antiquewhite; width:700px; height:auto; ">
|
||
<div>
|
||
|
||
<h3
|
||
style="text-align: center; margin-top: 5px; display:flex; padding-left:250px; color:#ee3c4d;">
|
||
Write a Mail To Us
|
||
|
||
<b data-toggle="tooltip" title="Close"
|
||
style="color:red; font-size:32px;margin-top:-10px; margin-left: 45%;border: 0;"
|
||
onclick="$('#popupobject').hide()" type="button">x</b>
|
||
|
||
</h3>
|
||
<div class="modal-body" style="">
|
||
<div><br>
|
||
<div class="row">
|
||
<div class=" ">
|
||
<br>
|
||
<input type="text " class=" form-control" name="" id="email_subject"
|
||
placeholder="Subject" maxlength="" style="height:30px; width:100%"
|
||
required>
|
||
</div>
|
||
<div class=" ">
|
||
<br>
|
||
<textarea type="text " class=" form-control" name="" id="email_content"
|
||
placeholder="Message" maxlength="600" style="height:100px; width:100%"
|
||
required></textarea>
|
||
</div>
|
||
<div class="text-center">
|
||
<br>
|
||
<input type="button" name="" value=" Submit "
|
||
style="background-color:#ee3c4d; border: 1px solid #ee3c4d; color:white; font-weight:700;"
|
||
onclick="query_email(this);">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% include 'mnfapp/footer.html' %}
|
||
<script>
|
||
function query_email(btn) {
|
||
var subj = document.getElementById("email_subject").value;
|
||
var content = document.getElementById("email_content").value;
|
||
if (!subj && !content) {
|
||
alert("Please write something.");
|
||
return false;
|
||
} else if (!subj) {
|
||
alert("Please write subject first.");
|
||
return false;
|
||
} else if (!content) {
|
||
alert("Please write the message.");
|
||
return false;
|
||
} else {
|
||
btn.value = "Submitting...";
|
||
btn.disabled = true;
|
||
btn.style = "background-color:#eeeeee; border: 1px solid #ee3c4d; color:#ee3c4d; font-weight:700;";
|
||
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "{% url 'query_email' %}",
|
||
data: {
|
||
'subj': subj,
|
||
'content': content,
|
||
'frompage': 'regform',
|
||
csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken').val()
|
||
|
||
|
||
},
|
||
success: function (response) {
|
||
console.log("Sent successfully");
|
||
$('#popupobject').hide();
|
||
document.getElementById("email_subject").value = "";
|
||
document.getElementById("email_content").value = "";
|
||
alert("Thank you for writing to us. We will get back ASAP!");
|
||
btn.value = "Submit";
|
||
btn.style =
|
||
"background-color:#ee3c4d; border: 1px solid #ee3c4d; color:white; font-weight:700;";
|
||
btn.disabled = false;
|
||
}
|
||
});
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<!--Populating form values from database-->
|
||
<script>
|
||
//phone number and country code
|
||
|
||
var country = "{{cd.country}}";
|
||
var state = "{{cd.state}}";
|
||
var city = "{{cd.city}}";
|
||
var language = "{{cd.language}}";
|
||
</script>
|
||
|
||
<script>
|
||
$(firstLanguage).change(function () {
|
||
var select = document.getElementById("secondLanguage");
|
||
for (var i = 0; i < select.length; i++) {
|
||
var option = select.options[i];
|
||
option.disabled = false
|
||
// now have option.text, option.value
|
||
}
|
||
$(secondLanguage).not(this).find("option[value=" + $(this).val() + "]").attr('disabled', true);
|
||
});
|
||
$(secondLanguage).change(function () {
|
||
var select = document.getElementById("firstLanguage");
|
||
for (var i = 0; i < select.length; i++) {
|
||
var option = select.options[i];
|
||
option.disabled = false
|
||
// now have option.text, option.value
|
||
}
|
||
$(firstLanguage).not(this).find("option[value=" + $(this).val() + "]").attr('disabled', true);
|
||
});
|
||
</script>
|
||
|
||
|
||
<script>
|
||
document.getElementById('division1').style.display = 'none'
|
||
|
||
function handleChange1(value) {
|
||
|
||
if (value === 'mediumOfInstruction') {
|
||
document.getElementById('division1').style.display = 'block'
|
||
} else if (value === 'motherTounge' || value === 'qualifiedInParticularLanguage' || value ===
|
||
'nativLanguage') {
|
||
document.getElementById('division1').style.display = 'none'
|
||
|
||
}
|
||
}
|
||
document.getElementById('division2').style.display = 'none'
|
||
|
||
function handleChange2(value) {
|
||
|
||
if (value === 'motherTounge1' || value === 'qualifiedInParticularLanguage1' || value === 'nativLanguage1') {
|
||
document.getElementById('division2').style.display = 'none'
|
||
|
||
} else if (value === 'mediumOfInstruction1') {
|
||
document.getElementById('division2').style.display = 'block'
|
||
}
|
||
}
|
||
|
||
// Degree others hide show
|
||
document.getElementById('hide').style.display = 'none'
|
||
|
||
function handleChange3(value) {
|
||
|
||
if (value === 'text') {
|
||
document.getElementById('hide').style.display = 'block';
|
||
document.getElementById('hide').setAttribute("required", "");
|
||
|
||
} else if (value === 'school' || value === 'diploma' || value === 'bachelors' || value === 'masters' ||
|
||
value === 'doctorate' || value === 'fellows') {
|
||
document.getElementById('hide').style.display = 'none';
|
||
document.getElementById('hide').removeAttribute("required");
|
||
|
||
|
||
}
|
||
}
|
||
|
||
// second one
|
||
document.getElementById('hide1').style.display = 'none'
|
||
|
||
function handleChange4(value) {
|
||
|
||
if (value === 'text1') {
|
||
document.getElementById('hide1').style.display = 'block';
|
||
document.getElementById('hide').setAttribute("required", "");
|
||
} else if (value === 'school' || value === 'diploma' || value === 'bachelors' || value === 'masters' ||
|
||
value === 'doctorate' || value === 'fellows') {
|
||
document.getElementById('hide1').style.display = 'none';
|
||
document.getElementById('hide').removeAttribute("required");
|
||
}
|
||
}
|
||
|
||
// certification
|
||
document.getElementById('hide3').style.display = 'none'
|
||
|
||
function handleChange5(value) {
|
||
|
||
if (value === 'Others') {
|
||
document.getElementById('hide3').style.display = 'block'
|
||
}
|
||
// else if (value === 'school1' || value === 'diploma1' || value === 'bachelors1' || value === 'masters1' || value === 'doctorate1' || value === 'fellows1') {
|
||
// document.getElementById('hide1').style.display = 'none'
|
||
|
||
//}
|
||
else {
|
||
document.getElementById('hide3').style.display = 'none'
|
||
}
|
||
}
|
||
|
||
document.getElementById('hide4').style.display = 'none'
|
||
|
||
function handleChange6(value) {
|
||
|
||
if (value === 'text4') {
|
||
document.getElementById('hide4').style.display = 'block';
|
||
document.getElementById('hide4').setAttribute("required", "");
|
||
|
||
} else {
|
||
document.getElementById('hide4').style.display = 'none';
|
||
document.getElementById('hide4').removeAttribute("required");
|
||
|
||
|
||
}
|
||
}
|
||
|
||
document.getElementById('hide5').style.display = 'none'
|
||
|
||
function handleChange7(value) {
|
||
|
||
if (value === 'text5') {
|
||
document.getElementById('hide5').style.display = 'block'
|
||
} else {
|
||
document.getElementById('hide5').style.display = 'none'
|
||
|
||
}
|
||
}
|
||
document.getElementById('hide6').style.display = 'none'
|
||
|
||
function handleChange8(value) {
|
||
|
||
if (value === 'text6') {
|
||
document.getElementById('hide6').style.display = 'block'
|
||
} else {
|
||
document.getElementById('hide6').style.display = 'none'
|
||
|
||
}
|
||
}
|
||
|
||
|
||
|
||
// function Validate() {
|
||
// var state = document.getElementById("state");
|
||
// var city = document.getElementById("city");
|
||
// var motherTongue = document.getElementById("selectNumber");
|
||
// var firstLanguage = document.getElementById("firstLanguage");
|
||
// var secondLanguage = document.getElementById("secondLanguage");
|
||
// var country = document.getElementById("country");
|
||
// var state = document.getElementById("region");
|
||
// var city = document.getElementById("city");
|
||
// if (state.value == ""
|
||
// || city.value == ""
|
||
// || selectNumber.value == ""
|
||
// || firstLanguage.value == ""
|
||
// || secondLanguage.value == ""
|
||
// || country.value == ""
|
||
|
||
// ) {
|
||
// //If the "Please Select" option is selected display error.
|
||
// alert("Please fill complete Details!");
|
||
// return false;
|
||
// }
|
||
// return true;
|
||
// }
|
||
|
||
|
||
$('#dohave').on('change', function () {
|
||
|
||
if ($('#dohave').val() == 'no') {
|
||
document.getElementById('division').style.display = 'block'
|
||
document.getElementById('dohave').value = "yes"
|
||
} else if ($('#dohave').val() == 'yes') {
|
||
document.getElementById('division').style.display = 'none'
|
||
document.getElementById('dohave').value = "no"
|
||
}
|
||
})
|
||
$('#experience').on('change', function () {
|
||
if ($('#experience').val() == 'no') {
|
||
document.getElementById('relevent').style.display = 'block'
|
||
document.getElementById('experience').value = "yes"
|
||
|
||
} else if ($('#experience').val() == 'yes') {
|
||
document.getElementById('relevent').style.display = 'none'
|
||
document.getElementById('experience').value = "no"
|
||
}
|
||
})
|
||
var select = document.getElementById("selectNumber");
|
||
var options = ['Afrikaans', 'Albanian', 'Amharic', 'Arabic', 'Armenian', 'Azerbaijani ', 'Basque', 'Belarusian',
|
||
'Bengali', 'Bosnian', 'Bulgarian', 'Catalan', 'Cebuano', 'Chinese-Simplified', 'Chinese-Traditional',
|
||
'Corsican', 'Croatian', 'Czech', 'Danish', 'Dutch', 'English', 'Esperanto', 'Estonian', 'Finnish',
|
||
'French', 'Frisian', 'Galician', 'Georgian', 'German', 'Greek', 'Gujrati', 'Haitian Creole', 'Hausa',
|
||
'Hawaiian', 'Hebrew', 'Hindi', 'Hmong', 'Hungarian', 'Icelandic', 'Igbo', 'Indonesian', 'Irish',
|
||
'Italian', 'Japanese', 'Javanese', 'Kannada', 'Kazak', 'Khmer', 'Kinyarwanda', 'Korean', 'Kurdish',
|
||
'Kyrgyz', 'Lao', 'Latin', 'Latvian', 'Lithuanian', 'Luxembourgish', 'Macedonian', 'Malagasy', 'Malay',
|
||
'Malayalam', 'Maltese', 'Maori', 'Marathi', 'Mayanmar', 'Mongolian', 'Nepali', 'Norwegian', 'Nyanja',
|
||
'Odia',
|
||
'Pashto', 'Persian', 'Polish', 'Portugese', 'Punjabi', 'Romanian', 'Russian', 'Samoan', 'Serbian',
|
||
'Scots Gaelic', 'Sesotho', 'Shona', 'Sindhi', 'Sinhala', 'Slovak', 'Slovenian', 'Somali', 'Spanish',
|
||
'Sundanese', 'Swahili', 'Swedish', 'Tagalog', 'Tamil', 'Tatar', 'Telugu', 'Thai', 'Turkish', 'Turkmen',
|
||
'Ukranian', 'Urdu', 'Uyghur', 'Uzbek', 'Vietnamese', 'Welsh', 'Xhosa', 'Yiddish', 'Yoruba', 'Zulu'
|
||
];
|
||
|
||
|
||
|
||
for (var i = 0; i < options.length; i++) {
|
||
var opt = options[i];
|
||
var el = document.createElement("option");
|
||
el.textContent = opt;
|
||
el.value = opt;
|
||
select.appendChild(el);
|
||
}
|
||
var language = "{{cd.language}}"
|
||
$("#selectNumber").val(language)
|
||
|
||
|
||
|
||
// father's mother tongue
|
||
var select = document.getElementById("fatherTongue");
|
||
var options = ['Afrikaans', 'Albanian', 'Amharic', 'Arabic', 'Armenian', 'Azerbaijani ', 'Basque', 'Belarusian',
|
||
'Bengali', 'Bosnian', 'Bulgarian', 'Catalan', 'Cebuano', 'Chinese-Simplified', 'Chinese-Traditional',
|
||
'Corsican', 'Croatian', 'Czech', 'Danish', 'Dutch', 'English', 'Esperanto', 'Estonian', 'Finnish',
|
||
'French', 'Frisian', 'Galician', 'Georgian', 'German', 'Greek', 'Gujrati', 'Haitian Creole', 'Hausa',
|
||
'Hawaiian', 'Hebrew', 'Hindi', 'Hmong', 'Hungarian', 'Icelandic', 'Igbo', 'Indonesian', 'Irish',
|
||
'Italian', 'Japanese', 'Javanese', 'Kannada', 'Kazak', 'Khmer', 'Kinyarwanda', 'Korean', 'Kurdish',
|
||
'Kyrgyz', 'Lao', 'Latin', 'Latvian', 'Lithuanian', 'Luxembourgish', 'Macedonian', 'Malagasy', 'Malay',
|
||
'Malayalam', 'Maltese', 'Maori', 'Marathi', 'Mayanmar', 'Mongolian', 'Nepali', 'Norwegian', 'Nyanja',
|
||
'Odia',
|
||
'Pashto', 'Persian', 'Polish', 'Portugese', 'Punjabi', 'Romanian', 'Russian', 'Samoan', 'Serbian',
|
||
'Scots Gaelic', 'Sesotho', 'Shona', 'Sindhi', 'Sinhala', 'Slovak', 'Slovenian', 'Somali', 'Spanish',
|
||
'Sundanese', 'Swahili', 'Swedish', 'Tagalog', 'Tamil', 'Tatar', 'Telugu', 'Thai', 'Turkish', 'Turkmen',
|
||
'Ukranian', 'Urdu', 'Uyghur', 'Uzbek', 'Vietnamese', 'Welsh', 'Xhosa', 'Yiddish', 'Yoruba', 'Zulu'
|
||
];
|
||
for (var i = 0; i < options.length; i++) {
|
||
var opt = options[i];
|
||
var el = document.createElement("option");
|
||
el.textContent = opt;
|
||
el.value = opt;
|
||
select.appendChild(el);
|
||
}
|
||
|
||
var language = "{{cd.language}}"
|
||
$("#fatherTongue").val(language)
|
||
|
||
var select = document.getElementById("motherTongue");
|
||
var options = ['Afrikaans', 'Albanian', 'Amharic', 'Arabic', 'Armenian', 'Azerbaijani ', 'Basque', 'Belarusian',
|
||
'Bengali', 'Bosnian', 'Bulgarian', 'Catalan', 'Cebuano', 'Chinese-Simplified', 'Chinese-Traditional',
|
||
'Corsican', 'Croatian', 'Czech', 'Danish', 'Dutch', 'English', 'Esperanto', 'Estonian', 'Finnish',
|
||
'French', 'Frisian', 'Galician', 'Georgian', 'German', 'Greek', 'Gujrati', 'Haitian Creole', 'Hausa',
|
||
'Hawaiian', 'Hebrew', 'Hindi', 'Hmong', 'Hungarian', 'Icelandic', 'Igbo', 'Indonesian', 'Irish',
|
||
'Italian', 'Japanese', 'Javanese', 'Kannada', 'Kazak', 'Khmer', 'Kinyarwanda', 'Korean', 'Kurdish',
|
||
'Kyrgyz', 'Lao', 'Latin', 'Latvian', 'Lithuanian', 'Luxembourgish', 'Macedonian', 'Malagasy', 'Malay',
|
||
'Malayalam', 'Maltese', 'Maori', 'Marathi', 'Mayanmar', 'Mongolian', 'Nepali', 'Norwegian', 'Nyanja',
|
||
'Odia',
|
||
'Pashto', 'Persian', 'Polish', 'Portugese', 'Punjabi', 'Romanian', 'Russian', 'Samoan', 'Serbian',
|
||
'Scots Gaelic', 'Sesotho', 'Shona', 'Sindhi', 'Sinhala', 'Slovak', 'Slovenian', 'Somali', 'Spanish',
|
||
'Sundanese', 'Swahili', 'Swedish', 'Tagalog', 'Tamil', 'Tatar', 'Telugu', 'Thai', 'Turkish', 'Turkmen',
|
||
'Ukranian', 'Urdu', 'Uyghur', 'Uzbek', 'Vietnamese', 'Welsh', 'Xhosa', 'Yiddish', 'Yoruba', 'Zulu'
|
||
];
|
||
for (var i = 0; i < options.length; i++) {
|
||
var opt = options[i];
|
||
var el = document.createElement("option");
|
||
el.textContent = opt;
|
||
el.value = opt;
|
||
select.appendChild(el);
|
||
}
|
||
var language = "{{cd.language}}"
|
||
$("#motherTongue").val(language)
|
||
|
||
var select = document.getElementById("firstLanguage");
|
||
var options = ['Afrikaans', 'Albanian', 'Amharic', 'Arabic', 'Armenian', 'Azerbaijani ', 'Basque', 'Belarusian',
|
||
'Bengali', 'Bosnian', 'Bulgarian', 'Catalan', 'Cebuano', 'Chinese-Simplified', 'Chinese-Traditional',
|
||
'Corsican', 'Croatian', 'Czech', 'Danish', 'Dutch', 'English', 'Esperanto', 'Estonian', 'Finnish',
|
||
'French', 'Frisian', 'Galician', 'Georgian', 'German', 'Greek', 'Gujrati', 'Haitian Creole', 'Hausa',
|
||
'Hawaiian', 'Hebrew', 'Hindi', 'Hmong', 'Hungarian', 'Icelandic', 'Igbo', 'Indonesian', 'Irish',
|
||
'Italian', 'Japanese', 'Javanese', 'Kannada', 'Kazak', 'Khmer', 'Kinyarwanda', 'Korean', 'Kurdish',
|
||
'Kyrgyz', 'Lao', 'Latin', 'Latvian', 'Lithuanian', 'Luxembourgish', 'Macedonian', 'Malagasy', 'Malay',
|
||
'Malayalam', 'Maltese', 'Maori', 'Marathi', 'Mayanmar', 'Mongolian', 'Nepali', 'Norwegian', 'Nyanja',
|
||
'Odia',
|
||
'Pashto', 'Persian', 'Polish', 'Portugese', 'Punjabi', 'Romanian', 'Russian', 'Samoan', 'Serbian',
|
||
'Scots Gaelic', 'Sesotho', 'Shona', 'Sindhi', 'Sinhala', 'Slovak', 'Slovenian', 'Somali', 'Spanish',
|
||
'Sundanese', 'Swahili', 'Swedish', 'Tagalog', 'Tamil', 'Tatar', 'Telugu', 'Thai', 'Turkish', 'Turkmen',
|
||
'Ukranian', 'Urdu', 'Uyghur', 'Uzbek', 'Vietnamese', 'Welsh', 'Xhosa', 'Yiddish', 'Yoruba', 'Zulu'
|
||
];
|
||
for (var i = 0; i < options.length; i++) {
|
||
var opt = options[i];
|
||
var el = document.createElement("option");
|
||
el.textContent = opt;
|
||
el.value = opt;
|
||
select.appendChild(el);
|
||
}
|
||
|
||
var select = document.getElementById("secondLanguage");
|
||
var options = ['Afrikaans', 'Albanian', 'Amharic', 'Arabic', 'Armenian', 'Azerbaijani ', 'Basque', 'Belarusian',
|
||
'Bengali', 'Bosnian', 'Bulgarian', 'Catalan', 'Cebuano', 'Chinese-Simplified', 'Chinese-Traditional',
|
||
'Corsican', 'Croatian', 'Czech', 'Danish', 'Dutch', 'English', 'Esperanto', 'Estonian', 'Finnish',
|
||
'French', 'Frisian', 'Galician', 'Georgian', 'German', 'Greek', 'Gujrati', 'Haitian Creole', 'Hausa',
|
||
'Hawaiian', 'Hebrew', 'Hindi', 'Hmong', 'Hungarian', 'Icelandic', 'Igbo', 'Indonesian', 'Irish',
|
||
'Italian', 'Japanese', 'Javanese', 'Kannada', 'Kazak', 'Khmer', 'Kinyarwanda', 'Korean', 'Kurdish',
|
||
'Kyrgyz', 'Lao', 'Latin', 'Latvian', 'Lithuanian', 'Luxembourgish', 'Macedonian', 'Malagasy', 'Malay',
|
||
'Malayalam', 'Maltese', 'Maori', 'Marathi', 'Mayanmar', 'Mongolian', 'Nepali', 'Norwegian', 'Nyanja',
|
||
'Odia',
|
||
'Pashto', 'Persian', 'Polish', 'Portugese', 'Punjabi', 'Romanian', 'Russian', 'Samoan', 'Serbian',
|
||
'Scots Gaelic', 'Sesotho', 'Shona', 'Sindhi', 'Sinhala', 'Slovak', 'Slovenian', 'Somali', 'Spanish',
|
||
'Sundanese', 'Swahili', 'Swedish', 'Tagalog', 'Tamil', 'Tatar', 'Telugu', 'Thai', 'Turkish', 'Turkmen',
|
||
'Ukranian', 'Urdu', 'Uyghur', 'Uzbek', 'Vietnamese', 'Welsh', 'Xhosa', 'Yiddish', 'Yoruba', 'Zulu'
|
||
];
|
||
for (var i = 0; i < options.length; i++) {
|
||
var opt = options[i];
|
||
var el = document.createElement("option");
|
||
el.textContent = opt;
|
||
el.value = opt;
|
||
select.appendChild(el);
|
||
}
|
||
|
||
|
||
// API for countries cities state
|
||
|
||
$(document).ready(function () {
|
||
//-------------------------------SELECT CASCADING-------------------------//
|
||
var selectedCountry = (selectedRegion = selectedCity = "");
|
||
|
||
// This is a demo API key that can only be used for a short period of time, and will be unavailable soon. You should rather request your API key (free) from http://battuta.medunes.net/
|
||
var BATTUTA_KEY = document.getElementById("batutakey").value
|
||
// Populate country select box from battuta API
|
||
url =
|
||
"https://battuta.medunes.net/api/country/all/?key=" +
|
||
BATTUTA_KEY +
|
||
"&callback=?";
|
||
|
||
// EXTRACT JSON DATA.
|
||
$.getJSON(url, function (data) {
|
||
console.log(data);
|
||
$.each(data, function (index, value) {
|
||
// APPEND OR INSERT DATA TO SELECT ELEMENT.
|
||
$("#country").append(
|
||
'<option value="' + value.code + '">' + value.name + "</option>"
|
||
);
|
||
});
|
||
});
|
||
// Country selected --> update region list .
|
||
$("#country").change(function () {
|
||
selectedCountry = this.options[this.selectedIndex].text;
|
||
countryCode = $("#country").val();
|
||
// Populate country select box from battuta API
|
||
url =
|
||
"https://battuta.medunes.net/api/region/" +
|
||
countryCode +
|
||
"/all/?key=" +
|
||
BATTUTA_KEY +
|
||
"&callback=?";
|
||
$.getJSON(url, function (data) {
|
||
$("#region option").remove();
|
||
$.each(data, function (index, value) {
|
||
// APPEND OR INSERT DATA TO SELECT ELEMENT.
|
||
$("#region").append(
|
||
'<option value="' + value.region + '">' + value.region +
|
||
"</option>"
|
||
);
|
||
});
|
||
});
|
||
});
|
||
|
||
// Region selected --> updated city list
|
||
$("#region").on("change", function () {
|
||
selectedRegion = this.options[this.selectedIndex].text;
|
||
// Populate country select box from battuta API
|
||
countryCode = $("#country").val();
|
||
region = $("#region").val();
|
||
url =
|
||
"https://battuta.medunes.net/api/city/" +
|
||
countryCode +
|
||
"/search/?region=" +
|
||
region +
|
||
"&key=" +
|
||
BATTUTA_KEY +
|
||
"&callback=?";
|
||
$.getJSON(url, function (data) {
|
||
console.log(data);
|
||
$("#city option").remove();
|
||
$.each(data, function (index, value) {
|
||
// APPEND OR INSERT DATA TO SELECT ELEMENT.
|
||
$("#city").append(
|
||
'<option value="' + value.city + '">' + value.city +
|
||
"</option>"
|
||
);
|
||
});
|
||
});
|
||
});
|
||
// city selected --> update location string
|
||
$("#city").on("change", function () {
|
||
selectedCity = this.options[this.selectedIndex].text;
|
||
$("#location").html(
|
||
"Locatation: Country: " +
|
||
selectedCountry +
|
||
", Region: " +
|
||
selectedRegion +
|
||
", City: " +
|
||
selectedCity
|
||
);
|
||
});
|
||
});
|
||
// ////////////////
|
||
function myFunction() {
|
||
var x = document.getElementById("myDIV");
|
||
if (x.style.display === "none") {
|
||
x.style.display = "block";
|
||
} else {
|
||
x.style.display = "none";
|
||
}
|
||
}
|
||
// //////
|
||
function myFunction1() {
|
||
var x = document.getElementById("myDIV1");
|
||
if (x.style.display === "none") {
|
||
x.style.display = "block";
|
||
} else {
|
||
x.style.display = "none";
|
||
}
|
||
}
|
||
// ////
|
||
function myFunction2() {
|
||
var x = document.getElementById("myDIV2");
|
||
if (x.style.display === "none") {
|
||
x.style.display = "block";
|
||
} else {
|
||
x.style.display = "none";
|
||
}
|
||
}
|
||
// /////////////
|
||
function myFunction3() {
|
||
var x = document.getElementById("myDIV3");
|
||
if (x.style.display === "none") {
|
||
x.style.display = "block";
|
||
} else {
|
||
x.style.display = "none";
|
||
}
|
||
}
|
||
</script>
|
||
<script>
|
||
$('.lppcontact').on('keypress', function (event) {
|
||
var regex = new RegExp("^[0-9]+$");
|
||
var key = String.fromCharCode((!event.charCode) ? event.which : event.charCode);
|
||
if (!regex.test(key)) {
|
||
event.preventDefault();
|
||
return false;
|
||
}
|
||
});
|
||
</script>
|
||
<script>
|
||
$(document).ready(function () {
|
||
$(".checkcheckbox").click(function () {
|
||
if ($("input:checkbox").filter(":checked").length <= 1) {
|
||
$('#errchoose').show();
|
||
return false;
|
||
} else {
|
||
$('.errchoose').hide();
|
||
return true;
|
||
}
|
||
})
|
||
});
|
||
</script>
|
||
<script>
|
||
$('.textvalidation').on('keypress', function (event) {
|
||
var regex1 = new RegExp("^[a-zA-Z ]+$");
|
||
var key = String.fromCharCode((!event.charCode) ? event.which : event.charCode);
|
||
if (!regex1.test(key)) {
|
||
event.preventDefault();
|
||
return false;
|
||
}
|
||
|
||
});
|
||
</script>
|
||
<script>
|
||
$('.numvalidation').on('keypress', function (event) {
|
||
var regex1 = new RegExp("^[0-9]+$");
|
||
var key = String.fromCharCode((!event.charCode) ? event.which : event.charCode);
|
||
if (!regex1.test(key)) {
|
||
event.preventDefault();
|
||
return false;
|
||
}
|
||
|
||
});
|
||
</script>
|
||
<script>
|
||
$('.emailvalidation').on('keypress', function (event) {
|
||
var regex1 = new RegExp("^[a-zA-Z0-9.@]+$");
|
||
var key = String.fromCharCode((!event.charCode) ? event.which : event.charCode);
|
||
if (!regex1.test(key)) {
|
||
event.preventDefault();
|
||
return false;
|
||
}
|
||
});
|
||
</script>
|
||
<script>
|
||
$('.textNumbervalidation').on('keypress', function (event) {
|
||
var regex1 = new RegExp("^[a-zA-Z1-9 ]+$");
|
||
var key = String.fromCharCode((!event.charCode) ? event.which : event.charCode);
|
||
if (!regex1.test(key)) {
|
||
event.preventDefault();
|
||
return false;
|
||
}
|
||
|
||
});
|
||
</script>
|
||
<script>
|
||
$(document).ready(function () {
|
||
$(".checkresbox").click(function () {
|
||
if ($("input:checkbox").filter(":checked").length <= 1) {
|
||
$('#errchooseres').show();
|
||
return false;
|
||
} else {
|
||
$('.errchooseres').hide();
|
||
return true;
|
||
}
|
||
})
|
||
})
|
||
</script>
|
||
<script>
|
||
function choosescriptfun(optionn) {
|
||
if ($('#Choosescript').click) {
|
||
$('#lppselectdata').show();
|
||
} else {
|
||
$('#lppselectdata').hide();
|
||
}
|
||
if ($(optionn).click) {
|
||
$('#lppselectdata').show();
|
||
} else {
|
||
$('#lppselectdata').hid();
|
||
}
|
||
}
|
||
</script>
|
||
<script>
|
||
$('.upload_sample_anylisis').on("change", function (e) {
|
||
let ext = this.value.split('.').pop();
|
||
if (ext.toLowerCase() === 'pdf') {
|
||
|
||
} else {
|
||
alert("Invalid file format. Only .pdf file are accept ");
|
||
this.value = '';
|
||
e.preventDefault();
|
||
}
|
||
})
|
||
</script>
|
||
|
||
<script>
|
||
function dataScript() {
|
||
var firstLanguage = document.getElementById("firstLanguage").value;
|
||
var secondLanguage = document.getElementById("secondLanguage").value;
|
||
console.log("7878111111111111");
|
||
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: '{% url "datascriptslpp" %}',
|
||
data: {
|
||
'firstlang': firstLanguage,
|
||
'secondlang': secondLanguage,
|
||
csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken').val()
|
||
|
||
},
|
||
success: function (data) {
|
||
// document.getElementById('#my_data').style = "Display:none";
|
||
<!-- alert("Successfully added script")-->
|
||
console.log("funnnnnnnnnnnnnnnnnnnnnnnnnnnnnn");
|
||
console.log(data);
|
||
|
||
var word = JSON.stringify(data["data"]);
|
||
ourNewWord = word.replace('[', '');
|
||
|
||
ourNewWord = ourNewWord.replace(']', '');
|
||
|
||
|
||
const split_string = ourNewWord.split(",");
|
||
|
||
|
||
var x = document.getElementById("datascriptlpp");
|
||
|
||
|
||
|
||
$('#datascriptlpp').empty()
|
||
for (let i = 0; i < split_string.length; i++) {
|
||
const str = split_string[i];
|
||
const removed = str.replaceAll('"', '');
|
||
|
||
var option = document.createElement("option");
|
||
|
||
|
||
option.text = removed;
|
||
option.value = split_string[i];
|
||
x.add(option);
|
||
|
||
|
||
};
|
||
|
||
}
|
||
});
|
||
}
|
||
</script>
|
||
|
||
|
||
<script>
|
||
function datadilect(id1, id2) {
|
||
var lang = document.getElementById(id1).value;
|
||
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: '{% url "datadilectlpp" %}',
|
||
data: {
|
||
'lang': lang,
|
||
|
||
csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken').val()
|
||
|
||
},
|
||
success: function (data) {
|
||
// document.getElementById('#my_data').style = "Display:none";
|
||
|
||
|
||
var word = JSON.stringify(data["datadilect"]);
|
||
|
||
ourNewWord = word.replace('[', '');
|
||
ourNewWord = ourNewWord.replace(']', '');
|
||
const split_string = ourNewWord.split(",");
|
||
var x = document.getElementById(id2);
|
||
|
||
|
||
$('#' + id2).empty()
|
||
for (let i = 0; i < split_string.length; i++) {
|
||
|
||
const str = split_string[i];
|
||
|
||
const removed = str.replaceAll('"', '');
|
||
|
||
var option = document.createElement("option");
|
||
option.text = removed;
|
||
option.value = split_string[i];
|
||
|
||
x.add(option);
|
||
};
|
||
}
|
||
});
|
||
}
|
||
</script>
|
||
<script>
|
||
function checkSelectOptions() {
|
||
var select = document.getElementById("region");
|
||
if (select.options.length === 1) {
|
||
alert("Please Select the Country First");
|
||
}
|
||
}
|
||
function checkSelectOptions2() {
|
||
var select = document.getElementById("city");
|
||
if (select.options.length === 1) {
|
||
alert("Please Select the State First");
|
||
}
|
||
}
|
||
function check_lang_select(){
|
||
console.log("yes it's running");
|
||
const select1 = document.getElementById("firstLanguage");
|
||
const select2 = document.getElementById("secondLanguage");
|
||
|
||
if (select1.value !== "" && select2.value !== "") {
|
||
console.log("Both select elements are selected.");
|
||
dataScript();
|
||
} else {
|
||
console.log("Please first Select Source and Target Language");
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<script>
|
||
//for centralDatabase manoj
|
||
if ('{{cd}}') {
|
||
var code = '{{cd.countryCode}}';
|
||
var phone = '{{cd.contact}}';
|
||
var country = '{{cd.country}}';
|
||
var degree = '{{cd.degree}}';
|
||
if (code != "None") {
|
||
$("#code").val(code)
|
||
}
|
||
if (phone != "None") {
|
||
$("#numberphone").val(phone)
|
||
}
|
||
$("#country").val(country)
|
||
$("#degreetemp").val(degree)
|
||
$("#degreetemp2").val(degree)
|
||
} else {
|
||
console.log("not found data")
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
{%endblock%} |