incubateind · shivaligakhar-123 · Mar 25, 2020
diff --git a/Shivali Gakhar/LoginPageTask/index.html b/Shivali Gakhar/LoginPageTask/index.html
@@ -0,0 +1,54 @@
+<!-- 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">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+  <script src="main.js"></script>
+</head>
+<body class="body ">
+<img src="https://incubateind.com/images/IncubateIND%20Black.png" class="logo" alt="">
+  <!-- Beautify This -->
+  <div class="log-form">
+    <h2 id="header">Enter your details</h2>
+<!-- form starts here which takes input from user -->
+    <form>
+    	<!-- takes username -->
+      	<input type="text" title="username" placeholder="username" id="styling_margin"class="form-control" aria-label="Username" aria-describedby="basic-addon1"/>
+      	<!-- takes email -->
+      	<input type="email" title="email" placeholder="email" class="form-control" id="styling_margin" id="exampleInputEmail1" aria-describedby="emailHelp">
+      	<!-- takes password -->
+      	<input type="password" title="password" placeholder="password" class="form-control" id="styling_margin" id="exampleInputPassword1"/>
+      	<!-- confirms password -->
+      	<input type="password" title="cnfpassword" placeholder="confirm password" class="form-control"id="styling_margin" id="exampleInputPassword1"/>
+      	<!-- a message can be entered through this -->
+      	<textarea name="message" id="message" cols="35" rows="4" placeholder="enter message"class="form-control" id="styling_margin" id="margin-bottom exampleFormControlTextarea1"></textarea>
+      	<!-- takes age -->
+      	<div id="inputage">
+        	<p id="age">Age</p>
+        	<div id="age_eighteen">
+      			<input type="radio" name="age" value="above">
+      				<label for="above" id="above" >Above 18</label>
+      		</div>
+      		<div id="age_eighteen">
+      			<input type="radio" name="age" value="below">
+      				<label for="below" id="below">Below 18</label>
+      		</div>
+      	</div>
+ 		<div>
+      		<button type="submit" class="btn btn btn-primary">Submit</button>
+      	</div>
+    </form>
+  </div>
+  <!-- Beautify Ends -->
+	<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://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+</body>
+</html>
diff --git a/Shivali Gakhar/LoginPageTask/main.css b/Shivali Gakhar/LoginPageTask/main.css
@@ -0,0 +1,95 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: "open sans", helvetica, arial, sans;
+ }
+ /*changes in logo*/
+.logo{
+    width: 156px;
+    margin: 20px
+}
+.log-form {
+  width: 100%;
+  min-width: 320px;
+  max-width: 475px;
+  background: #fff;
+  position: absolute;
+  top: 57%;
+  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======================== */
+/*body {
+  background-color: #9e9e9e1a;
+}*/
+.log-form{
+  display:flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  background-color: black;
+  padding-top: 20px;
+}
+form{
+  padding:10px;
+}
+/*styles my heading*/
+#header{
+  color:white;
+  font-family: timesnewroman;
+  font-weight: bold;
+}
+.body{
+  background-color: gainsboro;
+}
+#styling_margin{
+ margin-bottom: 5px;
+}
+#inputage{
+  background-color: white;
+  margin-top: 5px;
+  border-radius: .25rem;
+  padding: 5px;
+  border: 1px solid #ced4da;
+  margin-bottom: 10px;
+
+}
+#age{
+  text-align: left;
+  color: lightslategray;
+  font-family: inherit;
+  padding-left: 7px;
+}
+#age_eighteen{
+  margin-left: -166px;
+}
+
+#above{
+ color:lightslategray;
+ font-size:15px;
+}
+#below{
+ color:lightslategray;
+ font-size:15px;
+}
diff --git a/Shivali Gakhar/LoginPageTask/main.js b/Shivali Gakhar/LoginPageTask/main.js
@@ -0,0 +1 @@
+/* ========================WRITE YOUR JS FROM HERE======================== */
diff --git a/Shivali Gakhar/README.md b/Shivali Gakhar/README.md
@@ -0,0 +1,39 @@
+# Frontend Intern Task - Summer 2020
+
+## Submission Procedure
+Read the following steps and guidelines properly for proper submission of your Task. Missing out any step or performing it wrongly can lead to unsuccessful submission. 
+
+## TASK
+**The task for the applicants is to stylize and modify the Login Form present in the folder in the master branch of the repository by the name of - LoginPageTask.**
+Each applicant is supposed to complete the following tasks, your assessment will be done on the basis of completion of each task.
++ Beautify the Login Form (use of Bootstrap 4 will be preffered, for styling the page).
++ Check the validations in the form (eg. the type of field should be set to email for Email field).
++ Add a Phone Number field in the form with proper validations.
++ Applicants are expected to show their skills with design and animation, as well they can form multiple iterations of the form.
++ The page should be **responsive to all screen size** (failing to which you will not be considered for the profile).
++ **Any form of plagarism in the code will lead to disqualification straightaway.**
++ Proper commenting is expected from the applicants.
++ You have to use the Boilerplate code provided with the task folder.
+
+### Step 1
+#### Fork this repository
+
+### Step 2
+#### Create a New Folder within the forked repository, with the 'folder name' being your 'Fullname'.
+
+## Contents of the folder
++ The project directory.
++ The entire Login Page with all its dependent files should be present.
++ A text file that contains proper documentation. The documentation should contain:
+    - Your Full Name.
+    - Your College, stream of study and year of study.
+    - Your Current Location (City of residence).
+
+### Step 3
+Create a **Pull Request** only after you have completed the entire project and do not wish to make any further changes. We will not be accepting more than one Pull Request from any student. \
+\
+You can complete your work on the local machine and then upload your project folder in the forked repository and proceed to create a Pull Request.
+
+# Deadline
+
+All the pull requests generated post **25th March 2020**, will not be considered for the profile.
diff --git a/Shivali Gakhar/desktop.ini b/Shivali Gakhar/desktop.ini
@@ -0,0 +1,5 @@
+[.ShellClassInfo]
+InfoTip=This folder is shared online.
+IconFile=C:\PROGRA~1\Google\Drive\GOOGLE~1.EXE
+IconIndex=16
+
diff --git a/Shivali Gakhar/myintro.txt b/Shivali Gakhar/myintro.txt
@@ -0,0 +1,5 @@
+FULL NAME: Shivali Gakhar
+COLLEGE: University School Of Information And Technology,Dwarka,New Delhi (110078)
+BRANCH: Information Technology
+Year Of Study: 2 year
+Current Location: Sri Ganganagar, Rajasthan
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		/* ========================WRITE YOUR JS FROM HERE======================== */