Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/farid-karimi/farid-karimi.github.io
My Portfolio
https://github.com/farid-karimi/farid-karimi.github.io
css gsap html javascript js portfolio
Last synced: about 2 months ago
JSON representation
My Portfolio
- Host: GitHub
- URL: https://github.com/farid-karimi/farid-karimi.github.io
- Owner: Farid-Karimi
- Created: 2023-09-04T15:04:48.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-07-03T20:56:41.000Z (6 months ago)
- Last Synced: 2024-10-13T01:07:12.392Z (3 months ago)
- Topics: css, gsap, html, javascript, js, portfolio
- Language: JavaScript
- Homepage: https://farid-karimi.github.io/
- Size: 5.13 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My Personal Portfolio
🚀 Welcome to my personal portfolio! This is a showcase of my skills, projects, and experience in web development and 3D modeling. With a combination of HTML, CSS, GSAP, and 3D models created using Blender, I have created an interactive and visually appealing portfolio to highlight my work.
## Project Description
📝 This project is a personal portfolio website that serves as a virtual representation of my skills, projects, and experience. It provides an engaging and user-friendly interface, allowing visitors to navigate through different sections and explore my work.
🌟 The main features of my portfolio include:
- A responsive design that adapts to different screen sizes and devices.
- Smooth animations and transitions created using GSAP (GreenSock Animation Platform).
- 3D models rendered in Blender, providing an immersive and visually stunning experience.
- Sections dedicated to showcasing my skills, projects, and experience, allowing visitors to get a comprehensive overview of my work.
- Contact information and links to my social media profiles, making it easy for interested individuals to reach out to me.
## Project Structure and Code
🏗️ My portfolio is built using HTML, CSS, and GSAP. The project structure is organized in a clean and logical manner, ensuring easy navigation and maintenance. Here's a breakdown of the main files and folders:
```
- index.html # Main HTML file
- css/ # Folder containing CSS stylesheets
- style.css # Main stylesheet
- js/ # Folder containing JavaScript files
- main.js # JavaScript code for animations and interactivity
- assets/ # Folder containing images and 3D models
- README.md # Documentation file (you're reading it!)
```
🔥 The code is written with best practices in mind, following a modular and reusable approach. The HTML structure is semantic, ensuring accessibility and search engine optimization. CSS styles are organized using classes and IDs, providing flexibility and maintainability. GSAP is utilized to create stunning animations, adding a touch of dynamism to the portfolio.
## Conclusion
🎉 My personal portfolio is a culmination of my skills, projects, and experience presented in an interactive and visually appealing manner. It showcases my expertise in web development, including HTML, CSS, and GSAP, as well as my proficiency in 3D modeling using Blender.
🚀 With its responsive design, smooth animations, and immersive 3D models, my portfolio is sure to leave a lasting impression on visitors. Whether you're a potential employer, client, or fellow developer, I hope you enjoy exploring my work and getting to know me better.