diff --git a/_config.yml b/_config.yml index d13c687b5b6..7f151de4bd2 100644 --- a/_config.yml +++ b/_config.yml @@ -1,6 +1,6 @@ -title: "Blog Title" -author: "Blog Author" -description: "Made with <3" +title: "Mala Mishra" +author: "Mala Mishra" +description: "University Of Mumbai" permalink: /:title/ lang: "en" excerpt_separator: "\n\n\n" diff --git a/images/projects/accenture.jpeg b/images/projects/accenture.jpeg new file mode 100644 index 00000000000..34c2171ac17 Binary files /dev/null and b/images/projects/accenture.jpeg differ diff --git a/images/projects/atos.jpg b/images/projects/atos.jpg new file mode 100644 index 00000000000..c9402f28a63 Binary files /dev/null and b/images/projects/atos.jpg differ diff --git a/images/projects/humana.jpg b/images/projects/humana.jpg new file mode 100644 index 00000000000..dd640a0df9f Binary files /dev/null and b/images/projects/humana.jpg differ diff --git a/images/projects/kforce.jpeg b/images/projects/kforce.jpeg new file mode 100644 index 00000000000..a87963fc353 Binary files /dev/null and b/images/projects/kforce.jpeg differ diff --git a/images/userAsset/IMG_4091.jpg b/images/userAsset/IMG_4091.jpg new file mode 100644 index 00000000000..88a574be126 Binary files /dev/null and b/images/userAsset/IMG_4091.jpg differ diff --git a/images/userAsset/mm.jpeg b/images/userAsset/mm.jpeg new file mode 100644 index 00000000000..4c8f528dc94 Binary files /dev/null and b/images/userAsset/mm.jpeg differ diff --git a/index.html b/index.html index 0b3329cdd2f..ee063c37422 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,180 @@ ---- -layout: default -title: "Home" ---- - -{% if site.show_excerpts %} - {% include home.html %} -{% else %} - {% include archive.html title="Posts" %} -{% endif %} + + + + + + + + + Portfolio: Mala Mishra + + + + + +
+ +
+
+ +
+ +
ala Mishra
+
+ +
+
Work Experience
+ +
+ +
+ +
+ + + +
+ +
+ I am +
+ +
+ I am a graduate of KJ Somaiya College of Engineering with a major in Computer Science, currently working as a senior software engineer at Humana Inc creating high impact solutions for customers. +

+ .NET developer with 12+years of experience in developing Web and Client/Server Applications based on Microsoft .NET Technologies and expertise in implementing azure cloud based applications. + Sound knowledge of Object Oriented Language Principles (C#) and design practices. I have an immense passion for technology and software development. + +

+ For questions and additional information, please send me an email mishmala +
+ + +
+ +
+ +
+ +
+
+ +
+
+ + +
+

Work Experience

+
+
+ +
+
+ humana icon +
01
+
+
+

Humana Inc
+ Sep 2021 - Present +

+

+

    +
  • Product design and implementation for web applications, Windows Desktop Applications using C# and VB.NET, .NET Windows Services and XML Web Services.
    • +
  • Database design with attention towards a balance between performance and normalization.
    • +
+

+
+
+ +
+
+ KForce Icon +
02
+
+
+

KForce +
+ Jan 2018 - Sep 2021 +

+

+

    +
  • Product design and implementation for web applications, Windows Desktop Applications using C# and VB.NET, .NET Windows Services and XML Web Services.
    • +
  • Database design with attention towards a balance between performance and normalization.
    • +

+
+
+ +
+
+ Syntel icon +
03
+
+
+

Syntel +
+ Jan 2015 - Jan 2018 +

+

+

    +
  • Product design and implementation for web applications, Windows Desktop Applications using C# and VB.NET, .NET Windows Services and XML Web Services.
    • +
  • Database design with attention towards a balance between performance and normalization.
    • +

+
+
+ +
+
+ Accenture Icon +
04
+
+
+

Accenture +
+ Aug 2010 - Jan 2015 +

+

+

    +
  • Product design and implementation for web applications, Windows Desktop Applications using C# and VB.NET, .NET Windows Services and XML Web Services.
    • +
  • Database design with attention towards a balance between performance and normalization.
    • +

+
+
+
+ + +
+ + + + + diff --git a/index2.html b/index2.html new file mode 100644 index 00000000000..0b3329cdd2f --- /dev/null +++ b/index2.html @@ -0,0 +1,10 @@ +--- +layout: default +title: "Home" +--- + +{% if site.show_excerpts %} + {% include home.html %} +{% else %} + {% include archive.html title="Posts" %} +{% endif %} diff --git a/styles.css b/styles.css new file mode 100644 index 00000000000..c96fe1628fe --- /dev/null +++ b/styles.css @@ -0,0 +1,857 @@ +@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300&display=swap"); + +*{ + margin:0; + padding:0; + box-sizing:border-box; + font-family: "Be Vietnam Pro", sans-serif; + scroll-behavior: smooth; +} +:root { + --bgOrange: #e84949; +} +html,body{ + overflow: hidden; +} + +#wrapper{ + height:100vh; + overflow-y:auto; + overflow-x: auto; + + +} + +.container{ + width:100%; + margin:0 auto; + +} + +.navbar{ + display: flex; + justify-content:space-between; + align-items:center; + padding-top:1rem; +} + +.logo{ + width:80px; +} + +.logo-container{ + display:flex; + justify-content: baseline; + align-items: center; +} + +.logo-text{ + margin-left:-1.6rem; + font-size:28px; +} + +.nav-items{ + display:flex; + gap:2rem; + padding: 0 4em; +} + +.nav-items div{ + font-size:20px; + font-weight:500; + cursor:pointer; + +} +.nav-items div a{ + color:black; + /* transition: all 5s ease; */ +} + +a{ + text-decoration: none; +} + + +.nav-items div:hover{ + transition:0.8s; + font-weight: bold; +} + +.hero-section{ + position:relative; + display:flex; + justify-content: center; + align-items: center; + gap: 5rem; + margin: 4rem auto; + padding: 0 1rem; + padding-bottom: 8rem; + /* height: 210px; */ + width: 100%; + overflow: hidden; +} + +.faded-text{ + position:absolute; + user-select:none; + font-size: 7em; + color:rgb(231,231,231); + + bottom: -16%; + left: -5%; + font-weight: bold; + transition: all 3s; +} + +.hero-section-left{ + display: flex; + flex-direction: column; + justify-content:center; + gap: 2rem; + width: 100%; + overflow: hidden; +} + +.hero-section-heading{ + font-size: 35px; + color: #343d68; + font-weight: 500; +} + +.role{ + color: #4e45d5; + font-weight: 800; +} + +.hero-section-sub-heading{ + font-size: 45px; + line-height: 45px; +} + +.hero-section-description{ + margin-top: 1rem; + width: 70%; + font-weight: 500; + font-size: larger; + width: 100%; +} + +.btn-pink { + background-color: var(--bgOrange); + width: fit-content; + color: white; + padding: 0.8rem 2.3rem; + box-shadow: 5px 5px 7px 0px #0000003f; + font-size: 18px; + cursor: pointer; + transition: all 0.5s; + font-weight: 500; + border: solid 3px transparent; + position: relative; + z-index: 1; + } + .btn-pink::before { + content: ""; + position: absolute; + background-color: #fff; + top: 0px; + left: 0; + right: 0; + bottom: 0px; + z-index: -1; + transform: scaleX(0); + transform-origin: left; + transition: all 0.8s; + } + .btn-pink:hover::before { + transform: scaleX(1); + } + .btn-pink:hover { + border: solid 3px var(--bgOrange); + color: black; + } + + .hero-section-right{ + position:relative; + width: 80%; + height: 80%; + } + + .absolute{ + position:absolute; + } + + .user-image{ + padding:1rem; + filter:grayscale(1); + transition:all 1s; + animation: scaleImage 5s linear infinite; + + } + + .user-image img{ + z-index:-9; + width:100%; + height:100%; + filter: grayscale(0%); + box-shadow: 0 0 10px #333; + object-fit: cover; + } + + @keyframes scaleImage { + + 0%{ + filter:grayscale(0); + transform:scale(1); + + } + + 50%{ + transform:scale(1.1); + filter:grayscale(0); + box-shadow: 3px 3px 10px black; + } + + 100%{ + transform:scale(1); + filter:grayscale(0); + } + + } + + + .icon-dots{ + z-index:9; + bottom:-1rem; + right:0; + animation-name:dotsAnimation; + animation-duration: 5s; + animation-iteration-count: infinite; + } + + @keyframes dotsAnimation { + 0%{ + transform:translateY(0px); + } + 50%{ + transform: translateY(-15px); + } + 100%{ + transform: translateY(0px); + } + + } + + .icon-cube{ + z-index:9; + top:-0.8em; + right:1em; + animation-name: cubeRotate; + animation-duration: 3s; + animation-iteration-count: infinite; + } + + @keyframes cubeRotate { + 0%{ + transform: rotateY(0deg) translateY(0px); + } + 50%{ + transform: rotateY(180deg) translateY(-12px); + } + 100%{ + transform: rotateY(360deg) translateY(0px); + } + } + + .icon-circle{ + z-index:9; + left:0; + bottom:0; + animation-name:shakeEffect; + animation-duration: 6s; + animation-timing-function: linear; + animation-iteration-count: infinite; +} + + + .icon-zigzag{ + z-index:9; + top:1.5em; + left:-0.3em; + animation:zigzagAnimation 5s ease-in infinite; + } + + @keyframes zigzagAnimation{ + 50%{ + left:5%; + top:2%; + } + } + .icon-plus{ + z-index:9; + top:-0.8rem; + left: 50%; + animation:shakeEffectPlus 5s ease-in infinite; + } + + @keyframes shakeEffectPlus { + 50%{ + top:3%; + left:48% + } + } + + .project-section{ + /* background-color: rgb(231,231,231); */ + margin-top:4rem; + } + + .page-header{ + /* color:var(--bgOrange); */ + /* color:black */ + font-size:50px; + text-align:center; + padding-top:30px; + } + .project-container{ + max-width: 1200px; + margin:0 auto; + padding:3rem 0; + + display:flex; + flex-direction:column; + gap:120px; + } + + .project-card{ + width:90%; + height:550px; + background-image: url(./images/projects/Project1.png); + background-size: cover; + position:relative; + box-shadow:0px 0px 40px #1f1f1f; + } + + + .project-card::after{ + content:""; + position:absolute; + top:0; + left:0; + right:0; + bottom:0; + background-color: #1f1f1f9a; + z-index:0; + /* transform: scaleX(1); */ + } + + .project-card::before{ + content:""; + position:absolute; + top:0; + left:0; + right:0; + bottom:0; + background: linear-gradient(45deg, #343d68, #343d68be, #343d687c); + transform:scaleX(0); + transform-origin: left; + transition: all 0.4s; + z-index:1; + } + + .project-card:hover::before{ + transform:scaleX(1); + } + + .project-number{ + position:absolute; + font-size:200px; + font-weight:600; + color:white; + z-index:10; + /* display:none; */ + opacity: 0; + } + + .project-card:hover .project-number{ + /* display:block; */ + opacity: 1; + } + + .project-number-right{ + right:-40px; + top:-45px; + } + + .project-number-left{ + left:-40px; + top:-45px; + } +/* + .project-content{ + position:absolute; + display:flex; + flex-direction:column; + color:white; + padding:2em; + bottom:20%; + z-index:5; + gap:1em; + transition:all 0.4s; + } + + + .project-content-left{ + left:10%; + } + + .project-content-right{ + right:10%; + } + + .project-skills-container{ + width:60%; + display:flex; + gap:10px; + flex-wrap:wrap; + + } + + .project-skill{ + width:40px; + } + + .project-heading{ + font-size:50px; + font-weight: bold; + line-height:3rem; + } + + .project-subHeading{ + width:70%; + font-size:16px; + font-style: italic; + } + + + .btn-grp{ + display:flex; + gap:0.9rem; + align-items:center; + } + + .btn-project:hover{ + border:none; + } */ + + .icon{ + cursor:pointer; + color:white; + font-size:35px; + transition:all 0.4s; + } + + .icon:hover{ + color:var(--bgOrange); + } + + /* .project-card:hover .project-content{ + transform:scale(1.1); + } */ + + /* #project1{ + background-image: url(./images/projects/Project1.png); + } */ + + /* #project2{ + margin-left:120px; + background-image: url(./images/projects/Project2.png); + } + #project3{ + background-image: url(./images/projects/Project3.png); + } + #project4{ + margin-left:120px; + background-image: url(./images/projects/Project4.png); + } + + @media (max-width:1300px) { + .page-header { + padding-top: 30px; + color: var(--bgOrange); + text-align: center; + font-size: 40px; + } + .project-container { + padding: 5px; + margin: 10px; + gap: 60px; + } + .project-card { + width: 100%; + height: 300px; + } + .project-card { + background-size: cover; + background-position: center; + } + .project-content { + scale: 0.5; + bottom: 0; + left: 0; + right: 0; + top: 0; + } + .project-content-left { + left: 0; + } + .project-heading { + font-size: 40px; + width: 100%; + } + .project-sub-heading { + width: 100%; + } + #project2 { + margin-left: 0; + } + #project4 { + margin-left: 0; + } + .project-skill-container { + width: 100%; + } + .project-skill { + width: 35px; + } + .project-card:hover .project-number { + display: none; + } + .project-card:hover .project-content { + scale: 0.55; + } + } */ + + /* .skills-container{ + position:relative; + display:flex; + padding:5rem; + margin:10rem auto; + gap:30px; + } + +.skill-container-left{ + width:50%; + display:flex; + flex-direction:column; +} + +.skill-container-right{ + display:flex; + flex-wrap:wrap; + width:50%; + position:relative; + gap:2rem; + justify-content: center; +} */ + +/* .skill-fade-text{ + position:absolute; + font-size:15em; + font-style:bold; + color:rgb(231,231,231); + bottom:-34.5%; + right:-25%; + user-select:none; + overflow-y:hidden; +} + +.blob-style{ + position:absolute; + top:50%; + left:50%; + z-index:-5; + transform:translate(-50%, -50%); + animation: blobAnimate 3s linear infinite; +} + +@keyframes blobAnimate { + 50%{ + top:54%; + left:46%; + } +} */ + +/* .skills-logo{ + width:90px; + transition:all 0.5s; +} + +.skills-logo:hover{ + transform:scale(1.2); +} + +.skill-heading{ + font-size:50px; + font-style: bold; + color: var(--bgOrange); + line-height: 50px; +} + +.caps{ + font-size:90px; +} */ +/* +.skill-subHeading{ + margin-top: 1rem; + width:85%; + text-align: justify; +} + +.skill-subHeading p{ + margin:15px 0; +} + +.contactus-form-container{ + width:100%; + background-color: rgb(231,231,231); +} + +.contactus-heading{ + font-size:5em; + color:var(--bgOrange); + padding-top: 2rem; +} */ + +/* .contactus-sub-heading{ + font-size:3rem; + color:#343d68aa; + text-transform: capitalize; +} + +.contactus-form-container{ + margin-top:25px; + display:flex; + align-items: center; + justify-content: center; +} + +.form{ + display:flex; + flex-direction: column; + gap:30px; + width:70%; + margin: 2rem 5rem; +} + +.formfield-container{ + width:100%; +} */ + +/* .formfield{ + width:100%; + height:42px; + padding: 0 2rem; + font-size:18px; + border-radius: 5px; + box-shadow: 2px 2px 10px #1f1f1f; + font-weight:500; + border:none; + margin-top:27px; +} */ + +/* .formfield-textarea{ + height:auto; + padding-top:1rem; +} + +#submit-btn{ + border:none; + font-size: 1.4rem; + margin: 1rem 0; +} + +#submit-btn:hover{ + scale:0.9; +} + +.submit-icon{ + padding:0 1rem; + font-size:1.5rem; +} */ + +footer{ + position:relative; + margin-top:-1px; + background-color: #343d68; + padding:5rem; + height: 40px; + +} + +.footer-wrapper{ + display:flex; + gap:1rem; + padding:1.2rem; + justify-content: space-between; + align-items:center; +} + +.footer-faded-text{ + position:absolute; + left:0; + bottom:0;color:#535c87; + user-select:none; + font-size:5em; +} + +.link-wrapper{ + display:flex; + gap:1.2rem; +} + +.link-wrapper div a{ + color:white; + text-decoration:none; + transition:all 0.6s; +} + +.link-wrapper div a:hover{ + color:var(--bgOrange); +} + +.icon-wrapper{ + display:flex; + gap:1rem; +} + +.projects-article{ + + margin: 2rem auto; + max-width: calc(100% - 80px); + display: grid; + grid-template-columns: repeat(auto-fill,minmax(265px,1fr)); + gap: 2rem; + flex-wrap: wrap; + justify-content: space-between; + + + /* display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1rem; + margin-bottom: 4rem; */ + +} + +.article-image{ + margin: 0; + padding: 0; + overflow: hidden; + +} + +.article-image img{ + /* max-width: 100%; + height: auto; + border-radius: 20px 20px 0 0; */ + + /* width:100%; + height:auto; */ + width: 100%; + height: 25vw; + /* filter: grayscale(100%); */ + box-shadow: 0 0 20px #333; + object-fit: cover; +} + +.article-card{ + background: white; + border-radius: 20px; + transition: 0.3s; + transform: scale(1.03); + transition: 0.5s; + filter: drop-shadow(0 0 10px #333); +} + +.article-card:hover{ + box-shadow: 0 4px 20px 0 rgba(34,68,123,0.2); + cursor: pointer; + /* background-color: rgb(62, 62, 62); + color: white; */ + cursor: pointer; + transform: scale(1.10) ; + transition:all 1s ease; + + + +} + +.article-content{ + padding: 2rem; + +} + +.article-content .card-category{ + font-size: 0.875 rem; + text-transform: uppercase; + letter-spacing: 0.1em; + font-weight: 600; + color:#6b82a7; + display: block; + text-decoration: none; +} + +.article-content .card-title{ + margin: 1rem 0; + color: #22447b; + align-content: center; + +} + +.article-content .card-excerpt{ + font-size: 1rem; + line-height: 1.5rem; + color:#6b82a7; + margin: 0; +} + +@media screen and (min-width:768px){ + .hero-section .projects-article{ + max-width: 608px; + } + .article-card{ + display: grid; + grid-template-rows: 220px 1fr ; + } +} + +@media screen and (min-width:1280px){ + hero-section .projects-article{ + max-width: 1156px; + } + .article-card{ + display: grid; + grid-template-rows: 220px 1fr ; + } +} + +.article-image figcaption{ + position: absolute; + bottom: 0; + left: 0; + padding: 25px; + width: 100%; + height: 20%; + font-size: 16px; + font-weight: 500; + color: #fff; + opacity: 0; + border-radius: 0 0 10px 10px; + background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%); + transition: 0.3s; +} + +.article-image:hover figcaption { + opacity: 1; + transform: scale(1.03); +}