incubateind · simran1199 · Mar 22, 2020 · Mar 22, 2020 · Mar 25, 2020
diff --git a/Simran Singh/app.js b/Simran Singh/app.js
@@ -0,0 +1,133 @@
+/* -----------------------------------------------
+/* How to use? : Check the GitHub README
+/* ----------------------------------------------- */
+
+/* To load a config file (particles.json) you need to host this demo (MAMP/WAMP/local)... */
+/*
+particlesJS.load('particles-js', 'particles.json', function() {
+  console.log('particles.js loaded - callback');
+});
+*/
+
+/* Otherwise just put the config content (json): */
+
+particlesJS('particles-js',
+
+  {
+    "particles": {
+      "number": {
+        "value": 80,
+        "density": {
+          "enable": true,
+          "value_area": 800
+        }
+      },
+      "color": {
+        "value": "#ffffff"
+      },
+      "shape": {
+        "type": "circle",
+        "stroke": {
+          "width": 0,
+          "color": "#000000"
+        },
+        "polygon": {
+          "nb_sides": 5
+        },
+        "image": {
+          "src": "img/github.svg",
+          "width": 100,
+          "height": 100
+        }
+      },
+      "opacity": {
+        "value": 0.5,
+        "random": false,
+        "anim": {
+          "enable": false,
+          "speed": 1,
+          "opacity_min": 0.1,
+          "sync": false
+        }
+      },
+      "size": {
+        "value": 5,
+        "random": true,
+        "anim": {
+          "enable": false,
+          "speed": 40,
+          "size_min": 0.1,
+          "sync": false
+        }
+      },
+      "line_linked": {
+        "enable": true,
+        "distance": 150,
+        "color": "#ffffff",
+        "opacity": 0.4,
+        "width": 1
+      },
+      "move": {
+        "enable": true,
+        "speed": 6,
+        "direction": "none",
+        "random": false,
+        "straight": false,
+        "out_mode": "out",
+        "attract": {
+          "enable": false,
+          "rotateX": 600,
+          "rotateY": 1200
+        }
+      }
+    },
+    "interactivity": {
+      "detect_on": "canvas",
+      "events": {
+        "onhover": {
+          "enable": true,
+          "mode": "repulse"
+        },
+        "onclick": {
+          "enable": true,
+          "mode": "push"
+        },
+        "resize": true
+      },
+      "modes": {
+        "grab": {
+          "distance": 400,
+          "line_linked": {
+            "opacity": 1
+          }
+        },
+        "bubble": {
+          "distance": 400,
+          "size": 40,
+          "duration": 2,
+          "opacity": 8,
+          "speed": 3
+        },
+        "repulse": {
+          "distance": 200
+        },
+        "push": {
+          "particles_nb": 4
+        },
+        "remove": {
+          "particles_nb": 2
+        }
+      }
+    },
+    "retina_detect": true,
+    "config_demo": {
+      "hide_card": false,
+      "background_color": "#b61924",
+      "background_image": "",
+      "background_position": "50% 50%",
+      "background_repeat": "no-repeat",
+      "background_size": "cover"
+    }
+  }
+
+);
diff --git a/Simran Singh/details.txt b/Simran Singh/details.txt
@@ -0,0 +1,2 @@
+Hello Sir!!
+My name is Simran Singh and I am a second-year Btech. student of the Department of Electronics and Communication Engineering at National Institute of Technology Hamirpur. I am a resident of Lucknow city of Uttar Pradesh state and I am comfortable in working onsite or remotely, in both the conditions.
diff --git a/Simran Singh/index1.html b/Simran Singh/index1.html
@@ -0,0 +1,114 @@
+<!-- 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" type="text/css" media="screen" href="main.css">
+  <script src="main.js"></script>
+
+  <!--bootstrap css-->
+  <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
+
+<!--bootstrap javascript-->
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+
+<!-- google font-->
+<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
+
+</head>
+<body style="background-color:#137d8ede";>
+  <div id="particles-js">
+
+<nav  id="mainnavbar" class="navbar  navbar-fixed-top navbar-expand-md navbar-light bg-light">
+
+<img src="https://incubateind.com/images/IncubateIND%20Black.png" class="logo" alt="">
+<a class="navbar-brand ml-5" href="#">Home</a>
+  <button class="navbar-toggler" type="button pl-1" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+
+
+
+  <div class="collapse navbar-collapse navbar-header" id="navbarTogglerDemo01">
+
+    <ul class="navbar-nav ml-auto mt-2 mt-lg-0">
+      <li class="nav-item active">
+        <a class="nav-link" href="#">Fellows <span class="sr-only">(current)</span></a>
+      </li>
+      <li class="nav-item active">
+        <a class="nav-link" href="#">Techxty</a>
+      </li>
+      <li class="nav-item active">
+        <a class="nav-link" href="#">AboutUs</a>
+      </li>
+    </ul>
+    <form class="form-inline my-2 my-lg-0">
+      <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
+      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+    </form>
+  </div>
+</nav>
+
+      <div class="log-form mt-5" style="background-image: url(); border:3px solid black" >
+    <h2>Enter your details</h2>
+    <form name="login" action="success page" method="post" onsubmit="return validation()" class="form-group" >
+      <input type="text" title="username" placeholder="username" required />
+      <input type="email" title="email" placeholder="email" required="true">
+      <input type="password" title="password" placeholder="password" required="true" name="pass1" />
+      <input type="password" title="cnfpassword" placeholder="confirm password" required="true" name="pass2"/>
+      <input type="text" name="phoneno" required="true" placeholder="contact number" title="pn">
+      <textarea name="message" id="message" cols="35" rows="4" placeholder="enter message" class="form-control is-invalid"></textarea>
+
+      <div class="invalid-feedback">
+      Please enter a message in the textarea.
+    </div>
+
+      <p>Age</p>
+      <input type="radio" id="above" name="age" value="above">
+      <label for="above">Above 18</label>
+      <input type="radio" id="below" name="age" value="below">
+      <label for="below">Below 18</label>
+      <button class="btn btn-success btn-sm">Submit</button>
+    </form>
+  </div>
+
+
+
+</section>
+  <!-- Beautify This -->
+ <!-- <div class="log-form">
+    <h2>Enter your details</h2>
+    <form name="login" action="" method="post" onsubmit="return validation()" class="form-group" >
+      <input type="text" title="username" placeholder="username" required />
+      <input type="email" title="email" placeholder="email" required="true">
+      <input type="password" title="password" placeholder="password" required="true" name="pass1" />
+      <input type="password" title="cnfpassword" placeholder="confirm password" required="true" name="pass2"/>
+      <textarea name="message" id="message" cols="35" rows="4" placeholder="enter message" class="form-control is-invalid"></textarea>
+
+      <div class="invalid-feedback">
+      Please enter a message in the textarea.
+    </div>
+
+      <p>Age</p>
+      <input type="radio" id="above" name="age" value="above">
+      <label for="above">Above 18</label>
+      <input type="radio" id="below" name="age" value="below">
+      <label for="below">Below 18</label>
+      <button class="btn btn-success btn-sm">Submit</button>
+    </form>
+  </div>-->
+
+  <!-- Beautify Ends -->
+</div>
+  <script type="text/javascript" src="particles.js"></script>
+  <script type="text/javascript" src="app.js"></script>
+</body>
+</html>
diff --git a/Simran Singh/main.css b/Simran Singh/main.css
@@ -0,0 +1,53 @@
+* {
+  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======================== */
+li{
+  display:inline;
+  padding:13px;
+}
+
+#paricles-js{
+  background:#f00;
+}
+
+
+
diff --git a/Simran Singh/main.js b/Simran Singh/main.js
@@ -0,0 +1,59 @@
+/* ========================WRITE YOUR JS FROM HERE======================== */
+function validation(format)
+{
+	var a=document.login.pass1.value;
+	var b=document.login.pass2.value;
+	var c=document.login.phoneno.value;
+	var num = c.replace(/[^\d]/g,'');
+	if(a.length<8)
+	{
+		alert("min 8 characters");
+		return false;
+	}
+
+	if(a==b){
+		return true;
+	}
+	else{
+		alert("password must be same in both the boxes!!");
+		return false;
+	}
+
+
+
+                if(num.length != 10) {
+
+                    //Alert the user that the phone number entered was invalid.
+
+                    alert('Please enter a valid phone number including area code');                   
+
+                } else {
+
+                    //Email was valid.  If format type is set, format the Phone to the desired style.
+
+                   switch(format) {
+
+                        case '0': //Format (xxx)-xxx-xxxx
+
+                            c = "(" + num.substring(0,3) + ")-" + num.substring(3, 6) + "-" + num.substring(6);
+
+                            break;
+
+                        case '1': //Format xxx-xxx-xxxx
+
+                            c = num.substring(0,3) + "-" + num.substring(3, 6) + "-" + num.substring(6);
+
+                            break;
+
+                        default: //Format xxxxxxxxxx
+
+                            c = num;
+
+                            break;
+
+                    }
+
+                }
+
+
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		Hello Sir!!
		My name is Simran Singh and I am a second-year Btech. student of the Department of Electronics and Communication Engineering at National Institute of Technology Hamirpur. I am a resident of Lucknow city of Uttar Pradesh state and I am comfortable in working onsite or remotely, in both the conditions.