diff --git a/Portfolio(Shivank)/bg1.jpg b/Portfolio(Shivank)/bg1.jpg
new file mode 100644
index 0000000..4d4dff3
Binary files /dev/null and b/Portfolio(Shivank)/bg1.jpg differ
diff --git a/Portfolio(Shivank)/index.html b/Portfolio(Shivank)/index.html
new file mode 100644
index 0000000..a47b73c
--- /dev/null
+++ b/Portfolio(Shivank)/index.html
@@ -0,0 +1,186 @@
+
+
+
+
+
+ Shivank Upadhyay
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
  About Me
+
+ I'm a tech enthusiast and into coding from class XIth itself. I've always loved solving logical problems
+ in the most efficient way. I believe there is no limit to learning and thus I keep myself susceptible
+ to knowledge in any form.
+
+
+
+
+   Training & Projects
+
+
+
+
+ Intern, DRDO, Lastec Lab, Delhi
+
+
+ Communication technology used in mobile towers
+ Applications Of Gunn Diode
+ Analysis of Differential Equations using Matlab
+
+
+
+
+
+
+
+
+
+
+ TECHNICAL SKILLS
+
+
+
+ C
+ C++
+ Java
+ MysSql
+ HTML & CSS
+ Javascript
+ P-Spice
+ Matlab
+
+
+
+
+
+
+
+
  ACHIEVEMENTS
+
+
+ Scured 95.8% in class XIIth
+ Secured 11k rank in Jee Mains
+ Secured AIR 26 in NIFT entrance test
+ Shortlisted in the National Defence Academy
+ School Gold medalist in International Mathematics Olympiad
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Portfolio(Shivank)/style.css b/Portfolio(Shivank)/style.css
new file mode 100644
index 0000000..0d43eb0
--- /dev/null
+++ b/Portfolio(Shivank)/style.css
@@ -0,0 +1,356 @@
+
+
+.myImage {
+ box-sizing: border-box;
+ background-image: url('bg1.jpg');
+ background-repeat: no-repeat;
+ background-position: center;
+ border-radius: 50%;
+ height: 140px;
+ width: 140px;
+ position: relative;
+ left: 49px;
+ top: 57px;
+}
+.sidebar{
+ position: relative;
+ left: 11px;
+ width: 250px;
+}
+.main{
+ width: 70%;
+ background-color: beige;
+}
+.outerBox{
+ width:100%;
+ height: 300px;
+}
+.upperSB{
+ background-color: #ff5246;
+ min-height: 250px;
+}
+.lowerSB{
+ background-color: black;
+ height: 1100px;
+}
+.namee{
+ position: relative;
+ top: 80px;
+ left: 10px;
+ height: 50px;
+ font-color: white;
+}
+.unorderedList{
+ list-style-type: none;
+ font-size: 0.9rem;
+ line-height: 2;
+ position: relative;
+ left: -3px;
+}
+.headd{
+ padding-left: 37px;
+ font-size: 1rem;
+}
+.contact{
+ padding-top: 37px;
+ position: relative;
+ left:-13px;
+}
+.wrapperr{
+ display: flex;
+ margin-left:13%;
+ margin-right: 13%;
+ margin-top:2%;
+ margin-bottom:2%;
+ background-color: white;
+}
+.colorr{
+ color:white;
+ margin-left: 5px ;
+}
+.education{
+ position: relative;
+ left: -10px;
+ top: 35px;
+}
+.greyy{
+ color:#d3e4e5;
+ line-height: 1.2;
+ margin-bottom: 10px;
+}
+.interests{
+ position: relative;
+ top: 75px;
+ left: -9px;
+}
+.projects{
+ position: relative;
+ left: 49px;
+ top: 45px;
+}
+.pro {
+ color: #ff5246;
+ font-size: 1.5rem;
+}
+.proin{
+ max-width: 90%;
+ font-size: 0.98rem;
+ margin-top:15px;
+ line-height:1.7;
+}
+.headingg{
+ font-size: 1.1rem;
+ color:#ff5246;
+
+}
+section div div div:hover{
+ text-decoration: underline;
+ transition-duration:0.5s;
+ cursor:pointer;
+}
+.secondd{
+ top:122px;
+}
+.experience{
+ position: relative;
+ left:49px;
+ top:95px;
+}
+.invv{
+ background-color: #ff5246;
+ border-radius: 50%;
+ color: white;
+ height:35px;
+ width: 35px;
+}
+.invv2{
+ background-color: #ff5246;
+ border-radius: 50%;
+ color: white;
+ height:35px;
+ width: 35px;
+ text-align: center;
+}
+
+.fa-briefcase:before {
+ position: relative;
+ left: 6px;
+ top: 5px;
+}
+.fa{
+ position: relative;
+ top: -4px;
+}
+.exppp{
+ position: relative;
+ top: 13px;
+}
+.fa-files-o:before{
+ position: relative;
+ left: 4px;
+ top: 5px;
+}
+.unok{
+ position: relative;
+ left: -36px;
+ top: -9px;
+}
+.fa-android:before{
+ position: relative;
+ left: 8px;
+ top: 3px;
+}
+.flexi{
+ position: relative;
+ top: 14px;
+}
+.progressBars{
+ width: 65%;
+ position: relative;
+ top: -250px;
+ left: 168px;
+
+}
+.progress{
+ margin-bottom: 16px;
+}
+.bgg{
+ background-color: #a7283b ;
+}
+.achievements{
+ position: relative;
+ left: 52px;
+ top: -64px;
+}
+.fa-book:before{
+ position: relative;
+ top:4px;
+ left:7px;
+}
+.posss{
+ position: relative;
+ left: 11px;
+ top: 10px;
+}
+
+@media only screen and (max-width: 1250px) and (min-width:1207px) {
+ .lowerSB{
+ height: 1115px;
+ }
+}
+@media only screen and (max-width: 1207px) and (min-width: 1098px){
+ .lowerSB{
+ height: 1140px;
+ }
+}
+@media only screen and (max-width: 1098px) and (min-width: 1087px){
+ .lowerSB{
+ height: 1175px;
+ }
+}
+@media only screen and (max-width: 1087px) and (min-width: 1059px){
+ .lowerSB{
+ height: 1202px;
+ }
+}
+@media only screen and (max-width: 1059px) and (min-width: 1030px){
+ .lowerSB{
+ height: 1228px;
+ }
+}
+@media only screen and (max-width: 1030px)and (min-width: 977px){
+ .namee{
+ left:10px;
+ }
+ .lowerSB{
+ height: 1254px;
+ }
+}
+@media only screen and (max-width: 977px) and (min-width: 680px){
+ .sidebar{
+ order:1;
+ width:100%;
+ position: static;
+ }
+ .lowerSB{
+ height: 700px;
+ }
+ .namee{
+ left:10px;
+ }
+ .main{
+ order:2;
+ width:100%;
+ }
+ .wrapperr{
+ flex-wrap: wrap;
+ }
+ .outerBox{
+ transform: translateX(20%);
+ }
+ .widdd{
+ width:82%;
+ }
+}
+@media only screen and (max-width: 680px) and (min-width: 530px){
+ .sidebar{
+ order:1;
+ width:100%;
+ position: static;
+ }
+ .lowerSB{
+ height: 700px;
+ }
+ .namee{
+ left:10px;
+ }
+ .main{
+ order:2;
+ width:100%;
+ }
+ .wrapperr{
+ flex-wrap: wrap;
+ }
+ .outerBox{
+ transform: translateX(15%);
+ }
+ .widdd{
+ width:82%;
+ }
+ .progressBars{
+ width: 60%;
+ }
+ .main{
+ position:relative;
+ left:-20px;
+ }
+}
+@media only screen and (max-width: 530px) and (min-width: 400px) {
+ .sidebar{
+ order:1;
+ width:100%;
+ position: static;
+ }
+ .lowerSB{
+ height: 700px;
+ }
+ .namee{
+ left:-10px;
+ }
+ .main{
+ order:2;
+ width:100%;
+ position:relative;
+ left:-20px;
+ }
+ .myImage{
+ left:40px;
+ }
+ .wrapperr{
+ flex-wrap: wrap;
+ }
+ .outerBox{
+ transform: translateX(15%);
+ }
+ .widdd{
+ width:82%;
+ }
+ .progressBars{
+ width:40%;
+ }
+}
+@media only screen and (max-width: 400px){
+ .sidebar{
+ order:1;
+ width:100%;
+ position: static;
+ }
+ .lowerSB{
+ height: 720px;
+ }
+ .namee{
+ left:10px;
+ }
+ .main{
+ order:2;
+ width:100%;
+ position:relative;
+ left:-25px;
+ }
+ .wrapperr{
+ flex-wrap: wrap;
+ }
+ .outerBox{
+ transform: translateX(10%);
+ left:10px;
+ }
+ .myImage{
+ left:20px;
+ }
+ .widdd{
+ width:82%;
+ }
+ .progressBars{
+ width: 35%;
+ }
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index 58b47eb..cff3325 100644
--- a/README.md
+++ b/README.md
@@ -97,3 +97,5 @@
- Ayush Poddar
- **[Portfolio](https://mr-magnificent.github.io/)**
+-Shivank Upadhyay
+ - **[Portfolio](http://elated-ritchie-647b21.bitballoon.com/)**