+ 
+
+
+ Deepak Yadav
+Frontend Developer
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
+ + + \ No newline at end of file diff --git a/TMP2022/Deepak Yadav/Week3/Project2/images/profile.jpg b/TMP2022/Deepak Yadav/Week3/Project2/images/profile.jpg new file mode 100644 index 00000000..177e8dff Binary files /dev/null and b/TMP2022/Deepak Yadav/Week3/Project2/images/profile.jpg differ diff --git a/TMP2022/Deepak Yadav/Week3/Project2/readme.md b/TMP2022/Deepak Yadav/Week3/Project2/readme.md new file mode 100644 index 00000000..cfdcfcdb --- /dev/null +++ b/TMP2022/Deepak Yadav/Week3/Project2/readme.md @@ -0,0 +1,31 @@ + +# Techrity Week 3 - Project 2: Create a Profle card using HTML and CSS +This is the Second Project of Week 3 which is with HTML and CSS only. + +# Content +- [Overview](#Overview) +- [Programming Lanuages](#Programming-languages) +- [Screenshot](#Screenshots) +- [Author](#Authors) +- [Acknowledgements](#acknowledgements) + +## Overview +- The challenge + - Create Profile card + - Whic contains your name , Picture, a brief introduction, and social links +## Programming languages +- HTML and CSS +## Screenshots + + + +## Authors + +- GitHub:[@Deepakyadav01233](https://github.com/Deepakydv01233) +- Linkedin: [@deepakyadav01233](https://www.linkedin.com/in/deepakyadav01233/) + +# Acknowledgements +## Mentor +- [@Siddhi Bhanushali](https://github.com/siddhi-244) +## Websites +- [W3School](https://www.w3schools.com/) diff --git a/TMP2022/Deepak Yadav/Week3/Project2/style.css b/TMP2022/Deepak Yadav/Week3/Project2/style.css new file mode 100644 index 00000000..91400198 --- /dev/null +++ b/TMP2022/Deepak Yadav/Week3/Project2/style.css @@ -0,0 +1,42 @@ +body{ + margin: 0; + padding: 0; + background-color: #35477d; +} +.main { + width: 260px; + height: 400px; + margin: auto; + padding: 0; + margin-top: 50px; + text-align: center; + border-radius: 20px; + background-color: #c06c84; +} +.img{ + background-color: #354761; + border-top-left-radius: 20px; + border-top-right-radius: 20px; +} +.profileimg{ + margin-top: 30px; + width: 100px; + border-radius: 100px; + margin-bottom: 30px; +} +h2{ + margin-bottom: 0px; + +} +p{ + margin: 7px; +} +.social{ + margin-top: 30px; +} +.icon{ + margin: auto; + padding:5px; + font-size:27px; + color: #ffffff ; +} \ No newline at end of file diff --git a/TMP2022/Deepak Yadav/Week3/Project3/index.html b/TMP2022/Deepak Yadav/Week3/Project3/index.html new file mode 100644 index 00000000..a4824ec8 --- /dev/null +++ b/TMP2022/Deepak Yadav/Week3/Project3/index.html @@ -0,0 +1,77 @@ + + + + + + +-
+
+
+
+
+
+
+
| Home | Topper | Contact us | About us |
Acb Public School
+
About Us
+-
+
- ABC Public School,XYZ Address,XXXXX Pincde +
- Established In : 2001 +
- Principal: _________ +
+
From Principal Desk
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's
standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make
a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting,
remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem
+
Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of
Lorem Ipsum.
+
From Director Desk
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's
standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make
a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting,
remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem
+
Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of
Lorem Ipsum.
+
+
| Home | Topper | Contact us | About us |
Contact Us :
++
+
| + + | ++ |
| + + | ++ |
| + + | ++ |
| + + | ++ |
| + + | ++ |
+ + + \ No newline at end of file diff --git a/TMP2022/Deepak Yadav/Week3/Project4/images/school.jpg b/TMP2022/Deepak Yadav/Week3/Project4/images/school.jpg new file mode 100644 index 00000000..30434a46 Binary files /dev/null and b/TMP2022/Deepak Yadav/Week3/Project4/images/school.jpg differ diff --git a/TMP2022/Deepak Yadav/Week3/Project4/index.html b/TMP2022/Deepak Yadav/Week3/Project4/index.html new file mode 100644 index 00000000..c594a6e3 --- /dev/null +++ b/TMP2022/Deepak Yadav/Week3/Project4/index.html @@ -0,0 +1,70 @@ + + + + + + +
+
+
+ | Home | Topper | Contact us | About us |
+
+ ABC
+
+
+ ABC
+
+ Global Academy
+
+
+
+
+ -
+
- + Admission + +
- + Fee Structure + +
- + Books + +
- + Calender + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ***************** Addmisson is open for class 11th and 9 th ****************** wertyuifghjasdfghjsdfghjkxfghjsdfghjkzxcvgbhjasdfghjkzxcvbn
+
+
+
+
+
+
\ No newline at end of file
diff --git a/TMP2022/Deepak Yadav/Week3/Project4/readme.md b/TMP2022/Deepak Yadav/Week3/Project4/readme.md
new file mode 100644
index 00000000..f251057d
--- /dev/null
+++ b/TMP2022/Deepak Yadav/Week3/Project4/readme.md
@@ -0,0 +1,35 @@
+
+# Techrity Week 3 - Project 4:Style the SCHOOL WEBSITE that was made in the Second Week
+This is the Fourth Project of Week 3 which Styling of the website that was made in the second week using CSS
+
+# Content
+- [Overview](#Overview)
+- [Programming Lanuages](#Programming-languages)
+- [Screenshot](#Screenshots)
+- [Author](#Authors)
+- [Acknowledgements](#acknowledgements)
+
+## Overview
+- The challenge
+ - Stylin With CSS
+ - School Website
+## Programming languages
+- HTML and CSS
+## Screenshots
+
+
+
+
+
+
+
+## Authors
+
+- GitHub:[@Deepakyadav01233](https://github.com/Deepakydv01233)
+- Linkedin: [@deepakyadav01233](https://www.linkedin.com/in/deepakyadav01233/)
+
+# Acknowledgements
+## Mentor
+- [@Siddhi Bhanushali](https://github.com/siddhi-244)
+## Websites
+- [W3School](https://www.w3schools.com/)
diff --git a/TMP2022/Deepak Yadav/Week3/Project4/style.css b/TMP2022/Deepak Yadav/Week3/Project4/style.css
new file mode 100644
index 00000000..b68e936d
--- /dev/null
+++ b/TMP2022/Deepak Yadav/Week3/Project4/style.css
@@ -0,0 +1,110 @@
+body{
+ margin: 0;
+ padding: 0;
+ font-family: 'Reem Kufi Ink', sans-serif;
+}
+.header{
+ background-color: #114b5f;
+ text-decoration: none;
+ margin: auto;
+ text-align: center;
+}
+.link{
+ text-decoration: none;
+ color: aliceblue;
+ font-size: large;
+ padding: 0px 110px;
+ font-family: 'Reem Kufi Ink', sans-serif;
+}
+.contact{
+ background-color: #114b5f;
+ text-align: center;
+ height: 100px;
+
+ position: relative;
+ margin-top: 35px;
+ display: flex;
+ color: #ffffff;
+}
+.btn{
+ width: 120px;
+}
+
+.body-block{
+ background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.3)), url(./images/school.jpg);
+ background-size:cover;
+ height: 300px;
+ color: aliceblue;
+ font-size: larger;
+ padding: 30px;
+}
+.School-name{
+ font-size: 100px;
+ margin: 0;
+}
+.body-block p{
+ font-size: 40px;
+ margin: 0;
+}
+.service{
+ height: 300px;
+ background-color: #f3e9d2;
+ padding: 20px 5px;
+}
+.information{
+ height: 40px;
+ background-color: #114b5f;
+ margin: auto;
+ text-align: center;
+}
+.listitem{
+ display: flex;
+ list-style-type: none;
+ margin:0;
+}
+.listitem li{
+ padding: 0 120px;
+ margin: auto;
+ font-family: 'Reem Kufi Ink', sans-serif;
+ font-style: bold;
+ color: #ffffff;
+
+}
+.information div{
+ display: flex;
+ background-color: #cabbe9;
+ height:270px;
+ width: 330px;
+ display: inline-block;
+ margin-top: 17px;
+ border-bottom-left-radius: 10px;
+ border-bottom-right-radius: 10px;
+}
+.marquee{
+ height: 30px;
+ width: 100%;
+ background-color:#fff591;
+ position:absolute;
+ margin-top: 278px;
+ white-space:nowrap;
+}
+.marquee div{
+ width: 100%;
+ animation: animate 25s linear infinite;
+ padding-left: 100%;
+ display: inline-block;
+ color: #b31313;
+}
+@keyframes animate{
+ 100%{
+ transform: translate(-100%,0);
+ }
+}
+.add{
+ position: absolute;
+ left: 40px;
+}
+.phone{
+ position: absolute;
+ right:40px ;
+}
\ No newline at end of file
diff --git a/TMP2022/Deepak Yadav/Week3/Project4/topper.html b/TMP2022/Deepak Yadav/Week3/Project4/topper.html
new file mode 100644
index 00000000..78fe0d5b
--- /dev/null
+++ b/TMP2022/Deepak Yadav/Week3/Project4/topper.html
@@ -0,0 +1,213 @@
+
+
+
+
+
+
+
+
+ Address :
fhsdkfhdhahsdfhkdfkhdf
gdfgjfhalkdhkashkahkljh
+
+ Contact:
Mobile:+91 xxxxxxxxxx
+ Email : xyzabc@gmai.com
+
+
+ | Home | Topper | Contact us | About us |
Toopers of the School
+Class-12
++
** Mathematics
+| + Ranks + | ++ Name + | ++ Percentage + | ++ Stream + | +
|---|---|---|---|
| + 1 + | ++ Rahul + | ++ 98.34% + | ++ Science(Mathematics) + | +
| + 2 + | ++ Ankush + | ++ 92.6% + | ++ Science(Mathematics) + | +
| + 3 + | ++ Ambuj + | ++ 90.98% + | ++ Science(Mathematics) + | +
+
** Biology
+| + Ranks + | ++ Name + | ++ Percentage + | ++ Stream + | +
|---|---|---|---|
| + 1 + | ++ Anshikha + | ++ 99.34% + | ++ Science(Biology) + | +
| + 2 + | ++ Ankur + | ++ 93.6% + | ++ Science(Biology) + | +
| + 3 + | ++ Ankit + | ++ 93.00% + | ++ Science(Biology) + | +
+
** Commerce
+| + Ranks + | ++ Name + | ++ Percentage + | ++ Stream + | +
|---|---|---|---|
| + 1 + | ++ Rajat + | ++ 98.34% + | ++ Commerce + | +
| + 2 + | ++ Prateek + | ++ 95.6% + | ++ Commerce + | +
| + 3 + | ++ Kritika + | ++ 93.00% + | ++ Commerce + | +
+ + \ No newline at end of file diff --git a/TMP2022/Deepak Yadav/Week4/Project1/index.html b/TMP2022/Deepak Yadav/Week4/Project1/index.html new file mode 100644 index 00000000..d1411824 --- /dev/null +++ b/TMP2022/Deepak Yadav/Week4/Project1/index.html @@ -0,0 +1,60 @@ + + + + + + +
Age Calculator
+Your age must be equal or more than 1 Years
+
| Please select Date | ++ + |
| + + | +|
| + + | +|
Calculator Using JavaScript
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/TMP2022/Deepak Yadav/Week4/Project2/readme.md b/TMP2022/Deepak Yadav/Week4/Project2/readme.md
new file mode 100644
index 00000000..67ee8f9e
--- /dev/null
+++ b/TMP2022/Deepak Yadav/Week4/Project2/readme.md
@@ -0,0 +1,33 @@
+
+# Techrity Week 4 - Project 2: Create a Normal Calculator in JavaScript
+This is the Second Project of Week 4 which is Creating of normal calculator with JavaScript
+
+# Content
+- [Overview](#Overview)
+- [Programming Lanuages](#Programming-languages)
+- [Screenshot](#Screenshots)
+- [Author](#Authors)
+- [Acknowledgements](#acknowledgements)
+
+## Overview
+- The challenge
+ - Create a Normal Calcualator
+ - using JavaScript
+## Programming languages
+- HTML,CSS and JavaScript
+## Screenshots
+
+
+
+
+
+## Authors
+
+- GitHub:[@Deepakyadav01233](https://github.com/Deepakydv01233)
+- Linkedin: [@deepakyadav01233](https://www.linkedin.com/in/deepakyadav01233/)
+
+# Acknowledgements
+## Mentor
+- [@Siddhi Bhanushali](https://github.com/siddhi-244)
+## Websites
+- [W3School](https://www.w3schools.com/)
diff --git a/TMP2022/Deepak Yadav/Week4/Project2/script.js b/TMP2022/Deepak Yadav/Week4/Project2/script.js
new file mode 100644
index 00000000..154f3b2a
--- /dev/null
+++ b/TMP2022/Deepak Yadav/Week4/Project2/script.js
@@ -0,0 +1,17 @@
+function insert(n)
+{
+ document.mainform.txt.value= document.mainform.txt.value + n;
+}
+function res()
+{
+ var exp = document.mainform.txt.value;
+ if(exp)
+ {
+ document.mainform.txt.value= eval(exp);
+ }
+}
+function backspace()
+{
+var exp = document.mainform.txt.value;
+document.mainform.txt.value = exp.substring(0, exp.length - 1);
+}
diff --git a/TMP2022/Deepak Yadav/Week4/Project2/style.css b/TMP2022/Deepak Yadav/Week4/Project2/style.css
new file mode 100644
index 00000000..b7fb094c
--- /dev/null
+++ b/TMP2022/Deepak Yadav/Week4/Project2/style.css
@@ -0,0 +1,39 @@
+body{
+ margin: 0 auto;
+ padding: 0;
+text-align: center;
+}
+.table{
+ margin: 0 auto;
+ background-color: #5eaaa8;
+
+}
+.container{
+ padding: 10px;
+ margin-top: 30px;
+ background-color: #b30753;
+ display:inline-block;
+ border-radius: 4px;
+}
+.btn{
+ width: 40px;
+ height: 40px;
+ margin: 4px;
+ background-color: #1b435d;
+ color: white;
+ font-size: 25px;
+ transition: 200ms;
+}
+.btn:hover{
+ background-color: #ff895d;
+ border-radius: 20px;
+ transition: 150ms;
+}
+.view{
+ width: 200px;
+ height: 40px;
+ background-color: #d5eeff;
+ margin-bottom: 10px;
+ font-size: 20px;
+ font-family: 'Orbitron', sans-serif;
+}
\ No newline at end of file
diff --git a/TMP2022/Deepak Yadav/Week4/Project3/index.html b/TMP2022/Deepak Yadav/Week4/Project3/index.html
new file mode 100644
index 00000000..9d51b574
--- /dev/null
+++ b/TMP2022/Deepak Yadav/Week4/Project3/index.html
@@ -0,0 +1,88 @@
+
+
+
+
+
+
+ | + | ++ | + + | ++ + | +
| + | ++ | ++ + | ++ + | +
| + | ++ | ++ + | ++ + | +
| + | ++ | ++ + | ++ + | +
| + | ++ | +||
Form :
+
+
+
+
+
\ No newline at end of file
diff --git a/TMP2022/Deepak Yadav/Week4/Project3/readme.md b/TMP2022/Deepak Yadav/Week4/Project3/readme.md
new file mode 100644
index 00000000..d0653b55
--- /dev/null
+++ b/TMP2022/Deepak Yadav/Week4/Project3/readme.md
@@ -0,0 +1,34 @@
+
+# Techrity Week 4 - Project 3: From validation that was made in the week 2
+This is the Third Project of Week 4 which is Validation of the Form
+
+# Content
+- [Overview](#Overview)
+- [Programming Lanuages](#Programming-languages)
+- [Screenshot](#Screenshots)
+- [Author](#Authors)
+- [Acknowledgements](#acknowledgements)
+
+## Overview
+- The challenge
+ - Create a HTML form
+ - Validate the form usign javascript
+## Programming languages
+- HTML
+## Screenshots
+
+
+
+
+
+
+## Authors
+
+- GitHub:[@Deepakyadav01233](https://github.com/Deepakydv01233)
+- Linkedin: [@deepakyadav01233](https://www.linkedin.com/in/deepakyadav01233/)
+
+# Acknowledgements
+## Mentor
+- [@Siddhi Bhanushali](https://github.com/siddhi-244)
+## Websites
+- [W3School](https://www.w3schools.com/)
diff --git a/TMP2022/Deepak Yadav/Week4/Project3/script.js b/TMP2022/Deepak Yadav/Week4/Project3/script.js
new file mode 100644
index 00000000..d3fb18e4
--- /dev/null
+++ b/TMP2022/Deepak Yadav/Week4/Project3/script.js
@@ -0,0 +1,49 @@
+function val()
+{
+ var Fname=document.getElementById('fname').value;
+ var male=document.getElementById('male');
+ var female=document.getElementById('female');
+ var age =document.getElementById('age').value;
+ var degree =document.getElementById('degree').value;
+ var gyear =document.getElementById('gyear').value;
+ var resume = document.getElementById('resume').required;
+ if(Fname=="")
+ {
+ alert("Please fill Name field");
+ return false;
+ }
+ else if(male.checked==false && female.checked==false)
+ {
+ alert("Please select gender");
+ return false;
+ }
+ else if(age=="")
+ {
+ alert("Age is compulsory");
+ return false;
+ }
+ else if(age<18)
+ {
+ alert("Age must be 18");
+ return false;
+ }
+ else if(degree=='null')
+ {
+ alert("please select a Degree");
+ return false;
+ }
+ else if(gyear=="")
+ {
+ alert("please select Graduation Year");
+ return false;
+ }
+ else if(resume==false)
+ {
+ alert("Please upload a resume");
+ return false;
+ }
+ else{
+ alert("Form Submitted succeessfully!");
+ return true;
+ }
+}
\ No newline at end of file
diff --git a/TMP2022/Deepak Yadav/Week4/Project3/style.css b/TMP2022/Deepak Yadav/Week4/Project3/style.css
new file mode 100644
index 00000000..26ef61be
--- /dev/null
+++ b/TMP2022/Deepak Yadav/Week4/Project3/style.css
@@ -0,0 +1,82 @@
+body{
+ margin: 0;
+ padding: 0;
+ background-color: #EEF2E6;
+ text-align: center;
+}
+.heading{
+ background-color: #1C6758;
+ color: #EEF2E6;
+ font-family: 'Montserrat', sans-serif;
+ height: 50px;
+ text-align: center;
+ margin: auto;
+ padding-top: 7px;
+ margin-bottom: 50px;
+}
+.container {
+ margin: auto;
+ width: 50%;
+ border: #1C6758 solid ;
+ border-radius: 10px;
+ font-family: 'Montserrat', sans-serif;
+}
+.input{
+
+ border: #3D8361 solid 2px;
+ border-radius: 5px;
+ width: 200px;
+ outline: none;
+}
+.table{
+ padding-top: 20px;
+ padding-left: 20px;
+}
+.labels{
+ background-color: #3D8361;
+ border-radius: 20px;
+ width: 200px;
+ color: white;
+}
+.submit-btn{
+ background-color: #3D8361;
+ border: #D6CDA4 solid;
+ border-radius: 20px;
+ width: 15%;
+ height: 40px;
+ outline: none;
+ color: #EEF2E6;
+ font-size: larger;
+ margin-bottom: 10px;
+}
+.labels-brief
+{
+ display:inline-block;
+ background-color: #3D8361;
+ border-radius: 20px;
+ width: 200px;
+ color: white;
+}
+.gndr::selection
+{
+ background-color: #1C6758;
+}
+.rd-btn{
+ accent-color: #3D8361;
+}
+.upload{
+ border: #1C6758 solid 2px;
+ border-radius: 20px;
+ width: 205px;
+}
+.upload::-webkit-file-upload-button{
+ background-color: #EEF2E6;
+ color: #1C6758;
+ border: #1C6758 solid 1px;
+ border-radius: 20px;
+ outline: none;
+}
+.intro{
+ border: #1C6758 solid 2px;
+ border-radius: 20px;
+}
\ No newline at end of file