Customizable Portfolio ✨

A responsive, and customizable portfolio template.!

Just change index.html to get your personal portfolio.Feel free to use it as-is or personalize it as much as you want.

If you'd like to contribute and make this much better for other users, have a look at Issues.

⭐ Star me on GitHub — it helps!

Sections 📚

✔️ Home
✔️ Education
✔️ Experience
✔️ Projects
✔️ Contact me

To view a live example, click here

Clone and Use 📋

• The website is completely built with html, css and java script.

• Clone the repository into your local system using below command:

   git clone https://github.com/usmanbvp/data-scientist-portfolio.git

• Now the project is ready to use.

• Explore the project's directories and files to become familiar with its structure

• To view the website locally, open the project directory in your terminal and run the following command:

start index.html

Customize it to make your own portfolio ✏️

In this project, you need to change index.html to customize this to anyone else's portfolio.

☑️Home

In this section, customize your personal information to make the portfolio reflect your identity. Follow these steps:

1. Open index.html in your preferred code editor.
2. Locate the "home" section in the HTML code.
3. Update the content inside the <div class="home-content"> to include your name, introduction, and any additional details you'd like to share.

☑️Education

1. Customize the academic information in this section. Update your degrees received, certifications, and achievements:

2. Find the "education" section in the HTML code.

3. Update the content inside the <div class="education-content"> to include details about your educational background, certifications, and achievements.

☑️ Experience

Update the content according to your own experience, adding details about work experience and internship experience:

1. Locate the "experience" section in the HTML code.
2. Update the content inside the <div class="container"> to include details about your internships and any relevant experience.

☑️ projects

Add your projects and their GitHub links in this section:

1. Find the "projects" section in the HTML code.
2. Update the content inside the <div class="projects-container"> to feature your projects. Update the project names, descriptions, and GitHub links.

☑️ Contact

To enable the contact form to receive information via email, follow the steps below:

1. Watch this YouTube video for personalized instructions on activating the contact form.

2. Open the script.js file located in the js directory:

js/script.js

3. In the script.js file, find the secure token value and update it by following the instructions provided in the YouTube video mentioned above.

Now, your contact form is ready to capture and send user-entered data to your email address.

Deployment 🌐

1.Deploy on github pages 🚀

• Once you are done with your setup and have successfully completed all steps above, you need to put your website online!
• I highly recommend using to achieve this the EASIEST WAY.
• To deploy your website, you have two options. First you need to create a github repository with the name <your-github-username>.github.io. Please don't give it any other name.
• Now, by pushing the project files into your repository the website will be deployed.

Now, your website is successfully deployed and you can visit it at <your-github-username>.github.io.

2.Deploy on netlify 🚀

Netlify provides an excellent platform for hosting static websites with easy deployment.

• Visit Netlify's official documentation to learn how to deploy on Netlify.

• Explore the deployed website on Netlify: Click here.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

The MIT License is a permissive open source license that allows you to use, modify, and distribute this project for both commercial and non-commercial purposes..

References 👏🏻

• Some Design and Implementation Ideas are taken from Codehal Channel

📝Feedback and Support

If you have any feedback, suggestions, or questions regarding the project, please create an issue in the repository or contact me at usman.bvp@gmail.com.