Bootstrap-Portfolio

Instructions

1. Create GitHub Repository:

Go to GitHub and create a new repository named "Bootstrap-Portfolio".

2. Clone Repository:

Open your terminal or command prompt. Navigate to the directory where you want to store your project. Clone the repository

git clone https://github.com/yourusername/Bootstrap-Portfolio.git

3. Create Folder Structure:

Open the cloned repository folder in VS Code. Inside the repository folder, create the following structure: index.html css/ style.css images/ (all my Bootstrap-Portfolio images)

4. Code HTML:

Open the index.html file and start coding your portfolio based on the provided instructions.

5. CSS Styling:

Open the style.css file inside the css folder. Apply custom styling to enhance your portfolio. Use CSS for hover effects, buttons, and any additional styling you need. 6. Bootstrap Integration:

Refer to the Bootstrap Documentation to understand how to use Bootstrap classes effectively. Make sure to include the Bootstrap CSS and JavaScript files in your HTML. You can link to Bootstrap using CDN (Content Delivery Network) or by downloading the files and linking locally. 7. Deploy to GitHub Pages:

Follow the GitHub Pages Guide to deploy your portfolio to GitHub Pages. This will make your portfolio accessible online.

8. Commit and Push:

As you work on your project, remember to commit your changes regularly:

git add . git commit -m "Descriptive commit message" git push origin main

9. Submission:

Submit the following for review:

The URL of the deployed application (GitHub Pages link). The URL of the GitHub repository containing your code.

Notes

Choose "Project Site" and "Start from Scratch" to get correct instructions.

Helpful Resources

https://getbootstrap.com/docs/5.3/getting-started/introduction/

https://www.youtube.com/watch?v=5xzaGSYd7jM

https://css-tricks.com/css-media-queries/

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

https://pages.github.com/