|
| 1 | +<p align="center"></p> |
| 2 | + |
| 3 | +<p align="center"> |
| 4 | + <a href="{ts_product_page_url}" target="_blank"> |
| 5 | + <img src="{svg_logo_url_from_current_repo}" alt="{template_name}-logo" width="60px" height="auto"> |
| 6 | + </a> |
| 7 | +</p> |
| 8 | + |
| 9 | +<h1 align="center"> |
| 10 | + <a href="{ts_product_page_url}" target="_blank" align="center"> |
| 11 | + {template_name_titlized} |
| 12 | + </a> |
| 13 | +</h1> |
| 14 | + |
| 15 | +<p align="center">{template_punchline}</p> |
| 16 | + |
| 17 | +<p align="center"> |
| 18 | + <a href="{licence_url_of_current_repo}"> |
| 19 | + <img src="https://img.shields.io/github/license/themeselection/{repo_name_from_url}" alt="license"> |
| 20 | + </a> |
| 21 | + <img alt="GitHub Workflow Status" src="https://img.shields.io/github/workflow/status/themeselection/{repo_name_from_url}/Deploy"> |
| 22 | + <a href="{repo_url}/releases"> |
| 23 | + <img src="https://img.shields.io/github/release/themeselection/{repo_name_from_url}.svg" alt="GitHub release"> |
| 24 | + </a> |
| 25 | + <a href="https://twitter.com/Theme_Selection" target="_blank"> |
| 26 | + <img alt="Twitter Follow" src="https://img.shields.io/twitter/follow/Theme_Selection"> |
| 27 | + </a> |
| 28 | +</p> |
| 29 | + |
| 30 | +<kbd>[]({ts_product_page_url})</kbd> |
| 31 | + |
| 32 | +## Introduction 🚀 |
| 33 | + |
| 34 | +{introduction} |
| 35 | + |
| 36 | +[View Demo]({direct_demo_url__NOT_PRODUCT_PAGE_URL}) |
| 37 | + |
| 38 | +## Installation ⚒️ |
| 39 | + |
| 40 | +{installation steps} |
| 41 | + |
| 42 | +## What's Included 📦 |
| 43 | + |
| 44 | +{template_includes} |
| 45 | + |
| 46 | +## What's in Premium Version 💎 |
| 47 | + |
| 48 | +| {template_single_word_name} Free Version | {template_single_word_name} Premium Version | |
| 49 | +| ----------------------------------------------- | :------------------------------------------------ | |
| 50 | +| [Demo]({direct_demo_url__NOT_PRODUCT_PAGE_URL}) | [Demo]({product_landing_page_url}) | |
| 51 | +| [Download]({ts_product_page_url}) | [Purchase]({ts_premium_product_page_url}) | |
| 52 | +| Single vertical menu | Vertical (+ vertical collapsed) & Horizontal menu | |
| 53 | + |
| 54 | +## Documentation 📜 |
| 55 | + |
| 56 | +<!-- If you have docs in wiki then use below line --> |
| 57 | + |
| 58 | +Check GitHub [Wiki]({repo_url}/wiki) of this repo |
| 59 | + |
| 60 | +<!-- If you have live docs then use below line --> |
| 61 | + |
| 62 | +Check out our live [Documentation]({live_docs_link}) |
| 63 | + |
| 64 | +## Browser Support 🖥️ |
| 65 | + |
| 66 | + |
| 67 | +  |
| 68 | +  |
| 69 | +  |
| 70 | + |
| 71 | +## Contributing 🦸 |
| 72 | + |
| 73 | +Contribution are always welcome and recommended! Here is how: |
| 74 | + |
| 75 | +* Fork the repository ([here is the guide](https://docs.github.com/en/get-started/quickstart/fork-a-repo)). |
| 76 | +* Clone to your machine `git clone https://github.com/YOUR_USERNAME/REPO_NAME` Make your changes |
| 77 | +* Create a pull request |
| 78 | + |
| 79 | +### Contribution Requirements 🧰 |
| 80 | + |
| 81 | +* When you contribute, you agree to give a non-exclusive license to ThemeSelection to use that contribution in any context as we (ThemeSelection) see appropriate. |
| 82 | +* If you use content provided by another party, it must be appropriately licensed using an open source license. |
| 83 | +* Contributions are only accepted through Github pull requests. |
| 84 | +* Finally, contributed code must work in all supported browsers (see above for browser support). |
| 85 | + |
| 86 | +## Changelog 📆 |
| 87 | + |
| 88 | +Please refer to the [CHANGELOG](CHANGELOG.md) file. We will add a detailed release notes to each new release. |
| 89 | + |
| 90 | +## Support 🧑🏻💻 |
| 91 | + |
| 92 | +For free products, enjoy community support via GitHub issues. Upgrade to Premium for dedicated support from our expert team. |
| 93 | + |
| 94 | +## License © |
| 95 | + |
| 96 | +- Copyright © [ThemeSelection](https://themeselection.com/) |
| 97 | +- Licensed under [MIT](LICENSE.md) |
| 98 | +- All our free items are Open Source and licensed under MIT. You can use our free items for personal as well as commercial purposes. We just need an attribution from your end. Copy the below link and paste it at the footer of your web application or project. |
| 99 | + ```html |
| 100 | + <a href="https://themeselection.com/">ThemeSelection</a> |
| 101 | + ``` |
| 102 | + |
| 103 | +## Also Available In |
| 104 | + |
| 105 | +<p> |
| 106 | + <!-- Figma --> |
| 107 | + <a href="{pro_html_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/0318a6c8-4f9b-4cf6-af5e-d357f909ea2b"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/47f21dfe-c1fc-4a7d-859e-4d98f8cdded1"><img width="auto" height="74px" alt="html" src="https://github.com/microsoft/vscode/assets/47495003/47f21dfe-c1fc-4a7d-859e-4d98f8cdded1"></picture></img></a> |
| 108 | + <!-- HTML --> |
| 109 | + <a href="{pro_html_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/5fe77c46-2e4c-475a-8dec-e30e2badddee"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/3f5decd8-cd99-4ed3-aa76-528ca061385b"><img width="auto" height="74px" alt="html" src="https://github.com/microsoft/vscode/assets/47495003/3f5decd8-cd99-4ed3-aa76-528ca061385b"></picture></img></a> |
| 110 | + <!-- HTML + Laravel --> |
| 111 | + <a href="{pro_html_laravel_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/efe420e4-9863-41b7-9eda-47ea94f21a62"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/be3b86e0-4d5e-4736-bf89-4267fb4d6710"><img width="auto" height="74px" alt="html_laravel" src="https://github.com/microsoft/vscode/assets/47495003/be3b86e0-4d5e-4736-bf89-4267fb4d6710"></picture></img></a> |
| 112 | + <!-- HTML + Django --> |
| 113 | + <a href="{pro_html_django_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/3c87d33b-1223-4aaa-a652-388dcb714c98"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/51db1947-eac1-466f-87fd-5a209010fe9c"><img width="auto" height="74px" alt="html_django" src="https://github.com/microsoft/vscode/assets/47495003/51db1947-eac1-466f-87fd-5a209010fe9c"></picture></img></a> |
| 114 | + <!-- .Net Core --> |
| 115 | + <a href="{pro_net_core_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/6327fd7b-9c54-4189-a852-28551ad0e002"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/9856e9d5-021f-4573-902a-702e80dd0102"><img width="auto" height="74px" alt="net_core" src="https://github.com/microsoft/vscode/assets/47495003/9856e9d5-021f-4573-902a-702e80dd0102"></picture></img></a> |
| 116 | + <!-- NextJS --> |
| 117 | + <a href="{pro_nextjs_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/66344629-6d21-4f92-9078-f479b39cb34e"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/e1daf4e1-3fa5-4a44-969a-6143ddd67310"><img width="auto" height="74px" alt="next.js" src="https://github.com/microsoft/vscode/assets/47495003/e1daf4e1-3fa5-4a44-969a-6143ddd67310"></picture></img></a> |
| 118 | + <!-- React --> |
| 119 | + <a href="{pro_react_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/3877046e-c652-4b3d-99e9-2e134da1d6cf"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/8c8c940e-d8f9-4213-a7f7-f8bc4968f169"><img width="auto" height="74px" alt="react" src="https://github.com/microsoft/vscode/assets/47495003/8c8c940e-d8f9-4213-a7f7-f8bc4968f169"></picture></img></a> |
| 120 | + <!-- Vue --> |
| 121 | + <a href="{pro_vue_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/881bbbb8-d1c9-421c-9bce-4ea43dfa9e6e"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/b02d6473-0345-42c2-be58-e648806104fa"><img width="auto" height="74px" alt="vue" src="https://github.com/microsoft/vscode/assets/47495003/b02d6473-0345-42c2-be58-e648806104fa"></picture></img></a> |
| 122 | + <!-- Vue + Laravel --> |
| 123 | + <a href="{pro_vue_laravel_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/20b6428e-3fa5-4f80-a389-9e4cd732c2de"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/3008d3eb-7b5b-4d9c-8563-837744a901da"><img width="auto" height="74px" alt="vue_laravel" src="https://github.com/microsoft/vscode/assets/47495003/3008d3eb-7b5b-4d9c-8563-837744a901da"></picture></img></a> |
| 124 | + <!-- Nuxt --> |
| 125 | + <a href="{pro_nuxt_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/d9d3cf2e-4dc5-49fe-b146-b80ef010cb57"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/f18ba562-6bba-4a55-83ac-962ecefa636f"><img width="auto" height="74px" alt="nuxt" src="https://github.com/microsoft/vscode/assets/47495003/f18ba562-6bba-4a55-83ac-962ecefa636f"></picture></img></a> |
| 126 | + <!-- Angular --> |
| 127 | + <a href="{pro_angular_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/da7f0abe-9f83-4205-b691-bc8d2ffef59b"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/9ebeb520-442a-4047-9000-5b13d0e6c000"><img width="auto" height="74px" alt="angular" src="https://github.com/microsoft/vscode/assets/47495003/9ebeb520-442a-4047-9000-5b13d0e6c000"></picture></img></a> |
| 128 | +</p> |
| 129 | + |
| 130 | +<!-- Add other pro variants here. You can get logo URL from here: https://icones.js.org/collection/logos --> |
| 131 | + |
| 132 | +## Looking For Premium Admin Templates ?? 👀 |
| 133 | + |
| 134 | +**[ThemeSelection](https://themeselection.com/)** provides Selected high quality, modern design, professional and easy-to-use Free and Premium [Bootstrap Admin Templates](https://themeselection.com/products/category/bootstrap-admin-templates/), [VueJS Admin Templates](https://themeselection.com/products/category/vuejs-admin-templates/), [Laravel Admin Templates](https://themeselection.com/products/category/laravel-admin-templates/), HTML Themes, and [Free UI Kits](https://themeselection.com/products/category/free-ui-kits/) to create your applications faster!. |
| 135 | + |
| 136 | +If you want to [Download Free Admin Templates](https://themeselection.com/products/category/download-free-admin-templates/) like Materio then do visit [ThemeSelection](https://themeselection.com/). |
| 137 | + |
| 138 | +## Useful Links 🎁 |
| 139 | + |
| 140 | +* [Freebies](https://themeselection.com/products/category/download-free-admin-templates/) |
| 141 | +* [Download Free Admin Templates](https://themeselection.com/products/category/download-free-admin-templates/) |
| 142 | +* [Bootstrap 5 CheatSheet](https://bootstrap-cheatsheet.themeselection.com/) |
| 143 | + |
| 144 | +## Social Media :earth_africa: |
| 145 | + |
| 146 | +- [Twitter](https://twitter.com/Theme_Selection) |
| 147 | +- [Facebook](https://www.facebook.com/ThemeSelections/) |
| 148 | +- [Pinterest](https://pinterest.com/themeselect/) |
| 149 | +- [Instagram](https://www.instagram.com/themeselection/) |
| 150 | +- [Discord](https://discord.gg/kBHkY7DekX) |
| 151 | +- [YouTube](https://www.youtube.com/channel/UCuryo5s0CW4aP83itLjIdZg) |
0 commit comments