|
1 | | -# Isha's One-Page Portfolio |
2 | | - |
3 | | -## Project Description |
4 | | -This one-page portfolio hosted using GitHub Pages succinctly captures my career and work so far. |
5 | | -Made using [Bootstrap](https://getbootstrap.com/), a free open-source CSS framework used for responsive |
6 | | -front-end web development and [FormSubmit](https://formsubmit.co/) for contact form handling. |
7 | | - |
8 | | -## How to View the Project |
9 | | -Requirements: |
10 | | -- Required: Any modern Internet browser such as Mozilla Firefox, Google Chrome, Microsoft Edge, etc. |
11 | | -- Go to https://ishaa08.github.io/ |
12 | | - |
13 | | -## License |
14 | | -BSD-3-Clause license |
15 | | - |
16 | | -## Reference Material, Sources and Credits |
17 | | -The following resources have been consulted and learned from over the course of building this project. |
18 | | - |
19 | | -### Learning and Reference Materials |
20 | | -**Setting up Bootstrap & Basic Website Example:** https://websitesetup.org/bootstrap-tutorial-for-beginners/ |
21 | | - |
22 | | -Schäferhoff, N. (2013-2024). *Bootstrap Tutorial*. WebsiteSetup. |
23 | | - |
24 | | -**Additional Information on Single Page Responsive Websites:** https://www.geeksforgeeks.org/create-a-single-page-responsive-website-using-bootstrap/ |
25 | | - |
26 | | -Saurabh294. (2021). *Create a Single Page Responsive Website Using Bootstrap*. GeeksforGeeks. |
27 | | - |
28 | | -**Bootstrap Grids:** https://stackoverflow.com/questions/58970117/how-to-make-left-and-right-grid-sticky-and-middle-one-scrollable-in-bootstrap-4 |
29 | | - |
30 | | -Skelly, C. (2019). *How to make left and right Grid sticky, and Middle one scrollable in Bootstrap 4*. StackOverflow. |
31 | | - |
32 | | -**Timelines:** https://mdbootstrap.com/docs/standard/extended/timeline/ |
33 | | - |
34 | | -(2023). *Timeline*. MDBootstrap. |
35 | | - |
36 | | -**Animations in CSS:** https://lenadesign.org/2022/02/11/css-night-city-animation/ |
37 | | - |
38 | | -Stanley, L. (2022). *CSS Night City Animation*. LenaDesign. |
39 | | - |
40 | | -**Animating Clocks in CSS:** https://dev.to/code_mystery/simple-analog-clock-using-html-css-javascript-2c6a |
41 | | - |
42 | | -Developer, F. (2021). *Simple Analog Clock Using Html, CSS & Javascript*. DEV. |
43 | | - |
44 | | -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 |
45 | | - |
46 | | -**CSS Text Glow:** https://stackoverflow.com/questions/40393497/text-outer-glow-effect-using-css |
47 | | - |
48 | | -frnt. (2016). *Text outer glow effect using CSS*. StackOverflow. |
49 | | - |
50 | | -### Hosting |
51 | | - |
52 | | -**GitHub Pages:** https://pages.github.com/ |
53 | | - |
54 | | -(2024). *Websites for you and your projects*. GitHub. |
55 | | - |
56 | | -**Open-Source Licenses:** https://choosealicense.com/ |
57 | | - |
58 | | -N. D. *Choose an open source license*. GitHub. |
59 | | - |
60 | | -**Contact Form/Email Submissions:** https://formsubmit.co/ |
61 | | - |
62 | | -### Images |
63 | | -All images used are royalty-free and under Standard Content Licenses. |
64 | | - |
65 | | -Artists/Sources for each image found in the *images* directory: |
66 | | -- about-portrait.png, about-portrait-2.png, about-socials.png: |
67 | | - - iStock image ([1](https://www.istockphoto.com/vector/female-muslim-daily-outfit-collection-gm1179802328-330279606?searchscope=image%2Cfilm), [2](https://www.istockphoto.com/vector/muslim-business-women-gm1179802324-330279608)) |
68 | | - - Artist: [Nadzeya_Dzivakova](https://www.istockphoto.com/portfolio/Nadzeya_Dzivakova?mediatype=illustration) |
69 | | - - iStock Standard License |
70 | | -- pink-nav.png, sidebar-left.png, sidebar-right.png: |
71 | | - - Pixabay stock image (https://pixabay.com/illustrations/colorful-abstract-polygon-textures-1436384/) |
72 | | - - Artist: [tammcd](https://pixabay.com/users/tammcd-1314245/) |
73 | | - - Pixabay Content License |
74 | | -- main-portrait.png: |
75 | | - - Pixabay stock image (https://pixabay.com/vectors/girl-hijab-veil-chibi-muslim-pink-8391297/) |
76 | | - - Artist: [milaoktasafitri](https://pixabay.com/users/milaoktasafitri-17181411/) |
77 | | - - Pixabay Content License |
78 | | -- clock-face.png: |
79 | | - - Deviant Art (https://www.deviantart.com/agf81/art/Clock-Face-253863738) |
80 | | - - Artist: [AGF81](https://www.deviantart.com/agf81/gallery) |
81 | | - - Creative Commons Attribution 3.0 License |
82 | | -- contact-smiley.png, all images in the *favicon_io* directory: |
83 | | - - iStock image (https://www.istockphoto.com/vector/handwritten-facial-expression-and-emotion-icons-gm1193242705-339327171) |
84 | | - - Artist: [Shima](https://www.istockphoto.com/portfolio/shima-illust?mediatype=illustration) |
85 | | - - iStock Standard License |
86 | | -- *services-icons* directory all images: |
87 | | - - iStock image (https://www.istockphoto.com/vector/marketing-thin-line-icons-set-digital-marketing-editable-stroke-icons-set-marketing-gm1598708217-530005437) |
88 | | - - Artist: [Warmworld](https://www.istockphoto.com/portfolio/Warmworld?mediatype=illustration) |
89 | | - - iStock Standard License |
90 | | -- *timeline-icons*: [grad.png - ShariJo](https://pixabay.com/illustrations/graduation-cap-and-scroll-4319259/), [group.png - TranQuangKhai](https://pixabay.com/vectors/advisors-users-icon-people-group-6491207/), [pointer.png - Clker-Free-Vector-Images](https://pixabay.com/vectors/cursor-mouse-interface-gui-menu-34165/), [school.png - Inspirestudio](https://pixabay.com/vectors/building-school-university-campus-6780404/), [seo.png - Mohamed Hassan](https://pxhere.com/en/photo/1624048) |
91 | | -- *logos-for-links*: [arrow.png - OpenClipart-Vectors](https://pixabay.com/vectors/arrow-up-upload-black-156118/), [chat.png - Memed_Nurrohmed](https://pixabay.com/vectors/chat-icon-social-network-1873543/), [email.png - Dean_Icons](https://pixabay.com/illustrations/mail-message-email-send-message-1454731/), [env-mode.png - raphaelsilva](https://pixabay.com/vectors/sun-cloud-rain-icon-summer-sky-3000986/) |
92 | | - |
93 | | -### Inspirations/Interesting Designs |
94 | | -CSS [desk](https://codepen.io/luisomarti/pen/VwaawWd) animation - Luis Martinez, CSS animations [examples](https://freefrontend.com/css-animation-examples/page/3/), |
95 | | -Making color palettes with [Coolors](https://coolors.co/), timeline [examples](https://uicookies.com/horizontal-timeline/), CSS [card](https://devdevout.com/css/css-cards) |
96 | | -examples, contact form [examples](https://freefrontend.com/css-contact-forms/), circular [buttons](https://codepen.io/alvarotrigo/pen/poawYRO) - Alvaro, Bootstrap [dropdowns](https://www.studytonight.com/bootstrap/solvedbootstrap-dropdown-not-working), CSS [sun rays](https://codepen.io/mgkOV/pen/qzNegg) |
| 1 | +# Developer Portfolio |
| 2 | +temp |
0 commit comments