A futuristic, responsive personal portfolio website designed to showcase my creative projects, skills, and achievements. Built with HTML, CSS, and JavaScript, this project features advanced animations, interactive particle effects, and a mobile-first design to deliver an immersive user experience. β¨
- Responsive Design: Fully optimized for desktops, tablets, and mobile devices π±π».
- Advanced Animations: Includes a conic swirl background, smooth hover transitions, and particle effects π¨β¨.
- Adaptive Navigation: Mobile-friendly hamburger menu with seamless transitions and auto-scroll prevention π.
- Enhanced Sections: Distinct sections for About, Projects, Education, Achievements, and Contactβall with engaging animations and transitions π.
- Performance Optimized: Prevents unwanted auto-scrolling and minimizes lag for a smooth browsing experience β‘.
- HTML5
- CSS3 (including Flexbox, Grid, and custom animations)
- JavaScript (for interactive UI behavior)
- Particles.js (for dynamic background particle effects)
-
Clone the Repository:
git clone https://github.com/Sadat-Rakib/My_Portfolio.git
-
Navigate to the Project Directory: cd My_Portfolio
-
Open the Project: Open index.html in your preferred web browser to view the portfolio.
Content Customization: Update the About, Projects, Education, and Contact sections with your personal information.
Styling: Modify CSS variables (in the :root selector) in style.css to adjust the color scheme and transition effects.
Animation Tweaks: Adjust keyframes and transition timings in the CSS to suit your design preferences.
Interactivity: The JavaScript file handles menu toggles, particle effects, and scroll behaviorβcustomize as needed.
View the live version of the portfolio here: https://sadat-rakib.github.io/My_Portfolio/
This project is licensed under the MIT License.