1- < div class ="app-topstrip bg-dark text-white p-y-10 p-x-20 w-100 d-lg -flex align-items-center justify-content-between ">
2- < div class ="d-flex align-items-center justify-content-center gap-48 ">
3- < a class ="d-flex align-items-center "href ="https://adminmart .com/ "target ="_blank ">
4- < img src ="/assets/images/logos/logo-adminmart.svg "alt ="">
1+ < div class ="app-topstrip bg-dark text-white p-y-16 p-x-24 w-100 d-flex align-items-center justify-content-between ">
2+ < div class ="d-none d-sm- flex align-items-center justify-content-center gap-20 ">
3+ < a class ="d-flex align-items-center "href ="https://www.wrappixel .com/ "target ="_blank ">
4+ < img src ="/assets/images/logos/logo-adminmart.svg "alt =""width =" 150 " >
55</ a >
6-
7- < div class ="d-flex align-items-center justify-content-center flex-wrap ">
8- <!-- Support -->
9- < a mat-button class ="text-white d-none d-lg-flex "href ="https://adminmart.com/support/ "target ="_blank ">
10- < div class ="d-flex align-items-center gap-4 ">
11- < i-tabler name ="lifebuoy "class ="icon-20 d-flex "> </ i-tabler >
12- Support
13- </ div >
14- </ a >
156
7+ < div class ="linkbar d-none d-lg-flex align-items-center justify-content-center gap-16 ">
168<!-- Templates -->
17- < a mat-button class ="text-white d-none d-lg-flex "href ="https://adminmart.com/ "target ="_blank ">
18- < div class ="d-flex align-items-center gap-4 ">
19- < i-tabler name ="gift "class ="icon-20 d-flex "> </ i-tabler >
9+ < a mat-button class ="link-hover p-x-0 text-white d-flex "href ="https://adminmart.com/templates/angular/ "
10+ target ="_blank ">
11+ < div class ="d-flex align-items-center gap-8 f-s-16 f-w-400 ">
12+ < i class ="iconify icon-20 d-flex "data-icon ="solar:window-frame-linear "> </ i >
2013 Templates
2114</ div >
2215</ a >
2316
17+ <!-- Support -->
18+ < a mat-button class ="link-hover p-x-0 text-white d-flex "href ="https://adminmart.com/support/ "
19+ target ="_blank ">
20+ < div class ="d-flex align-items-center gap-8 f-s-16 f-w-400 ">
21+ < i class ="iconify icon-20 d-flex "data-icon ="solar:question-circle-linear "> </ i >
22+ Help
23+ </ div >
24+ </ a >
25+
2426<!-- Hire Us -->
25- < a mat-button class ="text-white d-none d-lg-flex "href ="https://adminmart.com/hire-us/ "target ="_blank ">
26- < div class ="d-flex align-items-center gap-4 ">
27- < i-tabler name ="briefcase "class ="icon-20 d-flex "> </ i-tabler >
27+ < a mat-button class ="link-hover p-x-0 text-white d-flex "href ="https://adminmart.com/hire-us/ "
28+ target ="_blank ">
29+ < div class ="d-flex align-items-center gap-8 f-s-16 f-w-400 ">
30+ < i class ="iconify icon-20 d-flex "data-icon ="solar:case-round-linear "> </ i >
2831 Hire Us
2932</ div >
3033</ a >
3134</ div >
3235</ div >
3336
34- < div class ="d-lg- flex align-items-center justify-content-centerflex-wrap gap-12 ">
35- < h2 class ="f-s-18 m-y-8 text-lg-left text-center "> Check Modernize Premium Version</ h2 >
37+ < div class ="topstrip-right d- flex align-items-center justify-content-center gap-16 ">
38+ < h6 class ="text-linear-gradient f-s-14 text-uppercase text-lg-left text-center "> Checkout Pro Version</ h6 >
3639
37- < div class ="d-flex justify-content-center align-items-center gap-12 ">
38- <!-- Live Preview -->
39- < button class ="d-flex align-items-center gap-4 text-white b-1 border-primary "mat-button
40- [matMenuTriggerFor] ="beforeMenu ">
41- < div class ="d-flex align-items-center gap-6 ">
42- < i-tabler name ="device-laptop "class ="icon-20 d-flex "> </ i-tabler >
43- Live Preview
44- < i-tabler name ="chevron-down "class ="icon-20 d-flex "> </ i-tabler >
45- </ div >
46- </ button >
47- < mat-menu #beforeMenu ="matMenu "xPosition ="before ">
48- < a mat-menu-item href ="https://adminmart.com/product/modernize-angular-material-dashboard/?ref=56#product-demo-section "
49- target ="_blank ">
50- < div class ="d-flex align-items-center gap-4 ">
51- < i-tabler name ="external-link "class ="icon-18 d-flex "> </ i-tabler >
52- Angular Preview
53- </ div >
54- </ a >
55- < a mat-menu-item href ="https://adminmart.com/product/modernize-vuetify-vue-admin-dashboard/?ref=56#product-demo-section "target ="_blank ">
56- < div class ="d-flex align-items-center gap-4 ">
57- < i-tabler name ="external-link "class ="icon-18 d-flex "> </ i-tabler >
58- VueJs Preview
59- </ div >
60- </ a >
61- < a mat-menu-item href ="https://adminmart.com/product/modernize-next-js-admin-dashboard/?ref=56#product-demo-section "target ="_blank ">
62- < div class ="d-flex align-items-center gap-4 ">
63- < i-tabler name ="external-link "class ="icon-18 d-flex "> </ i-tabler >
64- NextJs Preview
65- </ div >
66- </ a >
67- < a mat-menu-item href ="https://adminmart.com/product/modernize-react-mui-dashboard-theme/?ref=56#product-demo-section "target ="_blank ">
68- < div class ="d-flex align-items-center gap-4 ">
69- < i-tabler name ="external-link "class ="icon-18 d-flex "> </ i-tabler >
70- React Preview
71- </ div >
72- </ a >
73- < a mat-menu-item href ="https://adminmart.com/product/modernize-bootstrap-5-admin-template/?ref=56#product-demo-section "target ="_blank ">
74- < div class ="d-flex align-items-center gap-4 ">
75- < i-tabler name ="external-link "class ="icon-18 d-flex "> </ i-tabler >
76- Bootstrap Preview
77- </ div >
78- </ a >
79- < a mat-menu-item href ="https://adminmart.com/product/modernize-tailwind-nextjs-dashboard-template/?ref=56#product-demo-section "target ="_blank ">
80- < div class ="d-flex align-items-center gap-4 ">
81- < i-tabler name ="external-link "class ="icon-18 d-flex "> </ i-tabler >
82- Tailwind Preview
83- </ div >
84- </ a >
85- </ mat-menu >
40+ < div class ="topstrip-right-inner d-flex justify-content-center align-items-center gap-10 ">
8641
87- <!-- Buy Now -->
88- < button class ="d-flex align-items-center gap-4 text-white "mat-flat-button [matMenuTriggerFor] ="beforeMenutow ">
89- < div class ="d-flex align-items-center gap-6 ">
90- < i-tabler name ="shopping-cart "class ="icon-20 d-flex "> </ i-tabler >
91- Buy Now
92- < i-tabler name ="chevron-down "class ="icon-20 d-flex "> </ i-tabler >
42+ < div class ="d-flex justify-content-center align-items-center gap-10 ">
43+ <!-- Live Preview -->
44+ < button class ="live-preview-drop d-flex align-items-center gap-4 text-white f-s-16 p-x-16 "mat-button
45+ [matMenuTriggerFor] ="beforeMenu ">
46+ < div class ="d-flex align-items-center gap-6 ">
47+ Live Preview
48+ < i class ="iconify icon-20 d-flex "data-icon ="solar:alt-arrow-down-linear "> </ i >
49+ </ div >
50+ </ button >
51+ < mat-menu class ="p-x-16 p-y-8 rounded-7 "#beforeMenu ="matMenu "xPosition ="before ">
52+ < a mat-menu-item class ="rounded-7 "
53+ href ="https://adminmart.com/product/modernize-angular-material-dashboard/?ref=56#product-demo-section "
54+ target ="_blank ">
55+ < div class ="d-flex align-items-center gap-12 f-s-16 ">
56+ < img src ="/assets/images/svgs/angular-cat-icon.svg "width ="18 "alt ="angular ">
57+ Angular Version
58+ </ div >
59+ </ a >
60+ < a mat-menu-item class ="rounded-7 "
61+ href ="https://adminmart.com/product/modernize-react-mui-dashboard-theme/?ref=56#product-demo-section "
62+ target ="_blank ">
63+ < div class ="d-flex align-items-center gap-12 f-s-16 ">
64+ < img src ="/assets/images/svgs/react-cat-icon.svg "width ="18 "alt ="react ">
65+ React Version
66+ </ div >
67+ </ a >
68+ < a mat-menu-item class ="rounded-7 "
69+ href ="https://adminmart.com/product/modernize-vuetify-vue-admin-dashboard/?ref=56#product-demo-section "
70+ target ="_blank ">
71+ < div class ="d-flex align-items-center gap-12 f-s-16 ">
72+ < img src ="/assets/images/svgs/vue-cat-icon.svg "width ="18 "alt ="vueJs ">
73+ VueJs Version
74+ </ div >
75+ </ a >
76+ < a mat-menu-item class ="rounded-7 "
77+ href ="https://adminmart.com/product/modernize-next-js-admin-dashboard/?ref=56#product-demo-section "
78+ target ="_blank ">
79+ < div class ="d-flex align-items-center gap-12 f-s-16 ">
80+ < img src ="/assets/images/svgs/next-cat-icon.svg "width ="18 "alt ="nextJs ">
81+ NextJs Version
82+ </ div >
83+ </ a >
84+ < a mat-menu-item class ="rounded-7 "
85+ href ="https://adminmart.com/product/modernize-nuxt-js-admin-dashboard/?ref=56#product-demo-section "
86+ target ="_blank ">
87+ < div class ="d-flex align-items-center gap-12 f-s-16 ">
88+ < img src ="/assets/images/svgs/nuxt-cat-icon.svg "width ="18 "alt ="nuxtJs ">
89+ NuxtJs Version
90+ </ div >
91+ </ a >
92+ < a mat-menu-item class ="rounded-7 "
93+ href ="https://adminmart.com/product/modernize-tailwind-nextjs-dashboard-template/?ref=56#product-demo-section "
94+ target ="_blank ">
95+ < div class ="d-flex align-items-center gap-12 f-s-16 ">
96+ < img src ="/assets/images/svgs/tailwindcss.svg "width ="20 "alt ="tailwind ">
97+ Tailwind Version
98+ </ div >
99+ </ a >
100+ < a mat-menu-item class ="rounded-7 "
101+ href ="https://adminmart.com/product/modernize-bootstrap-5-admin-template/?ref=56#product-demo-section "
102+ target ="_blank ">
103+ < div class ="d-flex align-items-center gap-12 f-s-16 ">
104+ < img src ="/assets/images/svgs/bt-cat-icon.svg "width ="20 "alt ="bootstrap ">
105+ Bootstrap Version
106+ </ div >
107+ </ a >
108+ </ mat-menu >
109+
110+ <!-- Get Pro -->
111+ < a mat-button class ="get-pro-btn text-white p-x-16 "
112+ href ="https://adminmart.com/product/modernize-angular-material-dashboard/?ref=56 "target ="_blank ">
113+ < div class ="d-flex align-items-center gap-8 f-s-16 f-w-400 ">
114+ < i class ="iconify icon-18 d-flex "data-icon ="solar:crown-linear "> </ i >
115+ Get Pro
116+ </ div >
117+ </ a >
93118</ div >
94- </ button >
95- < mat-menu #beforeMenutow ="matMenu "xPosition ="before ">
96- < a mat-menu-item href ="https://adminmart.com/product/modernize-angular-material-dashboard/?ref=56#product-price-section "target ="_blank ">
97- < div class ="d-flex align-items-center gap-4 ">
98- < i-tabler name ="external-link "class ="icon-18 d-flex "> </ i-tabler >
99- Buy Angular Version
100- </ div >
101- </ a >
102- < a mat-menu-item href ="https://adminmart.com/product/modernize-vuetify-vue-admin-dashboard/?ref=56#product-price-section "target ="_blank ">
103- < div class ="d-flex align-items-center gap-4 ">
104- < i-tabler name ="external-link "class ="icon-18 d-flex "> </ i-tabler >
105- Buy VueJs Version
106- </ div >
107- </ a >
108- < a mat-menu-item href ="https://adminmart.com/product/modernize-next-js-admin-dashboard/?ref=56#product-price-section "target ="_blank ">
109- < div class ="d-flex align-items-center gap-4 ">
110- < i-tabler name ="external-link "class ="icon-18 d-flex "> </ i-tabler >
111- Buy NextJs Version
112- </ div >
113- </ a >
114- < a mat-menu-item href ="https://adminmart.com/product/modernize-react-mui-dashboard-theme/?ref=56#product-price-section "target ="_blank ">
115- < div class ="d-flex align-items-center gap-4 ">
116- < i-tabler name ="external-link "class ="icon-18 d-flex "> </ i-tabler >
117- Buy React Version
118- </ div >
119- </ a >
120- < a mat-menu-item href ="https://adminmart.com/product/modernize-bootstrap-5-admin-template/?ref=56#product-price-section "target ="_blank ">
121- < div class ="d-flex align-items-center gap-4 ">
122- < i-tabler name ="external-link "class ="icon-18 d-flex "> </ i-tabler >
123- Buy Bootstrap Version
124- </ div >
125- </ a >
126- < a mat-menu-item href ="https://adminmart.com/product/modernize-tailwind-nextjs-dashboard-template/?ref=56#product-price-section "target ="_blank ">
127- < div class ="d-flex align-items-center gap-4 ">
128- < i-tabler name ="external-link "class ="icon-18 d-flex "> </ i-tabler >
129- Buy Tailwind Version
130- </ div >
131- </ a >
132- </ mat-menu >
133119</ div >
134120</ div >
135-
136121</ div >