Skip to content

shivamkapasia0/myPortfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Portfolio Website By LWC!

Hi! this is simple portfolio website powered by LWC.
Live demo : https://shivamkapasia0.github.io/myPortfolio/

Screenshots

Home Page

Home Dark Mode

Skill Page

Dark Mode Skills Page

Contact Me

Dark Mode Contact Page

How To Setup ?

You can just install the myPortfolio app in your org and simply follow below steps:

Setup Your Site

  • Go to sites under Digital Experiences
  • Select you existing template or create new one(Build Your Own Template)
  • Drag myPortfolio LWC component to body section from components
  • Now go to theme section and click on Edit CSS and paste below code:
.siteforceContentArea{
        margin: -1%;
}

.comm-content-header{
    margin-bottom: -2rem;
        margin-top: -3rem;
        padding-top: 2rem;
}
.siteforceContentArea .comm-layout-column:not(:empty) {
    padding-top: var(--lwc-layoutVerticalPadding,2.75rem);
    padding-bottom: var(--lwc-layoutVerticalPadding,0.75rem);
}

.comm-content-footer{
    display: none;
}

For more help refer to screenshots folder for site setup.

TODO

  • Add Dark theme.

  • To Add Skill Page & Project Page.

  • To Make Website More Responsive.

  • To Change Text & Add Animation Effects.

License

MIT

Free Software, Hell Yeah!