diff --git a/Hrushikesh Das/css/style.css b/Hrushikesh Das/css/style.css new file mode 100644 index 0000000..f7db363 --- /dev/null +++ b/Hrushikesh Das/css/style.css @@ -0,0 +1,346 @@ +@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap"); + +* { + font-family: "Source Code Pro", monospace; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: #222222; + line-height: 1.2em; + margin-bottom: 0; + margin-top: 0; + font-weight: 600; +} +@media (max-width: 565px) { + .section-heading { + font-size: 40px !important; + } +} +html { + scroll-behavior: smooth; +} +body { + color: #777777; + font-family: "Roboto", sans-serif; + font-size: 15px; + font-weight: 400; + line-height: 1.625em; + position: relative; +} + +.nav-link { + font-size: 25px; +} + +p { + text-align: justify; + text-justify: inter-word; +} + +.container { + overflow: auto; +} + +.vertical-center { + min-height: 100%; /* Fallback for browsers do NOT support vh unit */ + min-height: 100vh; /* These two lines are counted as one :-) */ + + display: flex; + align-items: center; +} + +.link { + text-decoration: none; + color: #007bff; + transition: all 0.3s; +} +.link:hover { + text-decoration: none; + color: #111; + transition: all 0.3s; +} +.social-links li { + list-style: none; + display: inline-block; +} +.social-links li a { + height: 50px; + width: 50px; + display: block; + float: left; + background: rgba(255, 255, 255, 0.05); + border-radius: 50%; + position: relative; +} +.social-links li a ion-icon { + position: absolute; + font-size: 26px; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + transition: all 0.3s; +} +.social-links li a:hover { + color: #111; + transition: all 0.3s; +} + +.tech-icon { + height: 20px; +} + +.wrap { + padding: 0; +} +@media (max-width: 767.98px) { + .wrap { + margin-top: 40px; + } +} +@media (min-width: 768px) { + .wrap .about-desc { + position: relative; + } +} +.wrap .about-desc .bold-text { + position: absolute; + top: -80px; + left: 10px; + right: 0; + bottom: 0; + font-weight: 700 !important; + color: rgba(0, 0, 0, 0.08); + text-transform: uppercase; +} +@media (min-width: 992px) { + .wrap .about-desc .bold-text { + font-size: 6em; + } +} +@media (max-width: 991px) { + .wrap .about-desc .bold-text { + display: none; + } +} + +.progress-style { + width: 400px; +} +@media (max-width: 412px) { + .progress-style { + width: 300px; + } +} +.interests .icon-box { + display: flex; + align-items: center; + padding: 20px; + background: rgba(255, 255, 255, 0.08); + transition: ease-in-out 0.3s; +} + +.interests .icon-box i { + font-size: 32px; + padding-right: 10px; + line-height: 1; +} + +.interests .icon-box h3 { + font-weight: 300; + margin: 0; + padding: 0; + padding-left: 0.5rem; + line-height: 1; + font-size: 20px; + color: #111; +} + +.interests .icon-box:hover { + background: rgba(122, 122, 122, 0.12); +} + +.bg-text { + position: absolute; + margin-bottom: -1em; + top: -80px; + left: 10px; + right: 0; + bottom: 0; + font-weight: 700 !important; + color: rgba(0, 0, 0, 0.08); + text-transform: uppercase; +} +@media (min-width: 992px) { + .bg-text { + font-size: 6em; + } +} +@media (max-width: 991.98px) { + .bg-text { + display: none; + } +} +@media (max-width: 767.98px) { + .bg-text { + display: none; + } +} +@media (min-width: 768px) { + .bg-text { + position: relative; + } +} +.profile-text { + font-weight: 300; +} +@media (max-width: 768px) { + .profile-text { + font-size: 20px !important; + } +} + +@media (min-width: 768px) { + .blog-entry { + margin-bottom: 30px; + } +} + +@media (max-width: 767.98px) { + .blog-entry { + margin-bottom: 30px; + } +} + +.blog-entry .text { + position: relative; + border-top: 0; + border-radius: 2px; +} +.blog-entry .text .heading { + font-size: 20px; + margin-bottom: 16px; + font-weight: 500; +} +.blog-entry .text .heading a { + color: #111; +} +.blog-entry .text .heading a:hover, +.blog-entry .text .heading a:focus, +.blog-entry .text .heading a:active { + color: #2f89fc; +} + +.blog-entry .meta > div { + display: inline-block; + margin-right: 5px; + margin-bottom: 5px; + font-size: 15px; +} +.blog-entry .meta > div a { + font-size: 15px; + color: #8c8c8c; +} + +#preloader { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 9999; + overflow: hidden; + background: #fff; +} + +#preloader:before { + content: ""; + position: fixed; + top: calc(50% - 30px); + left: calc(50% - 30px); + border: 6px solid #f2f2f2; + border-top: 6px solid #007bff; + border-radius: 50%; + width: 60px; + height: 60px; + -webkit-animation: animate-preloader 1s linear infinite; + animation: animate-preloader 1s linear infinite; +} + +@-webkit-keyframes animate-preloader { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes animate-preloader { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +.button { + display: inline-block; + padding: 0.3rem 0.6rem; + text-align: center; + vertical-align: middle; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 1rem; + border-radius: 0.3rem; + border: 1px solid transparent; + transition: all 500ms ease; + cursor: pointer; +} + +.button:focus { + outline: 0; +} + +.button:hover { + background-color: #1c81c4; + color: #fff; + transition: all 500ms ease; +} + +.button-a { + background-color: #48abec; + color: #fff; + border-color: #d7ebf5; +} + +.button-big { + padding: 0.9rem 2.3rem; + font-size: 1.2rem; +} + +.button-rouded { + border-radius: 5rem; +} + +.btn-lg { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} diff --git a/Hrushikesh Das/images/favicon.ico b/Hrushikesh Das/images/favicon.ico new file mode 100644 index 0000000..6bc5be9 Binary files /dev/null and b/Hrushikesh Das/images/favicon.ico differ diff --git a/Hrushikesh Das/images/git_vs_github.jpg b/Hrushikesh Das/images/git_vs_github.jpg new file mode 100644 index 0000000..78a36e8 Binary files /dev/null and b/Hrushikesh Das/images/git_vs_github.jpg differ diff --git a/Hrushikesh Das/images/icons/cpp.png b/Hrushikesh Das/images/icons/cpp.png new file mode 100644 index 0000000..4641bcb Binary files /dev/null and b/Hrushikesh Das/images/icons/cpp.png differ diff --git a/Hrushikesh Das/images/icons/dart.png b/Hrushikesh Das/images/icons/dart.png new file mode 100644 index 0000000..8c549ac Binary files /dev/null and b/Hrushikesh Das/images/icons/dart.png differ diff --git a/Hrushikesh Das/images/icons/db.png b/Hrushikesh Das/images/icons/db.png new file mode 100644 index 0000000..c5a5a79 Binary files /dev/null and b/Hrushikesh Das/images/icons/db.png differ diff --git a/Hrushikesh Das/images/icons/flutter.png b/Hrushikesh Das/images/icons/flutter.png new file mode 100644 index 0000000..0df38eb Binary files /dev/null and b/Hrushikesh Das/images/icons/flutter.png differ diff --git a/Hrushikesh Das/images/icons/heroku.png b/Hrushikesh Das/images/icons/heroku.png new file mode 100644 index 0000000..1c056b5 Binary files /dev/null and b/Hrushikesh Das/images/icons/heroku.png differ diff --git a/Hrushikesh Das/images/icons/java.png b/Hrushikesh Das/images/icons/java.png new file mode 100644 index 0000000..1bbe005 Binary files /dev/null and b/Hrushikesh Das/images/icons/java.png differ diff --git a/Hrushikesh Das/images/icons/js.png b/Hrushikesh Das/images/icons/js.png new file mode 100644 index 0000000..0bd667e Binary files /dev/null and b/Hrushikesh Das/images/icons/js.png differ diff --git a/Hrushikesh Das/images/icons/node.png b/Hrushikesh Das/images/icons/node.png new file mode 100644 index 0000000..1cd6519 Binary files /dev/null and b/Hrushikesh Das/images/icons/node.png differ diff --git a/Hrushikesh Das/images/icons/php.png b/Hrushikesh Das/images/icons/php.png new file mode 100644 index 0000000..493845e Binary files /dev/null and b/Hrushikesh Das/images/icons/php.png differ diff --git a/Hrushikesh Das/images/icons/python.png b/Hrushikesh Das/images/icons/python.png new file mode 100644 index 0000000..9a4b1ed Binary files /dev/null and b/Hrushikesh Das/images/icons/python.png differ diff --git a/Hrushikesh Das/images/icons/react.png b/Hrushikesh Das/images/icons/react.png new file mode 100644 index 0000000..6e5fbd5 Binary files /dev/null and b/Hrushikesh Das/images/icons/react.png differ diff --git a/Hrushikesh Das/images/icons/ts.png b/Hrushikesh Das/images/icons/ts.png new file mode 100644 index 0000000..dc46d33 Binary files /dev/null and b/Hrushikesh Das/images/icons/ts.png differ diff --git a/Hrushikesh Das/images/js.jpg b/Hrushikesh Das/images/js.jpg new file mode 100644 index 0000000..7760c89 Binary files /dev/null and b/Hrushikesh Das/images/js.jpg differ diff --git a/Hrushikesh Das/index.html b/Hrushikesh Das/index.html new file mode 100644 index 0000000..87705a4 --- /dev/null +++ b/Hrushikesh Das/index.html @@ -0,0 +1,654 @@ + + + +
+ + + + ++ Full Stack Web Dev āŖ Flutter Dev āŖ Graphics Designer +
++ My name is Hrushikesh. Iām a junior from š®š³ I'm a full-stack js developer š», flutter + developer š±, mentor šØāš« and, a learner š. I'm deeply passionate about software + development. I believe in the power of community and love community-based learning. +
+ + +GIET University, Gunupur
+2018 - 2022
+January 2021 - Present
+In-house Internship Program with Industry Collaboration - by TCET, Mumbai
+Objective
+January 2021 - February 2021
+November 2020 - December 2020
+September 2020 - November 2020
+" Always try to grab the opportunities! "
+August 2020 - November 2020
+July 2020
+June 2020
+January 2021 - Present
+September 2020 - Present
+GirlScript Gunupur Chapter is part of the official GirlScript Foundation and + has on + the + route to imparting the best relevant education and glow up the light of creativity + among + all.
+November 2019 - Present
++ Odisha Oracle Users Group is a technical organization supporting students on + their + skill enhancement. + The vision of the organization is to prepare a student to be an adaptive, skillful + and, ready-to-work person. +
+January 2019 - Present
+November 2020
+November 2020
+September 2020
+January 2021
+July 2020
+May 2019
+