���� 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-cards.html
<!DOCTYPE html>
<html lang="en">


<!-- Mirrored from crms.dreamstechnologies.com/html/template/ui-cards.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 12 Nov 2024 09:33:04 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 Cards | CRMS - Advanced Bootstrap 5 Admin Template for Customer Management</title>

	<!-- Themescript JS -->
	<script src="assets/js/theme-script.js" type="3d6f8c9cf87c0bf7c604e864-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">

	<!-- 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" class="active">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">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>Cards</h4>
					</div>
				</div>

				<!-- Feature Card -->
				<div class="row">
					<div class="col-xxl-3 col-xl-6 col-lg-6 col-md-6 col-sm-12">
						<div class="card">
							<img src="assets/img/img-01.jpg" class="card-img-top" alt="...">
							<div class="card-body">
								<h6 class="card-title fw-semibold">Card title</h6>
								<p class="card-text text-muted">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.</p>
								<a href="javascript:void(0);" class="btn btn-primary">Read More</a>
							</div>
							<div class="card-footer">
								<span class="card-text">Last updated 3 mins ago</span>
							</div>
						</div>
					</div>
					<div class="col-xxl-3 col-xl-6 col-lg-6 col-md-6 col-sm-12">
						<div class="card">
							<div class="card-header">
								<div class="card-title">Featured</div>
							</div>
							<div class="card-body">
								<h6 class="card-title fw-semibold">Special title treatment</h6>
								<p class="card-text">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</p>
								<a href="javascript:void(0);" class="btn btn-primary">Read More</a>
							</div>
						</div>
						<div class="card">
							<div class="card-body">
								<h6 class="card-title fw-semibold mb-2">Card title</h6>
								<p class="card-subtitle mb-3 text-muted">Card subtitle</p>
								<p class="card-text">There are many variations of passages of Lorem Ipsum available, but
									the majority have suffered alteration many variations of passages of Lorem Ipsum
									available there are so many ways to solve but the majority have suffered.</p>
							</div>
							<div class="card-footer">
								<a href="javascript:void(0);" class="card-link text-danger m-1">Buy Now</a>
								<a href="javascript:void(0);" class="card-link text-success m-1"><u>Review</u></a>
							</div>
						</div>
					</div>
					<div class="col-xxl-3 col-xl-6 col-lg-6 col-md-6 col-sm-12">
						<div class="card">
							<img src="assets/img/img-02.jpg" class="card-img-top" alt="...">
							<div class="card-body">
								<p class="card-text">Some quick example text to build on the card title and
									make up the bulk of the card's content.</p>
							</div>
						</div>
						<h6 class="mb-3">Only Card Body:</h6>
						<div class="card">
							<div class="card-body">
								<div class="card-text">
									<p class="mb-0">It is a long established fact that a reader will be distracted by
										the readable content.</p>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xxl-3 col-xl-6 col-lg-6 col-md-6 col-sm-12">
						<div class="card">
							<img src="assets/img/img-03.jpg" class="card-img-top" alt="...">
							<div class="card-body">
								<h6 class="card-title fw-semibold">Card title</h6>
								<p class="card-text">Some quick example text to build on the card title and
									make up the bulk of the card's content.</p>
							</div>
							<ul class="list-group list-group-flush">
								<li class="list-group-item">An item</li>
								<li class="list-group-item">A second item</li>
							</ul>
							<div class="card-body">
								<a href="javascript:void(0);" class="card-link text-primary">Card link</a>
								<a href="javascript:void(0);" class="card-link text-secondary d-inline-block">Another
									link</a>
							</div>
						</div>
					</div>
				</div>
				<!-- / Feature Card -->

				<!-- Quote Card -->
				<div class="row">
					<div class="col-xxl-6 col-xl-6 col-lg-12">
						<div class="row">
							<h6 class="mb-3">Quote:</h6>
							<div class="col-xl-12">
								<div class="card">
									<div class="card-body">
										<blockquote class="blockquote mb-0 text-center">
											<h6 class="">The greatest glory in living lies not in never falling, but in
												rising every time we fall.</h6>
											<footer class="blockquote-footer mt-2 fs-14">Someone famous in <cite
													title="Source Title">Source Title</cite></footer>
										</blockquote>
									</div>
								</div>
							</div>
							<div class="col-xl-12">
								<h6 class="mb-3">List Group:</h6>
								<div class="row">
									<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4">
										<div class="card">
											<ul class="list-group list-group-flush">
												<li class="list-group-item">An item</li>
												<li class="list-group-item">A second item</li>
												<li class="list-group-item">A third item</li>
												<li class="list-group-item">A fourth item</li>
											</ul>
										</div>
									</div>
									<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4">
										<div class="card">
											<div class="card-header">
												Featured
											</div>
											<ul class="list-group list-group-flush">
												<li class="list-group-item">An item</li>
												<li class="list-group-item">A second item</li>
												<li class="list-group-item">A third item</li>
											</ul>
										</div>
									</div>
									<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4">
										<div class="card">
											<ul class="list-group list-group-flush">
												<li class="list-group-item">An item</li>
												<li class="list-group-item">A second item</li>
												<li class="list-group-item">A third item</li>
											</ul>
											<div class="card-footer">
												Card footer
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xxl-6 col-xl-6 col-lg-12">
						<h6 class="mb-3">Using Grid Markups:</h6>
						<div class="row row-cols-12">
							<div class="col">
								<div class="card">
									<div class="card-body">
										<img src="assets/img/img-04.jpg" class="card-img mb-3" alt="...">
										<h6 class="card-title fw-semibold">Product A</h6>
										<p class="card-text">With supporting text below as a natural
											lead-in to additional content.</p>
										<a href="javascript:void(0);" class="btn btn-primary">Purchase</a>
									</div>
								</div>
							</div>
							<div class="col">
								<div class="card">
									<div class="card-body">
										<img src="assets/img/img-05.jpg" class="card-img mb-3" alt="...">
										<h6 class="card-title fw-semibold">Product B</h6>
										<p class="card-text">With supporting text below as a natural
											lead-in to additional content.</p>
										<a href="javascript:void(0);" class="btn btn-secondary">Purchase</a>
									</div>
								</div>
							</div>
							<div class="col">
								<div class="card">
									<div class="card-body">
										<img src="assets/img/img-02.jpg" class="card-img mb-3" alt="...">
										<h6 class="card-title fw-semibold">Product-C</h6>
										<p class="card-text">With supporting text below as a natural
											lead-in to additional content.</p>
										<a href="javascript:void(0);" class="btn btn-light">Purchase</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Quote Card -->

				<!-- Text Alignment -->
				<div class="row">
					<div class="col-xl-9">
						<h6 class="mb-3">Text Alignment:</h6>
						<div class="row">
							<div class="col-xl-4">
								<div class="card">
									<div class="card-body">
										<div class="mb-2">
											<span class="avatar avatar-md">
												<img src="assets/img/img-01.jpg" alt="img">
											</span>
										</div>
										<h6 class="card-title fw-semibold">Where it come from</h6>
										<p class="card-text">Contrary to popular belief, Lorem Ipsum is not simply
											random text. It has roots in a piece of classical Latin literature.</p>
										<a href="javascript:void(0);" class="btn btn-primary">Go somewhere</a>
									</div>
								</div>
							</div>
							<div class="col-xl-4">
								<div class="card text-center">
									<div class="card-body">
										<div class="mb-2">
											<span class="avatar avatar-md">
												<img src="assets/img/img-02.jpg" alt="img">
											</span>
										</div>
										<h6 class="card-title fw-semibold">Why do we use it?</h6>
										<p class="card-text">Many desktop publishing packages and web page editors now
											use Lorem Ipsum as their default model text.</p>
										<a href="javascript:void(0);" class="btn btn-primary">Go somewhere</a>
									</div>
								</div>
							</div>
							<div class="col-xl-4">
								<div class="card text-end">
									<div class="card-body">
										<div class="mb-2">
											<span class="avatar avatar-md">
												<img src="assets/img/img-03.jpg" alt="img">
											</span>
										</div>
										<h6 class="card-title fw-semibold">What is special?</h6>
										<p class="card-text">There are many variations of passages of Lorem Ipsum
											available, but the majority have suffered alteration in some form.</p>
										<a href="javascript:void(0);" class="btn btn-primary">Go somewhere</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="row">
							<h6 class="mb-3">Mixins utilities:</h6>
							<div class="col-xl-12">
								<div class="card border border-success mb-3">
									<div class="card-header bg-transparent border-bottom border-success">Header</div>
									<div class="card-body text-success">
										<h6 class="card-title fw-semibold">Looking For Success?</h6>
										<p class="card-text">If you are going 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.</p>
									</div>
									<div class="card-footer bg-transparent border-top border-success">Footer</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Text Alignment -->

				<!-- Card Header & Footer -->
				<h6 class="mb-3">Card Header & Footer:</h6>
				<div class="row">
					<div class="col-xl-3">
						<div class="card">
							<div class="card-header">
								<div class="d-flex align-items-center w-100">
									<img src="assets/img/profiles/avatar-01.jpg" alt="img"
										class="avatar avatar-rounded me-2">
									<div class="">
										<div class="fs-15 fw-semibold">Adam Smith</div>
										<p class="mb-0 text-muted fs-11">28 Years, Male</p>
									</div>
									<div class="dropdown ms-auto">
										<a href="javascript:void(0);" class="btn btn-icon btn-sm btn-light"
											data-bs-toggle="dropdown">
											<i class="fa-solid fa-ellipsis-vertical"></i>
										</a>
										<ul class="dropdown-menu">
											<li><a class="dropdown-item" href="javascript:void(0);">Week</a></li>
											<li><a class="dropdown-item" href="javascript:void(0);">Month</a></li>
											<li><a class="dropdown-item" href="javascript:void(0);">Year</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="card-body">
								If you are going to use, you need to be sure there isn't anything embarrassing hidden in
								the middle of text. All the Lorem Ipsum generators.
							</div>
							<div class="card-footer">
								<div class="d-flex justify-content-between">
									<div class="fs-semibold fs-14">28,Nov 2022</div>
									<div class="fw-semibold text-success">Assistant Professor</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card">
							<div class="card-header border-bottom-0 pb-0">
								<div>
									<span class="text-warning me-1"><i class="fa-solid fa-star"></i></span>
									<span class="text-warning me-1"><i class="fa-solid fa-star"></i></span>
									<span class="text-warning me-1"><i class="fa-solid fa-star"></i></span>
									<span class="text-warning me-1"><i class="fa-solid fa-star"></i></span>
									<span class="text-black op-1"><i class="fa-solid fa-star"></i></span>
									<p class="d-block text-muted mb-0 fs-12 fw-semibold">1 year ago</p>
								</div>
							</div>
							<div class="card-body pt-3">
								<div class="fw-semibold fs-15 mb-2">Very Great!</div>
								There are many variations of passages of Lorem Ipsum available, but the majority have
								suffered alteration in some form, by injected humour
							</div>
							<div class="card-footer">
								<div class="d-flex align-items-center">
									<span class="avatar avatar-sm avatar-rounded me-2">
										<img src="assets/img/profiles/avatar-02.jpg" alt="img">
									</span>
									<div class="fw-semibold fs-14">Corey Anderson</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card text-center">
							<div class="card-header border-bottom-0 pb-0">
								<span class="ms-auto shadow-lg fs-17"><i
										class="fa-solid fa-heart text-danger"></i></span>
							</div>
							<div class="card-body pt-1">
								<span class="avatar avatar-xl avatar-rounded me-2 mb-2">
									<img src="assets/img/profiles/avatar-07.jpg" alt="img">
								</span>
								<div class="fw-semibold fs-16">Sasha Max</div>
								<p class="mb-4 text-muted fs-11">Web Developer</p>
								<div class="btn-list">
									<button class="btn btn-icon btn-facebook btn-wave">
										<i class="fa-brands fa-facebook-f"></i>
									</button>
									<button class="btn btn-icon btn-twitter btn-wave">
										<i class="fa-brands fa-twitter"></i>
									</button>
									<button class="btn btn-icon btn-instagram btn-wave">
										<i class="fa-brands fa-instagram"></i>
									</button>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card border border-primary">
							<div class="card-body">
								<div class="cals-icon">
									<i class="fa solid fa-calculator"></i>
								</div>
								<p class="mb-0 mt-3 fs-20 fw-semibold lh-1">
									Calculations
								</p>
							</div>
							<div class="card-footer">
								Lorem Ipsum is therefore always free from repetition, injected humour.
							</div>
						</div>
					</div>
					<div class="col-xl-2">
						<div class="card">
							<div class="card-body">
								<img src="assets/img/img-1.jpg" class="card-img mb-3" alt="...">
								<h6 class="card-title fw-semibold mb-3">Mountains<span
										class="badge bg-primary float-end fs-10">New</span></h6>
								<p class="card-text">With supporting text below as a natural
									lead-in.</p>
							</div>
						</div>
					</div>
					<div class="col-xl-2">
						<div class="card">
							<div class="card-body">
								<img src="assets/img/img-2.jpg" class="card-img mb-3" alt="...">
								<h6 class="card-title fw-semibold mb-3">Hills<span
										class="badge bg-secondary float-end fs-10">Hot</span></h6>
								<p class="card-text">With supporting text below as a natural
									lead-in.</p>
							</div>
						</div>
					</div>
					<div class="col-xl-2">
						<div class="card">
							<div class="card-body">
								<img src="assets/img/img-3.jpg" class="card-img mb-3" alt="...">
								<h6 class="card-title fw-semibold mb-3">Nature<span
										class="badge bg-light text-dark float-end fs-10">Offer</span></h6>
								<p class="card-text">With supporting text below as a natural
									lead-in.</p>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card text-center">
							<div class="card-header">
								<div class="card-title">Featured</div>
							</div>
							<div class="card-body">
								<h6 class="card-title fw-semibold mb-2">Breaking News !</h6>
								<p class="card-text mb-4">With supporting text below as a natural lead-in to
									additional content.</p>
								<a href="javascript:void(0);" class="btn btn-primary mt-2">Read More</a>
								<a href="javascript:void(0);" class="btn btn-outline-secondary mt-2">Close</a>
							</div>
							<div class="card-footer text-muted">
								11.32pm
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card">
							<div class="card-header">
								<div class="d-flex w-100">
									<div class="me-4">
										<span class="avatar avatar-lg avatar-rounded">
											<img src="assets/img/profiles/avatar-03.jpg" alt="img">
										</span>
									</div>
									<div class="d-flex align-items-center justify-content-between w-100 flex-wrap">
										<div class="me-3">
											<p class="text-muted mb-0">Posts</p>
											<p class="fw-semibold fs-16 mb-0">25</p>
										</div>
										<div class="me-3">
											<p class="text-muted mb-0">Followers</p>
											<p class="fw-semibold fs-16 mb-0">1253</p>
										</div>
										<div class="me-3">
											<p class="text-muted mb-0">Following</p>
											<p class="fw-semibold fs-16 mb-0">367</p>
										</div>
									</div>
								</div>
							</div>
							<div class="card-body">
								<div class="fw-semibold fs-16">Angelina Caprio</div>
								<div class="text-muted fs-11 mb-4">Angular Developer</div>
								<p class="fs-14 fw-semibold mb-1">About:</p>
								<p class="mb-0 card-text">Finibus Bonorum et Malorum" by Cicero are also reproduced in
									their exact original form, accompanied by English versions </p>
							</div>
						</div>
					</div>
					<div class="col-xl-4">
						<div class="card">
							<div class="card-header justify-content-between d-flex flex-wrap">
								<div class="card-title">
									Card With Collapse Button
								</div>
								<a href="javascript:void(0);" data-bs-toggle="collapse"
									data-bs-target="#collapseExample" aria-expanded="false"
									aria-controls="collapseExample">
									<i class="fa-solid fa-chevron-down fs-18 collapse-open"></i>
									<i class="fa-solid fa-chevron-up collapse-close fs-18"></i>
								</a>
							</div>
							<div class="collapse show" id="collapseExample">
								<div class="card-body">
									<h6 class="card-text fw-semibold">Collapsible Card</h6>
									<p class="card-text mb-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</p>
								</div>
								<div class="card-footer">
									<button class="btn btn-primary">Read More</button>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-4">
						<div class="card">
							<div class="card-header justify-content-between d-flex flex-wrap">
								<div class="card-title">
									Card With Close Button
								</div>
								<a href="javascript:void(0);" data-bs-toggle="card-remove">
									<i class="fa-solid fa-xmark fs-18"></i>
								</a>
							</div>
							<div class="card-body">
								<h6 class="card-text fw-semibold">Closed Card</h6>
								<p class="card-text mb-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</p>
							</div>
							<div class="card-footer">
								<button class="btn btn-primary">Read More</button>
							</div>
						</div>
					</div>
					<div class="col-xl-4">
						<div class="card">
							<div class="card-header justify-content-between d-flex flex-wrap">
								<div class="card-title">
									Card With Fullscreen Button
								</div>
								<a href="javascript:void(0);" data-bs-toggle="card-fullscreen">
									<i class="fa-solid fa-expand"></i>
								</a>
							</div>
							<div class="card-body">
								<h6 class="card-text fw-semibold">FullScreen Card</h6>
								<p class="card-text mb-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</p>
							</div>
							<div class="card-footer">
								<button class="btn btn-primary">Read More</button>
							</div>
						</div>
					</div>
				</div>
				<!-- /Card Header & Footer -->

				<!-- Using Utilities -->
				<div class="row">
					<div class="col-xxl-6 col-xl-12">
						<h6 class="mb-3">Using Utilities:</h6>
						<div class="row">
							<div class="col-xl-6">
								<div class="card w-75">
									<div class="card-header">
										<div class="card-title">Using Width 75%</div>
									</div>
									<div class="card-body">
										<div class="card-text">
											Lorem ipsum dolor sit amet consectetur adipisicing elit. Id nostrum omnis
											excepturi consequatur molestiae
										</div>
									</div>
									<div class="card-footer">
										<a href="javascript:void(0);" class="btn btn-primary d-grid">Button</a>
									</div>
								</div>
							</div>
							<div class="col-xl-6">
								<div class="card w-50">
									<div class="card-header">
										<div class="card-title">Using Width 50%</div>
									</div>
									<div class="card-body">
										<div class="card-text">
											Lorem ipsum dolor sit amet consectetur adipisicing elit
										</div>
									</div>
									<div class="card-footer">
										<a href="javascript:void(0);" class="btn btn-primary d-grid">Button</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xxl-6 col-xl-12">
						<h6 class="mb-3">Navigation:</h6>
						<div class="row">
							<div class="col-xl-6">
								<div class="card text-center">
									<div class="card-header">
										<ul class="nav nav-tabs card-header-tabs ms-1">
											<li class="nav-item">
												<a class="nav-link active" aria-current="true"
													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 disabled">Disabled</a>
											</li>
										</ul>
									</div>
									<div class="card-body">
										<h6 class="card-title fw-semibold">Special title treatment</h6>
										<p class="card-text">With supporting text below as a natural lead-in to
											additional content.</p>
										<a href="javascript:void(0);" class="btn btn-primary">Go somewhere</a>
									</div>
								</div>
							</div>
							<div class="col-xl-6">
								<div class="card text-center">
									<div class="card-header">
										<ul class="nav nav-pills card-header-pills ms-1">
											<li class="nav-item">
												<a class="nav-link active" 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 disabled">Disabled</a>
											</li>
										</ul>
									</div>
									<div class="card-body">
										<h6 class="card-title fw-semibold">Special title treatment</h6>
										<p class="card-text">With supporting text below as a natural lead-in to
											additional content.</p>
										<a href="javascript:void(0);" class="btn btn-primary">Go somewhere</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Using Utilities -->

				<!-- Image Caps -->
				<h6 class="mb-3">Image Caps:</h6>
				<div class="row">
					<div class="col-xl-4">
						<div class="card">
							<img src="assets/img/img-01.jpg" class="card-img-top" alt="...">
							<div class="card-body">
								<h6 class="card-title fw-semibold">Image caps are widely used in Blog's</h6>
								<p class="card-text mb-3 text-muted">But I must explain to you how all this mistaken
									idea of denouncing pleasure and praising pain was born and I will give you a
									complete account of the system, and expound the actual teachings.</p>
								<p class="card-text mb-0"><small>Last updated 3 mins ago</small></p>
							</div>
						</div>
					</div>
					<div class="col-xl-4">
						<div class="card">
							<div class="card-body">
								<h6 class="card-title fw-semibold">Image caps are widely used in Blog's</h6>
								<p class="card-text mb-3 text-muted">But I must explain to you how all this mistaken
									idea of denouncing pleasure and praising pain was born and I will give you a
									complete account of the system, and expound.</p>
								<p class="card-text mb-0"><small>Last updated 3 mins ago</small></p>
							</div>
							<img src="assets/img/img-02.jpg" class="card-img-bottom" alt="...">
						</div>
					</div>
					<div class="col-xl-4">
						<div class="card">
							<div class="card-body">
								<h6 class="card-title fw-semibold mb-1">Image caps are widely used in Blog's</h6>
								<p class="card-text mb-1 text-muted">This is a wider card with supporting text below as
									a natural lead-in to additional content. This content is a little bit longer.</p>
							</div>
							<img src="assets/img/img-2.jpg" class="card-img rounded-0" alt="...">
							<div class="card-body">
								<p class="card-text mb-0"><small>Last updated 3 mins ago</small></p>
							</div>
						</div>
					</div>
					<div class="col-xl-4">
						<div class="card">
							<div class="card-header">
								<div class="card-title">Image caps are widely used in Blog's</div>
							</div>
							<div class="card-body">
								<p class="card-text mb-1 text-muted">This is a wider card with supporting text below as
									a natural lead-in to additional content. This content is a little bit longer.</p>
							</div>
							<img src="assets/img/img-04.jpg" class="card-img rounded-0" alt="...">
							<div class="card-footer">
								<p class="card-text mb-0"><small>Last updated 3 mins ago</small></p>
							</div>
						</div>
					</div>
					<div class="col-xl-4">
						<div class="card">
							<img src="assets/img/img-05.jpg" class="card-img-top" alt="...">
							<div class="card-header">
								<div class="card-title">Image caps are widely used in Blog's</div>
							</div>
							<div class="card-body">
								<p class="card-text mb-1 text-muted">This is a wider card with supporting text below as
									a natural lead-in to additional content. This content is a little bit longer.</p>
							</div>
							<div class="card-footer">
								<p class="card-text mb-0"><small>Last updated 3 mins ago</small></p>
							</div>
						</div>
					</div>
					<div class="col-xl-4">
						<div class="card">
							<div class="card-header">
								<div class="card-title">Image caps are widely used in Blog's</div>
							</div>
							<div class="card-body">
								<p class="card-text mb-1 text-muted">This is a wider card with supporting text below as
									a natural lead-in to additional content. This content is a little bit longer.</p>
							</div>
							<div class="card-footer">
								<p class="card-text mb-0"><small>Last updated 3 mins ago</small></p>
							</div>
							<img src="assets/img/img-1.jpg" class="card-img-bottom" alt="...">
						</div>
					</div>
				</div>
				<!-- /Image Caps -->

				<!-- Image Overlays -->
				<h6 class="mb-3">Image Overlays:</h6>
				<div class="row">
					<div class="col-xl-4">
						<div class="card overlay-card">
							<img src="assets/img/img-2.jpg" class="card-img" alt="...">
							<div class="card-img-overlay d-flex flex-column p-0">
								<div class="card-header">
									<div class="card-title text-fixed-white">
										Image Overlays Are Awesome!
									</div>
								</div>
								<div class="card-body text-fixed-white">
									<div class="card-text 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.</div>
									<div class="card-text">Last updated 3 mins ago</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-4">
						<div class="card overlay-card">
							<img src="assets/img/img-3.jpg" class="card-img" alt="...">
							<div class="card-img-overlay d-flex flex-column p-0 over-content-bottom">
								<div class="card-body text-fixed-white">
									<div class="card-text text-fixed-white">
										Image Overlays Are Awesome!
									</div>
									<div class="card-text 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.</div>
									<div class="card-text">Last updated 3 mins ago</div>
								</div>
								<div class="card-footer text-fixed-white">Last updated 3 mins ago</div>
							</div>
						</div>
					</div>
					<div class="col-xl-4">
						<div class="card overlay-card">
							<img src="assets/img/img-4.jpg" class="card-img" alt="...">
							<div class="card-img-overlay d-flex flex-column p-0">
								<div class="card-header">
									<div class="card-title text-fixed-white">
										Image Overlays Are Awesome!
									</div>
								</div>
								<div class="card-body text-fixed-white">
									<div class="card-text">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.</div>
								</div>
								<div class="card-footer text-fixed-white">Last updated 3 mins ago</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Image Overlays -->

				<!-- Horizontal Cards -->
				<h6 class="mb-3">Horizontal Cards:</h6>
				<div class="row">
					<div class="col-xl-4">
						<div class="card">
							<div class="row g-0">
								<div class="col-md-4">
									<img src="assets/img/img-05.jpg"
										class="img-fluid rounded-start object-fit-cover h-100 w-100" alt="...">
								</div>
								<div class="col-md-8">
									<div class="card-header">
										<div class="card-title">Horizontal Cards</div>
									</div>
									<div class="card-body">
										<h6 class="card-title fw-semibold">Horizontal cards are awesome!</h6>
										<p class="card-text">This is a wider card with supporting text below as a
											natural lead-in to additional content. This content is a little bit longer.
										</p>
									</div>
									<div class="card-footer">
										<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small>
										</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-4">
						<div class="card">
							<div class="row g-0">
								<div class="col-md-8">
									<div class="card-header">
										<div class="card-title">Horizontal Cards</div>
									</div>
									<div class="card-body">
										<h6 class="card-title fw-semibold">Horizontal cards are awesome!</h6>
										<p class="card-text mb-3">This is a wider card with suppo rting text below as a
											natural lead-in to additional content. This content is a little bit longer.
										</p>
										<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small>
										</p>
									</div>
								</div>
								<div class="col-md-4">
									<img src="assets/img/img-01.jpg"
										class="img-fluid rounded-end object-fit-cover h-100 w-100" alt="...">
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-4">
						<div class="card">
							<div class="row g-0">
								<div class="col-md-8">
									<div class="card-body">
										<h6 class="card-title fw-semibold mb-2">Horizontal Cards</h6>
										<div class="card-title mb-3">Horizontal cards are awesome!</div>
										<p class="card-text">This is a wider card with supporting text below as a
											natural lead-in to additional content. This content is a little bit longer.
										</p>
									</div>
									<div class="card-footer">
										<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small>
										</p>
									</div>
								</div>
								<div class="col-md-4">
									<img src="assets/img/img-02.jpg"
										class="img-fluid rounded-end object-fit-cover h-100 w-100" alt="...">
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Horizontal Cards -->

				<!-- Background Colored Cards -->
				<h6 class="mb-3">Background Colored Cards:</h6>
				<div class="row">
					<div class="col-xl-3">
						<div class="card card-bg-primary">
							<div class="card-body">
								<div class="d-flex align-items-center w-100">
									<div class="me-2">
										<span class="avatar avatar-rounded">
											<img src="assets/img/profiles/avatar-02.jpg" alt="img">
										</span>
									</div>
									<div class="">
										<div class="fs-15 fw-semibold">Adam Smith</div>
										<p class="mb-0 text-fixed-white op-7 fs-12">Finished by today</p>
									</div>
									<div class="ms-auto">
										<a href="javascript:void(0);" class="text-fixed-white"><i
												class="fa-solid fa-ellipsis-vertical"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card card-bg-secondary">
							<div class="card-body">
								<div class="d-flex align-items-center w-100">
									<div class="me-2">
										<span class="avatar avatar-rounded">
											<img src="assets/img/profiles/avatar-01.jpg" alt="img">
										</span>
									</div>
									<div class="">
										<div class="fs-15 fw-semibold">Elisha Corner</div>
										<p class="mb-0 text-fixed-white op-7 fs-12">Completed 24 days back</p>
									</div>
									<div class="ms-auto">
										<a href="javascript:void(0);" class="text-fixed-white"><i
												class="fa-solid fa-ellipsis-vertical"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card card-bg-warning">
							<div class="card-body">
								<div class="d-flex align-items-center w-100">
									<div class="me-2">
										<span class="avatar avatar-rounded">
											<img src="assets/img/profiles/avatar-03.jpg" alt="img">
										</span>
									</div>
									<div class="">
										<div class="fs-15 fw-semibold">Sarah Alina</div>
										<p class="mb-0 text-fixed-white op-7 fs-12">Completed today</p>
									</div>
									<div class="ms-auto">
										<a href="javascript:void(0);" class="text-fixed-white"><i
												class="fa-solid fa-ellipsis-vertical"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card card-bg-info">
							<div class="card-body">
								<div class="d-flex align-items-center w-100">
									<div class="me-2">
										<span class="avatar avatar-rounded">
											<img src="assets/img/profiles/avatar-07.jpg" alt="img">
										</span>
									</div>
									<div class="">
										<div class="fs-15 fw-semibold">Monica Karen</div>
										<p class="mb-0 text-fixed-white op-7 fs-12">Pending from 4 days</p>
									</div>
									<div class="ms-auto">
										<a href="javascript:void(0);" class="text-fixed-white"><i
												class="fa-solid fa-ellipsis-vertical"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card card-bg-success">
							<div class="card-body">
								<div class="d-flex align-items-center w-100">
									<div class="me-2">
										<span class="avatar avatar-rounded">
											<img src="assets/img/profiles/avatar-11.jpg" alt="img">
										</span>
									</div>
									<div class="">
										<div class="fs-15 fw-semibold">Samantha sid</div>
										<p class="mb-0 text-fixed-white op-7 fs-12">In leave for 1 month</p>
									</div>
									<div class="ms-auto">
										<a href="javascript:void(0);" class="text-fixed-white"><i
												class="fa-solid fa-ellipsis-vertical"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card card-bg-danger">
							<div class="card-body">
								<div class="d-flex align-items-center w-100">
									<div class="me-2">
										<span class="avatar avatar-rounded">
											<img src="assets/img/profiles/avatar-04.jpg" alt="img">
										</span>
									</div>
									<div class="">
										<div class="fs-15 fw-semibold">Sebastien steyn</div>
										<p class="mb-0 text-fixed-white op-7 fs-12">Completed by Tomorrow</p>
									</div>
									<div class="ms-auto">
										<a href="javascript:void(0);" class="text-fixed-white"><i
												class="fa-solid fa-ellipsis-vertical"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card card-bg-light">
							<div class="card-body">
								<div class="d-flex align-items-center w-100">
									<div class="me-2">
										<span class="avatar avatar-rounded">
											<img src="assets/img/profiles/avatar-05.jpg" alt="img">
										</span>
									</div>
									<div class="">
										<div class="fs-15 fw-semibold">Jacob Smith</div>
										<p class="mb-0 text-muted op-7 fs-12">Finished by 24,Nov</p>
									</div>
									<div class="ms-auto">
										<a href="javascript:void(0);" class="text-default"><i
												class="fa-solid fa-ellipsis-vertical"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card card-bg-dark">
							<div class="card-body">
								<div class="d-flex align-items-center w-100">
									<div class="me-2">
										<span class="avatar avatar-rounded">
											<img src="assets/img/profiles/avatar-06.jpg" alt="img">
										</span>
									</div>
									<div class="">
										<div class="fs-15 fw-semibold text-white">Pope Adam</div>
										<p class="mb-0 op-7 fs-12 text-white">Completed on 24,may</p>
									</div>
									<div class="ms-auto">
										<a href="javascript:void(0);" class="text-white"><i
												class="fa-solid fa-ellipsis-vertical"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Background Colored Cards -->

				<!-- Colored Border Cards -->
				<h6 class="mb-3">Colored Border Cards:</h6>
				<div class="row">
					<div class="col-xl-3">
						<div class="card border border-primary">
							<div class="card-body">
								<p class="fs-14 fw-semibold mb-2 lh-1">Home Page Design
								</p>
								<div class="d-flex flex-wrap gap-2 mb-4">
									<span class="badge bg-primary-transparent">Framework</span>
									<span class="badge bg-secondary-transparent">Angular</span>
									<span class="badge bg-info-transparent">Php</span>
								</div>
								<div class="avatar-list-stacked">
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-01.jpg" alt="img">
									</span>
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-02.jpg" alt="img">
									</span>
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-03.jpg" alt="img">
									</span>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card border border-secondary">
							<div class="card-body">
								<p class="fs-14 fw-semibold mb-2 lh-1">Landing Page Design</p>
								<div class="d-flex flex-wrap gap-2 mb-4">
									<span class="badge bg-danger-transparent">Laravel</span>
									<span class="badge bg-info-transparent">Codeignitor</span>
									<span class="badge bg-success-transparent">Php</span>
								</div>
								<div class="avatar-list-stacked">
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-04.jpg" alt="img">
									</span>
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-05.jpg" alt="img">
									</span>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card border border-warning">
							<div class="card-body">
								<p class="fs-14 fw-semibold mb-2 lh-1">Update New Project</p>
								<div class="d-flex flex-wrap gap-2 mb-4">
									<span class="badge bg-warning-transparent">Html</span>
									<span class="badge bg-secondary-transparent">Bootstrap</span>
									<span class="badge bg-info-transparent">React</span>
								</div>
								<div class="avatar-list-stacked">
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-06.jpg" alt="img">
									</span>
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-07.jpg" alt="img">
									</span>
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-08.jpg" alt="img">
									</span>
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-09.jpg" alt="img">
									</span>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card border border-info">
							<div class="card-body">
								<p class="fs-14 fw-semibold mb-2 lh-1">New Project Discussion</p>
								<div class="d-flex flex-wrap gap-2 mb-4">
									<span class="badge bg-info-transparent">React</span>
									<span class="badge bg-primary-transparent">Typescript</span>
								</div>
								<div class="avatar-list-stacked">
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-10.jpg" alt="img">
									</span>
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-11.jpg" alt="img">
									</span>
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-12.jpg" alt="img">
									</span>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card border border-danger">
							<div class="card-body">
								<p class="fs-14 fw-semibold mb-2 lh-1">Recent Projects Testing</p>
								<div class="d-flex flex-wrap gap-2 mb-4">
									<span class="badge bg-primary-transparent">Ui</span>
									<span class="badge bg-secondary-transparent">Angular</span>
									<span class="badge bg-info-transparent">Java</span>
								</div>
								<div class="avatar-list-stacked">
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-13.jpg" alt="img">
									</span>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card border border-success">
							<div class="card-body">
								<p class="fs-14 fw-semibold mb-2 lh-1">About Us Page redesign</p>
								<div class="d-flex flex-wrap gap-2 mb-4">
									<span class="badge bg-danger-transparent">Html</span>
									<span class="badge bg-warning-transparent">Symphony</span>
									<span class="badge bg-success-transparent">Php</span>
								</div>
								<div class="avatar-list-stacked">
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-14.jpg" alt="img">
									</span>
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-15.jpg" alt="img">
									</span>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card border border-light">
							<div class="card-body">
								<p class="fs-14 fw-semibold mb-2 lh-1">New Employees</p>
								<div class="d-flex flex-wrap gap-2 mb-4">
									<span class="badge bg-warning-transparent">Html</span>
									<span class="badge bg-info-transparent">Cake Php</span>
									<span class="badge bg-success-transparent">React</span>
								</div>
								<div class="avatar-list-stacked">
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-16.jpg" alt="img">
									</span>
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-17.jpg" alt="img">
									</span>
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-18.jpg" alt="img">
									</span>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3">
						<div class="card border border-dark">
							<div class="card-body">
								<p class="fs-14 fw-semibold mb-2 lh-1">Terminated Employees</p>
								<div class="d-flex flex-wrap gap-2 mb-4">
									<span class="badge bg-primary-transparent">Angular</span>
								</div>
								<div class="avatar-list-stacked">
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-01.jpg" alt="img">
									</span>
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-02.jpg" alt="img">
									</span>
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-03.jpg" alt="img">
									</span>
									<span class="avatar avatar-sm avatar-rounded">
										<img src="assets/img/profiles/avatar-04.jpg" alt="img">
									</span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Colored Border Cards -->

				<!-- Card Groups With Footer -->
				<h6 class="mb-3">Card Groups With Footer:</h6>
				<div class="row">
					<div class="col-xl-12">
						<div class="card-group">
							<div class="card">
								<img src="assets/img/img-01.jpg" class="card-img-top" alt="...">
								<div class="card-body">
									<h6 class="card-title fw-semibold">Delecious food is a blessing!</h6>
									<p class="card-text">This is a wider card with supporting text below as
										a
										natural lead-in to additional content. This content is a little bit
										longer.</p>
								</div>
								<div class="card-footer">
									<small class="text-muted">Last updated 3 mins ago</small>
								</div>
							</div>
							<div class="card">
								<img src="assets/img/img-02.jpg" class="card-img-top" alt="...">
								<div class="card-body">
									<h6 class="card-title fw-semibold">Is office the best place to earn knowledge?</h6>
									<p class="card-text">This card has supporting text below as a natural
										lead-in to additional content.</p>
								</div>
								<div class="card-footer">
									<small class="text-muted">Last updated 3 mins ago</small>
								</div>
							</div>
							<div class="card">
								<img src="assets/img/img-03.jpg" class="card-img-top" alt="...">
								<div class="card-body">
									<h6 class="card-title fw-semibold">Writing is an art.</h6>
									<p class="card-text">This is a wider card with supporting text below as
										a
										natural lead-in to additional content. This card has even longer
										content
										than the first to show that equal height action.</p>
								</div>
								<div class="card-footer">
									<small class="text-muted">Last updated 3 mins ago</small>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Card Groups With Footer -->

				<!-- Cards With Link -->
				<h6 class="mb-3">Cards With Link:</h6>
				<div class="row">
					<div class="col-xxl-3 col-xl-12">
						<div class="card">
							<a href="javascript:void(0);" class="card-anchor"></a>
							<img src="assets/img/img-1.jpg" class="card-img-top" alt="...">
							<div class="card-body">
								<h6 class="card-title fw-semibold mb-0">Forests are Awesome.</h6>
							</div>
						</div>
					</div>
					<div class="col-xxl-6 col-xl-6">
						<div class="row">
							<div class="col-xxl-12 col-xl-12">
								<div class="card card-bg-primary">
									<a href="javascript:void(0);" class="card-anchor"></a>
									<div class="card-body">
										<blockquote class="blockquote mb-0 text-center">
											<h6 class="text-fixed-white">The best and most beautiful things in the world
												cannot be seen or even touched — they must be felt with the heart..</h6>
											<footer class="blockquote-footer mt-3 fs-14 text-fixed-white op-7">Someone
												famous as <cite title="Source Title">-Helen Keller</cite></footer>
										</blockquote>
									</div>
								</div>
							</div>
							<div class="col-xxl-5 col-xl-12">
								<div class="card">
									<a href="javascript:void(0);" class="card-anchor"></a>
									<div class="card-body">
										<div class="d-flex align-items-center">
											<div class="me-3">
												<span class="avatar avatar-md">
													<img src="assets/img/profiles/avatar-02.jpg" alt="img">
												</span>
											</div>
											<div>
												<p class="card-text mb-0 fs-14 fw-semibold">Atharva Simon.</p>
												<div class="card-title text-muted fs-12 mb-0">Correspondent Professor
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="card border border-info">
									<a href="javascript:void(0);" class="card-anchor"></a>
									<div class="card-body">
										<div class="d-flex align-items-center">
											<div class="me-3">
												<span class="avatar avatar-xl">
													<img src="assets/img/profiles/avatar-01.jpg" alt="img">
												</span>
											</div>
											<div>
												<p class="card-text text-info mb-1 fs-14 fw-semibold">Alicia Keys.</p>
												<div class="card-title fs-12 mb-1">Department Of Commerce</div>
												<div class="card-title text-muted fs-11 mb-0">24 Years, Female</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-xxl-7 col-xl-12">
								<div class="card">
									<a href="javascript:void(0);" class="card-anchor"></a>
									<div class="row g-0">
										<div class="col-md-8">
											<div class="card-body">
												<h6 class="card-title mb-2 fw-semibold">Fox is Beautiful ?</h6>
												<p class="card-text mb-0">This is a wild animal with supporting tactics
													and are very efficient at kill,they are very Dangerous.</p>
												<p class="mb-0 card-text">
													Fox lives mainly in forests and are well known for their hunting
													skills.
												</p>
											</div>
											<div class="card-footer">
												<p class="card-text"><small class="text-muted">Last updated 3 mins
														ago</small></p>
											</div>
										</div>
										<div class="col-md-4">
											<img src="assets/img/img-5.jpg"
												class="img-fluid rounded-end object-fit-cover h-100" alt="...">
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xxl-3 col-xl-6">
						<div class="card">
							<a href="javascript:void(0);" class="card-anchor"></a>
							<img src="assets/img/img-4.jpg" class="card-img-top" alt="...">
							<div class="card-body">
								<h6 class="card-title fw-semibold">Most tropical areas are suitable</h6>
								<p class="card-text"> If you are going to use a passage of Lorem Ipsum, you need to be
									sure there isn't anything embarrassing hidden in the middle of text.</p>
							</div>
						</div>
					</div>
				</div>
				<!-- /Cards With Link -->

				<!-- Grid Cards -->
				<h6 class="mb-3">Grid Cards:</h6>
				<div class="row">
					<div class="col-xl-12">
						<div class="row row-cols-1 row-cols-md-4 g-4">
							<div class="col">
								<div class="card">
									<img src="assets/img/img-01.jpg" class="card-img-top" alt="...">
									<div class="card-body">
										<h6 class="card-title fw-semibold">Morphology of a typical fruit.</h6>
										<p class="card-text"> If you are going to use a passage of Lorem Ipsum, you need
											to be sure there isn't anything embarrassing hidden in the middle of text.
										</p>
									</div>
								</div>
							</div>
							<div class="col">
								<div class="card">
									<img src="assets/img/img-02.jpg" class="card-img-top" alt="...">
									<div class="card-body">
										<h6 class="card-title fw-semibold">Research improves ability & agility !</h6>
										<p class="card-text"> If you are going to use a passage of Lorem Ipsum, you need
											to be sure there isn't anything embarrassing hidden in the middle of text.
										</p>
									</div>
								</div>
							</div>
							<div class="col">
								<div class="card">
									<img src="assets/img/img-03.jpg" class="card-img-top" alt="...">
									<div class="card-body">
										<h6 class="card-title fw-semibold">Most tropical areas are suitable</h6>
										<p class="card-text"> If you are going to use a passage of Lorem Ipsum, you need
											to be sure there isn't anything embarrassing hidden in the middle of text.
										</p>
									</div>
								</div>
							</div>
							<div class="col">
								<div class="card">
									<img src="assets/img/img-04.jpg" class="card-img-top" alt="...">
									<div class="card-body">
										<h6 class="card-title fw-semibold">Are They seasonal fruits ?</h6>
										<p class="card-text"> If you are going to use a passage of Lorem Ipsum, you need
											to be sure there isn't anything embarrassing hidden in the middle of text.
										</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Grid Cards -->

			</div>
		</div>

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

	<!-- jQuery -->
	<script src="assets/js/jquery-3.7.1.min.js" type="3d6f8c9cf87c0bf7c604e864-text/javascript"></script>

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

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

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

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

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


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

Youez - 2016 - github.com/yon3zu
LinuXploit