incubateind · Diksha151999 · Mar 22, 2020 · Mar 22, 2020 · Mar 22, 2020 · Mar 22, 2020
diff --git a/.DS_Store b/.DS_Store
diff --git a/Abhijeet Rathore/index.html b/Abhijeet Rathore/index.html
@@ -0,0 +1,69 @@
+<!-- THE BOILERPLATE SHOULD NOT BE REMOVED -->
+<!-- Proper naming convention should be used while naming id attributes. -->
+<!-- ADDING A SUCCESS PAGE FOR THE SAME WILL BOOST YOUR CHANCES -->
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>Login</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+  <link href="vendor/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" media="all">
+  <link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
+  <link rel="stylesheet" type="text/css" media="screen" href="main.css">
+  <script src="main.js"></script>
+</head>
+<body id="index">
+  <!-- Beautify This -->
+
+  <div class="page-wrapper pad180 pad100 font-poppins">
+    <div class="wrapper wrapper700px">
+        <div class="card card-3">
+            <div class="card-heading"></div>
+            <div class="card-body">
+                <h2 class="title">Registration</h2>
+                <form method="POST" action="success.html" id="myForm" oninput='name2.setCustomValidity(name2.value != name1.value ? "Passwords do not match." : "")'>
+                    <div class="input-group">
+                      <label for="validationDefault01"></label>
+                        <input class="input-field" type="text" placeholder="Username" name="name" id="validationDefault01" required>
+                    </div>
+                    <div class="input-group">
+                        <input class="input-field" type="email" placeholder="Email" name="email" id="validationDefault01" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" required>
+                    </div>
+
+                    <div class="input-group">
+                      <input class="input-field" type="password" placeholder="Password" name="name1" id="validationDefault01"  pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters" required>
+                  </div>
+
+                  <div class="input-group">
+                    <input class="input-field" type="password" placeholder="Confirm Password" name="name2" id="validationDefault01">
+                </div>
+
+                    <div class="input-group">
+                      <input class="input-field" type="tel" placeholder="Phone" name="name" id="validationDefault01" pattern="^\d{10}$" required>
+                    </div>
+
+                    <select class="browser-default custom-select" required>
+                      <option value=""> Age</option>
+                      <option value="1">below 18</option>
+                      <option value="2">18+</option>
+                    </select>
+                    <div class="input-group">
+                      <textarea name="txtMsg" class="form-control" placeholder="Your Message" id="validationDefault01" style="width: 100%; height: 100px;" required></textarea>
+                    </div>
+
+                    <div class="pad10">
+                        <button class="btn"  type="submit">Submit</button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+  <!-- Beautify Ends -->
+</body>
+</html>
diff --git a/Abhijeet Rathore/info.txt b/Abhijeet Rathore/info.txt
@@ -0,0 +1,4 @@
+Abhijeet singh rathore
+Indian institute of information technology Vadodara
+Btech Information Technology - 2021
+Gandhinagar Gujarat
diff --git a/Abhijeet Rathore/main.css b/Abhijeet Rathore/main.css
@@ -0,0 +1,204 @@
+html {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+* {
+  padding: 0;
+  margin: 0;
+}
+
+*, *:before, *:after {
+  -webkit-box-sizing: inherit;
+  -moz-box-sizing: inherit;
+  box-sizing: inherit;
+}
+
+.font-poppins {
+  font-family: "Poppins", "Arial", "Helvetica Neue", sans-serif;
+}
+.page-wrapper {
+  min-height: 100vh;
+}
+
+#index {
+  font-family: "Poppins", "Arial", "Helvetica Neue", sans-serif;
+  background-image: linear-gradient( 179.4deg,  rgba(236,167,219,1) 31.2%, rgba(146,220,219,1) 90.9% );
+}
+#success
+{
+ background-color: #232f3f;
+}
+h2 {
+  color: rgb(0, 110, 255);
+  font-weight: 500;
+  font-size: 30px;
+}
+h3 {
+  text-align: center;
+  color: rgb(0, 110, 255);
+  font-weight: 500;
+  font-size: 25px;
+  animation: glow2 2s ease-out infinite alternate;
+}
+.pad100 {
+  padding-top: 100px;
+}
+.pad10 {
+  padding-top: 10px;
+}
+.pad180 {
+  padding-top: 180px;
+}
+.wrapper {
+  margin: 0 auto;
+}
+
+.wrapper700px {
+  max-width: 700px;
+}
+.wrapper600px {
+  max-width: 600px;
+}
+
+.btn {
+  display: inline-block;
+  line-height: 40px;
+  padding: 0 33px;
+  font-family: Poppins, Arial, "Helvetica Neue", sans-serif;
+  cursor: pointer;
+  color: #fff;
+  -webkit-transition: all 0.4s ease;
+  -o-transition: all 0.4s ease;
+  -moz-transition: all 0.4s ease;
+  transition: all 0.4s ease;
+  font-size: 18px;
+  -webkit-border-radius: 20px;
+  -moz-border-radius: 20px;
+  border-radius: 20px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  background: #57b846;
+}
+
+.btn:hover {
+  background: #cc0a0a;
+}
+input {
+  outline: none;
+  margin: 0;
+  border: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  width: 100%;
+  font-size: 30px;
+  border-bottom:2px solid #dadada;
+  font-family: inherit;
+}
+input:focus { 
+  animation: glow 500ms ease-out infinite alternate;
+	border-bottom-color: rgb(218, 255, 11);
+	outline: none;
+}
+.input-group {
+  position: relative;
+  margin-bottom: 10px;
+}
+.input-field{
+  padding: 10px 0;
+  font-size: 15px;
+  color: #313131;
+  background: transparent;
+}
+.card {
+  overflow: hidden;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  background: #fff;
+}
+
+.card-3 {
+  background: white;
+  margin-bottom: 10px;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+  -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
+  width: 100%;
+  display: table;
+}
+
+.card-3 .card-heading {
+  background: url("https://incubateind.com/images/IncubateIND%20Black.png") center/cover no-repeat;
+  background-size: 250px;
+  filter: drop-shadow(7px 7px 8px #00d4ff);
+  display: table-cell;
+  width: 50%;
+}
+
+.card-3 .card-body {
+  padding: 50px 60px;
+  padding-bottom: 60px;
+  display: table-cell;
+}
+
+@media (max-width: 767px) {
+  .card-3 {
+    display: block;
+  }
+  .card-3 .card-heading {
+    display: block;
+    width: 100%;
+    padding-top: 400px;
+    background-position: center center;
+  }
+  .card-3 .card-body {
+    display: block;
+    width: 100%;
+    padding: 37px 30px;
+    padding-bottom: 45px;
+  }
+}
+.form-control
+{
+  margin-top:10px ;
+}
+@keyframes glow {
+  0% {
+  border-bottom-color:rgb(18, 18, 241);
+  }	
+  50%
+{
+  border-bottom-color: white;
+}
+  100% {
+  border-bottom-color:rgb(245, 21, 21);
+  }
+}
+
+@keyframes glow2 {
+  0% {
+    color:rgb(206, 18, 159);
+  }
+20% {
+  color:rgb(178, 38, 190);
+}
+40% {
+  color:rgb(56, 63, 197);
+}
+60% {
+  color:rgb(9, 123, 146);
+}
+80% {
+  color:rgb(14, 133, 119);
+}
+100% {
+  color:rgb(34, 16, 133);
+}
+}
diff --git a/Abhijeet Rathore/main.js b/Abhijeet Rathore/main.js
@@ -0,0 +1,23 @@
+(function() {
+  'use strict';
+   window.addEventListener('load', function() {
+    // Fetch all the forms we want to apply custom Bootstrap validation styles to
+    var forms = document.getElementsByClassName('needs-validation');
+    // Loop over them and prevent submission
+    var validation = Array.prototype.filter.call(forms, function(form) {
+       form.addEventListener('submit', function(event) {
+        if (form.checkValidity() === false) {
+          event.preventDefault();
+          event.stopPropagation();
+        }
+         else if (form.checkValidity() == true) {
+            $('#success').modal("show");
+
+            // stop form submit only for demo
+            event.preventDefault();
+         }
+        form.classList.add('was-validated');
+       }, false);
+     });
+   }, false);
+ })();
diff --git a/Abhijeet Rathore/success.html b/Abhijeet Rathore/success.html
@@ -0,0 +1,32 @@
+<!-- THE BOILERPLATE SHOULD NOT BE REMOVED -->
+<!-- Proper naming convention should be used while naming id attributes. -->
+<!-- ADDING A SUCCESS PAGE FOR THE SAME WILL BOOST YOUR CHANCES -->
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>Login</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+  <link href="vendor/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" media="all">
+  <link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
+  <link rel="stylesheet" type="text/css" media="screen" href="main.css">
+</head>
+<body id="success">
+  <div class="page-wrapper pad180 pad100 font-poppins">
+    <div class="wrapper wrapper600px">
+        <div class="card card-3">
+            <div class="card-heading"></div>
+            <div class="card-body">  
+              <h3 class="title">Thank you! Registration is completed</h3>
+            </div>
+            </div>  
+    </div>
+  </div>
+
+</body>
+</html>