Project Name

This is a personal project to help us develop the mobile version of the Figma template. It displays my portfolio along with my work, that I have done and learned here at Microverse.

Built With

• HTML, CSS, FlexBox, GulpJS
• HTML 5
• Visual Studio Code and GitHub

Live Demo (if available)

https://asimkhan2019.github.io/HTML_Mobile_Exercise/

Getting Started

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

Prerequisites

A GitHub Account Visual Studio Code

Setup

Create a HTML_Flex_Job Repo in GitHub Set the repo clone in Visual Studio Code Create a new branch and name it features Create a file .gitignore Create a folder .github/workflows Add linters.yml into the folder Copy the contents from the html and css linter style guidelines Add the index2.html file Add style2.css file Add img folder Add gulpfile.js to the project

Install

Add contetnts to the index2.html file Add elements and styles to the style2.css file Add the style for both the header and hero section Add the meta tags for both charset and viewport in index.html file Run the npm command to install the linters jobs into the project Run the gulp --global install command into the project directory

Usage

Add all changes into the features branch Later add the changes made to the features branch Commit all changes to the features branch Add the message to the commit in the features branch Ensure that your email and username are setup in Visual Studio Code

Run tests

Create a pull request for both the master and features branch The pull request when test the compatibility of the merge If the merge is possible then the sign of ability to merge will be shown Click on create a new pull request The linters test will begin to run during the pull request If the test fails click on the details against the test and see where the error occured After fixing your code re-run the test again

Deployment

After all the tests have succeeded, add comments to the pull request and save comment Leave the pull request open for review by peers

Authors

👤 Asim Mehmood Khan

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

🤝 Contributing

I have opened issues in the Issues section of the project. Feel free to add your comments to the issues

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• To my team they have helped me
• Thanks to Microverse study material and guidelines

📝 License

This project is MIT licensed.