How mahmoudabdullah228/mahmoud-abdullah-portfolio works
This is a static personal portfolio: visitors browse the profile, skills, projects, learning timeline, community work, and contact options. The page is implemented in HTML/CSS, with JavaScript handling interactive behavior and contact-form submission. The README documents several sections and capabilities; source excerpts confirm selected JavaScript behavior, but do not expose the full HTML or CSS, so links between individual page sections and styling details are not inferred.
Main entry points: index.html Portfolio page · script.js Mobile navigation · images Portfolio imagery · style.css Layout and styling
Components 16
Portfolio content
- Portfolio page
index.html - Hero and profile
index.html - Skills terminal
index.html - Projects gallery
index.html - Learning journey
index.html - Community and mentorship
index.html - Contact section
index.html
Visual presentation
- Portfolio imagery
images - Layout and styling
style.css
Browser interactions
- Mobile navigation
script.js - Custom cursor
script.js - Scroll reveals
script.js - Certificate cards
script.js - Contact form handler
script.js
Other components
- Visitor
- FormSubmit service
Connections 16
- Visitor → Portfolio page: browses
README.md - Portfolio page → Hero and profile: presents
README.md - Portfolio page → Skills terminal: presents
README.md - Portfolio page → Projects gallery: presents
README.md - Portfolio page → Learning journey: presents
README.md - Portfolio page → Community and mentorship: presents
README.md - Portfolio page → Contact section: presents
README.md - Portfolio page → Portfolio imagery: uses images
README.md - Portfolio page → Layout and styling: styled by
README.md - Portfolio page → Mobile navigation: loads script
- Mobile navigation → Portfolio page: toggles menu
script.js - Custom cursor → Portfolio page: updates cursor
script.js - Scroll reveals → Portfolio page: reveals sections
script.js - Certificate cards → Portfolio page: handles cards
script.js - Contact section → Contact form handler: submits to
script.js - Contact form handler → FormSubmit service: posts message
script.js