https://github.com/ajitharunai/perosnal-portfolio-resume-cv-
This project is a fully responsive personal portfolio website featuring a modern blue-themed design. It showcases skills, projects, experience, and education with interactive elements like a typewriter effect for the introduction and a smooth scroll-to-top button for enhanced user experience.
https://github.com/ajitharunai/perosnal-portfolio-resume-cv-
css html5 portfolio-website resume resume-template resume-website
Last synced: about 2 months ago
JSON representation
This project is a fully responsive personal portfolio website featuring a modern blue-themed design. It showcases skills, projects, experience, and education with interactive elements like a typewriter effect for the introduction and a smooth scroll-to-top button for enhanced user experience.
- Host: GitHub
- URL: https://github.com/ajitharunai/perosnal-portfolio-resume-cv-
- Owner: ajitharunai
- Created: 2024-08-24T06:54:38.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-08-24T07:03:50.000Z (9 months ago)
- Last Synced: 2025-01-29T12:28:58.669Z (4 months ago)
- Topics: css, html5, portfolio-website, resume, resume-template, resume-website
- Language: HTML
- Homepage: https://ajitharunai.github.io/perosnal-portfolio-resume-cv-/
- Size: 5.86 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal Portfolio Website
## Overview
This project is a fully responsive personal portfolio website built using HTML5, CSS3, and JavaScript. It showcases my skills, projects, experience, and education, with a modern blue-themed design and interactive elements like a typewriter effect and a smooth scroll-to-top button.
## Features
- **Responsive Design**: Optimized for mobile, tablet, and desktop devices using media queries.
- **Typewriter Effect**: A dynamic typewriter animation for the name and introduction section.
- **Interactive Carousel**: A scrollable carousel to showcase projects.
- **Sticky Navigation Bar**: Navigation bar stays at the top while scrolling for easy access.
- **Scroll-to-Top Button**: Smooth scroll button to quickly navigate to the top of the page.
- **Social Media Links**: Direct links to LinkedIn, GitHub, and other social media profiles.
## Technologies Used
- **HTML5**
- **CSS3**
- **JavaScript**
- **Flexbox/Grid Layout**
- **Font Awesome**: For social media icons
## Sections
1. **Header**: Contains a profile photo, name with typewriter effect, and navigation menu.
2. **About Me**: Brief introduction and background.
3. **Skills**: A list of technical skills displayed in a responsive grid layout.
4. **Projects**: Interactive carousel showcasing my projects.
5. **Experience**: Professional experience with detailed descriptions.
6. **Education**: Academic background and qualifications.
7. **Testimonials**: Feedback from colleagues and mentors.
8. **Contact**: Contact form and social media links.
9. **Footer**: Includes privacy policy, terms of service, and a scroll-to-top button.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/your-username/personal-portfolio.git
```
2. Navigate to the project directory:
```bash
cd personal-portfolio
```
3. Open `index.html` in your preferred browser.
## Customization
- Replace `"your-photo.jpg"` in the `![]()
` tag with your own profile picture.
- Update the content in each section to match your personal information.
- Modify the styles in `styles.css` to customize colors, fonts, and layouts as desired.
## Demo
You can view the live demo of the portfolio [here](https://your-demo-link.com).
## Contributing
Contributions are welcome! Feel free to open an issue or submit a pull request for any improvements.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.