From f5e31a3045b1e8edbe551322332a8cd81a7440b9 Mon Sep 17 00:00:00 2001 From: shivaligakhar-123 <42827109+shivaligakhar-123@users.noreply.github.com> Date: Wed, 25 Mar 2020 22:16:46 +0530 Subject: [PATCH] Add files via upload --- Shivali Gakhar/LoginPageTask/index.html | 54 ++++++++++++++ Shivali Gakhar/LoginPageTask/main.css | 95 +++++++++++++++++++++++++ Shivali Gakhar/LoginPageTask/main.js | 1 + Shivali Gakhar/README.md | 39 ++++++++++ Shivali Gakhar/desktop.ini | 5 ++ Shivali Gakhar/myintro.txt | 5 ++ 6 files changed, 199 insertions(+) create mode 100644 Shivali Gakhar/LoginPageTask/index.html create mode 100644 Shivali Gakhar/LoginPageTask/main.css create mode 100644 Shivali Gakhar/LoginPageTask/main.js create mode 100644 Shivali Gakhar/README.md create mode 100644 Shivali Gakhar/desktop.ini create mode 100644 Shivali Gakhar/myintro.txt diff --git a/Shivali Gakhar/LoginPageTask/index.html b/Shivali Gakhar/LoginPageTask/index.html new file mode 100644 index 0000000..111aa04 --- /dev/null +++ b/Shivali Gakhar/LoginPageTask/index.html @@ -0,0 +1,54 @@ + + + + + + + + + Login + + + + + + + + +
+ + +
+ + + + + + + + + + + +
+

Age

+
+ + +
+
+ + +
+
+
+ +
+
+
+ + + + + + \ No newline at end of file diff --git a/Shivali Gakhar/LoginPageTask/main.css b/Shivali Gakhar/LoginPageTask/main.css new file mode 100644 index 0000000..61cbfbe --- /dev/null +++ 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 new file mode 100644 index 0000000..05d42f4 --- /dev/null +++ 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 new file mode 100644 index 0000000..194b5a9 --- /dev/null +++ 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 new file mode 100644 index 0000000..6cd66b3 --- /dev/null +++ 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 + \ No newline at end of file diff --git a/Shivali Gakhar/myintro.txt b/Shivali Gakhar/myintro.txt new file mode 100644 index 0000000..b0e060a --- /dev/null +++ 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