<h2>Pages</h2>
<ul>
<li>About</li>
<li>Skills</li>
<li>Career</li>
<li>Education</li>
<li>Articles</li>
<li>Blog posts</li>
<li>Open-source</li>
<li>open-source repositories list</li>
<li>Projects</li>
</ul>
<h2>Built with</h2>
<ul>
<li>Front-end library - <a href="https://reactjs.org/">Reactjs</a></li>
<li>UI components - <a href="https://chakra-ui.com">Chakra UI</a></li>
<li>Icons - <a href="https://react-icons.github.io/react-icons/">react icons</a></li>
</ul>
<p><strong>Demo Link:</strong> <a href="https://ma-ahmad.github.io/portfolio2">Portfolio</a>
<strong>GitHub Repo:</strong> <a href="https://github.com/MA-Ahmad/portfolio2">Repo</a></p>
<hr>
<h2>Updated Portfolio website</h2>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dfmll4sk34qa2iled9po.png" alt="Portfolio website 2"></p>
<h2>Pages</h2>
<ul>
<li>Home Page</li>
<li>Intro</li>
<li>Highlights</li>
<li>Achievements</li>
<li>Projects</li>
<li>Achievements</li>
<li>Show progress yearly wise</li>
<li>About</li>
<li>Career</li>
<li>Education</li>
<li>Open-source</li>
<li>open-source repositories list (card design)</li>
<li>Blog</li>
<li>Published articles list</li>
</ul>
<p><strong>Demo Link:</strong> <a href="https://mahmad.me/">Portfolio</a>
<strong>GitHub Repo:</strong> <a href="https://github.com/MA-Ahmad/portfolio">Repo</a></p>
<h2>Update</h2>
<h5><a href="https://mahmad.me/#/open-source">Open-source page</a></h5>
<ul>
<li>Used github rest api to fetch user repositories</li>
<li>Updated page design with react-stack-grid</li>
<li>Used skeleton to show loading</li>
</ul>


<h2>
  <a name="pages" href="#pages">
  </a>
  Pages
</h2>

<ul>
<li>About

<ul>
<li>Skills</li>
<li>Career</li>
<li>Education</li>
</ul>


</li>
<li>Articles

<ul>
<li>Blog posts</li>
</ul>


</li>
<li>Open-source

<ul>
<li> open-source repositories list </li>
</ul>


</li>
<li>Projects</li>
</ul>

<h2>
  <a name="built-with" href="#built-with">
  </a>
  Built with
</h2>

<ul>
<li>Front-end library - <a href="https://reactjs.org/">Reactjs</a>
</li>
<li>UI components - <a href="https://chakra-ui.com">Chakra UI</a>
</li>
<li>Icons - <a href="https://react-icons.github.io/react-icons/">react icons</a>
</li>
</ul>

<p><strong>Demo Link:</strong> <a href="https://ma-ahmad.github.io/portfolio2">Portfolio</a><br>
<strong>GitHub Repo:</strong> <a href="https://github.com/MA-Ahmad/portfolio2">Repo</a></p>


<hr>

<h2>
  <a name="updated-portfolio-website" href="#updated-portfolio-website">
  </a>
  Updated Portfolio website
</h2>

<p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--M_Qzbprp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dfmll4sk34qa2iled9po.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--M_Qzbprp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dfmll4sk34qa2iled9po.png" alt="Portfolio website 2" loading="lazy"></a></p>

<h2>
  <a name="pages" href="#pages">
  </a>
  Pages
</h2>

<ul>
<li>Home Page

<ul>
<li>Intro</li>
<li>Highlights</li>
<li>Achievements</li>
<li>Projects</li>
</ul>


</li>
<li>Achievements

<ul>
<li>Show progress yearly wise</li>
</ul>


</li>
<li>About

<ul>
<li>Career</li>
<li>Education</li>
</ul>


</li>
<li>Open-source

<ul>
<li>open-source repositories list (card design)</li>
</ul>


</li>
<li>Blog

<ul>
<li>Published articles list </li>
</ul>


</li>
</ul>

<p><strong>Demo Link:</strong> <a href="https://mahmad.me/">Portfolio</a><br>
<strong>GitHub Repo:</strong> <a href="https://github.com/MA-Ahmad/portfolio">Repo</a></p>

<h2>
  <a name="update" href="#update">
  </a>
  Update
</h2>

<h5>
  <a name="opensource-page" href="#opensource-page">
  </a>
  <a href="https://mahmad.me/#/open-source">Open-source page</a>
</h5>

<ul>
<li>Used github rest api to fetch user repositories</li>
<li>Updated page design with react-stack-grid</li>
<li>Used skeleton to show loading</li>
</ul>



## Pages
- About
 - Skills
 - Career
 - Education
- Articles
 - Blog posts
- Open-source
 -  open-source repositories list 
- Projects

## Built with
- Front-end library - [Reactjs](https://reactjs.org/)
- UI components - [Chakra UI](https://chakra-ui.com)
- Icons - [react icons](https://react-icons.github.io/react-icons/)

**Demo Link:** [Portfolio](https://ma-ahmad.github.io/portfolio2)
**GitHub Repo:** [Repo](https://github.com/MA-Ahmad/portfolio2)

---

## Updated Portfolio website

![Portfolio website 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dfmll4sk34qa2iled9po.png)

## Pages
- Home Page
 - Intro
 - Highlights
  - Achievements
 - Projects
- Achievements
 - Show progress yearly wise
- About
 - Career
 - Education
- Open-source
 - open-source repositories list (card design)
- Blog
 - Published articles list 


**Demo Link:** [Portfolio](https://mahmad.me/)
**GitHub Repo:** [Repo](https://github.com/MA-Ahmad/portfolio)


## Update
##### [Open-source page](https://mahmad.me/#/open-source)
* Used github rest api to fetch user repositories
* Updated page design with react-stack-grid
* Used skeleton to show loading


Pages    About   Skills Career Education     Articles   Blog posts     Open-source   ...

Build Portfolio website with React and ChakraUi

Pages

Built with

Updated Portfolio website

Pages

Update

Open-source page