Giter Club home page Giter Club logo

haadiiii / my-portfolio Goto Github PK

View Code? Open in Web Editor NEW
9.0 1.0 1.0 6.15 MB

This is a single-page portfolio website with a header, work section, about section, and contact section which was parsed from Microverse Figma Template 2. The webpage is responsive and can be used on different screens. The contact section and all animation effects the portfolio was done by all the three authors listed below as contributing authors. This project was made with HTML, CSS and javascript linters and proper Github Flow was used. Javascript was used to toggle the mobile menu. The Personal-portfolio website has been deployed using github pages, the link is below.

HTML 28.74% CSS 53.32% JavaScript 17.94%
css html javascript portfolio-website

my-portfolio's Introduction

Portfolio-project

This is a single-page portfolio website with a header, work section, about section, and contact section which was parsed from Microverse Figma Template 1. The webpage is responsive and can be used on different screens. The contact section and all animation effects the portfolio was done by all the three authors listed below as contributing authors. This project was made with HTML, CSS and javascript linters and proper Github Flow was used. Javascript was used to toggle the mobile menu. The Personal-portfolio website has been deployed using github pages, the link is below.

Objectives

Understand how to create UIs adaptable to different screen sizes using media queries. Understand how to parse a Figma design to create a UI Use of flexbox to place elements in the page use of images and background to enhance the appearance Prepare a repository for development using linters Ensure there are no linter errors Use of meaningful commit messages Descriptive README files Descriptive pull request title and a summary explaining changes inside Branch names should describe actions taken Follow best practices for HTML and CSS Deploy the website online using github pages

Built With

  • HTML
  • CSS
  • JS

Getting Started

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

prerequisites

-must have git installed.

setup

Authors

๐Ÿ‘ค Author

LIVE DEMO

my portfolio

SCREENSHOTS

alt text alt text alt text alt text alt text alt text

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b 'branchname)
  3. Commit your Changes (git commit -m 'Add some branchname')
  4. Push to the Branch (git push origin branchname)
  5. Open a Pull Request

Feel free to check the issues page.

Show your support

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

Acknowledgments

๐Ÿ“ License

This project is MIT licensed.

my-portfolio's People

Contributors

haadiiii avatar samiullah997 avatar mj-e-boc avatar melashu avatar

Stargazers

Roman avatar Aamir khan avatar Gordon Otieno avatar William Raga avatar Momanyi avatar Aquinas Moriasi avatar Kehinde Ridwanullahi Onifade avatar Josue Batey avatar Promise Okechukwu avatar  avatar

Watchers

Kostas Georgiou avatar

Forkers

killy10o10

my-portfolio's Issues

README.md

Your README.md file is well and perfect arranged but i think you forget to mention your partner in acknowledgment section

Html Button Issue

  • Remove the parent div from the button tag with the out parent we can make styling for the button.
  • Remove the extra line of space in your HTML code and format your HTML code.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.