diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..6503c32
Binary files /dev/null and b/.DS_Store differ
diff --git a/ShlokBhargava/.DS_Store b/ShlokBhargava/.DS_Store
new file mode 100644
index 0000000..9bfb9f6
Binary files /dev/null and b/ShlokBhargava/.DS_Store differ
diff --git a/ShlokBhargava/images/.DS_Store b/ShlokBhargava/images/.DS_Store
new file mode 100644
index 0000000..bedf242
Binary files /dev/null and b/ShlokBhargava/images/.DS_Store differ
diff --git a/ShlokBhargava/images/favicon.png b/ShlokBhargava/images/favicon.png
new file mode 100644
index 0000000..4face12
Binary files /dev/null and b/ShlokBhargava/images/favicon.png differ
diff --git a/ShlokBhargava/images/img.jpg b/ShlokBhargava/images/img.jpg
new file mode 100644
index 0000000..fd26431
Binary files /dev/null and b/ShlokBhargava/images/img.jpg differ
diff --git a/ShlokBhargava/images/img3.jpg b/ShlokBhargava/images/img3.jpg
new file mode 100644
index 0000000..de32762
Binary files /dev/null and b/ShlokBhargava/images/img3.jpg differ
diff --git a/ShlokBhargava/index.html b/ShlokBhargava/index.html
new file mode 100644
index 0000000..8172e9b
--- /dev/null
+++ b/ShlokBhargava/index.html
@@ -0,0 +1,80 @@
+
+
+
+
+
+
+
+
+
+
+ Login
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ShlokBhargava/main.css b/ShlokBhargava/main.css
new file mode 100644
index 0000000..590c204
--- /dev/null
+++ b/ShlokBhargava/main.css
@@ -0,0 +1,102 @@
+* {
+ 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======================== */
+
+/* Body */
+body{
+ /* background-image: linear-gradient(90deg, #dfb79d 10%, bisque 84%); */
+ background-image: url(images/img3.jpg);
+ background-size: cover;
+ background-attachment: fixed;
+ animation-name: bgimg;
+ animation-duration: 5s;
+ animation-iteration-count: infinite;
+}
+
+@keyframes bgimg{
+ from {background-image: url(images/img3.jpg);}
+ to {background-image: url(images/img.jpg);}
+}
+
+
+/* Input Fields Of The Form */
+.input{
+ outline: 0;
+ border-width: 0 0 1px;
+ border-color: black;
+ background: none;
+}
+
+.form-group input:focus{
+ background: none;
+}
+
+.form-group textarea:focus{
+ background: none;
+}
+
+
+/* Social Icons */
+i{
+ text-align: center;
+ color: rgb(102, 98, 98);
+ font-size: 30px;
+}
+
+
+/* Media Queries */
+@media (max-width: 360px){
+ .logo{
+ width: 75px;
+ }
+}
+
+@media (orientation: portrait) and (max-width: 823px) and (max-height: 568px){
+ .log-form{
+ top: 60%;
+ }
+}
+
+@media (orientation: landscape) and (max-width: 823px) and (max-height: 414px){
+ .log-form{
+ top: 95%;
+ }
+}
diff --git a/ShlokBhargava/main.js b/ShlokBhargava/main.js
new file mode 100644
index 0000000..0e88a26
--- /dev/null
+++ b/ShlokBhargava/main.js
@@ -0,0 +1,22 @@
+/* ========================WRITE YOUR JS FROM HERE======================== */
+
+
+function checkForm(form){
+
+ if(form.password.value != form.cnfpassword.value){
+ alert('Password Does Not match the confirm Password');
+ form.password.focus();
+ return false;
+ }
+
+ if(form.phone.value.length != 10){
+ alert('Enter a correct 10 digit phone number');
+ form.phone.focus();
+ return false;
+ }
+
+ else{
+ alert('Login Successful');
+ return true;
+ }
+}
\ No newline at end of file
diff --git a/ShlokBhargava/myInfo.txt b/ShlokBhargava/myInfo.txt
new file mode 100644
index 0000000..0d2b2e1
--- /dev/null
+++ b/ShlokBhargava/myInfo.txt
@@ -0,0 +1,5 @@
+Name: Shlok Bhargava
+College Name: Netaji Subhas Institute of Technology
+Stream: B.E. Mechanical Engineering(2018-2022)
+Year Of Study: Second Year
+Current Location (City of residence): New Delhi
\ No newline at end of file