Welcome to my personal landing page! This page serves as a central hub to showcase my profile, and links to my various professional and personal profiles. It is a dynamic and responsive design aimed at providing visitors with an engaging user experience.
- Displays a professional profile picture.
- Includes my name, and a brief description of my background, and interests.
- Clicking the profile picture expands it into a larger view, with a dark overlay for enhanced focus.
- Dynamically generated links from a JSON file.
- Each link includes:
- Icon: A small image to visually represent the link.
- Title: Describes the resource (e.g., "My Github Profile").
- Action: Clicking a link opens the websites in a new tab.
- Includes social media icons dynamically loaded from a JSON file.
- Clicking on an icon opens the corresponding social media profile in a new tab.
- Smooth hover effects to enhance interactivity.
- HTML5: Semantic structure for a clean and maintainable layout.
- CSS3: Custom styling for responsive and visually appealing designs.
- JavaScript:
- Dynamically loads links and social icons using
fetchfrom adata.jsonfile. - Implements functionality for expanding and collapsing the profile picture.
- Dynamically loads links and social icons using
- Clicking the profile picture enlarges it with a centered view and a dark background overlay.
- Clicking the overlay or image again restores it to its original size.
- Links are dynamically loaded from
data.json. - Hover effects improve user experience.
- JavaScript Fetch API:
- Dynamic DOM Manipulation:
- CSS Flexbox:
- CSS Gradients:
- Icons:
- Profile Picture Placeholder:
- Replace with your image or use placeholders like Unsplash or Lorem Picsum.