Conversion_Kitchen_Code/kitchen_counter/lpp/templates/lpp/lifeform.html

1980 lines
79 KiB
HTML
Executable File

<!DOCTYPE html>
<html lang="en">
<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">
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<title>Document</title>
</head>
<style>
/* ------------------- */
/* TEMPLATE -- */
/* ----------------- */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900,300);
@import url(http://weloveiconfonts.com/api/?family=fontawesome);
* {
box-sizing: border-box;
}
body {
background-color: rgb(255,226,229);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
font-size: 1rem;
font-family: 'Lato';
}
h1 {
font-size: 2em;
color: whitesmoke;
font-weight: 400;
margin-bottom: 0.5em;
margin-top: 0;
}
p {
font-size: 1em;
color: whitesmoke;
margin-bottom: 1em;
margin-top: 0;
}
a {
color: dodgerblue;
text-decoration: none;
border-bottom: 1px dotted;
}
a:hover {
color: tomato;
}
.container {
background-color:#fff;
box-shadow: 0 14px 28px rgb(235, 111, 111), 0 10px 10px rgb(236, 111, 111);
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
max-width: 80vw;
height: 100%;
margin: 0 auto;
padding: 1.5em;
border-radius: 15px;
margin-top: 50px;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
form>div {
display: flex;
flex-wrap: wrap;
}
form>div>p {
min-width: 33.33%;
padding: 10px;
}
form p {
color:rgb(238,60,77);
}
/* ------------------- */
/* Form Styles
/* ----------------- */
form>div {
margin-bottom: 1em;
}
button,
input,
optgroup,
select,
keygen::-webkit-keygen-select,
select[_moz-type="-mozilla-keygen"],
textarea {
color: #413f3f8c;
font: rgb(238, 60, 77);
margin: 0;
margin-top: 0.5em;
width: 250px;
}
label {
display: block;
margin: 0.75em 0;
font-weight: bold;
}
input[type="radio"]+label,
input[type="checkbox"]+label {
margin: 0;
font-weight: 400;
}
button,
input[type=button],
input[type=reset],
input[type=submit],
{
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
/* input {
line-height: normal;
} */
textarea {
line-height: 1.25em;
}
select {
border: 1px solid #ccc;
background-color:transparent;
border-radius: 20px;
}
.dots {
color: rgb(243, 98, 98);
color: color;
height: 8px;
border-width: 0 0 8px;
border-style: solid;
border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1" width="8" height="4"><circle fill="#{$color}" cx="1" cy="0.5" r="0.5"/></svg>') 0 0 100% repeat;
width: 216px;
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0;
display: block;
margin-right: 0.25em;
margin-top: 2px;
float: left;
clear: both;
border-radius: 20px;
}
input[type=search] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=date],
input[type=month],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=week],
input[type=number],
input[type=search],
input[type=tel],
input[type=color],
select[_moz-type="-mozilla-keygen"],
keygen::-webkit-keygen-select,
select,
textarea {
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
background-color: transparent;
border-radius: 2px;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
padding: 0.5em 0.6em;
margin-bottom: 0.5em;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.13), 0 10px 10px rgba(0, 0, 0, 0.116);
border-radius: 20px;
}
#select {
width: 245px;
margin-top: -5px;
border: 2px solid #ccc;
}
input[type=color] {
padding: 0;
}
input:not([type]) {
display: inline-block;
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0.5em 0.6em;
}
input[type=color] {
padding: 0.2em 0.5em;
}
input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
outline: 1px auto #129FEA;
}
input[readonly],
select[readonly],
textarea[readonly] {
background-color: #eee;
color: #777;
border-color: #ccc;
}
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
color: #413f3f8c;
border-color: #e9322d;
}
input[type=file]:focus:invalid:focus,
input[type=radio]:focus:invalid:focus,
input[type=checkbox]:focus:invalid:focus {
outline-color: #e9322d;
}
/* Style your form buttons. Follow your heart */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
display: inline-block;
padding: 8px 12px;
color: white;
background-color: tomato;
border: 0;
cursor: pointer;
transition: all 300ms ease;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
background-color: royalblue;
}
legend {
font-family: Helvetica, sans-serif;
color:rgb(238,60,77);
text-shadow: 1px 1px #0000008f;
}
::placeholder {
color: #413f3f8c;
}
#width1{
width: 100%;
}
#width2{
width: 95%;
}
#width3{
width: 100%;
}
#width4{
width: 95%;
}
#width5{
width: 100%;
}
#width6{
width: 95%;
}
#width7{
width: 100%;
}
#width8{
width: 95%;
}
#button{
margin-left: 30vw;
}
@media only screen and (max-width: 700px) {
/* #wis1{
width: 100%;
}
#wis2{
width: 95%;
} */
button,
input,
optgroup,
label,
p,
select,
keygen::-webkit-keygen-select,
select[_moz-type="-mozilla-keygen"],
textarea {
width: 65vw;
}
#button{
margin-left: 2vw;
}
#select {
width: 65vw;
}
}
</style>
<body>
<div class="container" >
<div class="dropdown" style="margin-bottom: 50px;">
<button class="btn dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color: rgb(255,226,229);color:rgb(238,60,77)">
Register as:
</button>
<div class="dropdown-menu" id="dropdown-menu" aria-labelledby="dropdownMenuButton" style="position: absolute;top:60px;left:82px;">
<a class="dropdown-item" href="#">Student</a>
<a class="dropdown-item" href="#">Institute</a>
<a class="dropdown-item" href="#">Corporate</a>
</div>
</div>
<!-- <h1>Some Basic Form Styling</h1> -->
<div class="stydent" style="display: none;">
<form>
<legend>Personal Info</legend>
<hr class="dots">
<div>
<p id="wis1">
<label >
Name*<br>
<input type="text" id="wis2" placeholder="Enter Name">
</label>
</p>
<p>
<label for="institutetype1">Country Code*</label>
<select id="select" required id="institutetype1">
<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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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>
</select>
</p>
<p>
<label>
Number*<br>
<input type="number" placeholder="123456789">
</label>
</p>
<p>
<label>
Email*<br>
<input type="email" placeholder="something@email.com">
</label>
</p>
<p>
<label for="institutetype1">Country Code</label>
<select id="select" id="institutetype1">
<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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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>
</select>
</p>
<p>
<label>
Alternative Number<br>
<input type="tel" placeholder="(123) 456-7890">
</label>
</p>
</div>
<legend>Institutional Info</legend>
<hr class="dots">
<div>
<p id="width1">
<label >
Institute Name*<br>
<select id="width2" required onchange="otherfun(this.value)" >
<option value="" disabled selected>Select...</option>
<option value="Other">Other</option>
<option>This is option 1</option>
<option>This is option 2</option>
<option>This is option 3</option>
</select>
</label>
</p>
<p id="width4" style="display:none">
<label >
Not Found<br>
<input id="width3" type="text" placeholder="Enter Institute Name" >
</label>
</p>
<p id="width5">
<label>
Institute Type*<br>
<select id="width6">
<option value="" required disabled selected>Select...</option>
<option>This is option 1</option>
<option>This is option 2</option>
<option>This is option 3</option>
</select>
</label>
</p>
<p id="width7">
<label>
Address*<br>
<input id="width8" type="email" placeholder="Please Enter Address">
</label>
</p>
<p>
<label>
country*<br>
<select required>
<option value="" disabled selected>Select...</option>
<option>This is option 1</option>
<option>This is option 2</option>
<option>This is option 3</option>
</select>
</label>
</p>
<p>
<label>
Distric*<br>
<select required>
<option value="" disabled selected>Select...</option>
<option>This is option 1</option>
<option>This is option 2</option>
<option>This is option 3</option>
</select>
</label>
</p>
<p>
<label>
city<br>
<select>
<option value="" disabled selected>Select...</option>
<option>This is option 1</option>
<option>This is option 2</option>
<option>This is option 3</option>
</select>
</label>
</p>
<p>
<label>
Date*<br>
<input required type="date">
</label>
</p>
</div>
<legend>KYC Verification</legend>
<hr class="dots">
<div>
<p>Upload Your College ID</p>
<p>
<label>
Front*<br>
<input required type="file" name="file" id="file">
</label>
</p>
<p>
<label>
Back*<br>
<input required type="file" name="file" id="file">
</label>
</p>
<p>
<label>
Your Register Date Will Be*<br>
<input type="text" placeholder='08/09/2022' readonly>
</label>
</p><br>
<div>
<p>
<label>
Password*<br>
<input type="password" placeholder="Password" id="password" required>
</label>
</p><br>
<p>
<label>
Confirm*<br>
<input type="password" placeholder="Confirm Password" id="confirm_password" required>
</label>
</p>
</div>
</div>
<button type="submit" id="button">Submit</button>
</form>
</div>
<div class="institute">
<form>
<legend>Institutional Info</legend>
<hr class="dots">
<div>
<p id="width1">
<label >
Institute Name*<br>
<select id="width2" required onchange="otherfun(this.value)" >
<option value="" disabled selected>Select...</option>
<option value="Other">Other</option>
<option>This is option 1</option>
<option>This is option 2</option>
<option>This is option 3</option>
</select>
</label>
</p>
<p id="width4" style="display:none">
<label >
Not Found<br>
<input id="width3" type="text" placeholder="Enter Institute Name" >
</label>
</p>
<p id="width5">
<label>
Institute Type*<br>
<select id="width6">
<option value="" required disabled selected>Select...</option>
<option>This is option 1</option>
<option>This is option 2</option>
<option>This is option 3</option>
</select>
</label>
</p>
<p id="width7">
<label>
Address*<br>
<input id="width8" type="email" placeholder="Please Enter Address">
</label>
</p>
<p>
<label>
country*<br>
<select required>
<option value="" disabled selected>Select...</option>
<option>This is option 1</option>
<option>This is option 2</option>
<option>This is option 3</option>
</select>
</label>
</p>
<p>
<label>
Distric*<br>
<select required>
<option value="" disabled selected>Select...</option>
<option>This is option 1</option>
<option>This is option 2</option>
<option>This is option 3</option>
</select>
</label>
</p>
<p>
<label>
city<br>
<select>
<option value="" disabled selected>Select...</option>
<option>This is option 1</option>
<option>This is option 2</option>
<option>This is option 3</option>
</select>
</label>
</p>
<p>
<label>
Email*<br>
<input type="email" placeholder="something@email.com">
</label>
<p>
<legend>Personal Info</legend>
<hr class="dots">
<div>
<p id="wis1">
<label >
Name*<br>
<input type="text" id="wis2" placeholder="Enter Name">
</label>
</p>
<p>
<label>
Number*<br>
<input type="number" placeholder="123456789">
</label>
</p>
<label>
Alternative Number<br>
<input type="tel" placeholder="(123) 456-7890">
</label>
</p>
</div>
</div>
</div>
<div>
<p>
<label>
Password*<br>
<input type="password" placeholder="Password" id="password" required>
</label>
</p><br>
<p>
<label>
Confirm*<br>
<input type="password" placeholder="Confirm Password" id="confirm_password" required>
</label>
</p>
</div>
</div>
<button type="submit" id="button2">Submit</button>
</form>
</div>
</div>
</body>
<script>
var password = document.getElementById("password")
, confirm_password = document.getElementById("confirm_password");
function validatePassword(){
if(password.value != confirm_password.value) {
confirm_password.setCustomValidity("Passwords Don't Match");
} else {
confirm_password.setCustomValidity('');
}
}
password.onchange = validatePassword;
confirm_password.onkeyup = validatePassword;
function otherfun(value) {
if (value == "Other") {
document.getElementById('width4').style.display = "Block";
// document.getElementById('wid3').style.display = "Block";
} else {
document.getElementById('width4').style.display = "none";
// document.getElementById('wid3').style.display = "none";
}
}
</script>
</html>