Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

A creative and responsive developer portfolio showcasing my projects, blogs, and certifications using HTML, CSS, and JavaScript. Features blog integration, floating theme animations, and interactive "View More" sections.

Notifications You must be signed in to change notification settings

fa-code2/My-Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

9 Commits

Repository files navigation

🌸 Fatima Aslam's Developer Portfolio

Welcome to my personal portfolio website – a beautiful showcase of my journey as a Computer Science student with a passion for AI, Machine Learning, and Web Development.
Designed with creativity, usability, and responsiveness in mind, this site features interactive projects, certification highlights, and live blog integration.

πŸ”— Live Portfolio


✨ Features

  • Hero section with introduction and theme-based animation (🌸 Flower theme)
  • About Me section
  • Skills & tools showcase (with emojis and logos)
  • Interactive Projects with "View More" toggle
  • Certification highlights
  • Medium Blog integration via RSS
  • Floating emojis and animated transitions
  • Fully responsive and mobile-ready

πŸ› οΈ Built With

  • HTML5, CSS3, JavaScript
  • Responsive Layout & Grid System
  • GitHub Pages for deployment
  • Font Awesome for icons
  • RSS2JSON API for fetching Medium blogs
  • Custom animations using CSS keyframes

πŸ’‘ How to Use / Modify

  1. Clone the repository:

    git clone https://github.com/fa-code2/My-Portfolio.git
    cd My-Portfolio
  2. Open index.html and personalize:

    • Update your name, intro, and skills.
    • Add project cards under the <section id="projects"> section.
    • Insert certification details under the <section id="certifications">.
    • Connect your Medium feed in script.js.
  3. Deploy via GitHub Pages or any static site host.


πŸ“š Sections Overview

  • index.html – Main layout and content structure
  • style.css – Styling, animations, and theming
  • script.js – View More logic, Blog fetch, and cloud effects

πŸš€ How to Deploy

You can host it free on GitHub Pages:

  1. Push your changes:

    git add .
    git commit -m "Customize portfolio with new projects and blogs"
    git push origin main
  2. Go to your repository Settings β†’ Pages β†’ Choose main branch β†’ /root.

That’s it! Your site is live πŸš€


πŸ’¬ Blog Integration

Medium blogs are dynamically fetched from:
https://medium.com/@faaa367810
Displayed with featured image, publish date, and summary.


πŸ“© Let's Connect


πŸ“ License

Open-sourced with love under the MIT License.

About

A creative and responsive developer portfolio showcasing my projects, blogs, and certifications using HTML, CSS, and JavaScript. Features blog integration, floating theme animations, and interactive "View More" sections.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /