docs: make providers section

README.md

@@ -8,21 +8,6 @@
 ![Run tests](https://github.com/mingrammer/diagrams/workflows/Run%20tests/badge.svg?branch=master)
 [![todos](https://badgen.net/https/api.tickgit.com/badgen/github.com/mingrammer/diagrams?label=todos)](https://www.tickgit.com/browse?repo=github.com/mingrammer/diagrams)
 
-![on premise provider](https://img.shields.io/badge/provider-OnPremise-orange?color=5f87bf)
-![aws provider](https://img.shields.io/badge/provider-AWS-orange?logo=amazon-aws&color=ff9900)
-![azure provider](https://img.shields.io/badge/provider-Azure-orange?logo=microsoft-azure&color=0089d6)
-![gcp provider](https://img.shields.io/badge/provider-GCP-orange?logo=google-cloud&color=4285f4)
-![kubernetes provider](https://img.shields.io/badge/provider-Kubernetes-orange?logo=kubernetes&color=326ce5)
-![alibaba cloud provider](https://img.shields.io/badge/provider-AlibabaCloud-orange)
-![oracle cloud provider](https://img.shields.io/badge/provider-OracleCloud-orange?logo=oracle&color=f80000)
-![openstack provider](https://img.shields.io/badge/provider-OpenStack-orange?logo=openstack&color=da1a32)
-![firebase provider](https://img.shields.io/badge/provider-Firebase-orange?logo=firebase&color=FFCA28)
-![outscale provider](https://img.shields.io/badge/provider-OutScale-orange?color=5f87bf)
-![elastic provider](https://img.shields.io/badge/provider-Elastic-orange?logo=elastic&color=005571)
-![generic provider](https://img.shields.io/badge/provider-Generic-orange?color=5f87bf)
-![programming provider](https://img.shields.io/badge/provider-Programming-orange?color=5f87bf)
-![saas provider](https://img.shields.io/badge/provider-SaaS-orange?color=5f87bf)
-
 <a href="https://www.buymeacoffee.com/mingrammer" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;" ></a>
 
 **Diagram as Code**.
@@ -33,6 +18,23 @@ Diagrams lets you draw the cloud system architecture **in Python code**. It was
 
 >  NOTE: It does not control any actual cloud resources nor does it generate cloud formation or terraform code. It is just for drawing the cloud system architecture diagrams.
 
+## Providers
+
+![aws provider](https://img.shields.io/badge/AWS-orange?logo=amazon-aws&color=ff9900)
+![azure provider](https://img.shields.io/badge/Azure-orange?logo=microsoft-azure&color=0089d6)
+![gcp provider](https://img.shields.io/badge/GCP-orange?logo=google-cloud&color=4285f4)
+![kubernetes provider](https://img.shields.io/badge/Kubernetes-orange?logo=kubernetes&color=326ce5)
+![alibaba cloud provider](https://img.shields.io/badge/AlibabaCloud-orange)
+![oracle cloud provider](https://img.shields.io/badge/OracleCloud-orange?logo=oracle&color=f80000)
+![openstack provider](https://img.shields.io/badge/OpenStack-orange?logo=openstack&color=da1a32)
+![firebase provider](https://img.shields.io/badge/Firebase-orange?logo=firebase&color=FFCA28)
+![elastic provider](https://img.shields.io/badge/Elastic-orange?logo=elastic&color=005571)
+![outscale provider](https://img.shields.io/badge/OutScale-orange?color=5f87bf)
+![on premise provider](https://img.shields.io/badge/OnPremise-orange?color=5f87bf)
+![generic provider](https://img.shields.io/badge/Generic-orange?color=5f87bf)
+![programming provider](https://img.shields.io/badge/Programming-orange?color=5f87bf)
+![saas provider](https://img.shields.io/badge/SaaS-orange?color=5f87bf)
+
 ## Getting Started
 
 It requires **Python 3.6** or higher, check your Python version first.