This one-page portfolio hosted using GitHub Pages succinctly captures my career and work so far. Made using Bootstrap, a free open-source CSS framework used for responsive front-end web development and FormSubmit for contact form handling.
Requirements:
- Required: Any modern Internet browser such as Mozilla Firefox, Google Chrome, Microsoft Edge, etc.
- Go to https://ishaa08.github.io/
BSD-3-Clause license
The following resources have been consulted and learned from over the course of building this project.
Setting up Bootstrap & Basic Website Example: https://websitesetup.org/bootstrap-tutorial-for-beginners/
Schäferhoff, N. (2013-2024). Bootstrap Tutorial. WebsiteSetup.
Additional Information on Single Page Responsive Websites: https://www.geeksforgeeks.org/create-a-single-page-responsive-website-using-bootstrap/
Saurabh294. (2021). Create a Single Page Responsive Website Using Bootstrap. GeeksforGeeks.
Bootstrap Grids: https://stackoverflow.com/questions/58970117/how-to-make-left-and-right-grid-sticky-and-middle-one-scrollable-in-bootstrap-4
Skelly, C. (2019). How to make left and right Grid sticky, and Middle one scrollable in Bootstrap 4. StackOverflow.
Timelines: https://mdbootstrap.com/docs/standard/extended/timeline/
(2023). Timeline. MDBootstrap.
Animations in CSS: https://lenadesign.org/2022/02/11/css-night-city-animation/
Stanley, L. (2022). CSS Night City Animation. LenaDesign.
Animating Clocks in CSS: https://dev.to/code_mystery/simple-analog-clock-using-html-css-javascript-2c6a
Developer, F. (2021). Simple Analog Clock Using Html, CSS & Javascript. DEV.
More on Clock Animations: https://css-tricks.com/of-course-we-can-make-a-css-only-clock-that-tells-the-current-time/, https://github.com/MrTech-AK/Analog.OnlineClock
CSS Text Glow: https://stackoverflow.com/questions/40393497/text-outer-glow-effect-using-css
frnt. (2016). Text outer glow effect using CSS. StackOverflow.
GitHub Pages: https://pages.github.com/
(2024). Websites for you and your projects. GitHub.
Open-Source Licenses: https://choosealicense.com/
N. D. Choose an open source license. GitHub.
Contact Form/Email Submissions: https://formsubmit.co/
All images used are royalty-free and under Standard Content Licenses.
Artists/Sources for each image found in the images directory:
- about-portrait.png, about-portrait-2.png, about-socials.png:
- iStock image (1, 2)
- Artist: Nadzeya_Dzivakova
- iStock Standard License
- pink-nav.png, sidebar-left.png, sidebar-right.png:
- Pixabay stock image (https://pixabay.com/illustrations/colorful-abstract-polygon-textures-1436384/)
- Artist: tammcd
- Pixabay Content License
- main-portrait.png:
- Pixabay stock image (https://pixabay.com/vectors/girl-hijab-veil-chibi-muslim-pink-8391297/)
- Artist: milaoktasafitri
- Pixabay Content License
- clock-face.png:
- Deviant Art (https://www.deviantart.com/agf81/art/Clock-Face-253863738)
- Artist: AGF81
- Creative Commons Attribution 3.0 License
- contact-smiley.png, all images in the favicon_io directory:
- iStock image (https://www.istockphoto.com/vector/handwritten-facial-expression-and-emotion-icons-gm1193242705-339327171)
- Artist: Shima
- iStock Standard License
- services-icons directory all images:
- iStock image (https://www.istockphoto.com/vector/marketing-thin-line-icons-set-digital-marketing-editable-stroke-icons-set-marketing-gm1598708217-530005437)
- Artist: Warmworld
- iStock Standard License
- timeline-icons: grad.png - ShariJo, group.png - TranQuangKhai, pointer.png - Clker-Free-Vector-Images, school.png - Inspirestudio, seo.png - Mohamed Hassan
- logos-for-links: arrow.png - OpenClipart-Vectors, chat.png - Memed_Nurrohmed, email.png - Dean_Icons, env-mode.png - raphaelsilva
CSS desk animation - Luis Martinez, CSS animations examples, Making color palettes with Coolors, timeline examples, CSS card examples, contact form examples, circular buttons - Alvaro, Bootstrap dropdowns, CSS sun rays