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/)**