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


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

	<!-- Themescript JS -->
	<script src="assets/js/theme-script.js" type="53752b1c2d6613f09d920718-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">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" class="active">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>Modals</h4>
					</div>
				</div>

				<div class="row">

					<!-- Basic Modal -->
					<div class="col-xl-4">
						<div class="card">
							<div class="card-header">
								<h5 class="card-title">Basic Modal</h5>
							</div>
							<div class="card-body">

								<div id="standard-modal" class="modal fade" tabindex="-1" role="dialog"
									aria-labelledby="standard-modalLabel" aria-hidden="true">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="standard-modalLabel">Modal Heading</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												<h6>Text in a modal</h6>
												<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
												<hr>
												<h6>Overflowing text to show scroll behavior</h6>
												<p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio,
													dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta
													ac consectetur ac, vestibulum at eros.</p>
												<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
													Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor
													auctor.</p>
												<p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo
													cursus magna, vel scelerisque nisl consectetur et. Donec sed odio
													dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-cancel"
													data-bs-dismiss="modal">Close</button>
												<button type="button" class="btn btn-primary">Save changes</button>
											</div>
										</div>
									</div>
								</div>

								<div class="button-list">
									<!-- Standard  modal -->
									<button type="button" class="btn btn-primary mt-1" data-bs-toggle="modal"
										data-bs-target="#standard-modal">Launch Demo Modal</button>
								</div>
							</div>
						</div>
					</div>
					<!-- /Basic Modal -->

					<!-- Static Backdrop -->
					<div class="col-xl-4">
						<div class="card">
							<div class="card-header">
								<h5 class="card-title">Static Backdrop</h5>
							</div>
							<div class="card-body card-buttons">
								<button type="button" class="btn btn-primary" data-bs-toggle="modal"
									data-bs-target="#staticBackdrop">
									Launch static backdrop modal
								</button>

								<!-- Modal -->
								<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static"
									data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel"
									aria-hidden="true">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-header">
												<h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus
												terry richardson ad squid. 3 wolf moon officia aute,
												non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt
												laborum eiusmod. Brunch 3 wolf moon
												tempor, sunt aliqua put a bird on it squid single-origin coffee nulla
												assumenda shoreditch et.
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-cancel"
													data-bs-dismiss="modal">Close</button>
												<button type="button" class="btn btn-primary">Understood</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /Static Backdrop -->

					<!-- Scrolling Long Content -->
					<div class="col-xl-4">
						<div class="card">
							<div class="card-header">
								<h5 class="card-title">Scrolling Long Content</h5>
							</div>
							<div class="card-body card-buttons">
								<button type="button" class="btn btn-primary" data-bs-toggle="modal"
									data-bs-target="#scrollable-modal">
									Scrolling Long Content
								</button>

								<!-- Long Content Scroll Modal -->
								<div class="modal fade" id="scrollable-modal" tabindex="-1" role="dialog"
									aria-labelledby="scrollableModalTitle" aria-hidden="true">
									<div class="modal-dialog modal-dialog-scrollable" role="document">
										<div class="modal-content">
											<div class="modal-header">
												<h5 class="modal-title" id="scrollableModalTitle">Modal title</h5>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												<p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio,
													dapibus ac facilisis in, egestas
													eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at
													eros.</p>
												<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
													Vivamus sagittis lacus vel augue
													laoreet rutrum faucibus dolor auctor.</p>
												<p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo
													cursus magna, vel scelerisque nisl
													consectetur et. Donec sed odio dui. Donec ullamcorper nulla non
													metus auctor fringilla.</p>
												<p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio,
													dapibus ac facilisis in, egestas
													eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at
													eros.</p>
												<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
													Vivamus sagittis lacus vel augue
													laoreet rutrum faucibus dolor auctor.</p>
												<p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo
													cursus magna, vel scelerisque nisl
													consectetur et. Donec sed odio dui. Donec ullamcorper nulla non
													metus auctor fringilla.</p>
												<p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio,
													dapibus ac facilisis in, egestas
													eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at
													eros.</p>
												<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
													Vivamus sagittis lacus vel augue
													laoreet rutrum faucibus dolor auctor.</p>
												<p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo
													cursus magna, vel scelerisque nisl
													consectetur et. Donec sed odio dui. Donec ullamcorper nulla non
													metus auctor fringilla.</p>
												<p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio,
													dapibus ac facilisis in, egestas
													eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at
													eros.</p>
												<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
													Vivamus sagittis lacus vel augue
													laoreet rutrum faucibus dolor auctor.</p>
												<p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo
													cursus magna, vel scelerisque nisl
													consectetur et. Donec sed odio dui. Donec ullamcorper nulla non
													metus auctor fringilla.</p>
												<p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio,
													dapibus ac facilisis in, egestas
													eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at
													eros.</p>
												<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
													Vivamus sagittis lacus vel augue
													laoreet rutrum faucibus dolor auctor.</p>
												<p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo
													cursus magna, vel scelerisque nisl
													consectetur et. Donec sed odio dui. Donec ullamcorper nulla non
													metus auctor fringilla.</p>
												<p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio,
													dapibus ac facilisis in, egestas
													eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at
													eros.</p>
												<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
													Vivamus sagittis lacus vel augue
													laoreet rutrum faucibus dolor auctor.</p>
												<p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo
													cursus magna, vel scelerisque nisl
													consectetur et. Donec sed odio dui. Donec ullamcorper nulla non
													metus auctor fringilla.</p>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-cancel"
													data-bs-dismiss="modal">Close</button>
												<button type="button" class="btn btn-primary">Save changes</button>
											</div>
										</div>
									</div>
								</div>
								<!-- /Modal -->
							</div>
						</div>
					</div>
					<!-- /Scrolling Long Content -->

				</div>

				<div class="row">

					<!-- Using the Grid -->
					<div class="col-xl-4">
						<div class="card">
							<div class="card-header justify-content-between">
								<div class="card-title">
									<h5 class="card-title">Using the grid</h5>
								</div>
							</div>
							<div class="card-body">
								<button type="button" class="btn btn-primary" data-bs-toggle="modal"
									data-bs-target="#exampleModalScrollable5">
									Launch demo modal
								</button>
								<div class="modal fade" id="exampleModalScrollable5" tabindex="-1"
									aria-labelledby="exampleModalScrollable5" data-bs-keyboard="false"
									aria-hidden="true">
									<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="staticBackdropLabel5">Modal title
												</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close">
												</button>
											</div>
											<div class="modal-body">
												<div class="container-fluid">
													<div class="row">
														<div class="col-md-4 bg-light border">.col-md-4</div>
														<div class="col-md-4 ms-auto bg-light border">.col-md-4
															.ms-auto</div>
													</div>
													<div class="row mt-3">
														<div class="col-md-3 ms-auto bg-light border">.col-md-3
															.ms-auto</div>
														<div class="col-md-2 ms-auto bg-light border">.col-md-2
															.ms-auto</div>
													</div>
													<div class="row mt-3">
														<div class="col-md-6 ms-auto bg-light border">.col-md-6
															.ms-auto</div>
													</div>
													<div class="row mt-3">
														<div class="col-sm-9 bg-light border">
															Level 1: .col-sm-9
															<div class="row">
																<div class="col-8 col-sm-6 bg-light border">
																	Level 2: .col-8 .col-sm-6
																</div>
																<div class="col-4 col-sm-6 bg-light border">
																	Level 2: .col-4 .col-sm-6
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-cancel"
													data-bs-dismiss="modal">Close</button>
												<button type="button" class="btn btn-primary">Save
													Changes</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /Using the Grid -->

					<!-- Toggle Between Modals -->
					<div class="col-xl-4">
						<div class="card">
							<div class="card-header">
								<h5 class="card-title">Toggle Between Modals</h5>
							</div>
							<div class="card-body">
								<!-- Modal -->
								<div class="modal fade" id="exampleModalToggle" aria-hidden="true"
									aria-labelledby="exampleModalToggleLabel" tabindex="-1">
									<div class="modal-dialog modal-dialog-centered">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="exampleModalToggleLabel">Modal 1</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												Show a second modal and hide this one with the button below.
											</div>
											<div class="modal-footer">
												<button class="btn btn-primary" data-bs-target="#exampleModalToggle2"
													data-bs-toggle="modal" data-bs-dismiss="modal">Open second
													modal</button>
											</div>
										</div>
									</div>
								</div>
								<!-- /Modal -->

								<!-- Modal -->
								<div class="modal fade" id="exampleModalToggle2" aria-hidden="true"
									aria-labelledby="exampleModalToggleLabel2" tabindex="-1">
									<div class="modal-dialog modal-dialog-centered">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="exampleModalToggleLabel2">Modal 2</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												Hide this modal and show the first with the button below.
											</div>
											<div class="modal-footer">
												<button class="btn btn-primary" data-bs-target="#exampleModalToggle"
													data-bs-toggle="modal" data-bs-dismiss="modal">Back to
													first</button>
											</div>
										</div>
									</div>
								</div>
								<!-- /Modal -->

								<a class="btn btn-primary" data-bs-toggle="modal" href="#exampleModalToggle"
									role="button">Open first modal</a>

							</div>
						</div>
					</div>
					<!-- /Toggle Between Modals -->

					<!-- Optional Sizes -->
					<div class="col-xl-4">
						<div class="card">
							<div class="card-header">
								<h5 class="card-title">Optional Sizes</h5>
							</div>
							<div class="card-body">

								<!--  Modal -->
								<div class="modal fade" id="bs-example-modal-lg" tabindex="-1" role="dialog"
									aria-labelledby="myLargeModalLabel" aria-hidden="true">
									<div class="modal-dialog modal-lg">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="myLargeModalLabel">Large modal</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												...
											</div>
										</div>
									</div>
								</div>
								<!-- /Modal -->

								<div class="modal fade" id="bs-example-modal-sm" tabindex="-1" role="dialog"
									aria-labelledby="mySmallModalLabel" aria-hidden="true">
									<div class="modal-dialog modal-sm">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="mySmallModalLabel">Small modal</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												...
											</div>
										</div>
									</div>
								</div>
								<!-- /Modal -->

								<!-- Modal -->
								<div class="modal fade" id="exampleModalLg" tabindex="-1"
									aria-labelledby="exampleModalLgLabel" aria-hidden="true">
									<div class="modal-dialog modal-lg">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="exampleModalLgLabel">Extra Large Modal
												</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												...
											</div>
										</div>
									</div>
								</div>
								<!-- /Modal -->

								<div class="button-list">
									<button type="button" class="btn btn-primary mt-1" data-bs-toggle="modal"
										data-bs-target="#exampleModalLg">Extra Large Modal</button>
									<button type="button" class="btn btn-primary mt-1" data-bs-toggle="modal"
										data-bs-target="#bs-example-modal-lg">Large Modal</button>
									<button type="button" class="btn btn-primary mt-1" data-bs-toggle="modal"
										data-bs-target="#bs-example-modal-sm">Small Modal</button>
								</div>
							</div>
						</div>
					</div>
					<!-- /Optional Sizes -->

				</div>

				<div class="row">

					<!-- Modal with Pages -->
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<h5 class="card-title">Modal with Pages</h5>
							</div>
							<div class="card-body card-buttons">
								<!-- Modal -->
								<div id="signup-modal" class="modal fade" tabindex="-1" role="dialog"
									aria-hidden="true">
									<div class="modal-dialog">
										<div class="modal-content">

											<div class="modal-body">
												<div class="text-center mt-2 mb-4">
													<div class="auth-logo">
														<a href="login.html" class="logo logo-dark">
															<span class="logo-lg">
																<img src="assets/img/logo.svg" alt="Logo" height="42">
															</span>
														</a>
													</div>
												</div>

												<form class="px-3" action="#">

													<div class="mb-3">
														<label for="username" class="form-label">Name</label>
														<input class="form-control" type="email" id="username"
															required="" placeholder="Michael Zenaty">
													</div>

													<div class="mb-3">
														<label for="emailaddress" class="form-label">Email
															address</label>
														<input class="form-control" type="email" id="emailaddress"
															required="" placeholder="john@deo.com">
													</div>

													<div class="mb-3">
														<label for="password" class="form-label">Password</label>
														<input class="form-control" type="password" required=""
															id="password" placeholder="Enter your password">
													</div>

													<div class="mb-3">
														<div class="form-check">
															<input type="checkbox" class="form-check-input"
																id="customCheck1">
															<label class="form-check-label" for="customCheck1">I accept
																<a href="#">Terms and Conditions</a></label>
														</div>
													</div>

													<div class="mb-3 text-center">
														<button class="btn btn-primary" type="submit">Sign Up
															Free</button>
													</div>

												</form>

											</div>
										</div>
									</div>
								</div>
								<!-- /Modal -->

								<!-- Modal -->
								<div id="login-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-body">
												<div class="text-center mt-2 mb-4">
													<div class="auth-logo">
														<a href="login.html" class="logo logo-dark">
															<span class="logo-lg">
																<img src="assets/img/logo.svg" alt="Logo" height="42">
															</span>
														</a>
													</div>
												</div>

												<form action="#" class="px-3">

													<div class="mb-3">
														<label for="emailaddress1" class="form-label">Email
															address</label>
														<input class="form-control" type="email" id="emailaddress1"
															required="" placeholder="john@deo.com">
													</div>

													<div class="mb-3">
														<label for="password1" class="form-label">Password</label>
														<input class="form-control" type="password" required=""
															id="password1" placeholder="Enter your password">
													</div>

													<div class="mb-3">
														<div class="form-check">
															<input type="checkbox" class="form-check-input"
																id="customCheck2">
															<label class="form-check-label" for="customCheck2">Remember
																me</label>
														</div>
													</div>

													<div class="mb-2 text-center">
														<button class="btn rounded-pill btn-primary" type="submit">Sign
															In</button>
													</div>

												</form>

											</div>
										</div>
									</div>
								</div>
								<!-- /Modal -->

								<div class="button-list">
									<!-- Sign Up modal -->
									<button type="button" class="btn btn-primary mt-1" data-bs-toggle="modal"
										data-bs-target="#signup-modal">Sign Up Modal</button>
									<!-- Log In modal -->
									<button type="button" class="btn btn-primary mt-1" data-bs-toggle="modal"
										data-bs-target="#login-modal">Log In Modal</button>
								</div>

							</div>
						</div>
					</div>
					<!-- /Modal with Pages -->

					<!-- Custom Modals -->
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<h5 class="card-title">Custom Modals</h5>
							</div>
							<div class="card-body">

								<!-- sample modal content -->
								<div id="con-close-modal" class="modal fade" tabindex="-1" role="dialog"
									aria-hidden="true" style="display: none;">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title">Modal Content is Responsive</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body p-4">
												<div class="row">
													<div class="col-md-6">
														<div class="mb-3">
															<label for="field-1" class="form-label">Name</label>
															<input type="text" class="form-control" id="field-1"
																placeholder="John">
														</div>
													</div>
													<div class="col-md-6">
														<div class="mb-3">
															<label for="field-2" class="form-label">Surname</label>
															<input type="text" class="form-control" id="field-2"
																placeholder="Doe">
														</div>
													</div>
												</div>
												<div class="row">
													<div class="col-md-12">
														<div class="mb-3">
															<label for="field-3" class="form-label">Address</label>
															<input type="text" class="form-control" id="field-3"
																placeholder="Address">
														</div>
													</div>
												</div>
												<div class="row">
													<div class="col-md-4">
														<div class="mb-3">
															<label for="field-4" class="form-label">City</label>
															<input type="text" class="form-control" id="field-4"
																placeholder="Boston">
														</div>
													</div>
													<div class="col-md-4">
														<div class="mb-3">
															<label for="field-5" class="form-label">Country</label>
															<input type="text" class="form-control" id="field-5"
																placeholder="United States">
														</div>
													</div>
													<div class="col-md-4">
														<div class="mb-3">
															<label for="field-6" class="form-label">Zip</label>
															<input type="text" class="form-control" id="field-6"
																placeholder="123456">
														</div>
													</div>
												</div>
												<div class="row">
													<div class="col-md-12">
														<div class="">
															<label for="field-7" class="form-label">Personal
																Info</label>
															<textarea class="form-control" id="field-7"
																placeholder="Write something about yourself"></textarea>
														</div>
													</div>
												</div>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-cancel waves-effect"
													data-bs-dismiss="modal">Close</button>
												<button type="button"
													class="btn btn-primary waves-effect waves-light">Save
													changes</button>
											</div>
										</div>
									</div>
								</div><!-- /Modal -->

								<div id="accordion-modal" class="modal fade" tabindex="-1" role="dialog"
									aria-hidden="true" style="display: none;">
									<div class="modal-dialog">
										<div class="modal-content p-0">
											<div id="accordion">
												<div class="card mb-0">
													<div class="card-header" id="headingOne">
														<h5 class="m-0">
															<a href="#collapseOne" class="text-dark"
																data-bs-toggle="collapse" aria-expanded="true"
																aria-controls="collapseOne">
																Collapsible Group Item #1
															</a>
														</h5>
													</div>

													<div id="collapseOne" class="collapse show"
														aria-labelledby="headingOne" data-bs-parent="#accordion">
														<div class="card-body">
															Anim pariatur cliche reprehenderit, enim eiusmod high life
															accusamus terry richardson ad squid. 3 wolf moon officia
															aute,
															non cupidatat skateboard dolor brunch. Food truck quinoa
															nesciunt laborum eiusmod. Brunch 3 wolf moon
															tempor, sunt aliqua put a bird on it squid single-origin
															coffee nulla assumenda shoreditch et. Nihil
															anim keffiyeh helvetica, craft beer labore wes anderson cred
															nesciunt sapiente ea proident. Ad vegan
															excepteur butcher vice lomo. Leggings occaecat craft beer
															farm-to-table, raw denim aesthetic synth nesciunt
															you probably haven't heard of them accusamus labore
															sustainable VHS.
														</div>
													</div>
												</div>
												<div class="card mb-0">
													<div class="card-header" id="headingTwo">
														<h5 class="m-0">
															<a href="#collapseTwo" class="collapsed text-dark"
																data-bs-toggle="collapse" aria-expanded="false"
																aria-controls="collapseTwo">
																Collapsible Group Item #2
															</a>
														</h5>
													</div>
													<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
														data-bs-parent="#accordion">
														<div class="card-body">
															Anim pariatur cliche reprehenderit, enim eiusmod high life
															accusamus terry richardson ad squid. 3 wolf moon officia
															aute,
															non cupidatat skateboard dolor brunch. Food truck quinoa
															nesciunt laborum eiusmod. Brunch 3 wolf moon
															tempor, sunt aliqua put a bird on it squid single-origin
															coffee nulla assumenda shoreditch et. Nihil
															anim keffiyeh helvetica, craft beer labore wes anderson cred
															nesciunt sapiente ea proident. Ad vegan
															excepteur butcher vice lomo. Leggings occaecat craft beer
															farm-to-table, raw denim aesthetic synth nesciunt
															you probably haven't heard of them accusamus labore
															sustainable VHS.
														</div>
													</div>
												</div>
												<div class="card mb-0">
													<div class="card-header" id="headingThree">
														<h5 class="m-0">
															<a href="#collapseThree" class="collapsed text-dark"
																data-bs-toggle="collapse" aria-expanded="false"
																aria-controls="collapseThree">
																Collapsible Group Item #3
															</a>
														</h5>
													</div>
													<div id="collapseThree" class="collapse"
														aria-labelledby="headingThree" data-bs-parent="#accordion">
														<div class="card-body">
															Anim pariatur cliche reprehenderit, enim eiusmod high life
															accusamus terry richardson ad squid. 3 wolf moon officia
															aute,
															non cupidatat skateboard dolor brunch. Food truck quinoa
															nesciunt laborum eiusmod. Brunch 3 wolf moon
															tempor, sunt aliqua put a bird on it squid single-origin
															coffee nulla assumenda shoreditch et. Nihil
															anim keffiyeh helvetica, craft beer labore wes anderson cred
															nesciunt sapiente ea proident. Ad vegan
															excepteur butcher vice lomo. Leggings occaecat craft beer
															farm-to-table, raw denim aesthetic synth nesciunt
															you probably haven't heard of them accusamus labore
															sustainable VHS.
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div><!-- /Modal -->

								<div class="button-list">
									<!-- Responsive modal -->
									<button type="button" class="btn btn-primary waves-effect waves-light mt-1"
										data-bs-toggle="modal" data-bs-target="#con-close-modal">Responsive
										Modal</button>
									<!-- Accordion modal -->
									<button type="button" class="btn btn-secondary waves-effect waves-light mt-1"
										data-bs-toggle="modal" data-bs-target="#accordion-modal">Accordion in
										Modal</button>
								</div>
							</div>
						</div>
					</div>
					<!-- /Custom Modals -->

				</div>


				<div class="row">

					<!-- Vertically Centered Modal -->
					<div class="col-xl-4">
						<div class="card">
							<div class="card-header justify-content-between">
								<div class="card-title">
									<h5 class="card-title">Vertically Centered Modal</h5>
								</div>
							</div>
							<div class="card-body">
								<button type="button" class="btn btn-primary" data-bs-toggle="modal"
									data-bs-target="#exampleModalScrollable2">
									Vertically centered modal
								</button>
								<div class="modal fade" id="exampleModalScrollable2" tabindex="-1"
									aria-labelledby="exampleModalScrollable2" data-bs-keyboard="false"
									aria-hidden="true">
									<!-- Scrollable modal -->
									<div class="modal-dialog modal-dialog-centered">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="staticBackdropLabel2">Modal title
												</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit.
													Libero
													ipsum quasi, error quibusdam debitis maiores hic eum? Vitae
													nisi
													ipsa maiores fugiat deleniti quis reiciendis veritatis.</p>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-cancel"
													data-bs-dismiss="modal">Close</button>
												<button type="button" class="btn btn-primary">Save
													Changes</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /Vertically Centered Modal -->

					<!-- Vertically Centered Scrollable -->
					<div class="col-xl-4">
						<div class="card">
							<div class="card-header justify-content-between">
								<div class="card-title">
									<h5 class="card-title">Vertical Centered Scrollable</h5>
								</div>
							</div>
							<div class="card-body">
								<button type="button" class="btn btn-primary" data-bs-toggle="modal"
									data-bs-target="#exampleModalScrollable3">
									Vertically centered scrollable modal
								</button>
								<div class="modal fade" id="exampleModalScrollable3" tabindex="-1"
									aria-labelledby="exampleModalScrollable3" data-bs-keyboard="false"
									aria-hidden="true">
									<!-- Scrollable modal -->
									<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="staticBackdropLabel3">Modal title
												</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ea
													voluptatibus, ipsam quo est rerum modi quos expedita facere,
													ex
													tempore fuga similique ipsa blanditiis et accusamus
													temporibus
													commodi voluptas! Nobis veniam illo architecto expedita quam
													ratione quaerat omnis. In, recusandae eos! Pariatur,
													deleniti
													quis ad nemo ipsam officia temporibus, doloribus fuga
													asperiores
													ratione distinctio velit alias hic modi praesentium aperiam
													officiis eaque, accusamus aut. Accusantium assumenda,
													commodi
													nulla provident asperiores fugit inventore iste amet aut
													placeat
													consequatur reprehenderit. Ratione tenetur eligendi, quis
													aperiam dolores magni iusto distinctio voluptatibus minus a
													unde
													at! Consequatur voluptatum in eaque obcaecati, impedit
													accusantium ea soluta, excepturi, quasi quia commodi
													blanditiis?
													Qui blanditiis iusto corrupti necessitatibus dolorem fugiat
													consequuntur quod quo veniam? Labore dignissimos reiciendis
													accusamus recusandae est consequuntur iure.</p>
												<p>Lorem ipsum dolor sit amet.</p>
												<p>Lorem ipsum dolor sit amet.</p>
												<p>Lorem ipsum dolor sit amet.</p>
												<p>Lorem ipsum dolor sit amet.</p>
												<p>Lorem ipsum dolor sit amet.</p>
												<p>Lorem ipsum dolor sit amet.</p>
												<p>Lorem ipsum dolor sit amet.</p>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-cancel"
													data-bs-dismiss="modal">Close</button>
												<button type="button" class="btn btn-primary">Save
													Changes</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /Vertically Centered Scrollable -->

					<!-- Tooltips and popovers -->
					<div class="col-xl-4">
						<div class="card">
							<div class="card-header justify-content-between">
								<div class="card-title">
									<h5 class="card-title">Tooltips and popovers</h5>
								</div>
							</div>
							<div class="card-body">
								<button type="button" class="btn btn-primary" data-bs-toggle="modal"
									data-bs-target="#exampleModalScrollable4">
									Launch demo modal
								</button>
								<div class="modal fade" id="exampleModalScrollable4" tabindex="-1"
									aria-labelledby="exampleModalScrollable4" data-bs-keyboard="false"
									aria-hidden="true">
									<!-- Scrollable modal -->
									<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="staticBackdropLabel4">Modal title
												</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												<h5>Popover in a modal</h5>
												<p>This <a href="#" role="button" class="btn btn-secondary"
														data-bs-toggle="popover" title="Popover title"
														data-bs-content="Popover body content is set in this attribute.">button</a>
													triggers a popover on click.</p>
												<hr>
												<h5>Tooltips in a modal</h5>
												<p><a href="#" class="text-primary" data-bs-toggle="tooltip"
														title="Tooltip">This
														link</a> and <a href="#" class="text-primary"
														data-bs-toggle="tooltip" title="Tooltip">that link</a> have
													tooltips on hover.
												</p>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-cancel"
													data-bs-dismiss="modal">Close</button>
												<button type="button" class="btn btn-primary">Save
													Changes</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /Tooltips and popovers -->

				</div>

				<div class="row">

					<!-- Fullscreen Modal -->
					<div class="col-xl-12">
						<div class="card">
							<div class="card-header justify-content-between">
								<div class="card-title">
									<h5 class="card-title">Fullscreen Modal</h5>
								</div>
							</div>
							<div class="card-body">
								<div class="bd-example">
									<button type="button" class="btn btn-primary mb-1" data-bs-toggle="modal"
										data-bs-target="#exampleModalFullscreen">Full screen</button>
									<button type="button" class="btn btn-secondary mb-1" data-bs-toggle="modal"
										data-bs-target="#exampleModalFullscreenSm">Full screen below sm</button>
									<button type="button" class="btn btn-warning mb-1" data-bs-toggle="modal"
										data-bs-target="#exampleModalFullscreenMd">Full screen below md</button>
									<button type="button" class="btn btn-info mb-1" data-bs-toggle="modal"
										data-bs-target="#exampleModalFullscreenLg">Full screen below lg</button>
									<button type="button" class="btn btn-success mb-1" data-bs-toggle="modal"
										data-bs-target="#exampleModalFullscreenXl">Full screen below xl</button>
									<button type="button" class="btn btn-danger mb-1" data-bs-toggle="modal"
										data-bs-target="#exampleModalFullscreenXxl">Full screen below
										xxl</button>
								</div>
								<div class="modal fade" id="exampleModalFullscreen" tabindex="-1"
									aria-labelledby="exampleModalFullscreenLabel" aria-hidden="true"
									style="display: none;">
									<div class="modal-dialog modal-fullscreen">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="exampleModalFullscreenLabel">Full
													screen modal</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												...
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-secondary"
													data-bs-dismiss="modal">Close</button>
											</div>
										</div>
									</div>
								</div>
								<div class="modal fade" id="exampleModalFullscreenSm" tabindex="-1"
									aria-labelledby="exampleModalFullscreenSmLabel" aria-hidden="true"
									style="display: none;">
									<div class="modal-dialog modal-fullscreen-sm-down">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="exampleModalFullscreenSmLabel">
													Full
													screen below sm</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												...
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-secondary"
													data-bs-dismiss="modal">Close</button>
											</div>
										</div>
									</div>
								</div>
								<div class="modal fade" id="exampleModalFullscreenMd" tabindex="-1"
									aria-labelledby="exampleModalFullscreenMdLabel" aria-hidden="true"
									style="display: none;">
									<div class="modal-dialog modal-fullscreen-md-down">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="exampleModalFullscreenMdLabel">
													Full
													screen below md</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												...
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-secondary"
													data-bs-dismiss="modal">Close</button>
											</div>
										</div>
									</div>
								</div>
								<div class="modal fade" id="exampleModalFullscreenLg" tabindex="-1"
									aria-labelledby="exampleModalFullscreenLgLabel" aria-hidden="true"
									style="display: none;">
									<div class="modal-dialog modal-fullscreen-lg-down">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="exampleModalFullscreenLgLabel">
													Full
													screen below lg</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												...
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-secondary"
													data-bs-dismiss="modal">Close</button>
											</div>
										</div>
									</div>
								</div>
								<div class="modal fade" id="exampleModalFullscreenXl" tabindex="-1"
									aria-labelledby="exampleModalFullscreenXlLabel" aria-hidden="true"
									style="display: none;">
									<div class="modal-dialog modal-fullscreen-xl-down">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="exampleModalFullscreenXlLabel">
													Full
													screen below xl</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												...
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-secondary"
													data-bs-dismiss="modal">Close</button>
											</div>
										</div>
									</div>
								</div>
								<div class="modal fade" id="exampleModalFullscreenXxl" tabindex="-1"
									aria-labelledby="exampleModalFullscreenXxlLabel" aria-hidden="true"
									style="display: none;">
									<div class="modal-dialog modal-fullscreen-xxl-down">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="exampleModalFullscreenXxlLabel">
													Full
													screen below xxl</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												...
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-secondary"
													data-bs-dismiss="modal">Close</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /Fullscreen Modal -->

				</div>

				<div class="row">

					<!-- Varying Modal Content -->
					<div class="col-xl-12">
						<div class="card">
							<div class="card-header justify-content-between">
								<div class="card-title">
									<h5 class="card-title">Varying Modal Content</h5>
								</div>
							</div>
							<div class="card-body">
								<button type="button" class="btn btn-primary mb-1" data-bs-toggle="modal"
									data-bs-target="#formmodal" data-bs-whatever="@mdo">Open modal for
									@mdo</button>
								<button type="button" class="btn btn-secondary mb-1" data-bs-toggle="modal"
									data-bs-target="#formmodal" data-bs-whatever="@fat">Open modal for
									@fat</button>
								<button type="button" class="btn btn-light mb-1" data-bs-toggle="modal"
									data-bs-target="#formmodal" data-bs-whatever="@getbootstrap">Open modal for
									@getbootstrap</button>
								<div class="modal fade" id="formmodal" tabindex="-1" aria-labelledby="exampleModalLabel"
									aria-hidden="true">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="exampleModalLabel">New message</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												<form>
													<div class="mb-3">
														<label for="recipient-name"
															class="col-form-label">Recipient:</label>
														<input type="text" class="form-control" id="recipient-name">
													</div>
													<div class="mb-3">
														<label for="message-text"
															class="col-form-label">Message:</label>
														<textarea class="form-control" id="message-text"></textarea>
													</div>
												</form>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-secondary"
													data-bs-dismiss="modal">Close</button>
												<button type="button" class="btn btn-primary">Send
													message</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /Varying Modal Content -->

				</div>

				<div class="row">

					<!-- Modal Animation Effects -->
					<div class="col-xl-12">
						<div class="card">
							<div class="card-header justify-content-between">
								<div class="card-title">
									<h5 class="card-title">Modal Animation Effects</h5>
								</div>
							</div>
							<div class="card-body">
								<div class="row ">
									<div class="col-sm-6 col-md-4 col-xl-3">
										<a class="modal-effect btn btn-primary d-grid mb-3"
											data-bs-effect="effect-scale" data-bs-toggle="modal"
											href="#modaldemo8">Scale</a>
									</div>
									<div class="col-sm-6 col-md-4 col-xl-3">
										<a class="modal-effect btn btn-primary d-grid mb-3"
											data-bs-effect="effect-slide-in-right" data-bs-toggle="modal"
											href="#modaldemo8">Slide In Right</a>
									</div>
									<div class="col-sm-6 col-md-4 col-xl-3">
										<a class="modal-effect btn btn-primary d-grid mb-3"
											data-bs-effect="effect-slide-in-bottom" data-bs-toggle="modal"
											href="#modaldemo8">Slide In Bottom</a>
									</div>
									<div class="col-sm-6 col-md-4 col-xl-3">
										<a class="modal-effect btn btn-primary d-grid mb-3"
											data-bs-effect="effect-newspaper" data-bs-toggle="modal"
											href="#modaldemo8">Newspaper</a>
									</div>
									<div class="col-sm-6 col-md-4 col-xl-3">
										<a class="modal-effect btn btn-primary d-grid mb-3" data-bs-effect="effect-fall"
											data-bs-toggle="modal" href="#modaldemo8">Fall</a>
									</div>
									<div class="col-sm-6 col-md-4 col-xl-3">
										<a class="modal-effect btn btn-primary d-grid mb-3"
											data-bs-effect="effect-flip-horizontal" data-bs-toggle="modal"
											href="#modaldemo8">Flip Horizontal</a>
									</div>
									<div class="col-sm-6 col-md-4 col-xl-3">
										<a class="modal-effect btn btn-primary d-grid mb-3"
											data-bs-effect="effect-flip-vertical" data-bs-toggle="modal"
											href="#modaldemo8">Flip Vertical</a>
									</div>
									<div class="col-sm-6 col-md-4 col-xl-3">
										<a class="modal-effect btn btn-primary d-grid mb-3"
											data-bs-effect="effect-super-scaled" data-bs-toggle="modal"
											href="#modaldemo8">Super Scaled</a>
									</div>
									<div class="col-sm-6 col-md-4 col-xl-3">
										<a class="modal-effect btn btn-primary d-grid mb-3" data-bs-effect="effect-sign"
											data-bs-toggle="modal" href="#modaldemo8">Sign</a>
									</div>
									<div class="col-sm-6 col-md-4 col-xl-3">
										<a class="modal-effect btn btn-primary d-grid mb-3"
											data-bs-effect="effect-rotate-bottom" data-bs-toggle="modal"
											href="#modaldemo8">Rotate Bottom</a>
									</div>
									<div class="col-sm-6 col-md-4 col-xl-3">
										<a class="modal-effect btn btn-primary d-grid mb-3"
											data-bs-effect="effect-rotate-left" data-bs-toggle="modal"
											href="#modaldemo8">Rotate Left</a>
									</div>
								</div>
								<div class="modal fade" id="modaldemo8">
									<div class="modal-dialog modal-dialog-centered text-center" role="document">
										<div class="modal-content modal-content-demo">
											<div class="modal-header">
												<h4 class="modal-title">Message Preview</h4><button aria-label="Close"
													class="btn-close" data-bs-dismiss="modal"></button>
											</div>
											<div class="modal-body text-start">
												<h6>Why We Use Electoral College, Not Popular Vote</h6>
												<p class="text-muted mb-0">It is a long established fact that a reader
													will be distracted by the readable content of a page when looking at
													its layout. The point of using Lorem Ipsum is that it has a
													more-or-less normal distribution of letters, as opposed to using
													'Content here, content here', making it look like readable English.
												</p>
											</div>
											<div class="modal-footer">
												<button class="btn btn-primary">Save changes</button> <button
													class="btn btn-cancel" data-bs-dismiss="modal">Close</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /Modal Animation Effects -->

				</div>

				<!-- Close Buttons -->
				<h6 class="mb-3">Close Buttons:</h6>
				<div class="row">
					<div class="col-xl-4">
						<div class="card">
							<div class="card-header justify-content-between">
								<div class="card-title">
									<h5 class="card-title">Basic Close</h5>
								</div>
							</div>
							<div class="card-body">
								<button type="button" class="btn-close" aria-label="Close"></button>
							</div>
						</div>
					</div>
					<div class="col-xl-4">
						<div class="card ">
							<div class="card-header justify-content-between">
								<div class="card-title">
									<h5 class="card-title">Disabel state</h5>
								</div>
							</div>
							<div class="card-body">
								<button type="button" class="btn-close" disabled aria-label="Close"></button>
							</div>
						</div>
					</div>
					<div class="col-xl-4">
						<div class="card overflow-hidden">
							<div class="card-header justify-content-between">
								<div class="card-title">
									<h5 class="card-title">White variant</h5>
								</div>
							</div>
							<div class="card-body bg-black">
								<button type="button" class="btn-close btn-close-white" aria-label="Close"></button>
								<button type="button" class="btn-close btn-close-white" disabled
									aria-label="Close"></button>
							</div>
						</div>
					</div>
				</div>
				<!-- /Close Buttons -->

				<!-- Modal Position -->
				<div class="row">
					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<h5 class="card-title">Modal Position</h5>
							</div>
							<div class="card-body">
								<!-- Modal	 -->
								<div id="top-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
									<div class="modal-dialog modal-top">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="topModalLabel">Modal Heading</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												<h5>Text in a modal</h5>
												<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-cancel"
													data-bs-dismiss="modal">Close</button>
												<button type="button" class="btn btn-primary">Save changes</button>
											</div>
										</div>
									</div>
								</div>
								<!-- /Modal -->

								<!-- Modal -->
								<div id="right-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
									<div class="modal-dialog modal-sm modal-right">
										<div class="modal-content">
											<div class="modal-header border-0">
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												<div class="text-center">
													<h4 class="mt-0">Text in a modal</h4>
													<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
													</p>
													<button type="button" class="btn btn-danger btn-sm"
														data-bs-dismiss="modal">Close</button>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- /Modal -->

								<!-- Modal -->
								<div id="bottom-modal" class="modal fade" tabindex="-1" role="dialog"
									aria-hidden="true">
									<div class="modal-dialog modal-sm modal-bottom">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="bottomModalLabel">Modal Heading</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												<h5>Text in a modal</h5>
												<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-cancel"
													data-bs-dismiss="modal">Close</button>
												<button type="button" class="btn btn-primary">Save changes</button>
											</div>
										</div>
									</div>
								</div><!-- /Modal -->

								<!-- Modal -->
								<div class="modal fade" id="centermodal" tabindex="-1" role="dialog" aria-hidden="true">
									<div class="modal-dialog modal-dialog-centered">
										<div class="modal-content">
											<div class="modal-header">
												<h4 class="modal-title" id="myCenterModalLabel">Center Modal</h4>
												<button type="button" class="btn-close" data-bs-dismiss="modal"
													aria-label="Close"></button>
											</div>
											<div class="modal-body">
												<h5>Overflowing text to show scroll behavior</h5>
												<p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio,
													dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta
													ac consectetur ac, vestibulum at eros.</p>
												<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
													Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor
													auctor.</p>
											</div>
										</div>
									</div>
								</div>
								<!-- /Modal -->

								<div class="button-list">
									<!-- Top modal -->
									<button type="button" class="btn btn-primary mt-1" data-bs-toggle="modal"
										data-bs-target="#top-modal">Top Modal</button>
									<!-- Bottom modal -->
									<button type="button" class="btn btn-primary mt-1" data-bs-toggle="modal"
										data-bs-target="#bottom-modal">Bottom Modal</button>
									<!-- Center modal -->
									<button type="button" class="btn btn-primary mt-1" data-bs-toggle="modal"
										data-bs-target="#centermodal">Center modal</button>
									<!-- Right modal -->
									<button type="button" class="btn btn-primary mt-1" data-bs-toggle="modal"
										data-bs-target="#right-modal">Rightbar Modal</button>
								</div>

							</div>
						</div>
					</div>

					<div class="col-xl-6">
						<div class="card">
							<div class="card-header">
								<h5 class="card-title">Modal based Alerts</h5>
							</div>
							<div class="card-body">
								<!-- Success Alert Modal -->
								<div id="success-alert-modal" class="modal fade" tabindex="-1" role="dialog"
									aria-hidden="true">
									<div class="modal-dialog modal-sm">
										<div class="modal-content modal-filled bg-success">
											<div class="modal-body p-4">
												<div class="text-center">
													<i class="dripicons-checkmark h1 text-white"></i>
													<h4 class="mt-2 text-white">Well Done!</h4>
													<p class="mt-3 text-white">Cras mattis consectetur purus sit amet
														fermentum. Cras justo odio, dapibus ac facilisis in, egestas
														eget quam.</p>
													<button type="button" class="btn btn-cancel my-2"
														data-bs-dismiss="modal">Continue</button>
												</div>
											</div>
										</div>
									</div>
								</div><!-- /Modal -->

								<!-- Info Alert Modal -->
								<div id="info-alert-modal" class="modal fade" tabindex="-1" role="dialog"
									aria-hidden="true">
									<div class="modal-dialog modal-sm">
										<div class="modal-content">
											<div class="modal-body p-4">
												<div class="text-center">
													<i class="dripicons-information h1 text-info"></i>
													<h4 class="mt-2">Heads up!</h4>
													<p class="mt-3">Cras mattis consectetur purus sit amet fermentum.
														Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
													<button type="button" class="btn btn-info my-2"
														data-bs-dismiss="modal">Continue</button>
												</div>
											</div>
										</div>
									</div>
								</div><!-- /Modal -->

								<!-- Warning Alert Modal -->
								<div id="warning-alert-modal" class="modal fade" tabindex="-1" role="dialog"
									aria-hidden="true">
									<div class="modal-dialog modal-sm">
										<div class="modal-content">
											<div class="modal-body p-4">
												<div class="text-center">
													<i class="dripicons-warning h1 text-warning"></i>
													<h4 class="mt-2">Incorrect Information</h4>
													<p class="mt-3">Cras mattis consectetur purus sit amet fermentum.
														Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
													<button type="button" class="btn btn-warning my-2"
														data-bs-dismiss="modal">Continue</button>
												</div>
											</div>
										</div>
									</div>
								</div><!-- /Modal -->

								<!-- Danger Alert Modal -->
								<div id="danger-alert-modal" class="modal fade" tabindex="-1" role="dialog"
									aria-hidden="true">
									<div class="modal-dialog modal-sm">
										<div class="modal-content modal-filled bg-danger">
											<div class="modal-body p-4">
												<div class="text-center">
													<i class="dripicons-wrong h1 text-white"></i>
													<h4 class="mt-2 text-white">Oh snap!</h4>
													<p class="mt-3 text-white">Cras mattis consectetur purus sit amet
														fermentum. Cras justo odio, dapibus ac facilisis in, egestas
														eget quam.</p>
													<button type="button" class="btn btn-cancel my-2"
														data-bs-dismiss="modal">Continue</button>
												</div>
											</div>
										</div>
									</div>
								</div><!-- /Modal -->

								<div class="button-list">
									<!-- Success Alert modal -->
									<button type="button" class="btn btn-success mt-1" data-bs-toggle="modal"
										data-bs-target="#success-alert-modal">Success Alert</button>
									<!-- Info Alert modal -->
									<button type="button" class="btn btn-info mt-1" data-bs-toggle="modal"
										data-bs-target="#info-alert-modal">Info Alert</button>
									<!-- Warning Alert modal -->
									<button type="button" class="btn btn-warning mt-1" data-bs-toggle="modal"
										data-bs-target="#warning-alert-modal">Warning Alert</button>
									<!-- Danger Alert modal -->
									<button type="button" class="btn btn-danger mt-1" data-bs-toggle="modal"
										data-bs-target="#danger-alert-modal">Danger Alert</button>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Modal Position -->

			</div>
		</div>

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

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

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

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

	<!-- Datatable JS -->
	<script src="assets/js/jquery.dataTables.min.js" type="53752b1c2d6613f09d920718-text/javascript"></script>
	<script src="assets/js/dataTables.bootstrap5.min.js" type="53752b1c2d6613f09d920718-text/javascript"></script>

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

	<!-- Chart JS -->
	<script src="assets/plugins/apexchart/apexcharts.min.js" type="53752b1c2d6613f09d920718-text/javascript"></script>
	<script src="assets/plugins/apexchart/chart-data.js" type="53752b1c2d6613f09d920718-text/javascript"></script>

	<!-- Modal JS -->
	<script src="assets/js/modal.js" type="53752b1c2d6613f09d920718-text/javascript"></script>

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



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


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

Youez - 2016 - github.com/yon3zu
LinuXploit