https://github.com/vyvy-vi/portfolio

Portfolio website made using html, css and javascript. (made for MLH-hack-your-portfolio)
https://github.com/vyvy-vi/portfolio

Last synced: about 9 hours ago
JSON representation

Portfolio website made using html, css and javascript. (made for MLH-hack-your-portfolio)

• Host: GitHub
• URL: https://github.com/vyvy-vi/portfolio
• Owner: Vyvy-vi
• License: other
• Created: 2021-01-23T18:47:48.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2024-04-23T00:17:58.000Z (9 months ago)
• Last Synced: 2024-11-28T20:12:37.994Z (about 2 months ago)
• Language: HTML
• Homepage: https://vyvy-vi.github.io/portfolio
• Size: 946 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# portfolio

[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors-)

Portfolio website for Me. Made using html, css and javascript. (made for MLH-hack-your-portfolio)

This was my first multi-page site made using only html, css and javascript(rather than flask or django)

I learnt a lot of things while making this site, such as:

- 3d transforms for elements, particularly for flip cards.

- Transition attribute in css and leveraging that to get cursor trail effect.

- Using Bootstrap Cards, Grids and other components.

## The resources used for making this project

- Compiled bootstrap files from: https://getbootstrap.com/docs/5.0/getting-started/download/

- Setting up navbar: https://getbootstrap.com/docs/5.0/components/navbar/

- Importing old html into new file: https://stackoverflow.com/a/15250208

- Setting up cards in bootsrap: https://getbootstrap.com/docs/5.0/components/card/

- Custom Cursor tracking: https://www.youtube.com/watch?v=rfpRZ2t_BrQ

 

- Background Gradient from: https://uigradients.com/

- Fonts: https://fonts.google.com/

- Badges: https://shields.io/

- Flip Cards: https://www.w3schools.com/howto/howto_css_flip_card.asp

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    
Vyom Jain
📆 🚧

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!