diff --git a/LoginPageTask/index.html b/LoginPageTask/index.html index 99031f8..bbb9791 100644 --- a/LoginPageTask/index.html +++ b/LoginPageTask/index.html @@ -3,33 +3,85 @@ - - - - Login - - - - - - - -
-

Enter your details

-
- - - - - -

Age

- - - - - -
-
- - - \ No newline at end of file + + Title + + + + + + + + + + + + +
+
+
+

Enter Your Details

+
+
+
+
+ +
+ +
Username is required
+
+
+
+ +
+ +
Email is required
+
+
+
+ +
+ +
Password is required
+
+
+
+ +
+ +
Conform Password is required
+
+
+
+ +
+ +
Message is required
+
+
+
+ +
+
+ + +
+
+ + +
+
+
+
+
+ +
+
+
+
+
+ + diff --git a/LoginPageTask/main.css b/LoginPageTask/main.css index 5991bf3..dedc949 100644 --- a/LoginPageTask/main.css +++ b/LoginPageTask/main.css @@ -1,41 +1,37 @@ -* { - box-sizing: border-box; -} - -body { - font-family: "open sans", helvetica, arial, sans; -} -.logo{ - width: 100px; -} -.log-form { - width: 100%; - min-width: 320px; - max-width: 475px; - background: #fff; - position: absolute; - top: 50%; - 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: center; -} -.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======================== */ \ No newline at end of file +body{ + background: lightgoldenrodyellow; +} +.container{ + font-family: Arial, Helvetica, sans-serif; + background: darkslategrey; + max-width: 100%; + margin: 37px auto; + padding: 10px 10px 10px; + text-align: center; + border: 2px solid rgb(247, 210, 90); + border-radius: 20px; +} +.detail{ + margin-top: 50px; +} +.heading{ + background-color: rgb(72, 255, 72); + text-align: center; + padding: 20px; + color: rgb(238, 12, 106); +} +.element{ + color: rgb(245, 135, 91); + text-align: start; +} +.input{ + color: rgb(211, 27, 186); +} +.item{ + color: white; +} +.submit{ + width: 150px; + text-align: center; + margin:0 auto; +} diff --git a/LoginPageTask/main.js b/LoginPageTask/main.js index 05d42f4..addcb89 100644 --- a/LoginPageTask/main.js +++ b/LoginPageTask/main.js @@ -1 +1,31 @@ /* ========================WRITE YOUR JS FROM HERE======================== */ +$(document).ready(function(){ + $("#submit").on("click", function(){ + var username = $("#username").val(); + var email = $("#email").val(); + var password = $("#password").val(); + var conformpassword = $("#conformpassword").val(); + var message = $("#message").val(); + var age = $("input[name='age']:checked").val(); + if(username!="" && email!="" && password!="" && conformpassword!="" && message!="" && age!=""){ + if(password==conformpassword){ + document.getElementsById("#alert").innerHTML( + ); + } + else{ + document.getElementsById("#alert").innerHTML( + ); + } + } + else{ + document.getElementsById("#alert").innerHTML( + ); + } + }); +});