{"id":50422521,"url":"https://github.com/jubairt/portfolio-web","last_synced_at":"2026-05-31T09:02:30.862Z","repository":{"id":359070491,"uuid":"832598014","full_name":"jubairt/portfolio-web","owner":"jubairt","description":"A responsive personal portfolio website built using HTML, CSS, Bootstrap, JavaScript, and jQuery to showcase projects, skills, services, and contact information with modern UI design.","archived":false,"fork":false,"pushed_at":"2026-05-20T08:21:37.000Z","size":8061,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-05-20T11:54:50.032Z","etag":null,"topics":["bootstrap","css","html","javascript","jquery","personal-website"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jubairt.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-07-23T10:47:46.000Z","updated_at":"2026-05-20T08:22:54.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/jubairt/portfolio-web","commit_stats":null,"previous_names":["jubairt/portfolio-web"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/jubairt/portfolio-web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jubairt%2Fportfolio-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jubairt%2Fportfolio-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jubairt%2Fportfolio-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jubairt%2Fportfolio-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jubairt","download_url":"https://codeload.github.com/jubairt/portfolio-web/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jubairt%2Fportfolio-web/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33725060,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-31T02:00:06.040Z","response_time":95,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","css","html","javascript","jquery","personal-website"],"created_at":"2026-05-31T09:02:30.080Z","updated_at":"2026-05-31T09:02:30.857Z","avatar_url":"https://github.com/jubairt.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Personal Portfolio Website\n\nA responsive personal portfolio website built using HTML, CSS, Bootstrap, JavaScript, and jQuery to showcase web development skills, projects, services, and contact information.\n\n---\n\n# Project Overview\n\nThis project is a professional portfolio website designed to showcase:\n\n- Personal introduction\n- Skills and services\n- Projects\n- Contact information\n- Social media links\n- Frequently asked questions\n\nThe website includes smooth scrolling, responsive layouts, animations, and interactive UI components.\n\n---\n\n# Features\n\n- Responsive portfolio design\n- Sticky navigation bar\n- Smooth scrolling navigation\n- Services section\n- Project showcase section\n- FAQ accordion\n- Contact form integration\n- Social media links\n- Mobile-friendly navigation\n- Interactive animations\n- Back-to-top button\n\n---\n\n# Technologies Used\n\n- HTML5\n- CSS3\n- Bootstrap\n- JavaScript\n- jQuery\n- jQuery Easing\n\n---\n\n# Sections Included\n\n## Navigation Bar\n\nContains:\n\n- Responsive navigation menu\n- Smooth page scrolling\n- Mobile offcanvas menu\n- Social media icons\n\n---\n\n## Hero Section\n\nDisplays:\n\n- Professional introduction\n- Call-to-action buttons\n- Responsive banner layout\n\n---\n\n## About Section\n\nIncludes:\n\n- Personal introduction\n- Educational background\n- Freelance experience\n- Career overview\n\n---\n\n## Services Section\n\nShowcases:\n\n- Web Design\n- Web Development\n- Basic SEO Services\n\n---\n\n## Skills Section\n\nDisplays development skills including:\n\n- HTML\n- CSS\n- JavaScript\n- Bootstrap\n\n---\n\n## Projects Section\n\nContains:\n\n- Portfolio project previews\n- Project image gallery\n- Responsive project cards\n\n---\n\n## FAQ Section\n\nIncludes:\n\n- Accordion-style questions\n- Expandable answers\n- Interactive Bootstrap components\n\n---\n\n## Contact Section\n\nFeatures:\n\n- Contact form\n- Email integration using Web3Forms\n- User input validation\n- Project inquiry submission\n\n---\n\n## Footer Section\n\nContains:\n\n- Social media icons\n- Copyright information\n- External links\n\n---\n\n# JavaScript Functionalities\n\nImplemented features include:\n\n- Navbar scroll behavior\n- Smooth scrolling animation\n- Mobile menu toggle\n- Dropdown hover interactions\n- Dynamic form field effects\n- Back-to-top button\n- Button focus handling\n\n---\n\n# UI/UX Features\n\n- Responsive Bootstrap layout\n- Smooth animations\n- Interactive navigation\n- Modern typography\n- Mobile-first design\n- Professional portfolio styling\n- Animated scrolling effects\n\n---\n\n# Project Structure\n\n```bash\nportfolio-web/\n│\n├── css/\n│   ├── bootstrap.css\n│   ├── fontawesome-all.css\n│   └── styles.css\n│\n├── js/\n│   ├── bootstrap.min.js\n│   ├── jquery.min.js\n│   ├── jquery.easing.min.js\n│   └── scripts.js\n│\n├── images/\n├── webfonts/\n├── index.html\n└── README.md\n```\n\n---\n\n# How to Run\n\n## 1. Clone Repository\n\n```bash\ngit clone https://github.com/your-username/portfolio-web.git\n```\n\n---\n\n## 2. Open Project Folder\n\nNavigate to the project directory.\n\n---\n\n## 3. Run Website\n\nOpen `index.html` in your browser.\n\n---\n\n# Learning Outcomes\n\nThis project helps in understanding:\n\n- Responsive web development\n- Portfolio website creation\n- Bootstrap components\n- jQuery interactions\n- Smooth scrolling effects\n- Contact form integration\n- Frontend UI/UX design\n- Responsive navigation systems\n\n---\n\n# Responsive Design\n\nThe website supports:\n\n- Desktop devices\n- Tablets\n- Mobile phones\n\nUsing:\n\n- Bootstrap grid system\n- Responsive layouts\n- Media queries\n\n---\n\n# Future Improvements\n\nPossible future enhancements:\n\n- Add dark/light mode\n- Add backend integration\n- Add project filtering\n- Add animations using GSAP\n- Add blog section\n- Convert to React portfolio\n- Add admin dashboard\n- Add downloadable resume\n\n---\n\n# Contact Form Integration\n\nThe contact form is integrated using:\n\n- Web3Forms API\n\nFeatures:\n\n- Form submission handling\n- User input collection\n- Email delivery functionality\n\n---\n\n# Conclusion\n\nThis project is a responsive personal portfolio website built using HTML, CSS, Bootstrap, JavaScript, and jQuery to showcase projects, skills, and professional information with a modern and interactive UI design.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjubairt%2Fportfolio-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjubairt%2Fportfolio-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjubairt%2Fportfolio-web/lists"}