Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
  • Loading branch information
IshaA08 committed Apr 28, 2024
2 parents 16d86a2 + d653f02 commit 1bb8b77
Show file tree
Hide file tree
Showing 2 changed files with 124 additions and 0 deletions.
28 changes: 28 additions & 0 deletions LICENSE
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
BSD 3-Clause License

Copyright (c) 2024, IshaA08

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:

1. Redistributions of source code must retain the above copyright notice, this
list of conditions and the following disclaimer.

2. Redistributions in binary form must reproduce the above copyright notice,
this list of conditions and the following disclaimer in the documentation
and/or other materials provided with the distribution.

3. Neither the name of the copyright holder nor the names of its
contributors may be used to endorse or promote products derived from
this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
96 changes: 96 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
# Isha's One-Page Portfolio

## Project Description
This one-page portfolio hosted using GitHub Pages succinctly captures my career and work so far.
Made using [Bootstrap](https://getbootstrap.com/), a free open-source CSS framework used for responsive
front-end web development and [FormSubmit](https://formsubmit.co/) for contact form handling.

## How to View the Project
Requirements:
- Required: Any modern Internet browser such as Mozilla Firefox, Google Chrome, Microsoft Edge, etc.
- Go to https://ishaa08.github.io/

## License
BSD-3-Clause license

## Reference Material, Sources and Credits
The following resources have been consulted and learned from over the course of building this project.

### Learning and Reference Materials
**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.

### Hosting

**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/

### Images
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](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))
- Artist: [Nadzeya_Dzivakova](https://www.istockphoto.com/portfolio/Nadzeya_Dzivakova?mediatype=illustration)
- 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](https://pixabay.com/users/tammcd-1314245/)
- Pixabay Content License
- main-portrait.png:
- Pixabay stock image (https://pixabay.com/vectors/girl-hijab-veil-chibi-muslim-pink-8391297/)
- Artist: [milaoktasafitri](https://pixabay.com/users/milaoktasafitri-17181411/)
- Pixabay Content License
- clock-face.png:
- Deviant Art (https://www.deviantart.com/agf81/art/Clock-Face-253863738)
- Artist: [AGF81](https://www.deviantart.com/agf81/gallery)
- 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](https://www.istockphoto.com/portfolio/shima-illust?mediatype=illustration)
- 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](https://www.istockphoto.com/portfolio/Warmworld?mediatype=illustration)
- iStock Standard License
- *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)
- *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/)

### Inspirations/Interesting Designs
CSS [desk](https://codepen.io/luisomarti/pen/VwaawWd) animation - Luis Martinez, CSS animations [examples](https://freefrontend.com/css-animation-examples/page/3/),
Making color palettes with [Cooler](https://coolors.co/), timeline [examples](https://uicookies.com/horizontal-timeline/), CSS [card](https://devdevout.com/css/css-cards)
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)

0 comments on commit 1bb8b77

Please sign in to comment.