Project Description

The project comprises a collection of HTML pages that are part of a portfolio, covering various programming languages and web development topics. It also includes a maintenance page and a shared footer file.

Project Structure

The project structure is organized as follows:

• css: Contains CSS files for styling the HTML pages.
  • default.css: General CSS styles for the entire project.
  • pro-web.css: Specific CSS styles for the web development page.
• doc: Contains Markdown files with documentation for the various pages.
• html: Contains HTML files for the different pages.
  • footer.html: Shared footer file for all pages.
  • index.html: The portfolio's home page.
  • maintenance.html: Maintenance page for use when the website is unavailable.
  • pro-c.html, pro-cpp.html, pro-python.html, pro-web.html: Pages dedicated to specific programming languages.
• img: Contains images and icons for the project.
• js: Contains JavaScript files for the functionalities of the pages.
  • footerLoader.js: JavaScript file for loading the footer on the pages.
  • index.js: JavaScript file for the home page.
  • pro-web.js: JavaScript file for the web development page.

Project Planning

The project is developed using Bootstrap to ensure a responsive layout. The pages are structured and designed according to the programming languages and topics they cover.

Detailed Planning

Each HTML page is described in detail using Markdown documents:

• Home Page (index.html): Introduction to the portfolio and overview of its contents.
• C Programming (pro-c.html): Page dedicated to the C programming language.
• C++ Programming (pro-cpp.html): Page dedicated to the C++ programming language.
• Python Programming (pro-python.html): Page dedicated to the Python programming language.
• Web Development (pro-web.html): Page dedicated to web development topics.

Frameworks

Bootstrap is used as the framework for layout and styling of the pages to ensure a consistent and responsive user interface.