diff --git a/Bootstrap Portfolio/Images/Coding Bench 2.jpg b/Bootstrap Portfolio/Images/Coding Bench 2.jpg new file mode 100644 index 00000000..acf32310 Binary files /dev/null and b/Bootstrap Portfolio/Images/Coding Bench 2.jpg differ diff --git a/Bootstrap Portfolio/Images/Coding Bench.jpg b/Bootstrap Portfolio/Images/Coding Bench.jpg new file mode 100644 index 00000000..57e9e56f Binary files /dev/null and b/Bootstrap Portfolio/Images/Coding Bench.jpg differ diff --git a/Bootstrap Portfolio/Images/Contact Me.jfif b/Bootstrap Portfolio/Images/Contact Me.jfif new file mode 100644 index 00000000..c8b1f47b Binary files /dev/null and b/Bootstrap Portfolio/Images/Contact Me.jfif differ diff --git a/Bootstrap Portfolio/Images/Designer.jpg b/Bootstrap Portfolio/Images/Designer.jpg new file mode 100644 index 00000000..5a08f1cc Binary files /dev/null and b/Bootstrap Portfolio/Images/Designer.jpg differ diff --git a/Bootstrap Portfolio/Images/Filmmaker.png b/Bootstrap Portfolio/Images/Filmmaker.png new file mode 100644 index 00000000..64e12683 Binary files /dev/null and b/Bootstrap Portfolio/Images/Filmmaker.png differ diff --git a/Bootstrap Portfolio/Images/Photographer.jpg b/Bootstrap Portfolio/Images/Photographer.jpg new file mode 100644 index 00000000..ef574a1a Binary files /dev/null and b/Bootstrap Portfolio/Images/Photographer.jpg differ diff --git a/Bootstrap Portfolio/Images/Profile-Photo.jpg b/Bootstrap Portfolio/Images/Profile-Photo.jpg new file mode 100644 index 00000000..67a5f606 Binary files /dev/null and b/Bootstrap Portfolio/Images/Profile-Photo.jpg differ diff --git a/Bootstrap Portfolio/Images/Signature.jpg b/Bootstrap Portfolio/Images/Signature.jpg new file mode 100644 index 00000000..fd32e87f Binary files /dev/null and b/Bootstrap Portfolio/Images/Signature.jpg differ diff --git a/Bootstrap Portfolio/Images/icons8-portfolio-48.png b/Bootstrap Portfolio/Images/icons8-portfolio-48.png new file mode 100644 index 00000000..8c33b425 Binary files /dev/null and b/Bootstrap Portfolio/Images/icons8-portfolio-48.png differ diff --git a/Bootstrap Portfolio/README.md b/Bootstrap Portfolio/README.md new file mode 100644 index 00000000..07ee2f27 --- /dev/null +++ b/Bootstrap Portfolio/README.md @@ -0,0 +1,57 @@ +# myPortfolioSite +This is my personal Portfolio site desinged by me. + +## Table of Contents + +- [Getting Started](#getting-started) +- [Projects](#projects) +- [Contributing](#contributing) +- [License](#license) + +## Getting Started + +To get started with this repository, follow these steps: + +1. Clone the repository to your local machine using the following command: + + ```bash + git clone {{repository-url}} + ``` + +2. Explore the repository and its contents to find the simple JavaScript projects that have been uploaded. + +3. Each project will have its own directory containing the necessary files and instructions to run the project. + +4. Follow the instructions provided in the project's `README.md` file to set up and run the project on your local machine. + +## Contributing + +Contributions to this repository are welcome! If you have a simple JavaScript project that you would like to share, please follow these steps: + +1. Fork the repository and clone it to your local machine. + +2. Create a new branch for your contribution: + + ```bash + git checkout -b {{branch-name}} + ``` + +3. Add your project to the repository. Make sure to include all the necessary files and instructions to run the project. + +4. Commit your changes with descriptive commit messages. + +5. Push your changes to your forked repository: + + ```bash + git push origin {{branch-name}} + ``` + +6. Open a pull request on the main repository and provide a detailed description of your project. + +Your project will be reviewed, and once approved, it will be merged into the main repository. + +## License + +This repository is licensed under the [MIT License](LICENSE). Feel free to use the code and resources for personal or commercial purposes. + + diff --git a/Bootstrap Portfolio/index.html b/Bootstrap Portfolio/index.html new file mode 100644 index 00000000..d0465650 --- /dev/null +++ b/Bootstrap Portfolio/index.html @@ -0,0 +1,171 @@ + + + + + + + + Sohail + + + + + + + + + + + + + +
+
+
+
+

I'm

+

Sohail

+
A Programmer Cum Photographer
+
+
+ Coding Bench +
+
+
+
+ + +
+
+ +

Hello

+
+

I am a versatile creative professional, weaving the digital realm with my + skills. A + programmer and coder by nature, I find solace in crafting intricate websites and designs. My lens + captures not just moments but stories as a photographer and cinematographer, adding depth to my + creative narrative.

+
+
+
+ + +
+
+
+

My Skills

+
+
+
+ Designer Image +
+
+

Design & Development

+

+ I'm a boundary-pushing designer and developer, seamlessly blending creativity and code. With a + knack + for crafting captivating aesthetics, I breathe life into a wide spectrum of design + possibilities. +

+
+
+
+
+ Photographer Image +
+
+

Photographer

+

+ Beyond design and code, my lens tells compelling stories. A seasoned photographer, I capture + emotions and moments, infusing my work with a cinematic touch that leaves an indelible + impression. +

+
+
+
+
+ Cinematographer Image +
+
+

Cinematographer

+

+ As a skilled cinematographer, I transform visions into dynamic realities. Through lens and + motion, I + create immersive narratives, orchestrating light, angles, and motion to evoke powerful emotions + and + convey unforgettable tales. +

+
+
+
+
+ + +
+
+ contact me image +

Get In Touch

+

+ Feel free to reach out to me through the provided contact details. Whether you have questions, ideas, or + just want to connect, I'm here to listen and engage in meaningful conversations. Let's connect and + explore together. +

+ +
+
+ + +
+
+ +
+
+ + diff --git a/Bootstrap Portfolio/style.css b/Bootstrap Portfolio/style.css new file mode 100644 index 00000000..2d073619 --- /dev/null +++ b/Bootstrap Portfolio/style.css @@ -0,0 +1,43 @@ +.intro-div{ + width: 100%; + background-color: #A4CF5B; +} +.first-text{ + letter-spacing: 2px; + font-family: 'Domine', serif; + font-size: 25px; +} + +.Sohail-text{ + font-family: 'Caveat', cursive; + letter-spacing: 5px; + font-size: 50px; +} + +.intro-line{ + letter-spacing: 3px; + color: #3B3935; +} +.rounded-image{ + border-radius: 50%; +} + +.hero-color{ + background-color: #F3FDE8; +} + +.brown-text{ + letter-spacing: 2px; + font-family: 'Domine', serif; + color: #D39149; +} +.sarif-text{ + font-family: 'Domine', serif; +} +.green-text{ + color: #809F46; + font-family: 'Caveat'; +} +.footer-bg{ + background-color: black; +} \ No newline at end of file diff --git a/README.md b/README.md index 76baab1d..d9830050 100644 --- a/README.md +++ b/README.md @@ -497,6 +497,7 @@ More information about the pack can be found here [Github Student Developer Pack | URL Shortener | [GitHub](https://github.com/DhanushNehru/Ultimate-Web-Development-Resources/tree/main/url-shortner) | | Weather App | [GitHub](https://github.com/DhanushNehru/Ultimate-Web-Development-Resources/tree/main/WeatherApp) | | Wix Template | [GitHub](https://github.com/DhanushNehru/Ultimate-Web-Development-Resources/tree/main/WixTemplate) | +| Bootstrap Portfolio | [GitHub](https://github.com/DhanushNehru/Ultimate-Web-Development-Resources/tree/main/Bootstrap%20Portfolio) | Please note that the links provided are the GitHub repository URLs for each project.