This is the capstone project I did. In this project I have implement the best practices of HTML, CSS and JavaScript

  • By Michael Tamirie
  • Last update: Mar 9, 2022
  • Comments: 2


Desktop version + Mobile Version

This is a capstone project of module 1 (The portal).

Built With

  • html
  • css
  • javascript
  • linters

Live Demo

Click here to see the Portfolio Web



Video of the project

Getting Started

  • Add a .gitignore file.
  • Set up a linter for HTML,CSS and Javascript. Make sure that any files that are not relevant are ignored by git.
  • Add descriptive README file to your project - please use this template but remember to customize it to your project.
  • Actually, the webpage has two pages: Home and About pages.
  • The speaker section was created dynamically with javascript.
  • The mobile version has a hamburger menu for better navigation.

To get a local copy up and running follow these simple example steps.


๐Ÿ‘ค Michael Tamirie

Materials required for validation

  • HTML, CSS and Javascript Linters
  • follow this link : link


Show your support

Give a โญ๏ธ if you like this project!

๐Ÿ“ License

This project is Microverse licensed.



  • 1

    Capstone project

    Hello Dear Reviewer,

    This is a capstone project for the portal module based on a template given. In this PR, the following files are included:-

    • index.html which is the main page of the website.

    • about.html which is the about page of the website. It also includes contact information, company description, and past work portfolio.

    • style.css which is used to style both the desktop and mobile versions of the website

    • main.js is used to dynamically load the main programs and speakers section. And also used to make the mobile menu responsive.

    • images: media files used in the website.

    • No linter errors.

    • Done comment of the reviewer


  • 2

    Peer-to-peer code review

    • Great work, if possible minimize space for navbar CC Campaign
    • In the main program, cards should have the same width as the desktop version
    • On desktop version: logos should stay in one line
    • In the mobile version, the background overlaps the text description and it could be difficult to read