���� JFIF  XX �� �� �     $.' ",#(7),01444'9=82<.342  2!!22222222222222222222222222222222222222222222222222�� ��" �� 4     ��   �� �,�PG"Z_�4�˷����kjز�Z�,F+��_z�,�© �����zh6�٨�ic�fu��� #ډb���_�N� ?� �wQ���5-�~�I���8��� �TK<5o�Iv-� ����k�_U_����� ~b�M��d��� �Ӝ�U�Hh��?]��E�w��Q���k�{��_}qFW7HTՑ��Y��F� ?_�'ϔ��_�Ջt� �=||I �� 6�έ"�����D���/[�k�9�� �Y�8 ds|\���Ҿp6�Ҵ���]��.����6� z<�v��@]�i% �� $j��~ �g��J>��no����pM[me�i$[�� �� s�o�ᘨ�˸ nɜG-�ĨU�ycP� 3.DB�li�;� �hj���x 7Z^�N�h��� ���N3u{�:j �x�힞��#M &��jL P@ _���� P�� &��o8 ������9 �����@Sz 6�t7#O�ߋ � s}Yf�T� ��lmr����Z)'N��k�۞p ����w\�T ȯ?�8` �O��i{wﭹW�[�r�� ��Q4F�׊�� �3m&L�=��h3� ���z~��#� \�l :�F,j@�� ʱ�wQT����8�"kJO��� 6�֚l���� }��� R�>ډK���]��y����&����p�}b�� ;N�1�m�r$� |��7�>e�@ B�TM*-i H��g�D�)� E�m�|�ؘbҗ�a ��Ҿ���� t4��� o���G��*oCN�rP���Q��@z,|?W[0 �����:�n,j WiE��W� �$~/�hp\��?��{(�0���+�Y8rΟ�+����>S-S�� ��VN;� }�s?.����� w �9��˟<���Mq4�Wv' ��{)0�1mB ��V����W[� ����8�/<� �%���wT^�5���b��)iM� p g�N�&ݝ� �VO~� q���u���9� ����!��J27��� �$ O-���! �: �%H��� ـ ����y�ΠM=t{!S�� oK8������ t<����è :a�� ����[���� �ա�H���~��w��Qz`�p o�^ �� ��Q��n�  �,uu�C� $ ^���,� �����8�#��:�6��e�|~� ��!�3� 3.�\0�� q��o�4`.|� ����y�Q�`~;�d�ׯ,��O�Zw�������`73�v�܋�< ���Ȏ�� ـ4k��5�K�a�u�=9Yd��$>x�A�&�� j0� ���vF��� Y� |�y��� ~�6�@c��1vOp �Ig�� ��4��l�OD� ��L����� R���c���j�_�uX 6��3?nk��Wy�f;^*B� ��@ �~a�`��Eu������ +� �� 6�L��.ü>��}y���}_�O�6�͐�:�Yr G�X��kG�� ���l^w�� �~㒶sy� �Iu�!� W ��X��N�7BV��O��!X�2����wvG�R�f�T#�����t�/?���%8�^�W�aT ��G�cL�M���I��(J����1~�8�?aT ���]����AS�E��(��*E}� 2�� #I/�׍qz��^t�̔��� b�Yz4x ���t�){ OH� �+(E��A&�N�������XT��o��"�XC�� '���)}�J�z�p� ��~5�}�^����+�6����w��c��Q�| Lp�d�H��}�(�.|����k��c4^� "�����Z?ȕ ��a< �L�!0 39C� �Eu� C�F�Ew�ç ;�n?�*o���B�8�bʝ���'#Rqf�� �M}7����]��� �s2tcS{�\icTx;�\��7K���P ���ʇ Z O-��~�� c>"��?�� �����P ��E��O�8��@�8��G��Q�g�a�Վ���󁶠 �䧘��_%#r�>� 1�z�a�� eb��qcP ѵ��n���#L��� =��׀t� L�7�` ��V��� A{�C:�g���e@ �w1 Xp 3�c3�ġ���� p��M"'-�@n4���fG� �B3�DJ�8[Jo�ߐ���gK)ƛ��$���� � ��8�3�����+���� �����6�ʻ���� ���S�kI�*KZlT _`�� �?��K� ���QK�d ����B`�s}�>���` ��*�>��,*@J�d�oF*� ���弝��O}�k��s��]��y�ߘ ��c1G�V���<=�7��7����6 �q�PT��tXԀ�!9*4�4Tހ 3XΛex�46�� �Y��D ����� �BdemDa����\�_l,� �G�/���֌7���Y�](�xTt^%�GE�����4�}bT ���ڹ�����; Y)���B�Q��u��>J/J � ⮶.�XԄ��j�ݳ� +E��d ��r�5�_D �1 �� o�� �B�x�΢�#� ��<��W�����8���R6�@ g�M�.��� dr�D��>(otU��@ x=��~v���2� ӣ�d�oBd ��3�eO�6�㣷�� ���ݜ 6��6Y��Qz`�� S��{���\P �~z m5{J/L��1������<�e�ͅPu� b�]�ϔ ���'�� ����f�b� Zpw��c`"��i���BD@:)ִ�:�]��h v�E� w���T�l ��P� ��"Ju�}��وV J��G6��. J/�Qgl߭�e�����@�z�Zev2u� )]կ��� ��7x�� �s�M�-<ɯ�c��r� v�����@��$�ޮ}lk���a�� �'����>x��O\�Z Fu>��� ��ck#��&:��`�$ �ai�>2Δ����l���oF[h� �lE�ܺ�Π k:)���` �� $[6�����9�����kOw�\|��� 8}������ބ:��񶐕� �I�A1/� =�2[�,�!��.}gN#�u����b ��� ~� �݊��}34q��� �d�E��L c��$ ��"�[q�U�硬g^��%B � z���r�p J�ru%v\h 1Y�ne` ǥ:g�� �pQM~�^� Xi� ��`S�:V2 9.�P���V� ?B�k�� AEvw%�_�9C�Q����wKekP ؠ�\� ;Io d�{ ߞo�c1eP��� �\� `����E=���@K<�Y�� �eڼ�J ���w����{av�F�'�M�@ /J��+9p ���|]���� �Iw &` ��8���& M�hg ��[�{ ��Xj�� %��Ӓ� $��(��� �ʹN��� <>�I���RY� ��K2�NPlL�ɀ )��&e� ���B+ь����( � �JTx ���_?EZ� }@ 6�U���뙢ط�z��dWI� n` D����噥�[��uV��"�G& Ú����2 g�}&m� �?ċ �"����Om#� ������� � ��{� ON��"S�X ��Ne��ysQ���@ Fn��Vg��� dX�~nj� ]J�<�K]: ��FW�� b�������62 �=��5f����JKw� �bf�X� 55��~J �%^� ���:�-�QIE��P��v�nZum� z � ~ə ���� ���ة����;�f��\v��� g�8�1��f2 4;�V���ǔ�)��� �9���1\�� c��v�/'Ƞ�w����� ��$�4�R-��t�� �� e�6�/�ġ �̕Ecy�J���u�B���<�W�ַ~�w[B1L۲�-JS΂�{���΃���� ��A��20�c# �� @    0!1@AP"#2Q`$3V�%45a6�FRUq���   � ���^7ׅ,$n� ������+��F�`��2X'��0vM��p�L=������ 5��8������u�p~���.�`r�����\��� O��,ư�0oS ��_�M�����l���4�kv\JSd���x���SW�<��Ae�IX����������$I���w�:S���y���›R��9�Q[���,�5�;�@]�%���u�@ *ro�lbI �� ��+���%m:�͇ZV�����u�̉����θau<�fc�.����{�4Ա� �Q����*�Sm��8\ujqs]{kN���)qO�y�_*dJ�b�7���yQqI&9�ԌK!�M}�R�;�� ����S�T���1���i[U�ɵz�]��U)V�S6���3$K{� ߊ<�(� E]Զ[ǼENg�����'�\?#)Dkf��J���o��v���'�%ƞ�&K�u� !��b�35LX�Ϸ��63$K�a�;�9>,R��W��3�3� d�JeTYE.Mϧ��-�o�j3+y��y^�c�������VO�9NV\nd�1 ��!͕_)a�v;����թ�M�lWR1��)El��P;��yوÏ�u 3�k�5Pr6<�⒲l�!˞*��u־�n�!�l:����UNW ��%��Chx8vL'��X�@��*��)���̮��ˍ��� � ��D-M�+J�U�kvK����+�x8��cY������?�Ԡ��~3mo��|�u@[XeY�C�\Kp�x8�oC�C�&����N�~3-H���� ��MX�s�u<`���~"WL��$8ξ��3���a�)|:@�m�\���^�`�@ҷ)�5p+��6���p�%i)P M���ngc�����#0Aruz���RL+xSS?���ʮ}()#�t��mˇ!��0}}y����<�e� �-ή�Ԩ��X������ MF���ԙ~l L.3���}�V뽺�v��� ��멬��Nl�)�2����^�Iq��a��M��qG��T�����c3#������3U�Ǎ���}��לS�|qa��ڃ�+���-��2�f����/��bz��ڐ�� �ݼ[2�ç����k�X�2�* �Z�d���J�G����M*9W���s{��w���T��x��y,�in�O�v��]���n����P�$� JB@=4�OTI�n��e�22a\����q�d���%�$��(���:���: /*�K[PR�fr\nڙdN���F�n�$�4� [�� U�zƶ����� �mʋ���,�ao�u 3�z� �x��Kn����\[��VFmbE;�_U��&V�Gg�]L�۪&#n%�$ɯ� dG���D�TI=�%+AB�Ru#��b4�1�»x�cs�YzڙJG��f��Il� �d�eF'T� iA��T���uC�$����Y��H?����[!G`}���ͪ� �纤Hv\������j�Ex�K���!���OiƸ�Yj�+u-<���'q����uN�*�r\��+�]���<�wOZ.fp�ێ��,-*)V?j-kÊ#�`�r��dV����(�ݽBk�����G�ƛk�QmUڗe��Z���f}|����8�8��a���i��3'J�����~G_�^���d�8w������ R�`(�~�.��u���l�s+g�bv���W���lGc}��u���afE~1�Ue������Z�0�8�=e�� f@/�jqEKQQ�J� �oN��J���W5~M>$6�Lt�;$ʳ{���^��6�{����v6���ķܰg�V�cnn �~z�x�«�,2�u�?cE+Ș�H؎�%�Za�)���X>uW�Tz�Nyo����s���FQƤ��$��*�&�LLXL)�1�" L��eO��ɟ�9=���:t��Z���c��Ž���Y?�ӭV�wv�~,Y��r�ۗ�|�y��GaF�����C�����.�+� ���v1���fήJ�����]�S��T��B��n5sW}y�$��~z�'�c ��8 ��� ,! �p��VN�S��N�N�q��y8z˱�A��4��*��'������2n<�s���^ǧ˭P�Jޮɏ�U�G�L�J�*#��<�V��t7�8����TĜ>��i}K%,���)[��z�21z ?�N�i�n1?T�I�R#��m-�����������������1����lA�`��fT5+��ܐ�c�q՝��ʐ��,���3�f2U�եmab��#ŠdQ�y>\��)�SLY����w#��.���ʑ�f��� ,"+�w�~�N�'�c�O�3F�������N<���)j��&��,-� �љ���֊�_�zS���TǦ����w�>��?�������n��U仆�V���e�����0���$�C�d���rP �m�׈e�Xm�Vu� �L��.�bֹ��� �[Դaզ���*��\y�8�Է:�Ez\�0�Kq�C b��̘��cө���Q��=0Y��s�N��S.��� 3.���O�o:���#���v7�[#߫ ��5�܎�L���Er4���9n��COWlG�^��0k�%<���ZB���aB_���������'=��{i�v�l�$�uC���mƎҝ{�c㱼�y]���W�i ��ߧc��m�H� m�"�"�����;Y�ߝ�Z�Ǔ�����:S#��|}�y�,/k�Ld� TA�(�AI$+I3��;Y*���Z��}|��ӧO��d�v��..#:n��f>�>���ȶI�TX��� 8��y����"d�R�|�)0���=���n4��6ⲑ�+��r<�O�܂~zh�z����7ܓ�HH�Ga롏���nCo�>������a ���~]���R���̲c?�6(�q�;5%� |�uj�~z8R =X��I�V=�|{v�Gj\gc��q����z�؋%M�ߍ����1y��#��@f^���^�>N��� ��#x#۹��6�Y~�?�dfPO��{��P�4��V��u1E1J �*|���%�� �JN��`eWu�zk M6���q t[�� ��g�G���v��WIG��u_ft����5�j�"�Y�:T��ɐ���*�;� e5���4����q$C��2d�}���� _S�L#m�Yp��O�.�C�;��c����Hi#֩%+) �Ӎ��ƲV���SYź��g |���tj��3�8���r|���V��1#;.SQ�A[���S������#���`n�+���$��$ I �P\[�@�s��(�ED�z���P��])8�G#��0B��[ى��X�II�q<��9�~[Z멜�Z�⊔IWU&A>�P~�#��dp<�?����7���c��'~���5 ��+$���lx@�M�dm��n<=e�dyX��?{�|Aef ,|n3�<~z�ƃ�uۧ�����P��Y,�ӥQ�*g�#먙R�\���;T��i,��[9Qi歉����c>]9�� ��"�c��P�� �Md?٥��If�ت�u��k��/����F��9�c*9��Ǎ:�ØF���z�n*�@|I�ށ9����N3{'��[�'ͬ�Ҳ4��#}��!�V� Fu��,�,mTIk���v C�7v���B�6k�T9��1�*l� '~��ƞF��lU��'�M ����][ΩũJ_�{�i�I�n��$�� �L�� j��O�dx�����kza۪��#�E��Cl����x˘�o�����V���ɞ�ljr��)�/,�߬h�L��#��^��L�ф�,íMƁe�̩�NB�L�����iL����q�}��(��q��6IçJ$�W�E$��:������=#����(�K�B����zђ <��K(�N�۫K�w��^O{!����) �H���>x�������lx�?>Պ�+�>�W���,Ly!_�D���Ō�l���Q�!�[ �S����J��1��Ɛ�Y}��b,+�Lo�x�ɓ)����=�y�oh�@�꥟/��I��ѭ=��P�y9��� �ۍYӘ�e+�p�Jnϱ?V\SO%�(�t� ���=?MR�[Ș�����d�/ ��n�l��B�7j� ��!�;ӥ�/�[-���A�>� dN�sLj ��,ɪv��=1c�.SQ�O3�U���ƀ�ܽ�E����������̻��9G�ϷD�7(�}��Ävӌ\� y�_0[w ���<΍>����a_��[0+�L��F.�޺��f�>oN�T����q;���y\��bՃ��y�jH�<|q-eɏ�_?_9+P���Hp$�����[ux�K w�Mw��N�ی'$Y2�=��q���KB��P��~�� ����Yul:�[<����F1�2�O���5=d����]Y�sw:���Ϯ���E��j,_Q��X��z`H1,#II ��d�wr��P˂@�ZJV����y$�\y�{}��^~���[:N����ߌ�U�������O��d�����ؾe��${p>G��3c���Ė�lʌ�� ת��[��`ϱ�-W����dg�I��ig2��� ��}s ��ؤ(%#sS@���~���3�X�nRG�~\jc3�v��ӍL��M[JB�T��s3}��j�Nʖ��W����;7� �ç?=X�F=-�=����q�ߚ���#���='�c��7���ڑW�I(O+=:uxq�������������e2�zi+�kuG�R��������0�&e�n���iT^J����~\jy���p'dtG��s����O��3����9* �b#Ɋ�� p������[Bws�T�>d4�ۧs���nv�n���U���_�~,�v����ƜJ1��s�� �QIz�� )�(lv8M���U=�;����56��G���s#�K���MP�=��LvyGd��}�VwWBF�'�à �?MH�U�g2�� ����!�p�7Q��j��ڴ����=��j�u��� Jn�A s���uM������e��Ɔ�Ҕ�!) '��8Ϣ�ٔ� �ޝ(��Vp���צ֖d=�IC�J�Ǡ{q������kԭ�߸���i��@K����u�|�p=..�*+����x�����z[Aqġ#s2a�Ɗ���RR�)*HRsi�~�a &f��M��P����-K�L@��Z��Xy�'x�{}��Zm+���:�)�) IJ�-i�u���� ���ܒH��'� L(7�y�GӜq���� j��� 6ߌg1�g�o���,kر���tY�?W,���p���e���f�OQS��!K�۟cҒA�|ս�j�>��=⬒��˧L[�� �߿2JaB~R��u�:��Q�] �0H~���]�7��Ƽ�I���( }��cq '�ήET���q�?f�ab���ӥvr� �)o��-Q��_'����ᴎo��K������;��V���o��%���~OK ����*��b�f:���-ťIR��`B�5!RB@���ï�� �u �̯e\�_U�_������� g�ES��3������� QT��a�� ��x����U<~�c?�*�#]�MW,[8O�a�x��]�1bC|踤�P��lw5V%�)�{t�<��d��5���0i�XSU��m:��Z�┵�i�"��1�^B�-��P�hJ��&)O��*�D��c�W��vM��)����}���P��ܗ-q����\mmζZ-l@�}��a��E�6��F�@��&Sg@���ݚ�M����� ȹ 4����#p�\H����dYDo�H���"��\��..R�B�H�z_�/5˘����6��KhJR��P�mƶi�m���3� ,#c�co��q�a)*P t����R�m�k�7x�D�E�\Y�閣_X�<���~�)���c[[�BP����6�Yq���S��0����%_����;��Àv�~�| VS؇ ��'O0��F0��\���U�-�d@�����7�SJ*z��3n��y��P����O��������� m�~�P�3|Y��ʉr#�C�<�G~�.,! ���bqx���h~0=��!ǫ�jy����l� O,�[B��~��|9��ٱ����Xly�#�i�B��g%�S��������tˋ���e���ې��\[d�t)��.+u�|1 ������#�~Oj����hS�%��i.�~X���I�H�m��0n���c�1uE�q��cF�RF�o���7� �O�ꮧ� ���ۛ{��ʛi5�rw?׌#Qn�TW��~?y$��m\�\o����%W� ?=>S�N@�� �Ʈ���R����N�)�r"C�:��:����� �����#��qb��Y�. �6[��2K����2u�Ǧ�HYR��Q�MV��� �G�$��Q+.>�����nNH��q�^��� ����q��mM��V��D�+�-�#*�U�̒ ���p욳��u:�������IB���m� ��PV@O���r[b= �� ��1U�E��_Nm�yKbN�O���U�}�the�`�|6֮P>�\2�P�V���I�D�i�P�O;�9�r�mAHG�W�S]��J*�_�G��+kP�2����Ka�Z���H�'K�x�W�MZ%�O�YD�Rc+o��?�q��Ghm��d�S�oh�\�D�|:W������UA�Qc yT�q� �����~^�H��/��#p�CZ���T�I�1�ӏT����4��"�ČZ�����}��`w�#�*,ʹ�� ��0�i��課�Om�*�da��^gJ݅{���l�e9uF#T�ֲ��̲�ٞC"�q���ߍ ոޑ�o#�XZTp����@ o�8��(jd��xw�]�,f���`~� |,s��^����f�1���t��|��m�򸄭/ctr��5s��7�9Q�4�H1꠲BB@ l9@���C�����+�wp�xu�£Yc�9��?`@#�o�mH�s2��)�=��2�.�l����jg�9$�Y�S�%*L������R�Y������7Z���,*=�䷘$�������arm�o�ϰ���UW.|�r�uf����IGw�t����Zwo��~5 ��YյhO+=8fF�)�W�7�L9lM�̘·Y���֘YLf�큹�pRF���99.A �"wz��=E\Z���'a� 2��Ǚ�#;�'}�G���*��l��^"q��+2FQ� hj��kŦ��${���ޮ-�T�٭cf�|�3#~�RJ����t��$b�(R��(����r���dx� >U b�&9,>���%E\� Ά�e�$��'�q't��*�א���ެ�b��-|d���SB�O�O��$�R+�H�)�܎�K��1m`;�J�2�Y~9��O�g8=vqD`K[�F)k�[���1m޼c��n���]s�k�z$@��)!I �x՝"v��9=�ZA=`Ɠi �:�E��)` 7��vI��}d�YI�_ �o�:ob���o ���3Q��&D&�2=�� �Ά��;>�h����y.*ⅥS������Ӭ�+q&����j|UƧ��� �}���J0��WW< ۋS�)jQR�j���Ư��rN)�Gű�4Ѷ(�S)Ǣ�8��i��W52���No˓� ۍ%�5brOn�L�;�n��\G����=�^U�dI���8$�&���h��'���+�(������cȁ߫k�l��S^���cƗjԌE�ꭔ��gF���Ȓ��@���}O���*;e�v�WV���YJ\�]X'5��ղ�k�F��b 6R�o՜m��i N�i���� >J����?��lPm�U��}>_Z&�KK��q�r��I�D�Չ~�q�3fL�:S�e>���E���-G���{L�6p�e,8��������QI��h��a�Xa��U�A'���ʂ���s�+טIjP�-��y�8ۈZ?J$��W�P� ��R�s�]��|�l(�ԓ��sƊi��o(��S0 ��Y� 8�T97.�����WiL��c�~�dxc�E|�2!�X�K�Ƙਫ਼�$((�6�~|d9u+�qd�^3�89��Y�6L�.I�����?���iI�q���9�)O/뚅����O���X��X�V��ZF[�یgQ�L��K1���RҖr@v�#��X�l��F���Нy�S�8�7�kF!A��sM���^rkp�jP�DyS$N���q�� nxҍ!U�f�!eh�i�2�m ���`�Y�I�9r�6� �TF���C}/�y�^���Η���5d�'��9A-��J��>{�_l+�`��A���[�'��յ�ϛ#w:݅�%��X�}�&�PSt�Q�"�-��\縵�/����$Ɨh�Xb�*�y��BS����;W�ջ_mc�����vt?2}1�;qS�d�d~u:2k5�2�R�~�z+|HE!)�Ǟl��7`��0�<�,�2*���Hl-��x�^����'_TV�gZA�'j� ^�2Ϊ��N7t�����?w�� �x1��f��Iz�C-Ȗ��K�^q�;���-W�DvT�7��8�Z�������� hK�(P:��Q- �8�n�Z���܃e貾�<�1�YT<�,�����"�6{ / �?�͟��|1�:�#g��W�>$����d��J��d�B�� =��jf[��%rE^��il:��B���x���Sּ�1հ��,�=��*�7 fcG��#q� �eh?��2�7�����,�!7x��6�n�LC�4x��},Geǝ�tC.��vS �F�43��zz\��;QYC,6����~;RYS/6���|2���5���v��T��i����������mlv��������&� �nRh^ejR�LG�f���? �ۉҬܦƩ��|��Ȱ����>3����!v��i�ʯ�>�v��オ�X3e���_1z�Kȗ\<������!�8���V��]��?b�k41�Re��T�q��mz��TiOʦ�Z��Xq���L������q"+���2ۨ��8}�&N7XU7Ap�d�X��~�׿��&4e�o�F��� �H�� ��O���č�c�� 懴�6���͉��+)��v;j��ݷ�� �UV�� i��� j���Y9GdÒJ1��詞�����V?h��l�� ��l�cGs�ځ�������y�Ac���� �\V3�? �� ܙg�>qH�S,�E�W�[�㺨�uch�⍸�O�}���a��>�q�6�n6� ���N6�q�� ���� N    ! 1AQaq�0@����"2BRb�#Pr���3C`��Scst���$4D���%Td��  ? � ��N����a��3��m���C���w��������xA�m�q�m��� m������$����4n淿t'��C"w��zU=D�\R+w�p+Y�T�&�պ@��ƃ��3ޯ?�Aﶂ��aŘ���@-�����Q�=���9D��ռ�ѻ@��M�V��P��܅�G5�f�Y<�u=,EC)�<�Fy'�"�&�չ�X~f��l�KԆV��?�� �W�N����=(� �;���{�r����ٌ�Y���h{�١������jW����P���Tc�����X�K�r��}���w�R��%��?���E��m�� �Y�q|����\lEE4� ��r���}�lsI�Y������f�$�=�d�yO����p�����yBj8jU�o�/�S��?�U��*������ˍ�0����� �u�q�m [�?f����a�� )Q�>����6#������� ?����0UQ����,IX���(6ڵ[�DI�MNލ�c&���υ�j\��X�R|,4��� j������T�hA�e��^���d���b<����n�� �즇�=!���3�^�`j�h�ȓr��jẕ�c�,ٞX����-����a�ﶔ���#�$��]w�O��Ӫ�1y%��L�Y<�wg#�ǝ�̗`�x�xa�t�w��»1���o7o5��>�m뭛C���Uƃߜ}�C���y1Xνm�F8�jI���]����H���ۺиE@I�i;r�8ӭ���� V�F�Շ| ��&?�3|x�B�MuS�Ge�=Ӕ�#BE5G�� ���Y!z��_e��q�р/W>|-�Ci߇�t�1ޯќd�R3�u��g�=0 5��[?�#͏��q�cf���H��{ ?u�=?�?ǯ���}Z��z���hmΔ�BFTW�����<�q� (v� ��!��z���iW]*�J�V�z��gX֧A�q�&��/w���u�gYӘa���; �i=����g:��?2�dž6�ى�k�4�>�Pxs����}������G�9� �3 ���)gG�R<>r h�$��'nc�h�P��Bj��J�ҧH� -��N1���N��?��~��}-q!=��_2hc�M��l�vY%UE�@|�v����M2�.Y[|y�"Eï��K�ZF,�ɯ?,q�?v�M 80jx�"�;�9vk�����+ ֧�� �ȺU��?�%�vcV��mA�6��Qg^M��� �A}�3�nl� QRN�l8�kkn�'�����(��M�7m9و�q���%ޟ���*h$Zk"��$�9��: �?U8�Sl��,,|ɒ��xH(ѷ����Gn�/Q�4�P��G�%��Ա8�N��!� �&�7�;���eKM7�4��9R/%����l�c>�x;������>��C�:�����t��h?aKX�bhe�ᜋ^�$�Iհ �hr7%F$�E��Fd���t��5���+�(M6�t����Ü�UU|zW�=a�Ts�Tg������dqP�Q����b'�m���1{|Y����X�N��b �P~��F^F:����k6�"�j!�� �I�r�`��1&�-$�Bevk:y���#y w��I0��x��=D�4��tU���P�ZH��ڠ底taP��6����b>�xa� ���Q�#� WeF��ŮNj�p�J* mQ�N��� �*I�-*�ȩ�F�g�3 �5��V�ʊ�ɮ�a��5F���O@{���NX��?����H�]3��1�Ri_u��������ѕ�� ����0��� F��~��:60�p�͈�S��qX#a�5>���`�o&+�<2�D����: �������ڝ�$�nP���*)�N�|y�Ej�F�5ټ�e���ihy�Z �>���k�bH�a�v��h�-#���!�Po=@k̆IEN��@��}Ll?j�O������߭�ʞ���Q|A07x���wt!xf���I2?Z��<ץ�T���cU�j��]�� 陎Ltl �}5�ϓ��$�,��O�mˊ�;�@O��jE��j(�ا,��LX���LO���Ц�90�O �.����a��nA���7������j4 ��W��_ٓ���zW�jcB������y՗+EM�)d���N�g6�y1_x��p�$Lv :��9�"z��p���ʙ$��^��JԼ*�ϭ����o���=x�Lj�6�J��u82�A�H�3$�ٕ@�=Vv�]�'�qEz�;I˼��)��=��ɯ���x �/�W(V���p�����$ �m�������u�����񶤑Oqˎ�T����r��㠚x�sr�GC��byp�G��1ߠ�w e�8�$⿄����/�M{*}��W�]˷.�CK\�ުx���/$�WP w���r� |i���&�}�{�X� �>��$-��l���?-z���g����lΆ���(F���h�vS*���b���߲ڡn,|)mrH[���a�3�ר�[1��3o_�U�3�TC�$��(�=�)0�kgP���� ��u�^=��4 �WYCҸ:��vQ�ר�X�à��tk�m,�t*��^�,�}D*� �"(�I��9R����>`�`��[~Q]�#af��i6l��8���6�:,s�s�N6�j"�A4���IuQ��6E,�GnH��zS�HO�uk�5$�I�4��ؤ�Q9�@��C����wp �BGv[]�u�Ov��� 0I4���\��y�����Q�Ѹ��~>Z��8�T��a��q�ޣ;z��a���/��S��I:�ܫ_�|������>=Z����8:�S��U�I�J��"IY���8%b8���H��:�QO�6�;7�I�S��J��ҌAά3��>c���E+&jf$eC+�z�;��V����� �r���ʺ������my�e���aQ�f&��6�ND ��.:��NT�vm�<- u���ǝ\MvZY�N�NT��-A�>jr!S��n�O 1�3�Ns�%�3D@���`������ܟ 1�^c<���� �a�ɽ�̲�Xë#�w�|y�cW�=�9I*H8�p�^(4���՗�k��arOcW�tO�\�ƍR��8����'�K���I�Q�����?5�>[�}��yU�ײ -h��=��% q�ThG�2�)���"ו3]�!kB��*p�FDl�A���,�eEi�H�f�Ps�����5�H:�Փ~�H�0Dت�D�I����h�F3�������c��2���E��9�H��5�zԑ�ʚ�i�X�=:m�xg�hd(�v����׊�9iS��O��d@0ڽ���:�p�5�h-��t�&���X�q�ӕ,��ie�|���7A�2���O%P��E��htj��Y1��w�Ѓ!����  ���� ࢽ��My�7�\�a�@�ţ�J �4�Ȼ�F�@o�̒?4�wx��)��]�P��~�����u�����5�����7X ��9��^ܩ�U;Iꭆ 5 �������eK2�7(�{|��Y׎ �V��\"���Z�1� Z�����}��(�Ǝ"�1S���_�vE30>���p;� ΝD��%x�W�?W?v����o�^V�i�d��r[��/&>�~`�9Wh��y�;���R�� � ;;ɮT��?����r$�g1�K����A��C��c��K��l:�'��3 c�ﳯ*"t8�~l��)���m��+U,z��`( �>yJ�?����h>��]��v��ЍG*�{`��;y]��I�T� ;c��NU�fo¾h���/$���|NS���1�S�"�H��V���T���4��uhǜ�]�v;���5�͠x��'C\�SBpl���h}�N����� A�Bx���%��ޭ�l��/����T��w�ʽ]D�=����K���ž�r㻠l4�S�O?=�k �M:� ��c�C�a�#ha���)�ѐxc�s���gP�iG�� {+���x���Q���I= �� z��ԫ+ �8"�k�ñ�j=|����c ��y��CF��/ ��*9ж�h{ �?4�o� ��k�m�Q�N�x��;�Y��4膚�a�w?�6�> e]�����Q�r�:����g�,i"�����ԩA� *M�<�G��b�if��l^M��5� �Ҩ�{����6J��ZJ�����P�*�����Y���ݛu�_4�9�I8�7���������,^ToR���m4�H��?�N�S�ѕw��/S��甍�@�9H�S�T��t�ƻ���ʒU��*{Xs�@����f��� ��֒Li�K{H�w^���������Ϥm�tq���s� ���ք��f:��o~s��g�r��ט� �S�ѱC�e]�x���a��) ���(b-$(�j>�7q�B?ӕ�F��hV25r[7 Y� }L�R��}����*sg+��x�r�2�U=�*'WS��ZDW]�WǞ�<��叓���{�$�9Ou4��y�90-�1�'*D`�c�^o?(�9��u���ݐ��'PI&� f�Jݮ�������:wS����jfP1F:X �H�9dԯ�� �˝[�_54 �}*;@�ܨ�� ð�yn�T���?�ןd�#���4rG�ͨ��H�1�|-#���Mr�S3��G�3�����)�.᧏3v�z֑��r����$G"�`j �1t��x0<Ɔ�Wh6�y�6��,œ�Ga��gA����y��b��)� �h�D��ß�_�m��ü �gG;��e�v��ݝ�nQ� ��C����-�*��o���y�a��M��I�>�<���]obD��"�:���G�A��-\%LT�8���c�)��+y76���o�Q�#*{�(F�⽕�y����=���rW�\p���۩�c���A���^e6��K������ʐ�cVf5$�'->���ՉN"���F�"�UQ@�f��Gb~��#�&�M=��8�ט�JNu9��D��[̤�s�o�~��� ��� G��9T�tW^g5y$b��Y'��س�Ǵ�=��U-2 #�MC�t(�i� �lj�@Q 5�̣i�*�O����s�x�K�f��}\��M{E�V�{�υ��Ƈ�����);�H����I��fe�Lȣr�2��>��W� I�Ȃ6������i��k�� �5�YOxȺ����>��Y�f5'��|��H+��98pj�n�.O�y�������jY��~��i�w'������l�;�s�2��Y��:'lg�ꥴ)o#'Sa�a�K��Z� �m��}�`169�n���"���x��I ��*+� }F<��cГ���F�P�������ֹ*�PqX�x۩��,� ��N�� �4<-����%����:��7����W���u�`����� $�?�I��&����o��o��`v�>��P��"��l���4��5'�Z�gE���8���?��[�X�7(��.Q�-��*���ތL@̲����v��.5���[��=�t\+�CNܛ��,g�SQnH����}*F�G16���&:�t��4ُ"A��̣��$�b �|����#rs��a�����T�� ]�<�j��B S�('$�ɻ� �wP;�/�n��?�ݜ��x�F��yUn�~mL*-�������Xf�wd^�a�}��f�,=t�׵i�.2/wpN�Ep8�OР���•��R�FJ� 55TZ��T �ɭ�<��]��/�0�r�@�f��V��V����Nz�G��^���7hZi����k��3�,kN�e|�vg�1{9]_i��X5y7� 8e]�U����'�-2,���e"����]ot�I��Y_��n�(JҼ��1�O ]bXc���Nu�No��pS���Q_���_�?i�~�x h5d'�(qw52] ��'ޤ�q��o1�R!���`ywy�A4u���h<קy���\[~�4�\ X�Wt/� 6�����n�F�a8��f���z �3$�t(���q��q�x��^�XWeN'p<-v�!�{�(>ӽDP7��ո0�y)�e$ٕv�Ih'Q�EA�m*�H��RI��=:��� ���4牢) �%_iN�ݧ�l]� �Nt���G��H�L��� ɱ�g<���1V�,�J~�ٹ�"K��Q�� 9�HS�9�?@��k����r�;we݁�]I�!{ �@�G�[�"��`���J:�n]�{�cA�E����V��ʆ���#��U9�6����j�#Y�m\��q�e4h�B�7��C�������d<�?J����1g:ٳ���=Y���D�p�ц� ׈ǔ��1�]26؜oS�'��9�V�FVu�P�h�9�xc�oq�X��p�o�5��Ա5$�9W�V(�[Ak�aY錎qf;�'�[�|���b�6�Ck��)��#a#a˙��8���=äh�4��2��C��4tm^ �n'c� ��]GQ$[Wҿ��i���vN�{Fu ��1�gx��1┷���N�m��{j-,��x�� Ūm�ЧS�[�s���Gna���䑴�� x�p 8<������97�Q���ϴ�v�aϚG��Rt�Һ׈�f^\r��WH�JU�7Z���y)�vg=����n��4�_)y��D'y�6�]�c�5̪ �\� �PF�k����&�c;��cq�$~T�7j ���nç]�<�g ":�to�t}�159�<�/�8������m�b�K#g'I'.W����� 6��I/��>v��\�MN��g���m�A�yQL�4u�Lj�j9��#44�t��l^�}L����n��R��!��t��±]��r��h6ٍ>�yҏ�N��fU�� ���� Fm@�8}�/u��jb9������he:A�y�ծw��GpΧh�5����l}�3p468��)U��d��c����;Us/�֔�YX�1�O2��uq�s��`hwg�r~�{ R��mhN��؎*q 42�*th��>�#���E����#��Hv�O����q�}����� 6�e��\�,Wk�#���X��b>��p}�դ��3���T5��†��6��[��@ �P�y*n��|'f�֧>�lư΂�̺����SU�'*�q�p�_S�����M�� '��c�6��� ��m�� ySʨ;M��r���Ƌ�m�Kxo,���Gm�P��A�G�:��i��w�9�}M(�^�V��$ǒ�ѽ�9���|���� �a����J�SQ�a���r�B;����}���ٻ֢�2�%U���c�#�g���N�a�ݕ�'�v�[�OY'��3L�3�;,p�]@�S��{ls��X�'���c�jw� k'a�.��}�}&�� �dP�*�bK=ɍ!����;3n�gΊU�ߴmt�'*{,=SzfD� A��ko~�G�aoq�_mi}#�m�������P�Xhύ��� �mxǍ�΂���巿zf��Q���c���|kc�����?���W��Y�$���_Lv����l߶��c���`?����l�j�ݲˏ!V��6����U�Ђ(A���4y)H���p�Z_�x��>���e�� R��$�/�`^'3qˏ�-&Q�=?��CFVR �D�fV�9��{�8g�������n�h�(P"��6�[�D���< E�����~0<@�`�G�6����Hг�cc�� �c�K.5��D��d�B���`?�XQ��2��ٿyqo&+�1^� DW�0�ꊩ���G�#��Q�nL3��c���������/��x ��1�1 [y�x�პCW��C�c�UĨ80�m�e�4.{�m��u���I=��f�����0QRls9���f���������9���~f�����Ǩ��a�"@�8���ȁ�Q����#c�ic������G��$���G���r/$W�(��W���V�"��m�7�[m�A�m����bo��D� j����۳� l���^�k�h׽����� ��#� iXn�v��eT�k�a�^Y�4�BN�� ĕ�� 0    !01@Q"2AaPq3BR������ ? � ��@4�Q�����T3,���㺠�W�[=JK�Ϟ���2�r^7��vc�:�9 �E�ߴ�w�S#d���Ix��u��:��Hp��9E!�� V 2;73|F��9Y���*ʬ�F��D����u&���y؟��^EA��A��(ɩ���^��GV:ݜDy�`��Jr29ܾ�㝉��[���E;Fzx��YG��U�e�Y�C���� ����v-tx����I�sם�Ę�q��Eb�+P\ :>�i�C'�;�����k|z�رn�y]�#ǿb��Q��������w�����(�r|ӹs��[�D��2v-%��@;�8<a���[\o[ϧw��I!��*0�krs)�[�J9^��ʜ��p1)� "��/_>��o��<1����A�E�y^�C��`�x1'ܣn�p��s`l���fQ��):�l����b>�Me�jH^?�kl3(�z:���1ŠK&?Q�~�{�ٺ�h�y���/�[��V�|6��}�KbX����mn[-��7�5q�94�������dm���c^���h� X��5��<�eޘ>G���-�}�دB�ޟ� ��|�rt�M��V+�]�c?�-#ڛ��^ǂ}���Lkr���O��u�>�-D�ry� D?:ޞ�U��ǜ�7�V��?瓮�"�#���r��չģVR;�n���/_� ؉v�ݶe5d�b9��/O��009�G���5n�W����JpA�*�r9�>�1��.[t���s�F���nQ� V 77R�]�ɫ8����_0<՜�IF�u(v��4��F�k�3��E)��N:��yڮe��P�`�1}�$WS��J�SQ�N�j �ٺ��޵�#l���ј(�5=��5�lǏmoW�v-�1����v,W�mn��߀$x�<����v�j(����c]��@#��1������Ǔ���o'��u+����;G�#�޸��v-lη��/(`i⣍Pm^� ��ԯ̾9Z��F��������n��1��� ��]�[��)�'������ :�֪�W��FC����� �B9،!?���]��V��A�Վ�M��b�w��G F>_DȬ0¤�#�QR�[V��kz���m�w�"��9ZG�7'[��=�Q����j8R?�zf�\a�=��O�U����*oB�A�|G���2�54 �p��.w7� �� ��&������ξxGHp� B%��$g�����t�Џ򤵍z���HN�u�Я�-�'4��0�� ;_�� 3     !01"@AQa2Pq#3BR������ ? � �ʩca��en��^��8���<�u#��m*08r��y�N"�<�Ѳ0��@\�p��� �����Kv�D��J8�Fҽ� �f�Y��-m�ybX�NP����}�!*8t(�OqѢ��Q�wW�K��ZD��Δ^e��!� ��B�K��p~�����e*l}z#9ң�k���q#�Ft�o��S�R����-�w�!�S���Ӥß|M�l޶V��!eˈ�8Y���c�ЮM2��tk���� ������J�fS����Ö*i/2�����n]�k�\���|4yX�8��U�P.���Ы[���l��@"�t�<������5�lF���vU�����W��W��;�b�cД^6[#7@vU�xgZv��F�6��Q,K�v��� �+Ъ��n��Ǣ��Ft���8��0��c�@�!�Zq s�v�t�;#](B��-�nῃ~���3g������5�J�%���O������n�kB�ĺ�.r��+���#�N$?�q�/�s�6��p��a����a��J/��M�8��6�ܰ"�*������ɗud"\w���aT(����[��F��U՛����RT�b���n�*��6���O��SJ�.�ij<�v�MT��R\c��5l�sZB>F��<7�;EA��{��E���Ö��1U/�#��d1�a�n.1ě����0�ʾR�h��|�R��Ao�3�m3 ��%�� ���28Q� ��y��φ���H�To�7�lW>����#i`�q���c����a��� �m,B�-j����݋�'mR1Ήt�>��V��p���s�0IbI�C.���1R�ea�����]H�6�������� ��4B>��o��](��$B���m�����a�!=� �?�B� K�Ǿ+�Ծ"�n���K��*��+��[T#�{ E�J�S����Q�����s�5�:�U�\wĐ�f�3����܆&�)��� �I���Ԇw��E T�lrTf6Q|R�h:��[K�� �z��c֧�G�C��%\��_�a �84��HcO�bi��ؖV��7H �)*ģK~Xhչ0��4?�0��� �E<���}3���#���u�?�� ��|g�S�6ꊤ�|�I#Hڛ� �ա��w�X��9��7���Ŀ%�SL��y6č��|�F�a 8���b� �$�sק�h���b9RAu7�˨p�Č�_\*w��묦��F ����4D~�f����|(�"m���NK��i�S�>�$d7SlA��/�²����SL��|6N�}���S�˯���g��]6��; �#�.��<���q'Q�1|KQ$�����񛩶"�$r�b:���N8�w@��8$�� �AjfG|~�9F ���Y��ʺ��Bwؒ������M:I岎�G��`s�YV5����6��A �b:�W���G�q%l�����F��H���7�������Fsv7� �k�� 403WebShell
403Webshell
Server IP : 216.10.251.64  /  Your IP : 216.73.216.105
Web Server : Apache
System : Linux server.webkartdigital.com 4.18.0-477.27.2.el8_8.x86_64 #1 SMP Fri Sep 29 08:21:01 EDT 2023 x86_64
User : digit2pk ( 1003)
PHP Version : 8.1.33
Disable Function : exec,passthru,shell_exec,system
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON  |  Sudo : ON  |  Pkexec : ON
Directory :  /home/digit2pk/public_html/printigo.net/admin/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /home/digit2pk/public_html/printigo.net/admin/ui-nav-tabs.html
<!DOCTYPE html>
<html lang="en">


<!-- Mirrored from crms.dreamstechnologies.com/html/template/ui-nav-tabs.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 12 Nov 2024 09:33:13 GMT -->
<head>

	<!-- Meta Tags -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description"
		content="Streamline your business with our advanced CRM template. Easily integrate and customize to manage sales, support, and customer interactions efficiently. Perfect for any business size">
	<meta name="keywords"
		content="Advanced CRM template, customer relationship management, business CRM, sales optimization, customer support software, CRM integration, customizable CRM, business tools, enterprise CRM solutions">
	<meta name="author" content="Dreams Technologies">
	<meta name="robots" content="index, follow">

	<!-- Title -->
	<title>UI Nav Tabs | CRMS - Advanced Bootstrap 5 Admin Template for Customer Management</title>

	<!-- Themescript JS -->
	<script src="assets/js/theme-script.js" type="abd5a2591f189d116cad78a9-text/javascript"></script>

	<!-- Apple Touch Icon -->
	<link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png">

	<!-- Favicon -->
	<link rel="icon" href="assets/img/favicon.png" type="image/x-icon">
	<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">

	<!-- Bootstrap CSS -->
	<link rel="stylesheet" href="assets/css/bootstrap.min.css">

	<!-- animation CSS -->
	<link rel="stylesheet" href="assets/css/animate.css">

	<!-- Tabler Icon CSS -->
	<link rel="stylesheet" href="assets/plugins/tabler-icons/tabler-icons.css">

	<!-- Datatable CSS -->
	<link rel="stylesheet" href="assets/css/dataTables.bootstrap5.min.css">

	<!-- Feathericon CSS -->
	<link rel="stylesheet" href="assets/css/feather.css">

	<!-- Fontawesome CSS -->
	<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
	<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">

	<!-- Main CSS -->
	<link rel="stylesheet" href="assets/css/style.css">

</head>

<body>
	<div id="global-loader">
		<div class="whirly-loader"> </div>
	</div>
	<!-- Main Wrapper -->
	<div class="main-wrapper">

		<!-- Header -->
		<div class="header">

			<!-- Logo -->
			<div class="header-left active">
				<a href="index-2.html" class="logo logo-normal">
					<img src="assets/img/logo.svg" alt="Logo">
					<img src="assets/img/white-logo.svg" class="white-logo" alt="Logo">
				</a>
				<a href="index-2.html" class="logo-small">
					<img src="assets/img/logo-small.svg" alt="Logo">
				</a>
				<a id="toggle_btn" href="javascript:void(0);">
					<i class="ti ti-arrow-bar-to-left"></i>
				</a>
			</div>
			<!-- /Logo -->

			<a id="mobile_btn" class="mobile_btn" href="#sidebar">
				<span class="bar-icon">
					<span></span>
					<span></span>
					<span></span>
				</span>
			</a>

			<div class="header-user">
				<ul class="nav user-menu">

					<!-- Search -->
					<li class="nav-item nav-search-inputs me-auto">
						<div class="top-nav-search">
							<a href="javascript:void(0);" class="responsive-search">
								<i class="fa fa-search"></i>
							</a>
							<form action="#" class="dropdown">
								<div class="searchinputs" id="dropdownMenuClickable">
									<input type="text" placeholder="Search">
									<div class="search-addon">
										<button type="submit"><i class="ti ti-command"></i></button>
									</div>
								</div>
							</form>
						</div>
					</li>
					<!-- /Search -->

					<!-- Nav List -->
					<li class="nav-item nav-list">
						<ul class="nav">
							<li class="dark-mode-list">
								<a href="javascript:void(0);" id="dark-mode-toggle" class="dark-mode-toggle">
									<i class="ti ti-sun light-mode active"></i>
									<i class="ti ti-moon dark-mode"></i>
								</a>
							</li>
							<li class="nav-item dropdown">
								<a href="javascript:void(0);" class="btn btn-header-list" data-bs-toggle="dropdown">
									<i class="ti ti-layout-grid-add"></i>
								</a>
								<div class="dropdown-menu dropdown-menu-end menus-info">
									<div class="row">
										<div class="col-md-6">
											<ul class="menu-list">
												<li>
													<a href="contacts.html">
														<div class="menu-details">
															<span class="menu-list-icon bg-violet">
																<i class="ti ti-user-up"></i>
															</span>
															<div class="menu-details-content">
																<p>Contacts</p>
																<span>Add New Contact</span>
															</div>
														</div>
													</a>
												</li>
												<li>
													<a href="pipeline.html">
														<div class="menu-details">
															<span class="menu-list-icon bg-green">
																<i class="ti ti-timeline-event-exclamation"></i>
															</span>
															<div class="menu-details-content">
																<p>Pipline</p>
																<span>Add New Pipline</span>
															</div>
														</div>
													</a>
												</li>
												<li>
													<a href="activities.html">
														<div class="menu-details">
															<span class="menu-list-icon bg-pink">
																<i class="ti ti-bounce-right"></i>
															</span>
															<div class="menu-details-content">
																<p>Activities</p>
																<span>Add New Activity</span>
															</div>
														</div>
													</a>
												</li>
												<li>
													<a href="analytics.html">
														<div class="menu-details">
															<span class="menu-list-icon bg-info">
																<i class="ti ti-analyze"></i>
															</span>
															<div class="menu-details-content">
																<p>Analytics</p>
																<span>Shows All Information</span>
															</div>
														</div>
													</a>
												</li>
												<li>
													<a href="projects.html">
														<div class="menu-details">
															<span class="menu-list-icon bg-danger">
																<i class="ti ti-atom-2"></i>
															</span>
															<div class="menu-details-content">
																<p>Projects</p>
																<span>Add New Project</span>
															</div>
														</div>
													</a>
												</li>
											</ul>
										</div>
										<div class="col-md-6">
											<ul class="menu-list">
												<li>
													<a href="deals.html">
														<div class="menu-details">
															<span class="menu-list-icon bg-info">
																<i class="ti ti-medal"></i>
															</span>
															<div class="menu-details-content">
																<p>Deals</p>
																<span>Add New Deals</span>
															</div>
														</div>
													</a>
												</li>
												<li>
													<a href="leads.html">
														<div class="menu-details">
															<span class="menu-list-icon bg-secondary">
																<i class="ti ti-chart-arcs"></i>
															</span>
															<div class="menu-details-content">
																<p>Leads</p>
																<span>Add New Leads</span>
															</div>
														</div>
													</a>
												</li>
												<li>
													<a href="companies.html">
														<div class="menu-details">
															<span class="menu-list-icon bg-tertiary">
																<i class="ti ti-building-community"></i>
															</span>
															<div class="menu-details-content">
																<p>Company</p>
																<span>Add New Company</span>
															</div>
														</div>
													</a>
												</li>
												<li>
													<a href="tasks.html">
														<div class="menu-details">
															<span class="menu-list-icon bg-success">
																<i class="ti ti-list-check"></i>
															</span>
															<div class="menu-details-content">
																<p>Tasks</p>
																<span>Add New Task</span>
															</div>
														</div>
													</a>
												</li>
												<li>
													<a href="campaign.html">
														<div class="menu-details">
															<span class="menu-list-icon bg-purple">
																<i class="ti ti-brand-campaignmonitor"></i>
															</span>
															<div class="menu-details-content">
																<p>Campaign</p>
																<span>Add New Campaign</span>
															</div>
														</div>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</li>
							<li class="nav-item">
								<a href="faq.html" class="btn btn-help">
									<i class="ti ti-help-hexagon"></i>
								</a>
							</li>
							<li class="nav-item">
								<a href="lead-reports.html" class="btn btn-chart-pie">
									<i class="ti ti-chart-pie"></i>
								</a>
							</li>
						</ul>
					</li>
					<!-- /Nav List -->

					<!-- Email -->
					<li class="nav-item nav-item-email nav-item-box">
						<a href="email.html">
							<i class="ti ti-message-circle-exclamation"></i>
							<span class="badge rounded-pill">14</span>
						</a>
					</li>
					<!-- /Email -->

					<!-- Notifications -->
					<li class="nav-item dropdown nav-item-box">
						<a href="javascript:void(0);" class="nav-link" data-bs-toggle="dropdown">
							<i class="ti ti-bell"></i>
							<span class="badge rounded-pill">13</span>
						</a>
						<div class="dropdown-menu dropdown-menu-end notification-dropdown">
							<div class="topnav-dropdown-header">
								<h4 class="notification-title">Notifications</h4>
							</div>
							<div class="noti-content">
								<ul class="notification-list">
									<li class="notification-message">
										<a href="activities.html">
											<div class="media d-flex">
												<span class="avatar flex-shrink-0">
													<img src="assets/img/profiles/avatar-02.jpg" alt="Profile">
													<span class="badge badge-info rounded-pill"></span>
												</span>
												<div class="media-body flex-grow-1">
													<p class="noti-details">Ray Arnold left 6 comments on Isla Nublar
														SOC2 compliance report</p>
													<p class="noti-time">Last Wednesday at 9:42 am</p>
												</div>
											</div>
										</a>
									</li>
									<li class="notification-message">
										<a href="activities.html">
											<div class="media d-flex">
												<span class="avatar flex-shrink-0">
													<img src="assets/img/profiles/avatar-03.jpg" alt="Profile">
												</span>
												<div class="media-body flex-grow-1">
													<p class="noti-details">Denise Nedry replied to Anna Srzand</p>
													<p class="noti-sub-details">“Oh, I finished de-bugging the phones,
														but the system's compiling for eighteen minutes, or twenty. So,
														some minor systems may go on and off for a while.”</p>
													<p class="noti-time">Last Wednesday at 9:42 am</p>
												</div>
											</div>
										</a>
									</li>
									<li class="notification-message">
										<a href="activities.html">
											<div class="media d-flex">
												<span class="avatar flex-shrink-0">
													<img alt="" src="assets/img/profiles/avatar-06.jpg">
												</span>
												<div class="media-body flex-grow-1">
													<p class="noti-details">John Hammond attached a file to Isla Nublar
														SOC2 compliance report</p>
													<div class="noti-pdf">
														<div class="noti-pdf-icon">
															<span><i class="ti ti-chart-pie"></i></span>
														</div>
														<div class="noti-pdf-text">
															<p>EY_review.pdf</p>
															<span>2mb</span>
														</div>
													</div>
													<p class="noti-time">Last Wednesday at 9:42 am</p>
												</div>
											</div>
										</a>
									</li>
								</ul>
							</div>
							<div class="topnav-dropdown-footer">
								<a href="activities.html" class="view-link">View all</a>
								<a href="javascript:void(0);" class="clear-link">Clear all</a>
							</div>
						</div>
					</li>
					<!-- /Notifications -->

					<!-- Profile Dropdown -->
					<li class="nav-item dropdown has-arrow main-drop">
						<a href="javascript:void(0);" class="nav-link userset" data-bs-toggle="dropdown">
							<span class="user-info">
								<span class="user-letter">
									<img src="assets/img/profiles/avatar-20.jpg" alt="Profile">
								</span>
								<span class="badge badge-success rounded-pill"></span>
							</span>
						</a>
						<div class="dropdown-menu menu-drop-user">
							<div class="profilename">
								<a class="dropdown-item" href="index-2.html">
									<i class="ti ti-layout-2"></i> Dashboard
								</a>
								<a class="dropdown-item" href="profile.html">
									<i class="ti ti-user-pin"></i> My Profile
								</a>
								<a class="dropdown-item" href="login.html">
									<i class="ti ti-lock"></i> Logout
								</a>
							</div>
						</div>
					</li>
					<!-- /Profile Dropdown -->

				</ul>
			</div>

			<!-- Mobile Menu -->
			<div class="dropdown mobile-user-menu">
				<a href="javascript:void(0);" class="nav-link dropdown-toggle" data-bs-toggle="dropdown"
					aria-expanded="false"><i class="fa fa-ellipsis-v"></i></a>
				<div class="dropdown-menu">
					<a class="dropdown-item" href="index-2.html">
						<i class="ti ti-layout-2"></i> Dashboard
					</a>
					<a class="dropdown-item" href="profile.html">
						<i class="ti ti-user-pin"></i> My Profile
					</a>
					<a class="dropdown-item" href="login.html">
						<i class="ti ti-lock"></i> Logout
					</a>
				</div>
			</div>
			<!-- /Mobile Menu -->

		</div>
		<!-- /Header -->

		<!-- Sidebar -->
		<div class="sidebar" id="sidebar">
			<div class="sidebar-inner slimscroll">
				<div id="sidebar-menu" class="sidebar-menu">
					<ul>
						<li class="clinicdropdown">
							<a href="profile.html">
								<img src="assets/img/profiles/avatar-14.jpg" class="img-fluid" alt="Profile">
								<div class="user-names">
									<h5>Adrian Davies</h5>
									<h6>Tech Lead</h6>
								</div>
							</a>
						</li>
					</ul>
					<ul>
						<li>
							<h6 class="submenu-hdr">Main Menu</h6>
							<ul>
								<li class="submenu">
									<a href="javascript:void(0);">
										<i class="ti ti-layout-2"></i><span>Dashboard</span><span
											class="menu-arrow"></span>
									</a>
									<ul>
										<li><a href="index-2.html">Deals Dashboard</a></li>
										<li><a href="leads-dashboard.html">Leads Dashboard</a></li>
										<li><a href="project-dashboard.html">Project Dashboard</a></li>
									</ul>
								</li>
								<li class="submenu">
									<a href="javascript:void(0);"><i
											class="ti ti-brand-airtable"></i><span>Application</span><span
											class="menu-arrow"></span></a>
									<ul>
										<li><a href="chat.html">Chat</a></li>
										<li class="submenu submenu-two">
											<a href="javascript:void(0);">Call<span
													class="menu-arrow inside-submenu"></span></a>
											<ul>
												<li><a href="video-call.html">Video Call</a></li>
												<li><a href="audio-call.html">Audio Call</a></li>
												<li><a href="call-history.html">Call History</a></li>
											</ul>
										</li>
										<li><a href="calendar.html">Calendar</a></li>
										<li><a href="email.html">Email</a></li>
										<li><a href="todo.html">To Do</a></li>
										<li><a href="notes.html">Notes</a></li>
										<li><a href="file-manager.html">File Manager</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li>
							<h6 class="submenu-hdr">CRM</h6>
							<ul>
								<li>
									<a href="contacts.html"><i class="ti ti-user-up"></i><span>Contacts</span></a>
								</li>
								<li>
									<a href="companies.html"><i
											class="ti ti-building-community"></i><span>Companies</span></a>
								</li>
								<li>
									<a href="deals.html"><i class="ti ti-medal"></i><span>Deals</span></a>
								</li>
								<li>
									<a href="leads.html"><i class="ti ti-chart-arcs"></i><span>Leads</span></a>
								</li>
								<li>
									<a href="pipeline.html"><i
											class="ti ti-timeline-event-exclamation"></i><span>Pipeline</span></a>
								</li>
								<li>
									<a href="campaign.html"><i
											class="ti ti-brand-campaignmonitor"></i><span>Campaign</span></a>
								</li>
								<li>
									<a href="projects.html"><i class="ti ti-atom-2"></i><span>Projects</span></a>
								</li>
								<li>
									<a href="tasks.html"><i class="ti ti-list-check"></i><span>Tasks</span></a>
								</li>
								<li>
									<a href="proposals.html"><i class="ti ti-file-star"></i><span>Proposals</span></a>
								</li>
								<li>
									<a href="contracts.html"><i class="ti ti-file-check"></i><span>Contracts</span></a>
								</li>
								<li>
									<a href="estimations.html"><i
											class="ti ti-file-report"></i><span>Estimations</span></a>
								</li>
								<li>
									<a href="invoices.html"><i class="ti ti-file-invoice"></i><span>Invoices</span></a>
								</li>
								<li>
									<a href="payments.html"><i class="ti ti-report-money"></i><span>Payments</span></a>
								</li>
								<li>
									<a href="analytics.html"><i class="ti ti-chart-bar"></i><span>Analytics</span></a>
								</li>
								<li>
									<a href="activities.html"><i
											class="ti ti-bounce-right"></i><span>Activities</span></a>
								</li>
							</ul>
						</li>
						<li>
							<h6 class="submenu-hdr">Reports</h6>
							<ul>
								<li class="submenu">
									<a href="javascript:void(0);">
										<i class="ti ti-file-invoice"></i><span>Reports</span><span
											class="menu-arrow"></span>
									</a>
									<ul>
										<li><a href="lead-reports.html">Lead Reports</a></li>
										<li><a href="deal-reports.html">Deal Reports</a></li>
										<li><a href="contact-reports.html">Contact Reports</a></li>
										<li><a href="company-reports.html">Company Reports</a></li>
										<li><a href="project-reports.html">Project Reports</a></li>
										<li><a href="task-reports.html">Task Reports</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li>
							<h6 class="submenu-hdr">CRM Settings</h6>
							<ul>
								<li><a href="sources.html"><i class="ti ti-artboard"></i><span>Sources</span></a></li>
								<li><a href="lost-reason.html"><i class="ti ti-message-exclamation"></i><span>Lost
											Reason</span></a></li>
								<li><a href="contact-stage.html"><i class="ti ti-steam"></i><span>Contact
											Stage</span></a></li>
								<li><a href="industry.html"><i
											class="ti ti-building-factory"></i><span>Industry</span></a></li>
								<li><a href="calls.html"><i class="ti ti-phone-check"></i><span>Calls</span></a></li>
							</ul>
						</li>
						<li>
							<h6 class="submenu-hdr">User Management</h6>
							<ul>
								<li><a href="manage-users.html"><i class="ti ti-users"></i><span>Manage Users</span></a>
								</li>
								<li><a href="roles-permissions.html"><i class="ti ti-navigation-cog"></i><span>Roles &
											Permissions</span></a></li>
								<li><a href="delete-request.html"><i class="ti ti-flag-question"></i><span>Delete
											Request</span></a></li>
							</ul>
						</li>
						<li>
							<h6 class="submenu-hdr">Membership</h6>
							<ul>
								<li class="submenu">
									<a href="javascript:void(0);">
										<i class="ti ti-file-invoice"></i><span>Membership</span><span
											class="menu-arrow"></span>
									</a>
									<ul>
										<li><a href="membership-plans.html">Membership Plans</a></li>
										<li><a href="membership-addons.html">Membership Addons</a></li>
										<li><a href="membership-transactions.html">Transactions</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li>
							<h6 class="submenu-hdr">Content</h6>
							<ul>
								<li><a href="pages.html"><i class="ti ti-page-break"></i><span>Pages</span></a></li>
								<li class="submenu">
									<a href="javascript:void(0);">
										<i class="ti ti-map-pin-pin"></i><span>Location</span><span
											class="menu-arrow"></span>
									</a>
									<ul>
										<li><a href="countries.html">Countries</a></li>
										<li><a href="states.html">States</a></li>
										<li><a href="cities.html">Cities</a></li>
									</ul>
								</li>
								<li><a href="testimonials.html"><i class="ti ti-quote"></i><span>Testimonials</span></a>
								</li>
								<li><a href="faq.html"><i class="ti ti-question-mark"></i><span>FAQ</span></a></li>
							</ul>
						</li>
						<li>
							<h6 class="submenu-hdr">Support</h6>
							<ul>
								<li><a href="contact-messages.html"><i class="ti ti-page-break"></i><span>Contact
											Messages</span></a></li>
								<li><a href="tickets.html"><i class="ti ti-ticket"></i><span>Tickets</span></a></li>
							</ul>
						</li>
						<li>
							<h6 class="submenu-hdr">Settings</h6>
							<ul>
								<li class="submenu">
									<a href="javascript:void(0);">
										<i class="ti ti-settings-cog"></i><span>General Settings</span><span
											class="menu-arrow"></span>
									</a>
									<ul>
										<li><a href="profile.html">Profile</a></li>
										<li><a href="security.html">Security</a></li>
										<li><a href="notifications.html">Notifications</a></li>
										<li><a href="connected-apps.html">Connected Apps</a></li>
									</ul>
								</li>
								<li class="submenu">
									<a href="javascript:void(0);">
										<i class="ti ti-world-cog"></i><span>Website Settings</span><span
											class="menu-arrow"></span>
									</a>
									<ul>
										<li><a href="company-settings.html">Company Settings</a></li>
										<li><a href="localization.html">Localization</a></li>
										<li><a href="prefixes.html">Prefixes</a></li>
										<li><a href="preference.html">Preference</a></li>
										<li><a href="appearance.html">Appearance</a></li>
										<li><a href="language.html">Language</a></li>
									</ul>
								</li>
								<li class="submenu">
									<a href="javascript:void(0);">
										<i class="ti ti-apps"></i><span>App Settings</span><span
											class="menu-arrow"></span>
									</a>
									<ul>
										<li><a href="invoice-settings.html">Invoice Settings</a></li>
										<li><a href="printers.html">Printers</a></li>
										<li><a href="custom-fields.html">Custom Fields</a></li>
									</ul>
								</li>
								<li class="submenu">
									<a href="javascript:void(0);">
										<i class="ti ti-device-laptop"></i><span>System Settings</span><span
											class="menu-arrow"></span>
									</a>
									<ul>
										<li><a href="email-settings.html">Email Settings</a></li>
										<li><a href="sms-gateways.html">SMS Gateways</a></li>
										<li><a href="gdpr-cookies.html">GDPR Cookies</a></li>
									</ul>
								</li>
								<li class="submenu">
									<a href="javascript:void(0);">
										<i class="ti ti-moneybag"></i><span>Financial Settings</span><span
											class="menu-arrow"></span>
									</a>
									<ul>
										<li><a href="payment-gateways.html">Payment Gateways</a></li>
										<li><a href="bank-accounts.html">Bank Accounts</a></li>
										<li><a href="tax-rates.html">Tax Rates</a></li>
										<li><a href="currencies.html">Currencies</a></li>
									</ul>
								</li>
								<li class="submenu">
									<a href="javascript:void(0);">
										<i class="ti ti-flag-cog"></i><span>Other Settings</span><span
											class="menu-arrow"></span>
									</a>
									<ul>
										<li><a href="storage.html">Storage</a></li>
										<li><a href="ban-ip-address.html">Ban IP Address</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li>
							<h6 class="submenu-hdr">Pages</h6>
							<ul>
								<li class="submenu">
									<a href="javascript:void(0);">
										<i class="ti ti-lock-square-rounded"></i><span>Authentication</span><span
											class="menu-arrow"></span>
									</a>
									<ul>
										<li><a href="login.html">Login</a></li>
										<li><a href="register.html">Register</a></li>
										<li><a href="forgot-password.html">Forgot Password</a></li>
										<li><a href="reset-password.html">Reset Password</a></li>
										<li><a href="email-verification.html">Email Verification</a></li>
										<li><a href="two-step-verification.html">2 Step Verification</a></li>
										<li><a href="lock-screen.html">Lock Screen</a></li>
									</ul>
								</li>
								<li class="submenu">
									<a href="javascript:void(0);">
										<i class="ti ti-error-404"></i><span>Error Pages</span><span
											class="menu-arrow"></span>
									</a>
									<ul>
										<li><a href="error-404.html">404 Error</a></li>
										<li><a href="error-500.html">500 Error</a></li>
									</ul>
								</li>
								<li><a href="blank-page.html"><i class="ti ti-apps"></i><span>Blank Page</span></a></li>
								<li><a href="coming-soon.html"><i class="ti ti-device-laptop"></i><span>Coming
											Soon</span></a></li>
								<li><a href="under-maintenance.html"><i class="ti ti-moneybag"></i><span>Under
											Maintenance</span></a></li>
							</ul>
						</li>
						<li>
							<h6 class="submenu-hdr">UI Interface</h6>
							<ul>
								<li class="submenu">
									<a href="javascript:void(0);" class="subdrop active">
										<i class="ti ti-adjustments-check"></i><span>Base UI</span><span
											class="menu-arrow"></span>
									</a>
									<ul>
										<li><a href="ui-alerts.html">Alerts</a></li>
										<li><a href="ui-accordion.html">Accordion</a></li>
										<li><a href="ui-avatar.html">Avatar</a></li>
										<li><a href="ui-badges.html">Badges</a></li>
										<li><a href="ui-borders.html">Border</a></li>
										<li><a href="ui-buttons.html">Buttons</a></li>
										<li><a href="ui-buttons-group.html">Button Group</a></li>
										<li><a href="ui-breadcrumb.html">Breadcrumb</a></li>
										<li><a href="ui-cards.html">Card</a></li>
										<li><a href="ui-carousel.html">Carousel</a></li>
										<li><a href="ui-colors.html">Colors</a></li>
										<li><a href="ui-dropdowns.html">Dropdowns</a></li>
										<li><a href="ui-grid.html">Grid</a></li>
										<li><a href="ui-images.html">Images</a></li>
										<li><a href="ui-lightbox.html">Lightbox</a></li>
										<li><a href="ui-media.html">Media</a></li>
										<li><a href="ui-modals.html">Modals</a></li>
										<li><a href="ui-offcanvas.html">Offcanvas</a></li>
										<li><a href="ui-pagination.html">Pagination</a></li>
										<li><a href="ui-popovers.html">Popovers</a></li>
										<li><a href="ui-progress.html">Progress</a></li>
										<li><a href="ui-placeholders.html">Placeholders</a></li>
										<li><a href="ui-rangeslider.html">Range Slider</a></li>
										<li><a href="ui-spinner.html">Spinner</a></li>
										<li><a href="ui-sweetalerts.html">Sweet Alerts</a></li>
										<li><a href="ui-nav-tabs.html" class="active">Tabs</a></li>
										<li><a href="ui-toasts.html">Toasts</a></li>
										<li><a href="ui-tooltips.html">Tooltips</a></li>
										<li><a href="ui-typography.html">Typography</a></li>
										<li><a href="ui-video.html">Video</a></li>
									</ul>
								</li>
								<li class="submenu">
									<a href="javascript:void(0);">
										<i class="ti ti-box-align-bottom"></i><span>Advanced UI</span><span
											class="menu-arrow"></span>
									</a>
									<ul>
										<li><a href="ui-ribbon.html">Ribbon</a></li>
										<li><a href="ui-clipboard.html">Clipboard</a></li>
										<li><a href="ui-drag-drop.html">Drag & Drop</a></li>
										<li><a href="ui-rangeslider.html">Range Slider</a></li>
										<li><a href="ui-rating.html">Rating</a></li>
										<li><a href="ui-text-editor.html">Text Editor</a></li>
										<li><a href="ui-counter.html">Counter</a></li>
										<li><a href="ui-scrollbar.html">Scrollbar</a></li>
										<li><a href="ui-stickynote.html">Sticky Note</a></li>
										<li><a href="ui-timeline.html">Timeline</a></li>
									</ul>
								</li>
								<li class="submenu">
									<a href="javascript:void(0);"><i class="ti ti-chart-donut-2"></i>
										<span>Charts</span><span class="menu-arrow"></span>
									</a>
									<ul>
										<li><a href="chart-apex.html">Apex Charts</a></li>
										<li><a href="chart-c3.html">Chart C3</a></li>
										<li><a href="chart-js.html">Chart Js</a></li>
										<li><a href="chart-morris.html">Morris Charts</a></li>
										<li><a href="chart-flot.html">Flot Charts</a></li>
										<li><a href="chart-peity.html">Peity Charts</a></li>
									</ul>
								</li>
								<li class="submenu">
									<a href="javascript:void(0);"><i class="ti ti-icons"></i>
										<span>Icons</span><span class="menu-arrow"></span>
									</a>
									<ul>
										<li><a href="icon-fontawesome.html">Fontawesome Icons</a></li>
										<li><a href="icon-feather.html">Feather Icons</a></li>
										<li><a href="icon-ionic.html">Ionic Icons</a></li>
										<li><a href="icon-material.html">Material Icons</a></li>
										<li><a href="icon-pe7.html">Pe7 Icons</a></li>
										<li><a href="icon-simpleline.html">Simpleline Icons</a></li>
										<li><a href="icon-themify.html">Themify Icons</a></li>
										<li><a href="icon-weather.html">Weather Icons</a></li>
										<li><a href="icon-typicon.html">Typicon Icons</a></li>
										<li><a href="icon-flag.html">Flag Icons</a></li>
									</ul>
								</li>
								<li class="submenu">
									<a href="javascript:void(0);">
										<i class="ti ti-forms"></i><span>Forms</span><span class="menu-arrow"></span>
									</a>
									<ul>
										<li class="submenu submenu-two">
											<a href="javascript:void(0);">Form Elements<span
													class="menu-arrow inside-submenu"></span></a>
											<ul>
												<li><a href="form-basic-inputs.html">Basic Inputs</a></li>
												<li><a href="form-checkbox-radios.html">Checkbox & Radios</a></li>
												<li><a href="form-input-groups.html">Input Groups</a></li>
												<li><a href="form-grid-gutters.html">Grid & Gutters</a></li>
												<li><a href="form-select.html">Form Select</a></li>
												<li><a href="form-mask.html">Input Masks</a></li>
												<li><a href="form-fileupload.html">File Uploads</a></li>
											</ul>
										</li>
										<li class="submenu submenu-two">
											<a href="javascript:void(0);">Layouts<span
													class="menu-arrow inside-submenu"></span></a>
											<ul>
												<li><a href="form-horizontal.html">Horizontal Form</a></li>
												<li><a href="form-vertical.html">Vertical Form</a></li>
												<li><a href="form-floating-labels.html">Floating Labels</a></li>
											</ul>
										</li>
										<li><a href="form-validation.html">Form Validation</a></li>
										<li><a href="form-select2.html">Select2</a></li>
										<li><a href="form-wizard.html">Form Wizard</a></li>
									</ul>
								</li>
								<li class="submenu">
									<a href="javascript:void(0);"><i class="ti ti-table"></i><span>Tables</span><span
											class="menu-arrow"></span></a>
									<ul>
										<li><a href="tables-basic.html">Basic Tables </a></li>
										<li><a href="data-tables.html">Data Table </a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li>
							<h6 class="submenu-hdr">Help</h6>
							<ul>
								<li><a href="javascript:void(0);"><i
											class="ti ti-file-type-doc"></i><span>Documentation</span></a></li>
								<li><a href="javascript:void(0);"><i class="ti ti-arrow-capsule"></i><span>Changelog
											v2.2</span></a></li>
								<li class="submenu">
									<a href="javascript:void(0);"><i class="ti ti-brand-databricks"></i><span>Multi
											Level</span><span class="menu-arrow"></span></a>
									<ul>
										<li><a href="javascript:void(0);">Level 1.1</a></li>
										<li class="submenu submenu-two"><a href="javascript:void(0);">Level 1.2<span
													class="menu-arrow inside-submenu"></span></a>
											<ul>
												<li><a href="javascript:void(0);">Level 2.1</a></li>
												<li class="submenu submenu-two submenu-three"><a
														href="javascript:void(0);">Level 2.2<span
															class="menu-arrow inside-submenu inside-submenu-two"></span></a>
													<ul>
														<li><a href="javascript:void(0);">Level 3.1</a></li>
														<li><a href="javascript:void(0);">Level 3.2</a></li>
													</ul>
												</li>
											</ul>
										</li>
									</ul>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- /Sidebar -->

		<div class="page-wrapper">
			<div class="content">
				<div class="page-header">
					<div class="page-title">
						<h4>Nav & Tabs</h4>
					</div>
				</div>

				<!-- Line Tabs -->
				<div class="row">
					<div class="col-md-6">
						<div class="card">
							<div class="card-header">
								<h5 class="card-title">Top line tabs</h5>
							</div>
							<div class="card-body">
								<ul class="nav nav-tabs nav-tabs-top mb-3">
									<li class="nav-item"><a class="nav-link active" href="#top-tab1"
											data-bs-toggle="tab">Home</a></li>
									<li class="nav-item"><a class="nav-link" href="#top-tab2"
											data-bs-toggle="tab">Profile</a></li>
									<li class="nav-item"><a class="nav-link" href="#top-tab3"
											data-bs-toggle="tab">Messages</a></li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane show active" id="top-tab1">
										Tab content 1
									</div>
									<div class="tab-pane" id="top-tab2">
										Tab content 2
									</div>
									<div class="tab-pane" id="top-tab3">
										Tab content 3
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="card">
							<div class="card-header">
								<h5 class="card-title">Top line justified</h5>
							</div>
							<div class="card-body">
								<ul class="nav nav-tabs nav-tabs-top nav-justified mb-3">
									<li class="nav-item"><a class="nav-link active" href="#top-justified-tab1"
											data-bs-toggle="tab">Home</a></li>
									<li class="nav-item"><a class="nav-link" href="#top-justified-tab2"
											data-bs-toggle="tab">Profile</a></li>
									<li class="nav-item"><a class="nav-link" href="#top-justified-tab3"
											data-bs-toggle="tab">Messages</a></li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane show active" id="top-justified-tab1">
										Tab content 1
									</div>
									<div class="tab-pane" id="top-justified-tab2">
										Tab content 2
									</div>

									<div class="tab-pane" id="top-justified-tab3">
										Tab content 3
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Line Tabs -->

				<!-- Bottom Line Tabs -->
				<div class="row">
					<div class="col-md-6">
						<div class="card">
							<div class="card-header">
								<h5 class="card-title">Bottom line tabs</h5>
							</div>
							<div class="card-body">
								<ul class="nav nav-tabs nav-tabs-bottom mb-3">
									<li class="nav-item"><a class="nav-link active" href="#bottom-tab1"
											data-bs-toggle="tab">Home</a></li>
									<li class="nav-item"><a class="nav-link" href="#bottom-tab2"
											data-bs-toggle="tab">Profile</a></li>
									<li class="nav-item"><a class="nav-link" href="#bottom-tab3"
											data-bs-toggle="tab">Messages</a></li>
								</ul>

								<div class="tab-content">
									<div class="tab-pane show active" id="bottom-tab1">
										Tab content 1
									</div>
									<div class="tab-pane" id="bottom-tab2">
										Tab content 2
									</div>
									<div class="tab-pane" id="bottom-tab3">
										Tab content 3
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="card">
							<div class="card-header">
								<h5 class="card-title">Bottom line justified</h5>
							</div>
							<div class="card-body">
								<ul class="nav nav-tabs nav-tabs-bottom nav-justified mb-3">
									<li class="nav-item"><a class="nav-link active" href="#bottom-justified-tab1"
											data-bs-toggle="tab">Home</a></li>
									<li class="nav-item"><a class="nav-link" href="#bottom-justified-tab2"
											data-bs-toggle="tab">Profile</a></li>
									<li class="nav-item"><a class="nav-link" href="#bottom-justified-tab3"
											data-bs-toggle="tab">Messages</a></li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane show active" id="bottom-justified-tab1">
										Tab content 1
									</div>
									<div class="tab-pane" id="bottom-justified-tab2">
										Tab content 2
									</div>
									<div class="tab-pane" id="bottom-justified-tab3">
										Tab content 3
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Bottom Line Tabs -->

				<!-- Solid Tabs -->
				<div class="row">
					<div class="col-md-6">
						<div class="card">
							<div class="card-header">
								<h5 class="card-title">Solid tabs</h5>
							</div>
							<div class="card-body">
								<ul class="nav nav-tabs nav-tabs-solid mb-3">
									<li class="nav-item"><a class="nav-link active" href="#solid-tab1"
											data-bs-toggle="tab">Home</a></li>
									<li class="nav-item"><a class="nav-link" href="#solid-tab2"
											data-bs-toggle="tab">Profile</a></li>
									<li class="nav-item"><a class="nav-link" href="#solid-tab3"
											data-bs-toggle="tab">Messages</a></li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane show active" id="solid-tab1">
										Tab content 1
									</div>
									<div class="tab-pane" id="solid-tab2">
										Tab content 2
									</div>
									<div class="tab-pane" id="solid-tab3">
										Tab content 3
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="card">
							<div class="card-header">
								<h5 class="card-title">Solid justified</h5>
							</div>
							<div class="card-body">
								<ul class="nav nav-tabs nav-tabs-solid nav-justified mb-3">
									<li class="nav-item"><a class="nav-link active" href="#solid-justified-tab1"
											data-bs-toggle="tab">Home</a></li>
									<li class="nav-item"><a class="nav-link" href="#solid-justified-tab2"
											data-bs-toggle="tab">Profile</a></li>
									<li class="nav-item"><a class="nav-link" href="#solid-justified-tab3"
											data-bs-toggle="tab">Messages</a></li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane show active" id="solid-justified-tab1">
										Tab content 1
									</div>
									<div class="tab-pane" id="solid-justified-tab2">
										Tab content 2
									</div>
									<div class="tab-pane" id="solid-justified-tab3">
										Tab content 3
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Solid Tabs -->

				<!-- Solid Rounded -->
				<div class="row">
					<div class="col-md-6">
						<div class="card">
							<div class="card-header">
								<h5 class="card-title">Solid Rounded</h5>
							</div>
							<div class="card-body">
								<ul class="nav nav-tabs nav-tabs-solid nav-tabs-rounded mb-3">
									<li class="nav-item"><a class="nav-link active" href="#solid-rounded-tab1"
											data-bs-toggle="tab">Home</a></li>
									<li class="nav-item"><a class="nav-link" href="#solid-rounded-tab2"
											data-bs-toggle="tab">Profile</a></li>
									<li class="nav-item"><a class="nav-link" href="#solid-rounded-tab3"
											data-bs-toggle="tab">Messages</a></li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane show active" id="solid-rounded-tab1">
										Tab content 1
									</div>
									<div class="tab-pane" id="solid-rounded-tab2">
										Tab content 2
									</div>
									<div class="tab-pane" id="solid-rounded-tab3">
										Tab content 3
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="card">
							<div class="card-header">
								<h5 class="card-title">Rounded justified</h5>
							</div>
							<div class="card-body">
								<ul class="nav nav-tabs nav-tabs-solid nav-tabs-rounded nav-justified mb-3">
									<li class="nav-item"><a class="nav-link active" href="#solid-rounded-justified-tab1"
											data-bs-toggle="tab">Home</a></li>
									<li class="nav-item"><a class="nav-link" href="#solid-rounded-justified-tab2"
											data-bs-toggle="tab">Profile</a></li>
									<li class="nav-item"><a class="nav-link" href="#solid-rounded-justified-tab3"
											data-bs-toggle="tab">Messages</a></li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane show active" id="solid-rounded-justified-tab1">
										Tab content 1
									</div>
									<div class="tab-pane" id="solid-rounded-justified-tab2">
										Tab content 2
									</div>
									<div class="tab-pane" id="solid-rounded-justified-tab3">
										Tab content 3
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Solid Rounded -->

				<!-- Tabs -->
				<div class="row">
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Static Tabs
								</div>
							</div>
							<div class="card-body">
								<ul class="nav nav-tabs border-bottom-0">
									<li class="nav-item">
										<a class="nav-link active" aria-current="page"
											href="javascript:void(0);">Active</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" href="javascript:void(0);">Link</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" href="javascript:void(0);">Link</a>
									</li>
									<li class="nav-item">
										<a class="nav-link disabled">Disabled</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Static Pills
								</div>
							</div>
							<div class="card-body">
								<ul class="nav nav-pills">
									<li class="nav-item">
										<a class="nav-link active" aria-current="page"
											href="javascript:void(0);">Active</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" href="javascript:void(0);">Link</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" href="javascript:void(0);">Link</a>
									</li>
									<li class="nav-item">
										<a class="nav-link disabled">Disabled</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<!-- /Tabs -->

				<!-- Default Nav Tabs -->
				<div class="row">
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Default Nav Tabs
								</div>
							</div>
							<div class="card-body">
								<ul class="nav nav-tabs mb-3 border-bottom-0" role="tablist">
									<li class="nav-item">
										<a class="nav-link active" data-bs-toggle="tab" role="tab" href="#home1"
											aria-selected="true">Home</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab" href="#about1"
											aria-selected="false">About</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab" href="#service1"
											aria-selected="false">Services</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab" href="#license1"
											aria-selected="false">License</a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane show active text-muted" id="home1" role="tabpanel">
										<b>Lorem Ipsum is simply dummy</b> text of the printing and typesetting
										industry. Lorem Ipsum has been the industry's standard dummy text ever since the
										1500s, when an unknown printer took a galley of type and scrambled it to make a
										type specimen book. It has survived not only five centuries.
									</div>
									<div class="tab-pane text-muted" id="about1" role="tabpanel">
										Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots
										in a piece of classical Latin literature from 45 BC, <b>Making it over 2000
											years old</b>. Richard McClintock, a Latin professor at Hampden-Sydney
										College in Virginia, looked up one of the more obscure Latin words, consectetur.
									</div>
									<div class="tab-pane text-muted" id="service1" role="tabpanel">
										There are many variations of passages of <b>Lorem Ipsum available</b>, but the
										majority have suffered alteration in some form, by injected humour, or
										randomised words which don't look even slightly believable. If you are going to
										use a passage of Lorem Ipsum, you need to be sure there isn't anything.
									</div>
									<div class="tab-pane text-muted" id="license1" role="tabpanel">
										It is a long established fact that a reader will be distracted by the
										<b><i>Readable content</i></b> of a page when looking at its layout. The point
										of using Lorem Ipsum is that it has a more-or-less normal distribution of
										letters, as opposed to using 'Content here, content here', making it look like
										readable English.
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Justified Nav Tabs
								</div>
							</div>
							<div class="card-body">
								<ul class="nav nav-tabs mb-3 nav-justified nav-style-1 d-sm-flex d-block"
									role="tablist">
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab" href="#home1-justified"
											aria-selected="false">Home</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab" href="#about1-justified"
											aria-selected="false">About</a>
									</li>
									<li class="nav-item active">
										<a class="nav-link active" data-bs-toggle="tab" role="tab"
											href="#service1-justified" aria-selected="true">Services</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab" href="#license1-justified"
											aria-selected="false">License</a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane text-muted" id="home1-justified" role="tabpanel">
										Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots
										in a piece of classical Latin literature from 45 BC, <b>Making it over 2000
											years old</b>. Richard McClintock, a Latin professor at Hampden-Sydney
										College in Virginia, looked up one of the more obscure Latin words, consectetur.
									</div>
									<div class="tab-pane text-muted" id="about1-justified" role="tabpanel">
										<b>Lorem Ipsum is simply dummy</b> text of the printing and typesetting
										industry. Lorem Ipsum has been the industry's standard dummy text ever since the
										1500s, when an unknown printer took a galley of type and scrambled it to make a
										type specimen book. It has survived not only five centuries.
									</div>
									<div class="tab-pane show active text-muted" id="service1-justified"
										role="tabpanel">
										There are many variations of passages of <b>Lorem Ipsum available</b>, but the
										majority have suffered alteration in some form, by injected humour, or
										randomised words which don't look even slightly believable. If you are going to
										use a passage of Lorem Ipsum, you need to be sure there isn't anything.
									</div>
									<div class="tab-pane text-muted" id="license1-justified" role="tabpanel">
										It is a long established fact that a reader will be distracted by the
										<b><i>Readable content</i></b> of a page when looking at its layout. The point
										of using Lorem Ipsum is that it has a more-or-less normal distribution of
										letters, as opposed to using 'Content here, content here', making it look like
										readable English.
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Default Nav Tabs -->

				<!-- Tabs -->
				<div class="row">
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Basic Pill Tabs With Links
								</div>
							</div>
							<div class="card-body">
								<nav class="nav nav-style-1 nav-pills mb-3" role="tablist">
									<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
										href="#nav-products" aria-selected="false">Products</a>
									<a class="nav-link active" data-bs-toggle="tab" role="tab" href="#nav-cart"
										aria-selected="true">Cart <span
											class="badge bg-secondary ms-1 rounded-pill">32</span></a>
									<a class="nav-link" data-bs-toggle="tab" role="tab" href="#nav-orders"
										aria-selected="false">Orders <span
											class="badge bg-success ms-1 rounded-pill">4</span></a>
									<a class="nav-link" data-bs-toggle="tab" role="tab" href="#nav-offers"
										aria-selected="false">Offers</a>
								</nav>
								<div class="tab-content">
									<div class="tab-pane text-muted" id="nav-products" role="tabpanel">
										How travel coupons make you a better lover. Why cultural solutions are the new
										black. Why mom was right about travel insurances. How family trip ideas can help
										you predict the future. <b>How carnival cruises make you a better lover</b>. Why
										you'll never succeed at daily deals. 11 ways cheapest flights can find you the
										love of your life. The complete beginner's guide to mission trips. If you read
										one article about cultural notes read this one. Why you shouldn't eat vacation
										package in bed.
									</div>
									<div class="tab-pane show active text-muted" id="nav-cart" role="tabpanel">
										How hotel deals can help you live a better life. <b>How celebrity cruises</b>
										aren't as bad as you think. How cultural solutions can help you predict the
										future. How to cheat at dog friendly hotels and get away with it. 17 problems
										with summer activities. How to cheat at travel agents and get away with it. How
										not knowing family trip ideas makes you a rookie. What everyone is saying about
										daily deals. How twitter can teach you about carnival cruises. How to start
										using cultural solutions.
									</div>
									<div class="tab-pane text-muted" id="nav-orders" role="tabpanel">
										Unbelievable healthy snack success stories. 12 facts about safe food handling
										tips that will impress your friends. Restaurant weeks by the numbers. Will
										mexican food ever rule the world? The 10 best thai restaurant youtube videos.
										How restaurant weeks can make you sick. The complete beginner's guide to cooking
										healthy food. Unbelievable food stamp success stories. How whole foods markets
										are making the world a better place. 16 things that won't happen in dish
										reviews.
									</div>
									<div class="tab-pane text-muted" id="nav-offers" role="tabpanel">
										Why delicious magazines are killing you. Why our world would end if restaurants
										disappeared. Why restaurants are on crack about restaurants. How restaurants are
										making the world a better place. 8 great articles about minute meals. Why our
										world would end if healthy snacks disappeared. Why the world would end without
										mexican food. The evolution of chef uniforms. How not knowing food processors
										makes you a rookie. Why whole foods markets beat peanut butter on pancakes.
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Justified Pill Tabs With Links
								</div>
							</div>
							<div class="card-body">
								<nav class="nav nav-style-6 nav-pills mb-3 nav-justified d-sm-flex d-block"
									role="tablist">
									<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
										href="#nav-products-justified" aria-selected="false">Products</a>
									<a class="nav-link active" data-bs-toggle="tab" role="tab"
										href="#nav-cart-justified" aria-selected="true">Cart <span
											class="badge bg-info-transparent ms-1">Full</span></a>
									<a class="nav-link" data-bs-toggle="tab" role="tab" href="#nav-orders-justified"
										aria-selected="false">Orders </a>
									<a class="nav-link" data-bs-toggle="tab" role="tab" href="#nav-offers-justified"
										aria-selected="false">Offers <span
											class="badge bg-warning-transparent ms-1">7</span></a>
								</nav>
								<div class="tab-content">
									<div class="tab-pane text-muted" id="nav-products-justified" role="tabpanel">
										How hotel deals can help you live a better life. <b>How celebrity cruises</b>
										aren't as bad as you think. How cultural solutions can help you predict the
										future. How to cheat at dog friendly hotels and get away with it. 17 problems
										with summer activities. How to cheat at travel agents and get away with it. How
										not knowing family trip ideas makes you a rookie. What everyone is saying about
										daily deals. How twitter can teach you about carnival cruises. How to start
										using cultural solutions.
									</div>
									<div class="tab-pane show active text-muted" id="nav-cart-justified"
										role="tabpanel">
										How travel coupons make you a better lover. Why cultural solutions are the new
										black. Why mom was right about travel insurances. How family trip ideas can help
										you predict the future. <b>How carnival cruises make you a better lover</b>. Why
										you'll never succeed at daily deals. 11 ways cheapest flights can find you the
										love of your life. The complete beginner's guide to mission trips. If you read
										one article about cultural notes read this one. Why you shouldn't eat vacation
										package in bed.
									</div>
									<div class="tab-pane text-muted" id="nav-orders-justified" role="tabpanel">
										Unbelievable healthy snack success stories. 12 facts about safe food handling
										tips that will impress your friends. Restaurant weeks by the numbers. Will
										mexican food ever rule the world? The 10 best thai restaurant youtube videos.
										How restaurant weeks can make you sick. The complete beginner's guide to cooking
										healthy food. Unbelievable food stamp success stories. How whole foods markets
										are making the world a better place. 16 things that won't happen in dish
										reviews.
									</div>
									<div class="tab-pane text-muted" id="nav-offers-justified" role="tabpanel">
										Why delicious magazines are killing you. Why our world would end if restaurants
										disappeared. Why restaurants are on crack about restaurants. How restaurants are
										making the world a better place. 8 great articles about minute meals. Why our
										world would end if healthy snacks disappeared. Why the world would end without
										mexican food. The evolution of chef uniforms. How not knowing food processors
										makes you a rookie. Why whole foods markets beat peanut butter on pancakes.
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Tabs -->

				<!-- Vertical Alignment -->
				<div class="row">
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Vertical alignment with lists
								</div>
							</div>
							<div class="card-body">
								<div class="row">
									<div class="col-xl-3">
										<ul class="nav nav-tabs flex-column nav-style-4" role="tablist">
											<li class="nav-item">
												<a class="nav-link active" data-bs-toggle="tab" role="tab"
													aria-current="page" href="#home-vertical"
													aria-selected="true">Home</a>
											</li>
											<li class="nav-item">
												<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
													href="#about-vertical" aria-selected="true">About</a>
											</li>
											<li class="nav-item">
												<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
													href="#services-vertical" aria-selected="true">Services</a>
											</li>
											<li class="nav-item">
												<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
													href="#contacts-vertical" aria-selected="true">Contacts</a>
											</li>
										</ul>
									</div>
									<div class="col-xl-9">
										<div class="tab-content">
											<div class="tab-pane show active text-muted" id="home-vertical"
												role="tabpanel">
												How hotel deals can help you live a better life. <b>How celebrity
													cruises</b> aren't as bad as you think. How cultural solutions
												can help you predict the future. How to cheat at dog friendly hotels
												and get away with it. 17 problems with summer activities. How to
												cheat at travel agents and get away with it. How not knowing family
												trip ideas makes you a rookie. What everyone is saying about daily
												deals.
											</div>
											<div class="tab-pane text-muted" id="about-vertical" role="tabpanel">
												How travel coupons make you a better lover. Why cultural solutions
												are the new black. Why mom was right about travel insurances. How
												family trip ideas can help you predict the future. <b>How carnival
													cruises make you a better lover</b>. Why you'll never succeed at
												daily deals. 11 ways cheapest flights can find you the love of your
												life. The complete beginner's guide to mission trips.
											</div>
											<div class="tab-pane text-muted" id="services-vertical" role="tabpanel">
												Unbelievable healthy snack success stories. 12 facts about safe food
												handling tips that will impress your friends. Restaurant weeks by
												the numbers. Will mexican food ever rule the world? The 10 best thai
												restaurant youtube videos. How restaurant weeks can make you sick.
												The complete beginner's guide to cooking healthy food. Unbelievable
												food stamp success stories.
											</div>
											<div class="tab-pane text-muted" id="contacts-vertical" role="tabpanel">
												Why delicious magazines are killing you. Why our world would end if
												restaurants disappeared. Why restaurants are on crack about
												restaurants. How restaurants are making the world a better place. 8
												great articles about minute meals. Why our world would end if
												healthy snacks disappeared. Why the world would end without mexican
												food. The evolution of chef uniforms.
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Vertical alignment with links
								</div>
							</div>
							<div class="card-body">
								<div class="row">
									<div class="col-xl-3">
										<nav class="nav nav-tabs flex-column nav-style-5" role="tablist">
											<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
												href="#home-vertical-link" aria-selected="false"><i
													class="fa-solid fa-house me-2 align-middle d-inline-block"></i>Home</a>
											<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
												href="#about-vertical-link" aria-selected="false"><i
													class="fa-solid fa-box-archive me-2 align-middle d-inline-block"></i>About</a>
											<a class="nav-link active" data-bs-toggle="tab" role="tab"
												aria-current="page" href="#services-vertical-link"
												aria-selected="true"><i
													class="fa-solid fa-building-columns me-2 align-middle d-inline-block"></i>Services</a>
											<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
												href="#contacts-vertical-link" aria-selected="false"><i
													class="fa-regular fa-address-book me-2 align-middle d-inline-block"></i>Contacts</a>
										</nav>
									</div>
									<div class="col-xl-9">
										<div class="tab-content">
											<div class="tab-pane text-muted" id="home-vertical-link" role="tabpanel">
												How hotel deals can help you live a better life. <b>How celebrity
													cruises</b> aren't as bad as you think. How cultural solutions
												can help you predict the future. How to cheat at dog friendly hotels
												and get away with it. 17 problems with summer activities. How to
												cheat at travel agents and get away with it. How not knowing family
												trip ideas makes you a rookie. What everyone is saying about daily
												deals.
											</div>
											<div class="tab-pane text-muted" id="about-vertical-link" role="tabpanel">
												How travel coupons make you a better lover. Why cultural solutions
												are the new black. Why mom was right about travel insurances. How
												family trip ideas can help you predict the future. <b>How carnival
													cruises make you a better lover</b>. Why you'll never succeed at
												daily deals. 11 ways cheapest flights can find you the love of your
												life. The complete beginner's guide to mission trips.
											</div>
											<div class="tab-pane show active text-muted" id="services-vertical-link"
												role="tabpanel">
												Unbelievable healthy snack success stories. 12 facts about safe food
												handling tips that will impress your friends. Restaurant weeks by
												the numbers. <b><i>Will mexican food ever rule the world? The 10 best
														thai
														restaurant youtube videos</i></b>. How restaurant weeks can make
												you sick.
												The complete beginner's guide to cooking healthy food. Unbelievable
												food stamp success stories.
											</div>
											<div class="tab-pane text-muted" id="contacts-vertical-link"
												role="tabpanel">
												Why delicious magazines are killing you. Why our world would end if
												restaurants disappeared. Why restaurants are on crack about
												restaurants. How restaurants are making the world a better place. 8
												great articles about minute meals. Why our world would end if
												healthy snacks disappeared. Why the world would end without mexican
												food. The evolution of chef uniforms.
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Vertical Alignment -->

				<!-- Tab Styles -->
				<div class="row">
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Center Aligned Nav
								</div>
							</div>
							<div class="card-body">
								<ul class="nav nav-pills justify-content-center nav-style-2 mb-3" role="tablist">
									<li class="nav-item">
										<a class="nav-link active" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#home-center" aria-selected="true">Home</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#about-center" aria-selected="false">About</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#services-center" aria-selected="false">Services</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#contacts-center" aria-selected="false">Contacts</a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane show active text-muted" id="home-center" role="tabpanel">
										How travel coupons make you a better lover. Why cultural solutions are the new
										black. Why mom was right about travel insurances. How family trip ideas can help
										you predict the future. <b>How carnival cruises make you a better lover</b>. Why
										you'll never succeed at daily deals. 11 ways cheapest flights can find you the
										love of your life. The complete beginner's guide to mission trips. If you read
										one article about cultural notes read this one. Why you shouldn't eat vacation
										package in bed.
									</div>
									<div class="tab-pane text-muted" id="about-center" role="tabpanel">
										How hotel deals can help you live a better life. <b>How celebrity cruises</b>
										aren't as bad as you think. How cultural solutions can help you predict the
										future. How to cheat at dog friendly hotels and get away with it. 17 problems
										with summer activities. How to cheat at travel agents and get away with it. How
										not knowing family trip ideas makes you a rookie. What everyone is saying about
										daily deals. How twitter can teach you about carnival cruises. How to start
										using cultural solutions.
									</div>
									<div class="tab-pane text-muted" id="services-center" role="tabpanel">
										Unbelievable healthy snack success stories. 12 facts about safe food handling
										tips that will impress your friends. Restaurant weeks by the numbers. Will
										mexican food ever rule the world? The 10 best thai restaurant youtube videos.
										How restaurant weeks can make you sick. The complete beginner's guide to cooking
										healthy food. Unbelievable food stamp success stories. How whole foods markets
										are making the world a better place. 16 things that won't happen in dish
										reviews.
									</div>
									<div class="tab-pane text-muted" id="contacts-center" role="tabpanel">
										Why delicious magazines are killing you. Why our world would end if restaurants
										disappeared. Why restaurants are on crack about restaurants. How restaurants are
										making the world a better place. 8 great articles about minute meals. Why our
										world would end if healthy snacks disappeared. Why the world would end without
										mexican food. The evolution of chef uniforms. How not knowing food processors
										makes you a rookie. Why whole foods markets beat peanut butter on pancakes.
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Right Aligned Nav
								</div>
							</div>
							<div class="card-body">
								<ul class="nav nav-pills justify-content-end nav-style-3 mb-3" role="tablist">
									<li class="nav-item">
										<a class="nav-link active" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#home-right" aria-selected="true">Home</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#about-right" aria-selected="true">About</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#services-right" aria-selected="true">Services</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#contacts-right" aria-selected="true">Contacts</a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane text-muted" id="home-right" role="tabpanel">
										How travel coupons make you a better lover. Why cultural solutions are the new
										black. Why mom was right about travel insurances. How family trip ideas can help
										you predict the future. <b>How carnival cruises make you a better lover</b>. Why
										you'll never succeed at daily deals. 11 ways cheapest flights can find you the
										love of your life. The complete beginner's guide to mission trips. If you read
										one article about cultural notes read this one. Why you shouldn't eat vacation
										package in bed.
									</div>
									<div class="tab-pane show active text-muted" id="about-right" role="tabpanel">
										How hotel deals can help you live a better life. <b>How celebrity cruises</b>
										aren't as bad as you think. How cultural solutions can help you predict the
										future. How to cheat at dog friendly hotels and get away with it. 17 problems
										with summer activities. How to cheat at travel agents and get away with it. How
										not knowing family trip ideas makes you a rookie. What everyone is saying about
										daily deals. How twitter can teach you about carnival cruises. How to start
										using cultural solutions.
									</div>
									<div class="tab-pane text-muted" id="services-right" role="tabpanel">
										Unbelievable healthy snack success stories. 12 facts about safe food handling
										tips that will impress your friends. Restaurant weeks by the numbers. Will
										mexican food ever rule the world? The 10 best thai restaurant youtube videos.
										How restaurant weeks can make you sick. The complete beginner's guide to cooking
										healthy food. Unbelievable food stamp success stories. How whole foods markets
										are making the world a better place. 16 things that won't happen in dish
										reviews.
									</div>
									<div class="tab-pane text-muted" id="contacts-right" role="tabpanel">
										Why delicious magazines are killing you. Why our world would end if restaurants
										disappeared. Why restaurants are on crack about restaurants. How restaurants are
										making the world a better place. 8 great articles about minute meals. Why our
										world would end if healthy snacks disappeared. Why the world would end without
										mexican food. The evolution of chef uniforms. How not knowing food processors
										makes you a rookie. Why whole foods markets beat peanut butter on pancakes.
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--/Tab Styles -->

				<!-- Tab Styles -->
				<div class="row">
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header d-flex align-items-center flex-wrap justify-content-between">
								<div class="card-title">
									Header Tabs
								</div>
								<div>
									<ul class="nav nav-tabs justify-content-end nav-tabs-header mb-0" role="tablist">
										<li class="nav-item">
											<a class="nav-link active" data-bs-toggle="tab" role="tab"
												aria-current="page" href="#home-header" aria-selected="true">Home</a>
										</li>
										<li class="nav-item">
											<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
												href="#about-header" aria-selected="true">About</a>
										</li>
										<li class="nav-item">
											<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
												href="#services-header" aria-selected="true">Services</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="card-body">
								<div class="tab-content">
									<div class="tab-pane show active text-muted" id="home-header" role="tabpanel">
										<ul class="mb-0">
											<li class="mb-2">
												How hotel deals can help you live a better life. <b>How celebrity
													cruises</b> aren't as bad as you think. How cultural solutions
												can help you predict the future. How to cheat at dog friendly hotels
												and get away with it. 17 problems with summer activities. How to
												cheat at travel agents and get away with it. How not knowing family
												trip ideas makes you a rookie. What everyone is saying about daily
												deals.
											</li>
											<li>
												How travel coupons make you a better lover. Why cultural solutions
												are the new black. Why mom was header about travel insurances. How
												family trip ideas can help you predict the future. <b>How carnival
													cruises make you a better lover</b>. Why you'll never succeed at
												daily deals. 11 ways cheapest flights can find you the love of your
												life. The complete beginner's guide to mission trips.
											</li>
										</ul>
									</div>
									<div class="tab-pane text-muted" id="about-header" role="tabpanel">
										<ul class="mb-0">
											<li class="mb-2">
												How travel coupons make you a better lover. Why cultural solutions
												are the new black. Why mom was header about travel insurances. How
												family trip ideas can help you predict the future. <b>How carnival
													cruises make you a better lover</b>. Why you'll never succeed at
												daily deals. 11 ways cheapest flights can find you the love of your
												life. The complete beginner's guide to mission trips.
											</li>
											<li>
												How hotel deals can help you live a better life. <b>How celebrity
													cruises</b> aren't as bad as you think. How cultural solutions
												can help you predict the future. How to cheat at dog friendly hotels
												and get away with it. 17 problems with summer activities. How to
												cheat at travel agents and get away with it. How not knowing family
												trip ideas makes you a rookie. What everyone is saying about daily
												deals.
											</li>
										</ul>
									</div>
									<div class="tab-pane text-muted" id="services-header" role="tabpanel">
										<ul class="mb-0">
											<li class="mb-2">
												It is a long established fact that a reader will be distracted by the
												readable content of a page when looking at its layout. The point of
												using Lorem Ipsum is that it has a more-or-less normal distribution of
												letters, as opposed to using 'Content here, content here', making it
												look like readable English. Many desktop publishing packages and web
												page editors now use Lorem Ipsum as their default model text.
											</li>
											<li>
												How travel coupons make you a better lover. Why cultural solutions
												are the new black. Why mom was header about travel insurances. How
												family trip ideas can help you predict the future. <b>How carnival
													cruises make you a better lover</b>. Why you'll never succeed at
												daily deals. 11 ways cheapest flights can find you the love of your
												life. The complete beginner's guide to mission trips.
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Footer Tabs
								</div>
							</div>
							<div class="card-body">
								<div class="tab-content">
									<div class="tab-pane show active text-muted" id="home-footer" role="tabpanel">
										How travel coupons make you a better lover. Why cultural solutions are the new
										black. Why mom was right about travel insurances. How family trip ideas can help
										you predict the future. <b>How carnival cruises make you a better lover</b>. Why
										you'll never succeed at daily deals. 11 ways cheapest flights can find you the
										love of your life. The complete beginner's guide to mission trips. If you read
										one article about cultural notes read this one. Why you shouldn't eat vacation
										package in bed.
									</div>
									<div class="tab-pane text-muted" id="about-footer" role="tabpanel">
										How hotel deals can help you live a better life. <b>How celebrity cruises</b>
										aren't as bad as you think. How cultural solutions can help you predict the
										future. How to cheat at dog friendly hotels and get away with it. 17 problems
										with summer activities. How to cheat at travel agents and get away with it. How
										not knowing family trip ideas makes you a rookie. What everyone is saying about
										daily deals. How twitter can teach you about carnival cruises. How to start
										using cultural solutions.
									</div>
									<div class="tab-pane text-muted" id="services-footer" role="tabpanel">
										Unbelievable healthy snack success stories. 12 facts about safe food handling
										tips that will impress your friends. Restaurant weeks by the numbers. Will
										mexican food ever rule the world? The 10 best thai restaurant youtube videos.
										How restaurant weeks can make you sick. The complete beginner's guide to cooking
										healthy food. Unbelievable food stamp success stories. How whole foods markets
										are making the world a better place. 16 things that won't happen in dish
										reviews.
									</div>
								</div>
							</div>
							<div class="card-footer">
								<ul class="nav nav-tabs justify-content-end nav-tabs-footer mb-0" role="tablist">
									<li class="nav-item m-1">
										<a class="nav-link active" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#home-footer" aria-selected="true">Home</a>
									</li>
									<li class="nav-item m-1">
										<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#about-footer" aria-selected="true">About</a>
									</li>
									<li class="nav-item m-1">
										<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#services-footer" aria-selected="true">Services</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<!-- /Tab Styles -->

				<!-- Tab Styles -->
				<div class="row">
					<div class="col-xxl-4 col-xl-12">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Tab Style-1
								</div>
							</div>
							<div class="card-body">
								<ul class="nav nav-tabs tab-style-1 d-sm-flex d-block" role="tablist">
									<li class="nav-item">
										<a class="nav-link active" data-bs-toggle="tab" data-bs-target="#orders"
											aria-current="page" href="#orders">Orders</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" data-bs-target="#accepted"
											href="#accepted">Accepted</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" data-bs-target="#declined"
											href="#declined">Declined</a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane active" id="orders" role="tabpanel">
										<div class="text-muted"><b>Lorem Ipsum is simply dummy text of the
												printing</b> and typesetting industry. Lorem Ipsum has been the
											industry's standard dummy text ever since the 1500s, when an unknown
											printer took a galley of type and scrambled.</div>
									</div>
									<div class="tab-pane" id="accepted" role="tabpanel">
										<div class="text-muted">Many desktop publishing packages and web page
											editors now use Lorem Ipsum as their default model text, and a search
											for <b>'lorem ipsum'</b> will uncover many web sites still in their
											infancy. Various versions have evolved over the years.</div>
									</div>
									<div class="tab-pane" id="declined" role="tabpanel">
										<div class="text-muted">There are many variations of passages of Lorem
											Ipsum available, but the majority have suffered alteration in some form,
											<b>by injected humour</b>, or randomised words which don't look even
											slightly believable
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xxl-4 col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Tab Style-2
								</div>
							</div>
							<div class="card-body">
								<ul class="nav nav-tabs tab-style-2 nav-justified mb-3 d-sm-flex d-block" id="myTab1"
									role="tablist">
									<li class="nav-item" role="presentation">
										<button class="nav-link" id="order-tab" data-bs-toggle="tab"
											data-bs-target="#order-tab-pane" type="button" role="tab"
											aria-controls="home-tab-pane" aria-selected="true"><i
												class="feather-gift me-1 align-middle"></i>Ordered</button>
									</li>
									<li class="nav-item" role="presentation">
										<button class="nav-link active" id="confirmed-tab" data-bs-toggle="tab"
											data-bs-target="#confirm-tab-pane" type="button" role="tab"
											aria-controls="profile-tab-pane" aria-selected="false"><i
												class="feather-check me-1 align-middle"></i>Confirmed</button>
									</li>
									<li class="nav-item" role="presentation">
										<button class="nav-link" id="shipped-tab" data-bs-toggle="tab"
											data-bs-target="#shipped-tab-pane" type="button" role="tab"
											aria-controls="contact-tab-pane" aria-selected="false"><i
												class="feather-shopping-bag me-1 align-middle"></i>Shipped</button>
									</li>
									<li class="nav-item" role="presentation">
										<button class="nav-link" id="delivered-tab" data-bs-toggle="tab"
											data-bs-target="#delivered-tab-pane" type="button" role="tab"
											aria-selected="false"><i
												class="feather-truck me-1 align-middle"></i>Delivery</button>
									</li>
								</ul>
								<div class="tab-content" id="myTabContent">
									<div class="tab-pane fade text-muted" id="order-tab-pane" role="tabpanel"
										aria-labelledby="home-tab-1" tabindex="0">
										<ul class="ps-3 mb-0">
											<li>Contrary to popular belief, Lorem Ipsum is not simply random text. It
												has roots in a piece of classical Latin literature from 45 BC, making it
												over 2000 years old. Richard McClintock.</li>
										</ul>
									</div>
									<div class="tab-pane fade show active text-muted" id="confirm-tab-pane"
										role="tabpanel" aria-labelledby="profile-tab-2" tabindex="0">
										<ul class="ps-3 mb-0">
											<li>As opposed to using 'Content here, content here', making it look like
												readable English. Many desktop publishing packages and web page editors
												now use Lorem Ipsum as their default model text, and a search.</li>
										</ul>
									</div>
									<div class="tab-pane fade text-muted" id="shipped-tab-pane" role="tabpanel"
										aria-labelledby="contact-tab" tabindex="0">
										<ul class="ps-3 mb-0">
											<li>but also the leap into electronic typesetting, remaining essentially
												unchanged. It was popularised in the 1960s with the release of Letraset
												sheets containing Lorem Ipsum passages, and more recently.</li>
										</ul>
									</div>
									<div class="tab-pane fade text-muted" id="delivered-tab-pane" role="tabpanel"
										tabindex="0">
										<ul class="list-unstyled mb-0">
											<li>A Latin professor at Hampden-Sydney College in Virginia, looked up one
												of the more obscure Latin words, consectetur, from a Lorem Ipsum
												passage, and going through the cites of the word in classical
												literature.</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xxl-4 col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Tab-Style-3
								</div>
							</div>
							<div class="card-body px-sm-4 px-2">
								<ul class="nav nav-tabs justify-content-center mb-5 tab-style-3" id="myTab2"
									role="tablist">
									<li class="nav-item me-0" role="presentation">
										<button class="nav-link active home py-1" id="home-tab-1" data-bs-toggle="tab"
											data-bs-target="#home-tab-pane" type="button" role="tab"
											aria-controls="home-tab-pane" aria-selected="true">Home</button>
									</li>
									<li class="nav-item me-0" role="presentation">
										<button class="nav-link about py-1" id="profile-tab-2" data-bs-toggle="tab"
											data-bs-target="#profile-tab-pane" type="button" role="tab"
											aria-controls="profile-tab-pane" aria-selected="false">About</button>
									</li>
									<li class="nav-item me-0" role="presentation">
										<button class="nav-link services py-1" id="contact-tab" data-bs-toggle="tab"
											data-bs-target="#contact-tab-pane" type="button" role="tab"
											aria-controls="contact-tab-pane" aria-selected="false">Services</button>
									</li>
								</ul>
								<div class="tab-content" id="myTabContent1">
									<div class="tab-pane fade show active text-muted" id="home-tab-pane" role="tabpanel"
										aria-labelledby="home-tab-1" tabindex="0"><b>Lorem Ipsum is
											simply dummy text of the printing</b> and typesetting industry. Lorem
										Ipsum has been the industry's.</div>
									<div class="tab-pane fade text-muted" id="profile-tab-pane" role="tabpanel"
										aria-labelledby="profile-tab-2" tabindex="0">Many desktop
										publishing packages as their default model text, and a search for <b>'lorem
											ipsum'</b> will over the
										years.</div>
									<div class="tab-pane fade text-muted" id="contact-tab-pane" role="tabpanel"
										aria-labelledby="contact-tab" tabindex="0">There, <b>by injected humour</b>, or
										randomised
										words which don't look even slightly believable.</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Tab Styles -->

				<!--  Tab Styles -->
				<div class="row">
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Tab Style-4
								</div>
							</div>
							<div class="card-body px-sm-4 px-2">
								<nav>
									<div class="nav nav-tabs nav-justified tab-style-4 d-flex" id="nav-tab"
										role="tablist">
										<button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab"
											data-bs-target="#nav-home1" type="button" role="tab"
											aria-selected="true">Home</button>
										<button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab"
											data-bs-target="#nav-profile1" type="button" role="tab"
											aria-selected="false">Profile</button>
										<button class="nav-link" id="nav-contact-tab" data-bs-toggle="tab"
											data-bs-target="#nav-contact1" type="button" role="tab"
											aria-selected="false">Contact</button>
									</div>
								</nav>
								<div class="tab-content" id="tab-style-4">
									<div class="tab-pane show active" id="nav-home1" role="tabpanel"
										aria-labelledby="nav-home-tab" tabindex="0">
										<b>Lorem Ipsum is simply dummy</b> text of the printing and typesetting
										industry. Lorem Ipsum has been the industry's standard dummy text ever since the
										1500s, when an unknown printer took a galley of type and scrambled it to make a
										type specimen book. It has survived not only five centuries, but also the leap
										into electronic typesetting, remaining essentially unchanged. It was popularised
										in the 1960s with the release of Letraset sheets containing Lorem Ipsum
										passages, and more recently with desktop publishing software like Aldus
										PageMaker including versions of Lorem Ipsum.
									</div>
									<div class="tab-pane" id="nav-profile1" role="tabpanel"
										aria-labelledby="nav-profile-tab" tabindex="0">
										It is a long established fact that a reader will be distracted by the readable
										content of a page when looking at its layout. The point of using Lorem Ipsum is
										that it has a more-or-less normal distribution of letters, as opposed to using
										'Content here, content here', making it look like readable English. <b>Many
											desktop publishing</b> packages and web page editors now use Lorem Ipsum as
										their default model text, and a search for 'lorem ipsum' will uncover many web
										sites still in their infancy. Various versions have evolved over the years,
										sometimes by accident, sometimes on purpos, remaining essentially unchanged.
									</div>
									<div class="tab-pane" id="nav-contact1" role="tabpanel"
										aria-labelledby="nav-contact-tab" tabindex="0">
										There are many variations of passages of Lorem Ipsum available, but the majority
										have suffered alteration in some form, by injected humour, or randomised words
										which don't look even slightly believable. <b>If you are going</b> to use a
										passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing
										hidden in the middle of text. All the Lorem Ipsum generators on the Internet
										tend to repeat predefined chunks as necessary, making this the first true
										generator on the Internet. It uses a dictionary of over 200 Latin words,
										combined with a handful of model sentence structures.
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Tab Style-5
								</div>
							</div>
							<div class="card-body">
								<ul class="nav nav-pills mb-3 nav-justified tab-style-5 d-sm-flex d-block"
									id="pills-tab" role="tablist">
									<li class="nav-item" role="presentation">
										<button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill"
											data-bs-target="#pills-home" type="button" role="tab"
											aria-controls="pills-home" aria-selected="true">Home</button>
									</li>
									<li class="nav-item" role="presentation">
										<button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill"
											data-bs-target="#pills-profile" type="button" role="tab"
											aria-controls="pills-profile" aria-selected="false">About</button>
									</li>
									<li class="nav-item" role="presentation">
										<button class="nav-link" id="pills-contact-tab" data-bs-toggle="pill"
											data-bs-target="#pills-contact" type="button" role="tab"
											aria-controls="pills-contact" aria-selected="false">Services</button>
									</li>
									<li class="nav-item" role="presentation">
										<button class="nav-link" id="pills-disabled-tab" data-bs-toggle="pill"
											data-bs-target="#pills-disabled" type="button" role="tab"
											aria-controls="pills-disabled" aria-selected="false">Contacts</button>
									</li>
								</ul>
								<div class="tab-content" id="pills-tabContent">
									<div class="tab-pane show active text-muted" id="pills-home" role="tabpanel"
										aria-labelledby="pills-home-tab" tabindex="0">
										It is a long established fact that a reader will be distracted by the readable
										content of a page when looking at its layout. The point of using Lorem Ipsum is
										that it has a more-or-less normal distribution of letters, as opposed to using
										'Content here, content here', making it look like readable English. <b>Many
											desktop publishing</b> packages and web page editors now use Lorem Ipsum as
										their default model text, and a search for 'lorem ipsum' will uncover many web
										sites still in their infancy.
									</div>
									<div class="tab-pane text-muted" id="pills-profile" role="tabpanel"
										aria-labelledby="pills-profile-tab" tabindex="0">
										<b>Lorem Ipsum is simply dummy</b> text of the printing and typesetting
										industry. Lorem Ipsum has been the industry's standard dummy text ever since the
										1500s, when an unknown printer took a galley of type and scrambled it to make a
										type specimen book. It has survived not only five centuries, but also the leap
										into electronic typesetting, remaining essentially unchanged. It was popularised
										in the 1960s with the release of Letraset sheets containing Lorem Ipsum
										passages.
									</div>
									<div class="tab-pane text-muted" id="pills-contact" role="tabpanel"
										aria-labelledby="pills-contact-tab" tabindex="0">
										There are many variations of passages of Lorem Ipsum available, but the majority
										have suffered alteration in some form, by injected humour, or randomised words
										which don't look even slightly believable. <b>If you are going</b> to use a
										passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing
										hidden in the middle of text. All the Lorem Ipsum generators on the Internet
										tend to repeat predefined chunks as necessary, making this the first true
										generator on the Internet.
									</div>
									<div class="tab-pane text-muted" id="pills-disabled" role="tabpanel"
										aria-labelledby="pills-disabled-tab" tabindex="0">
										<b>Contrary to popular belief</b>, Contrary to popular belief, Lorem Ipsum is
										not simply random text. It has roots in a piece of classical Latin literature
										from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor
										at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin
										words, consectetur, from a Lorem Ipsum passage, and going through the cites of
										the word in classical literature, discovered the undoubtable source. Lorem Ipsum
										comes from sections.
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Tab Styles -->

				<!--  Tab Style-6 -->
				<div class="row">
					<div class="col-xl-4">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Tab Style-6
								</div>
							</div>
							<div class="card-body">
								<ul class="nav nav-tabs mb-3 tab-style-6" id="myTab-3" role="tablist">
									<li class="nav-item" role="presentation">
										<button class="nav-link active" id="products-tab" data-bs-toggle="tab"
											data-bs-target="#products-tab-pane" type="button" role="tab"
											aria-controls="products-tab-pane" aria-selected="true"><i
												class="feather-gift me-1 align-middle d-inline-block"></i>Products</button>
									</li>
									<li class="nav-item" role="presentation">
										<button class="nav-link" id="sales-tab" data-bs-toggle="tab"
											data-bs-target="#sales-tab-pane" type="button" role="tab"
											aria-controls="sales-tab-pane" aria-selected="false"><i
												class="feather-file me-1 align-middle d-inline-block"></i>Sales</button>
									</li>
									<li class="nav-item" role="presentation">
										<button class="nav-link" id="profit-tab" data-bs-toggle="tab"
											data-bs-target="#profit-tab-pane" type="button" role="tab"
											aria-controls="profit-tab-pane" aria-selected="false"><i
												class="feather-file-text me-1 align-middle d-inline-block"></i>Profit</button>
									</li>
									<li class="nav-item" role="presentation">
										<button class="nav-link" id="expenses-tab" data-bs-toggle="tab"
											data-bs-target="#expenses-tab-pane" type="button" role="tab"
											aria-controls="expenses-tab-pane" aria-selected="false"><i
												class="feather-file-minus me-1 align-middle d-inline-block"></i>Expenses</button>
									</li>
								</ul>
								<div class="tab-content" id="myTabContent2">
									<div class="tab-pane fade show active p-0 border-bottom-0" id="products-tab-pane"
										role="tabpanel" aria-labelledby="products-tab" tabindex="0">
										<div class="table-responsive">
											<table class="table mb-0">
												<thead>
													<tr>
														<th scope="col">Product</th>
														<th scope="col">Name</th>
														<th scope="col">Category</th>
														<th scope="col">Price</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<th scope="row">
															<span class="avatar avatar-sm">
																<img src="assets/img/products/product1.jpg" alt="img">
															</span>
														</th>
														<td>Wrist Watch</td>
														<td>Watch</td>
														<td>$1,299.00</td>
													</tr>
													<tr>
														<th scope="row">
															<span class="avatar avatar-sm">
																<img src="assets/img/products/product2.jpg" alt="img">
															</span>
														</th>
														<td>Camera</td>
														<td>Gadgets</td>
														<td>$7,249.29</td>
													</tr>
													<tr>
														<th scope="row">
															<span class="avatar avatar-sm">
																<img src="assets/img/products/product3.jpg" alt="img">
															</span>
														</th>
														<td>Shoes</td>
														<td>Footwear</td>
														<td>$799.00</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
									<div class="tab-pane fade" id="sales-tab-pane" role="tabpanel"
										aria-labelledby="sales-tab" tabindex="0">
										<ul class="list-unstyled mb-1">
											<li class="mb-3">
												<div class="d-flex justify-content-between">
													<div>
														Clothing
													</div>
													<div class="fs-14 fw-semibold">32,138</div>
												</div>
											</li>
											<li class="mb-3">
												<div class="d-flex justify-content-between">
													<div>
														Furniture
													</div>
													<div class="fs-14 fw-semibold">12,123</div>
												</div>
											</li>
											<li class="mb-3">
												<div class="d-flex justify-content-between">
													<div>
														electronics
													</div>
													<div class="fs-14 fw-semibold">9,238</div>
												</div>
											</li>
											<li class="mb-3">
												<div class="d-flex justify-content-between">
													<div>
														food Products
													</div>
													<div class="fs-14 fw-semibold">14,234</div>
												</div>
											</li>
											<li class="mb-0">
												<div class="d-flex justify-content-between">
													<div>
														Home Appliances
													</div>
													<div class="fs-14 fw-semibold">10,249</div>
												</div>
											</li>
										</ul>
									</div>
									<div class="tab-pane fade" id="profit-tab-pane" role="tabpanel"
										aria-labelledby="profit-tab" tabindex="0">
										<ul class="list-unstyled mb-0">
											<li class="mb-3">
												<div class="d-flex justify-content-between">
													<div>
														Clothing
													</div>
													<div class="fs-14 fw-semibold text-success"><i
															class="ri-arrow-up-s-fill me-1 align-middle"></i>22.75%
													</div>
												</div>
											</li>
											<li class="mb-3">
												<div class="d-flex justify-content-between">
													<div>
														electronics
													</div>
													<div class="fs-14 fw-semibold text-success"><i
															class="ri-arrow-up-s-fill me-1 align-middle"></i>42.24%
													</div>
												</div>
											</li>
											<li class="mb-3">
												<div class="d-flex justify-content-between">
													<div>
														Furniture
													</div>
													<div class="fs-14 fw-semibold text-success"><i
															class="ri-arrow-up-s-fill me-1 align-middle"></i>15.23%
													</div>
												</div>
											</li>
											<li class="mb-3">
												<div class="d-flex justify-content-between">
													<div>
														Home Appliances
													</div>
													<div class="fs-14 fw-semibold text-success"><i
															class="ri-arrow-up-s-fill me-1 align-middle"></i>15.14%
													</div>
												</div>
											</li>
											<li class="mb-0">
												<div class="d-flex justify-content-between">
													<div>
														food Products
													</div>
													<div class="fs-14 fw-semibold text-success"><i
															class="ri-arrow-up-s-fill me-1 align-middle"></i>31.64%
													</div>
												</div>
											</li>
										</ul>
									</div>
									<div class="tab-pane fade" id="expenses-tab-pane" role="tabpanel"
										aria-labelledby="expenses-tab" tabindex="0">
										<ul class="list-unstyled mb-0">
											<li class="mb-3">
												<div class="d-flex justify-content-between">
													<div>
														Clothing
													</div>
													<div class="fs-14 fw-semibold text-danger">-$31,134</div>
												</div>
											</li>
											<li class="mb-3">
												<div class="d-flex justify-content-between">
													<div>
														electronics
													</div>
													<div class="fs-14 fw-semibold text-danger">-$15,256</div>
												</div>
											</li>
											<li class="mb-3">
												<div class="d-flex justify-content-between">
													<div>
														Furniture
													</div>
													<div class="fs-14 fw-semibold text-danger">-$24,156</div>
												</div>
											</li>
											<li class="mb-3">
												<div class="d-flex justify-content-between">
													<div>
														Home Appliances
													</div>
													<div class="fs-14 fw-semibold text-danger">-$18,245</div>
												</div>
											</li>
											<li class="mb-0">
												<div class="d-flex justify-content-between">
													<div>
														food Products
													</div>
													<div class="fs-14 fw-semibold text-danger">-$18,478</div>
												</div>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-8">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Vertical Tab Style-1
								</div>
							</div>
							<div class="card-body d-flex align-items-start">
								<div class="row">
									<div class="col-md-3">
										<div class="nav flex-column nav-pills me-3 tab-style-7" id="v-pills-tab"
											role="tablist" aria-orientation="vertical">
											<button class="nav-link text-start active" id="main-profile-tab"
												data-bs-toggle="pill" data-bs-target="#main-profile" type="button"
												role="tab" aria-controls="main-profile" aria-selected="true"><i
													class="feather-user me-1 align-middle d-inline-block"></i>Profile</button>
											<button class="nav-link text-start" id="man-password-tab"
												data-bs-toggle="pill" data-bs-target="#man-password" type="button"
												role="tab" aria-controls="man-password" aria-selected="false"><i
													class="feather-monitor me-1 align-middle d-inline-block"></i>Password</button>
											<button class="nav-link text-start" id="main-team-tab" data-bs-toggle="pill"
												data-bs-target="#main-team" type="button" role="tab"
												aria-controls="main-team" aria-selected="false"><i
													class="feather-users me-1 align-middle d-inline-block"></i>Team</button>
											<button class="nav-link text-start" id="main-billing-tab"
												data-bs-toggle="pill" data-bs-target="#main-billing" type="button"
												role="tab" aria-controls="main-billing" aria-selected="false"><i
													class="feather-file me-1 align-middle d-inline-block"></i>Billing</button>
											<button class="nav-link text-start mb-1" id="main-email-tab"
												data-bs-toggle="pill" data-bs-target="#main-email" type="button"
												role="tab" aria-controls="main-email" aria-selected="false"><i
													class="feather-mail me-1 align-middle d-inline-block"></i>Email</button>
										</div>
									</div>
									<div class="col-md-8">
										<div class="tab-content" id="v-pills-tabContent">
											<div class="tab-pane show active" id="main-profile" role="tabpanel"
												tabindex="0">
												<div class="d-sm-flex">
													<div class="me-3">
														<span class="avatar avatar-xxl">
															<img src="assets/img/profiles/avatar-01.jpg" alt="img">
														</span>
													</div>
													<div>
														<div class="my-md-auto mt-4 ms-md-3">
															<h5 class="font-weight-semibold mb-1 pb-0">Adam Smith</h5>
															<p class="text-muted ms-0 mb-2 pb-2 ">
																<span class="me-3"><i
																		class="far fa-address-card me-2"></i>Ui/Ux
																	Developer</span>
																<span class="me-3"><i class="fa fa-taxi me-2"></i>West
																	fransisco,Alabama</span>
																<span><i class="far fa-flag me-2"></i>New Jersey</span>
															</p>
															<p class="text-muted ms-0 mb-2"><span><i
																		class="fa fa-phone me-2"></i></span><span
																	class="font-weight-semibold me-2">Phone:</span><span>+9412345
																	6789</span> </p>
															<p class="text-muted ms-0 mb-2"><span><i
																		class="fa fa-envelope me-2"></i></span><span
																	class="font-weight-semibold me-2">Email:</span><span><a href="https://crms.dreamstechnologies.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="384b484a4d5357164b48595b5d785d40595548545d165b5755">[email&#160;protected]</a></span>
															</p>
															<p class="text-muted ms-0 mb-2"><span><i
																		class="fa fa-globe me-2"></i></span><span
																	class="font-weight-semibold me-2">Website:</span><span>sprukotechnologies</span>
															</p>
															<p class="text-muted mb-0"><b>Lorem Ipsum</b> is simply
																dummy text of the printing and typesetting industry.
																Lorem
																Ipsum has been standard.</p>
														</div>
													</div>
												</div>
											</div>
											<div class="tab-pane" id="man-password" role="tabpanel" tabindex="0">
												<ul class="list-unstyled text-muted mb-0">
													<li class="mb-2">Lorem Ipsum is simply dummy text of the printing
														and typesetting industry. Lorem Ipsum has been the industry's
														<b>standard dummy text ever since the 1500s</b>, when an unknown
														printer took a galley of type and scrambled it to make a type
														specimen book. It has survived not only five centuries, but also
														the leap into electronic typesetting, remaining essentially
														unchanged. It was popularised in the 1960s with the release of
														Letraset sheets containing Lorem Ipsum passages, and more
														recently with desktop publishing software like Aldus PageMaker
														including versions of Lorem Ipsum.</li>
													<li class="mb-2">Contrary to popular belief, Lorem Ipsum is not
														simply random text. It has roots in a piece of classical Latin
														literature from 45 BC, making it over 2000 years old. Richard
														McClintock, a Latin professor at Hampden-Sydney College in
														Virginia,</li>
													<li class="mb-0">There are many variations of passages of Lorem
														Ipsum available, but the majority have suffered alteration in
														some form.</li>
												</ul>
											</div>
											<div class="tab-pane" id="main-team" role="tabpanel"
												aria-labelledby="main-team-tab" tabindex="0">
												<ul class="list-unstyled text-muted mb-0">
													<li class="mb-2">Contrary to popular belief, Lorem Ipsum is not
														simply random text. It has roots in a piece of classical Latin
														literature from 45 BC, making it over 2000 years old. Richard
														McClintock, a Latin professor at Hampden-Sydney College in
														Virginia,</li>
													<li class="mb-2">There are many variations of passages of Lorem
														Ipsum available, but the majority have suffered alteration in
														some form.
													</li>
													<li class="mb-0">Lorem Ipsum is simply dummy text of the printing
														and typesetting industry. Lorem Ipsum has been the industry's
														<b>standard dummy text ever since the 1500s</b>, when an unknown
														printer took a galley of type and scrambled it to make a type
														specimen book. It has survived not only five centuries, but also
														the leap into electronic typesetting, remaining essentially
														unchanged. It was popularised in the 1960s with the release of
														Letraset sheets containing Lorem Ipsum passages, and more
														recently with desktop publishing software like Aldus PageMaker
														including versions of Lorem Ipsum.
													</li>
												</ul>
											</div>
											<div class="tab-pane" id="main-billing" role="tabpanel"
												aria-labelledby="main-billing-tab" tabindex="0">
												<ul class="list-unstyled text-muted mb-0">
													<li class="mb-2">Contrary to popular belief, Lorem Ipsum is not
														simply random text. It has roots in a piece of classical Latin
														literature from 45 BC, making it over 2000 years old. Richard
														McClintock, a Latin professor at Hampden-Sydney College in
														Virginia,</li>
													<li class="mb-2">Lorem Ipsum is simply dummy text of the printing
														and typesetting industry. Lorem Ipsum has been the industry's
														<b>standard dummy text ever since the 1500s</b>, when an unknown
														printer took a galley of type and scrambled it to make a type
														specimen book. It has survived not only five centuries, but also
														the leap into electronic typesetting, remaining essentially
														unchanged. It was popularised in the 1960s with the release of
														Letraset sheets containing Lorem Ipsum passages, and more
														recently with desktop publishing software like Aldus PageMaker
														including versions of Lorem Ipsum.
													</li>
													<li class="mb-0">There are many variations of passages of Lorem
														Ipsum available, but the majority have suffered alteration in
														some form.</li>
												</ul>
											</div>
											<div class="tab-pane" id="main-email" role="tabpanel"
												aria-labelledby="main-email-tab" tabindex="0">
												<ul class="list-unstyled text-muted mb-0">
													<li class="mb-2">Lorem Ipsum is simply dummy text of the printing
														and typesetting industry. Lorem Ipsum has been the industry's
														<b>standard dummy text ever since the 1500s</b>, when an unknown
														printer took a galley of type and scrambled it to make a type
														specimen book. It has survived not only five centuries, but also
														the leap into electronic typesetting, remaining essentially
														unchanged. It was popularised in the 1960s with the release of
														Letraset sheets containing Lorem Ipsum passages, and more
														recently with desktop publishing software like Aldus PageMaker
														including versions of Lorem Ipsum.
													</li>
													<li class="mb-0">How hotel deals can help you live a better life.
														<b>How celebrity cruises</b> aren't as bad as you think. How
														cultural solutions can help you predict the future. How to cheat
														at dog friendly hotels and get away with it. </li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- / Tab Style-6 -->

				<!-- Vertical Tab Style-2 -->
				<div class="row">
					<div class="col-xxl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Vertical Tab Style-2
								</div>
							</div>
							<div class="card-body">
								<div class="row">
									<div class="col-md-3">
										<ul class="nav nav-tabs flex-column vertical-tabs-2" role="tablist">
											<li class="nav-item">
												<a class="nav-link active" data-bs-toggle="tab" role="tab"
													aria-current="page" href="#home-vertical-custom"
													aria-selected="true">
													<p class="mb-1"><i class="feather-home"></i></p>
													<p class="mb-0 text-break">Home</p>
												</a>
											</li>
											<li class="nav-item">
												<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
													href="#about-vertical-custom" aria-selected="true">
													<p class="mb-1"><i class="feather-phone"></i></p>
													<p class="mb-0 text-break">About</p>
												</a>
											</li>
											<li class="nav-item">
												<a class="nav-link mb-0" data-bs-toggle="tab" role="tab"
													aria-current="page" href="#services-vertical-custom"
													aria-selected="true">
													<p class="mb-1"><i class="feather-headphones"></i></p>
													<p class="mb-0 text-break">Services</p>
												</a>
											</li>
										</ul>
									</div>
									<div class="col-md-9">
										<div class="tab-content">
											<div class="tab-pane show active text-muted" id="home-vertical-custom"
												role="tabpanel">
												<ul class="mb-0">
													<li class="mb-2">
														How travel coupons make you a better lover. Why cultural
														solutions are the new black. Why mom was right about travel
														insurances. How family trip ideas can helpyou predict the
														future. <b>How carnival cruises make you a better lover</b>. Why
														you'll never succeed at daily deals.
													<li>How hotel deals can help you live a better life. <b>How
															celebrity cruises</b> aren't as bad as you think. How
														cultural solutions can help you predict the future. How to cheat
														at dog friendly hotels and get away with it.</li>
												</ul>
											</div>
											<div class="tab-pane text-muted" id="about-vertical-custom" role="tabpanel">
												<ul class="mb-0">
													<li class="mb-2">Lorem Ipsum is simply dummy text of the printing
														and typesetting industry. Lorem Ipsum has been the industry's
														<b>standard dummy text ever since the 1500s</b>, when an unknown
														printer took a galley of type and scrambled it to make a type
														specimen book. It has survived not only five centuries, but also
														the leap into electronic typesetting, remaining essentially
														unchanged. It was popularised in the 1960s with the release of
														Letraset sheets containing Lorem Ipsum passages, and more
														recently with desktop publishing software like Aldus PageMaker
														including versions of Lorem Ipsum</li>
													<li>How hotel deals can help you live a better life. <b>How
															celebrity cruises</b> aren't as bad as you think. How
														cultural solutions can help you predict the future. How to cheat
														at dog friendly hotels and get away with it.</li>
												</ul>
											</div>
											<div class="tab-pane text-muted" id="services-vertical-custom"
												role="tabpanel">
												<ul class="mb-0">
													<li class="mb-2">
														There are many variations of passages of Lorem Ipsum available,
														but the majority have suffered alteration in some form, by
														injected humour, or randomised words which don't look even
														slightly believable. If you are going to use a passage of Lorem
														Ipsum, you need to be sure there isn't anything embarrassing
														hidden.
													</li>
													<li>
														How hotel deals can help you live a better life. <b>How
															celebrity cruises</b> aren't as bad as you think. How
														cultural solutions can help you predict the future. How to cheat
														at dog friendly hotels and get away with it.
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xxl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Vertical Tabs Style-3
								</div>
							</div>
							<div class="card-body">
								<div class="row">
									<div class="col-md-4">
										<ul class="nav nav-tabs flex-column vertical-tabs-3" role="tablist">
											<li class="nav-item">
												<a class="nav-link active text-break" data-bs-toggle="tab" role="tab"
													aria-current="page" href="#employee-vertical" aria-selected="true">
													<i
														class="feather-user me-2 align-middle d-inline-block"></i>Employees
												</a>
											</li>
											<li class="nav-item">
												<a class="nav-link text-break" data-bs-toggle="tab" role="tab"
													aria-current="page" href="#customers-vertical" aria-selected="true">
													<i
														class="feather-users me-2 align-middle d-inline-block"></i>Customers
												</a>
											</li>
											<li class="nav-item">
												<a class="nav-link text-break mb-0" data-bs-toggle="tab" role="tab"
													aria-current="page" href="#products-vertical" aria-selected="true">
													<i
														class="feather-gift me-2 align-middle d-inline-block"></i>Products
												</a>
											</li>
										</ul>
									</div>
									<div class="col-md-8">
										<div class="tab-content">
											<div class="tab-pane show active text-muted" id="employee-vertical"
												role="tabpanel">
												<ul class="mb-0">
													<li class="mb-2">
														How travel coupons make you a better lover. Why cultural
														solutions are the new black. Why mom was right about travel
														insurances. How family trip ideas can helpyou predict the
														future. <b>How carnival cruises make you a better lover</b>. Why
														you'll never succeed at daily deals.
													</li>
													<li>How hotel deals can help you live a better life. <b>How
															celebrity cruises</b> aren't as bad as you think. How
														cultural solutions can help you predict the future. How to cheat
														at dog friendly hotels and get away with it.
													</li>
												</ul>
											</div>
											<div class="tab-pane text-muted" id="customers-vertical" role="tabpanel">
												<ul class="mb-0">
													<li class="mb-2">
														The standard chunk of Lorem Ipsum used since the 1500s is
														reproduced below for those interested. Sections 1.10.32 and
														1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also
														reproduced in their exact original form, accompanied by English
														versions from the 1914 translation by H. Rackham,How hotel deals
														can help you live a better life. <b>How celebrity
															cruises</b>
													</li>
													<li>How hotel deals can help you live a better life. <b>How
															celebrity cruises</b> aren't as bad as you think. How
														cultural solutions can help you predict the future. How to cheat
														at dog friendly hotels and get away with it.
													</li>
												</ul>
											</div>
											<div class="tab-pane text-muted" id="products-vertical" role="tabpanel">
												<ul class="mb-0">
													<li class="mb-2">
														There are many variations of passages of Lorem Ipsum available,
														but the majority have suffered alteration in some form, by
														injected humour, or randomised words which don't look even
														slightly believable. If you are going to use a passage of Lorem
														Ipsum, you need to be sure there isn't anything embarrassing
														hidden.
													</li>
													<li>How hotel deals can help you live a better life. <b>How
															celebrity cruises</b> aren't as bad as you think. How
														cultural solutions can help you predict the future. How to cheat
														at dog friendly hotels and get away with it.</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Vertical Tab Style-2 -->

				<!-- Tabs with dropdowns -->
				<div class="row">
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Tabs with dropdowns
								</div>
							</div>
							<div class="card-body">
								<ul class="nav nav-tabs mb-3" role="tablist">
									<li class="nav-item">
										<a class="nav-link active" data-bs-toggle="tab" role="tab"
											href="#hometab-dropdown" aria-selected="true">Home</a>
									</li>
									<li class="nav-item dropdown">
										<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown"
											href="javascript:void(0);" role="button" aria-expanded="false">Company</a>
										<ul class="dropdown-menu">
											<li><a class="dropdown-item" data-bs-toggle="tab" role="tab"
													href="#homeabout-dropdown" aria-selected="false">About</a></li>
											<li><a class="dropdown-item" href="javascript:void(0);">Another action</a>
											</li>
											<li><a class="dropdown-item" href="javascript:void(0);">Something else
													here</a>
											</li>
											<li>
												<hr class="dropdown-divider">
											</li>
											<li><a class="dropdown-item" href="javascript:void(0);">Separated link</a>
											</li>
										</ul>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab"
											href="#homeproducts-dropdown" aria-selected="false">Products</a>
									</li>
									<li class="nav-item">
										<a class="nav-link disabled">Services</a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane show active text-muted" id="hometab-dropdown" role="tabpanel">
										How travel coupons make you a better lover. Why cultural solutions are the new
										black. Why mom was right about travel insurances. How family trip ideas can
										helpyou predict the future. <b>How carnival cruises make you a better lover</b>.
										Why you'll never succeed at daily deals. 11 ways cheapest flights can find you
										the love of your life.</div>
									<div class="tab-pane text-muted" id="homeabout-dropdown" role="tabpanel">
										How hotel deals can help you live a better life. <b>How celebrity cruises</b>
										aren't as bad as you think. How cultural solutions can help you predict the
										future. How to cheat at dog friendly hotels and get away with it.
									</div>
									<div class="tab-pane text-muted" id="homeproducts-dropdown" role="tabpanel">Lorem
										Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
										has been the industry's <b>standard dummy text ever since the 1500s</b>, when an
										unknown printer took a galley of type and scrambled it to make a type specimen
										book. It has survived not only five centuries, but also the leap into electronic
										typesetting, remaining essentially unchanged. It was popularised in the 1960s
										with the release of Letraset sheets containing Lorem Ipsum passages, and more
										recently with desktop publishing software like Aldus PageMaker including
										versions of Lorem Ipsum</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Pills with dropdowns
								</div>
							</div>
							<div class="card-body">
								<ul class="nav nav-pills mb-3" role="tablist">
									<li class="nav-item">
										<a class="nav-link active" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#pill-products" aria-selected="true">Products</a>
									</li>
									<li class="nav-item dropdown">
										<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown"
											href="javascript:void(0);" role="button" aria-expanded="false">Cart</a>
										<ul class="dropdown-menu">
											<li><a class="dropdown-item" data-bs-toggle="tab" role="tab"
													aria-current="page" href="#pill-wishlist"
													aria-selected="false">Wishlist</a></li>
											<li><a class="dropdown-item" href="javascript:void(0);">Liked</a></li>
											<li><a class="dropdown-item" href="javascript:void(0);">Save For Later</a>
											</li>
											<li>
												<hr class="dropdown-divider">
											</li>
											<li><a class="dropdown-item" href="javascript:void(0);">Recently Viewed</a>
											</li>
										</ul>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#pill-orders" aria-selected="false">Orders</a>
									</li>
									<li class="nav-item">
										<a class="nav-link disabled">Offers</a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane show active text-muted" id="pill-products" role="tabpanel">
										How travel coupons make you a better lover. Why cultural solutions are the new
										black. Why mom was right about travel insurances. How family trip ideas can
										helpyou predict the future. <b>How carnival cruises make you a better lover</b>.
										Why you'll never succeed at daily deals. 11 ways cheapest flights can find you
										the love of your life.
									</div>
									<div class="tab-pane text-muted" id="pill-wishlist" role="tabpanel">
										How hotel deals can help you live a better life. <b>How celebrity cruises</b>
										aren't as bad as you think. How cultural solutions can help you predict the
										future. How to cheat at dog friendly hotels and get away with it.
									</div>
									<div class="tab-pane text-muted" id="pill-orders" role="tabpanel">Lorem Ipsum is
										simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
										the industry's <b>standard dummy text ever since the 1500s</b>, when an unknown
										printer took a galley of type and scrambled it to make a type specimen book. It
										has survived not only five centuries, but also the leap into electronic
										typesetting, remaining essentially unchanged. It was popularised in the 1960s
										with the release of Letraset sheets containing Lorem Ipsum passages, and more
										recently with desktop publishing software like Aldus PageMaker including
										versions of Lorem Ipsum</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Tabs with dropdowns -->

				<div class="row">

					<!-- FIll Pills -->
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									FIll Pills
								</div>
							</div>
							<div class="card-body">
								<ul class="nav nav-pills nav-fill mb-3" role="tablist">
									<li class="nav-item">
										<a class="nav-link active" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#fill-pill-home" aria-selected="true">Home</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#fill-pill-about" aria-selected="false">Customer-ratings</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#fill-pill-services" aria-selected="false">Services</a>
									</li>
									<li class="nav-item">
										<a class="nav-link disabled">Disabled</a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane show active text-muted" id="fill-pill-home" role="tabpanel">
										How travel coupons make you a better lover. Why cultural solutions are the new
										black. Why mom was right about travel insurances. How family trip ideas can
										helpyou predict the future. <b>How carnival cruises make you a better lover</b>.
										Why you'll never succeed at daily deals. 11 ways cheapest flights can find you
										the love of your life. The complete beginner's guide to mission trips. If you
										read one article about cultural notes read this one. Why you shouldn't eat
										vacation package in bed.
									</div>
									<div class="tab-pane text-muted" id="fill-pill-about" role="tabpanel">
										How hotel deals can help you live a better life. <b>How celebrity cruises</b>
										aren't as bad as you think. How cultural solutions can help you predict the
										future. How to cheat at dog friendly hotels and get away with it.
									</div>
									<div class="tab-pane text-muted" id="fill-pill-services" role="tabpanel">
										Unbelievable healthy snack success stories. 12 facts about safe food handling
										tips that will impress your friends. Restaurant weeks by the numbers. Will
										mexican food ever rule the world? The 10 best thai restaurant youtube videos.
										How restaurant weeks can make you sick.
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /FIll Pills -->

					<!-- Justified Pills -->
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Justified Pills
								</div>
							</div>
							<div class="card-body">
								<ul class="nav nav-pills nav-justified mb-3 d-sm-flex d-block" role="tablist">
									<li class="nav-item">
										<a class="nav-link active" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#justified-pill-home" aria-selected="true">Home</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#justified-pill-details" aria-selected="true">Company Details</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
											href="#justified-pill-products" aria-selected="true">Products</a>
									</li>
									<li class="nav-item">
										<a class="nav-link disabled">Disabled</a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane show active text-muted" id="justified-pill-home"
										role="tabpanel">
										How travel coupons make you a better lover. Why cultural solutions are the new
										black. Why mom was right about travel insurances. How family trip ideas can
										helpyou predict the future. <b>How carnival cruises make you a better lover</b>.
										Why you'll never succeed at daily deals. 11 ways cheapest flights can find you
										the love of your life. The complete beginner's guide to mission trips. If you
										read one article about cultural notes read this one. Why you shouldn't eat
										vacation package in bed.
									</div>
									<div class="tab-pane text-muted" id="justified-pill-details" role="tabpanel">
										How hotel deals can help you live a better life. <b>How celebrity cruises</b>
										aren't as bad as you think. How cultural solutions can help you predict the
										future. How to cheat at dog friendly hotels and get away with it.
									</div>
									<div class="tab-pane text-muted" id="justified-pill-products" role="tabpanel">
										Unbelievable healthy snack success stories. 12 facts about safe food handling
										tips that will impress your friends. Restaurant weeks by the numbers. Will
										mexican food ever rule the world? The 10 best thai restaurant youtube videos.
										How restaurant weeks can make you sick.
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Justified Pills -->

				<!--  Working with flex utilities -->
				<div class="row">
					<div class="col-xl-12">
						<div class="card">
							<div class="card-header">
								<div class="card-title">
									Working with flex utilities
								</div>
							</div>
							<div class="card-body">
								<nav class="nav nav-pills flex-column flex-sm-row" role="tablist">
									<a class="flex-sm-fill text-sm-center nav-link active" data-bs-toggle="tab"
										role="tab" aria-current="page" href="#pill-flex-home"
										aria-selected="true">Home</a>
									<a class="flex-sm-fill text-sm-center nav-link" data-bs-toggle="tab" role="tab"
										aria-current="page" href="#pill-flex-big" aria-selected="false">More Data More
										The Tab Size</a>
									<a class="flex-sm-fill text-sm-center nav-link" data-bs-toggle="tab" role="tab"
										aria-current="page" href="#pill-flex-about" aria-selected="false">About</a>
									<a class="flex-sm-fill text-sm-center nav-link disabled">Services</a>
								</nav>
								<div class="tab-content mt-3">
									<div class="tab-pane show active text-muted" id="pill-flex-home" role="tabpanel">
										How travel coupons make you a better lover. Why cultural solutions are the new
										black. Why mom was right about travel insurances. How family trip ideas can
										helpyou predict the future. <b>How carnival cruises make you a better lover</b>.
										Why you'll never succeed at daily deals. 11 ways cheapest flights can find you
										the love of your life. The complete beginner's guide to mission trips. If you
										read one article about cultural notes read this one. Why you shouldn't eat
										vacation package in bed.</div>
									<div class="tab-pane text-muted" id="pill-flex-big" role="tabpanel">How hotel deals
										can help you live a better life. <b>How celebrity cruises</b> aren't as bad as
										you think. How cultural solutions can help you predict the future. How to cheat
										at dog friendly hotels and get away with it. 17 problems with summer activities.
										How to cheat at travel agents and get away with it. How not knowing family trip
										ideas makes you a rookie. What everyone is saying about daily deals. How twitter
										can teach you about carnival cruises. How to start using cultural solutions.
									</div>
									<div class="tab-pane text-muted" id="pill-flex-about" role="tabpanel"> Unbelievable
										healthy snack success stories. 12 facts about safe food handling tips that will
										impress your friends. Restaurant weeks by the numbers. Will mexican food ever
										rule the world? The 10 best thai restaurant youtube videos. How restaurant weeks
										can make you sick. The complete beginner's guide to cooking healthy food.
										Unbelievable food stamp success stories. How whole foods markets are making the
										world a better place. 16 things that won't happen in dish reviews.</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- / Working with flex utilities -->

			</div>
		</div>

	</div>
	<!-- /Main Wrapper -->

	<!-- jQuery -->
	<script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/js/jquery-3.7.1.min.js" type="abd5a2591f189d116cad78a9-text/javascript"></script>

	<!-- Feather Icon JS -->
	<script src="assets/js/feather.min.js" type="abd5a2591f189d116cad78a9-text/javascript"></script>

	<!-- Slimscroll JS -->
	<script src="assets/js/jquery.slimscroll.min.js" type="abd5a2591f189d116cad78a9-text/javascript"></script>

	<!-- Bootstrap Core JS -->
	<script src="assets/js/bootstrap.bundle.min.js" type="abd5a2591f189d116cad78a9-text/javascript"></script>

	<!-- Custom JS -->
	<script src="assets/js/script.js" type="abd5a2591f189d116cad78a9-text/javascript"></script>

<script src="../../cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="abd5a2591f189d116cad78a9-|49" defer></script></body>


<!-- Mirrored from crms.dreamstechnologies.com/html/template/ui-nav-tabs.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 12 Nov 2024 09:33:14 GMT -->
</html>

Youez - 2016 - github.com/yon3zu
LinuXploit