GitHunt
MU

Mutai-Gilbert/Personal-Porfolio

This project involves building a personal portfolio website using HTML and CSS. The goal was to understand how to parse a design from Figma, a popular design tool, and use Flexbox to position elements on the page. The website will also include images and backgrounds to enhance its appearance and forms with HTML5 validations.

Personal Portfolio

This project help to know how to build the a portfolio website and also implement best practices (e.g. linters).

The objectives of this project is to:

  • Understand how to parse a Figma design to create a UI.
  • Flexbox to place elements in the page.
  • Build a personal portfolio site.
  • Use images and backgrounds to enhance the look of the website.
  • Create forms with HTML5 validations.
  • Understand the importance of UX.
  • Understand how to create UIs adaptable to different screen sizes using media queries.

Built With

  • HTML
  • CSS
  • CSS Flexbox

Live Demo

Portfolio Link

Getting Started

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

Prerequisites

  • You need to have git installed in your computer
  • A text editor or terminal
  • A web browser to view output of your project

Setup

To clone the repository run the command git clone https://github.com/Mutai-Gilbert/Responsive-Personal-Porfolio.git

Authors

๐Ÿ‘ค Gilbert Mutai

๐Ÿค Contributing

Feel free to check the issues page.

Show your support

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

Acknowledgments

  • Thanks for my coding parters
  • Hat tip to Microvers curriculum and all the team
  • Hat to Figma for their templates

๐Ÿ“ License

This project is MIT licensed.

Languages

CSS44.7%JavaScript36.1%HTML19.2%

Contributors

Created September 21, 2022
Updated January 17, 2024
Mutai-Gilbert/Personal-Porfolio | GitHunt