diff --git a/Divyansh mantri/index.html b/Divyansh mantri/index.html new file mode 100644 index 0000000..355b538 --- /dev/null +++ b/Divyansh mantri/index.html @@ -0,0 +1,48 @@ + + + + + + Login + + + + + + + + +
+ +

LOGIN

+ + +

Enter your details:

+
+
+

+
+

+
+
+ +

+
+

+
+

+
+ +

Age

+ + + +

+ + + + +
+ + + diff --git a/Divyansh mantri/main.css b/Divyansh mantri/main.css new file mode 100644 index 0000000..dde8e1d --- /dev/null +++ b/Divyansh mantri/main.css @@ -0,0 +1,96 @@ + + * { + box-sizing: border-box; +} + +body { + font-family: "open sans", helvetica, arial, sans; + +} +.logo{ + width: 200px; + + + +} +.log-form { + width: 100%; + min-width: 320px; + max-width: 475px; + background:grey; + position: absolute; + top: 70%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +h2 { + text-align:left; + color:white; +} + +.log-form { + padding: 2em; + -webkit-box-shadow: 4px -1px 53px -7px rgba(138, 138, 138, 0.30); + -moz-box-shadow: 4px -1px 53px -7px rgba(138, 138, 138, 0.30); + box-shadow: 4px -1px 53px -7px rgba(138, 138, 138, 0.30); +} + +form { + display: block; + text-align: center; + width: 100%; +} + +/* ========================WRITE YOUR CSS FROM HERE======================== */ +body{ + background-color:powderblue; +} +h1 { + text-align: center; + color:white; + font-style:italic; + +} + +input[type=text] { + width: 200px; + padding: 20px; + height: 20px; + border-radius: 20px; +} +input[type=email] { + width: 200px; + padding: 20px; + height: 20px; + border-radius: 20px; + +} +input[type=password] { + width: 200px; + padding: 20px; + height: 20px; + border-radius: 20px; + +} +input[type=number] { + width: 200px; + padding: 20px; + height: 20px; + border-radius: 20px; + +} +#message{ + border-radius: 20px; +} +.btn{ + background-color:black; + color:white; + padding:20px; + border-radius:20px ; + width: 200px; +} diff --git a/Divyansh mantri/main.js b/Divyansh mantri/main.js new file mode 100644 index 0000000..f473725 --- /dev/null +++ b/Divyansh mantri/main.js @@ -0,0 +1,24 @@ +function val() +{ +var pno=document.getElementById("phno").value; +var pno1=/^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/; +if(pno.length===10 && pno.match(pno1)) +{ +document.getElementById("message").style.color="green"; +document.getElementById("message").innerHTML="valid no"; +} +else +{ +document.getElementById("message").style.color="red"; +document.getElementById("message").innerHTML="invalid no"; +} +} +function val1() +{ +var pass=document.getElementById("pass").value; +var cpass=document.getElementById("cpass").value; +if(pass!=cpass) +{ + alert("password and confirm password should match"); +} +} diff --git a/Divyansh mantri/text b/Divyansh mantri/text new file mode 100644 index 0000000..71db77c --- /dev/null +++ b/Divyansh mantri/text @@ -0,0 +1,3 @@ +NAME-DIVYANSH MANTRI +COLLEGE-VIT VELLORE +YEAR AND BRANCH -SECOND YEAR COMPUTER SCIENCE diff --git a/LoginPageTask/index.html b/LoginPageTask/index.html index 64e63c7..a7cb0fb 100644 --- a/LoginPageTask/index.html +++ b/LoginPageTask/index.html @@ -37,7 +37,37 @@ -
+
Username
+

+
+

+
+
+ +

+
+

+
+

+
+ +

Age

+ + + +

+ + + + +=======

Enter your details

@@ -75,11 +105,13 @@

Enter your details

+
- + + diff --git a/LoginPageTask/main.css b/LoginPageTask/main.css index 4385ef0..bc28371 100644 --- a/LoginPageTask/main.css +++ b/LoginPageTask/main.css @@ -44,5 +44,108 @@ h2 { form { display: block; text-align: center; - width: 100%; -} \ No newline at end of file + width: 1 +} + +/* ========================WRITE YOUR CSS FROM HERE======================== */ + + + +======= +.submit-button +{ + margin-top:15px; + width:100%; + text-align:center; + padding:6px; + font-size:15px; + +} +.hero-section +{ + background-color:white; +} +.nav-section +{ + background-color:#646464; + padding:3px; + position: fixed; +} +li.nav-item +{ +color:white; + +} +div.form-group +{ + margin-top:1.4rem; + padding:5px; + font-family: 'PT Sans', sans-serif; + letter-spacing: 3px; + font-weight: bold; + color: black; +} + +input.form-control +{ + + box-shadow: 0.5px 0.2px #5b5b5b; +} + +textarea.form-control +{ + box-shadow: 0.5px 0.2px #5b5b5b; +} + +/* ========================WRITE YOUR CSS FROM HERE======================== */ +======= +} +body{ + background-color:powderblue; +} +h1 { + text-align: center; + color:white; + font-style:italic; + +} + +input[type=text] { + width: 200px; + padding: 20px; + height: 20px; + border-radius: 20px; +} +input[type=email] { + width: 200px; + padding: 20px; + height: 20px; + border-radius: 20px; + +} +input[type=password] { + width: 200px; + padding: 20px; + height: 20px; + border-radius: 20px; + +} +input[type=number] { + width: 200px; + padding: 20px; + height: 20px; + border-radius: 20px; + +} +#message{ + border-radius: 20px; +} +.btn{ + background-color:black; + color:white; + padding:20px; + border-radius:20px ; + width: 200px; +} + + diff --git a/LoginPageTask/main.js b/LoginPageTask/main.js index 12d1050..cdab177 100644 --- a/LoginPageTask/main.js +++ b/LoginPageTask/main.js @@ -1,4 +1,30 @@ /* ========================WRITE YOUR JS FROM HERE======================== */ + +function val() +{ +var pno=document.getElementById("phno").value; +var pno1=/^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/; +if(pno.length===10 && pno.match(pno1)) +{ +document.getElementById("message").style.color="green"; +document.getElementById("message").innerHTML="valid no"; +} +else +{ +document.getElementById("message").style.color="red"; +document.getElementById("message").innerHTML="invalid no"; +} +} +function val1() +{ +var pass=document.getElementById("pass").value; +var cpass=document.getElementById("cpass").value; +if(pass!=cpass) +{ + alert("password and confirm password should match"); +} +} +======= function validateForm() { var x = document.forms["myForm"]["user"].value; console.log(x); @@ -41,4 +67,5 @@ else alert( "Please provide your valid password" ); return false - } \ No newline at end of file + } +