1+ < div class ="fixed-plugin ">
2+ < a class ="fixed-plugin-button text-dark position-fixed px-3 py-2 ">
3+ < i class ="fa fa-cog py-2 "> </ i >
4+ </ a >
5+ < div class ="card shadow-lg blur ">
6+ < div class ="card-header pb-0 pt-3 bg-transparent ">
7+ < div class ="float-start ">
8+ < h5 class ="mt-3 mb-0 "> Soft UI Configurator</ h5 >
9+ < p > See our dashboard options.</ p >
10+ </ div >
11+ < div class ="float-end mt-4 ">
12+ < button class ="btn btn-link text-dark p-0 fixed-plugin-close-button ">
13+ < i class ="fa fa-close "> </ i >
14+ </ button >
15+ </ div >
16+ <!-- End Toggle Button -->
17+ </ div >
18+ < hr class ="horizontal dark my-1 ">
19+ < div class ="card-body pt-sm-3 pt-0 ">
20+ <!-- Sidebar Backgrounds -->
21+ < div >
22+ < h6 class ="mb-0 "> Sidebar Colors</ h6 >
23+ </ div >
24+ < a href ="javascript:void(0) " class ="switch-trigger background-color ">
25+ < div class ="badge-colors my-2 text-start ">
26+ < span class ="badge filter bg-gradient-primary active " data-color ="primary " onclick ="sidebarColor(this) "> </ span >
27+ < span class ="badge filter bg-gradient-dark " data-color ="dark " onclick ="sidebarColor(this) "> </ span >
28+ < span class ="badge filter bg-gradient-info " data-color ="info " onclick ="sidebarColor(this) "> </ span >
29+ < span class ="badge filter bg-gradient-success " data-color ="success " onclick ="sidebarColor(this) "> </ span >
30+ < span class ="badge filter bg-gradient-warning " data-color ="warning " onclick ="sidebarColor(this) "> </ span >
31+ < span class ="badge filter bg-gradient-danger " data-color ="danger " onclick ="sidebarColor(this) "> </ span >
32+ </ div >
33+ </ a >
34+ <!-- Sidenav Type -->
35+ < div class ="mt-3 ">
36+ < h6 class ="mb-0 "> Sidenav Type</ h6 >
37+ < p class ="text-sm "> Choose between 2 different sidenav types.</ p >
38+ </ div >
39+ < div class ="d-flex ">
40+ < button class ="btn bg-gradient-primary w-100 px-3 mb-2 active " data-class ="bg-transparent " onclick ="sidebarType(this) "> Transparent</ button >
41+ < button class ="btn bg-gradient-primary w-100 px-3 mb-2 ms-2 " data-class ="bg-white " onclick ="sidebarType(this) "> White</ button >
42+ </ div >
43+ < p class ="text-sm d-xl-none d-block mt-2 "> You can change the sidenav type just on desktop view.</ p >
44+ <!-- Navbar Fixed -->
45+ < div class ="mt-3 ">
46+ < h6 class ="mb-0 "> Navbar Fixed</ h6 >
47+ </ div >
48+ < div class ="form-check form-switch ps-0 ">
49+ < input class ="form-check-input mt-1 ms-auto " type ="checkbox " id ="navbarFixed " onclick ="navbarFixed(this) ">
50+ </ div >
51+ < hr class ="horizontal dark mb-1 d-xl-block d-none ">
52+ < div class ="mt-2 d-xl-block d-none ">
53+ < h6 class ="mb-0 "> Sidenav Mini</ h6 >
54+ </ div >
55+ < div class ="form-check form-switch ps-0 d-xl-block d-none ">
56+ < input class ="form-check-input mt-1 ms-auto " type ="checkbox " id ="navbarMinimize " onclick ="navbarMinimize(this) ">
57+ </ div >
58+ < hr class ="horizontal dark mb-1 d-xl-block d-none ">
59+ < div class ="mt-2 d-xl-block d-none ">
60+ < h6 class ="mb-0 "> Light/Dark</ h6 >
61+ </ div >
62+ < div class ="form-check form-switch ps-0 d-xl-block d-none ">
63+ < input class ="form-check-input mt-1 ms-auto " type ="checkbox " id ="dark-version " onclick ="darkMode(this) ">
64+ </ div >
65+ < hr class ="horizontal dark my-sm-4 ">
66+ < a class ="btn bg-gradient-info w-100 " href ="https://appseed.us/product/soft-ui-dashboard-pro/django/ "> Download</ a >
67+ < a class ="btn bg-gradient-dark w-100 " href ="https://appseed.us/product/soft-ui-dashboard/django/ "> Free demo</ a >
68+ < a class ="btn btn-outline-dark w-100 " href ="https://github.com/app-generator/django-soft-ui-dashboard-pro "> View documentation</ a >
69+ < div class ="w-100 text-center ">
70+ < a class ="github-button " href ="https://github.com/app-generator/django-soft-ui-dashboard-pro " data-icon ="octicon-star " data-size ="large " data-show-count ="true " aria-label ="Star creativetimofficial/soft-ui-dashboard on GitHub "> Star</ a >
71+ < h6 class ="mt-3 "> Thank you for sharing!</ h6 >
72+ < a href ="https://twitter.com/intent/tweet?text=Check%20Soft%20UI%20Dashboard%20PRO%20made%20by%20%40CreativeTim%20%23webdesign%20%23dashboard%20%23bootstrap5&url=https%3A%2F%2Fwww.creative-tim.com%2Fproduct%2Fsoft-ui-dashboard-pro " class ="btn btn-dark mb-0 me-2 " target ="_blank ">
73+ < i class ="fab fa-twitter me-1 " aria-hidden ="true "> </ i > Tweet
74+ </ a >
75+ < a href ="https://www.facebook.com/sharer/sharer.php?u=https://appseed.us/product/soft-ui-dashboard-pro/django/ " class ="btn btn-dark mb-0 me-2 " target ="_blank ">
76+ < i class ="fab fa-facebook-square me-1 " aria-hidden ="true "> </ i > Share
77+ </ a >
78+ </ div >
79+ </ div >
80+ </ div >
81+ </ div >
0 commit comments