Lesson Three Task Six

How to run/test this project

Ensure you have git installed properly on your machine
Ensure you have node js installed in your machine
Open your terminal and run "git clone lesson_three_task_six_bolodeoku_taiwo"
Run "npm install"
Run "npm run lint:all" to run all lint error, "npm run lint:css" for css error check and "npm run lint:html" for html error check

Responsive Layout: I chose to use Bootstrap to ensure that the portfolio website is responsive and looks good on various devices and screen sizes.
Minimalistic Design: I opted for a clean and minimalistic design to keep the focus on the content and showcase the portfolio items effectively.
Navbar Navigation: I included a navigation bar at the top of each page to allow easy navigation between different pages of the website.
Section Structure: I divided the website into separate webpages such as Home, My Works, and Contact for better organization and clarity.
Grid System: I used Bootstrap's grid system to create responsive and flexible layouts for different screen sizes.
Card Component: I utilized Bootstrap's card component to display the projects in a visually appealing manner.

Setting up the HTML Structure: I started by creating the basic HTML structure for each page, including the necessary Bootstrap v4.3 links.
Navbar: I added a navigation bar to each page and configured the links to navigate to the respective pages.
Section Styling: I styled each section individually, using custom CSS to achieve the desired look and feel.
Content Integration: I added the relevant content, images, and text to each section, ensuring they are properly placed and formatted.
Responsive Design: I tested the website on different screen sizes and made adjustments to ensure it looks good and functions well on various devices.

Click Here to view that live site