A modern, responsive personal dashboard designed to showcase professional profiles and coding achievements.
This project features a clean, dark-themed UI with interactive animations and a 3D tilt effect essential for a premium user experience.
- Responsive Design: Adapts seamlessly to different screen sizes, from mobile devices to desktops.
- Interactive UI:
- 3D Tilt Effect: The profile card tilts dynamically based on mouse movement.
- Animations: Smooth fade-in and slide-in effects for the card and links.
- Hover Effects: glowing accents and transitions on interactive elements.
- 3D Tilt Effect: The profile card tilts dynamically based on mouse movement.
- Centralized Links: Quick access to GitHub, Codelio, LinkedIn, LeetCode, SkillRack, and Email.
- Modern Aesthetics: Uses a glassmorphism inspired design with a dynamic background.
- HTML5: For semantic structure.
- CSS3: For styling, animations, and responsive layout (Vanilla CSS).
- JavaScript: For the 3D tilt logic and interactivity (Vanilla JS).
- Font: Outfit from Google Fonts.
-
Clone the repository (or download usage files):
git clone https://github.com/KiShOrE-2008/Link_web
-
Open the project:
Navigate to the project directory and openindex.htmlin your preferred web browser.Tip: For the best experience, use a modern browser like Chrome, Edge, or Firefox.
- Profile Image: Replace the SVG placeholder in
index.htmlwith your own<img>tag. - Links: Update the
hrefattributes in the<nav class="links">section ofindex.htmlwith your own profile URLs. - Colors: Modify the CSS variables in
:rootwithinstyle.cssto change the color scheme.
This project is open source and available for personal and educational use.