����JFIF�����%%��� }!1AQa"q2���#B��R��$3br� %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz������������������������������������������������������������������������� w!1AQaq"2�B���� #3R�br� $4�%�&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz��������������������������������������������������������������������������?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|��O�������h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?��=[�Qg�����o����Q@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,���|-��v��(���� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�������;~��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@�������?�_�����j������ (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?��=[�Qg�����o����Q@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,���|-��v��(���� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�������;~��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@�������?�_�����j������ (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?��=[�Qg�����o����Q@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,��������ο�O�P��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������k�w���~���v��������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j�?�5o�%��?��� g����U@�����&O3�����a�;�^=�wH���D��/��*� �fX�I���,������k?g_���?�5o�%��?��� g����U@�F�����������*������?�o�}��Τ~g��ʀ�#V��Y������~ο�T�j��K/� ������������z��������#;�~���A�;��� w�F�����������*���տ��_�@�o��5����EU������������u�誠��W��[�����������O��?jW���@��տ���@�o��5����EM������������v�訠�#V��Y�������������V��Zv��~����vw�~���c�Q@���,��~���kgo���?�5o�%��/��� o����Q@��o�%�>�ߤ���߳����S������?��o�%�~�ߠ�d�߳����S����g�P��j��K?� _������������[� g�D����[�;�TP7���������'Ѿ���=��;/�P��j��K?� _������������[� g�D����[�;�TP���,��~���kgo���a������۔���B{���ea�`T�+ �n%Ц �����j��K?� _������������[� g�D����[�;�TP���,��~���kgo����?���%�/�~�����#����x��c�~�q�v�t`ȫ��_'h���������'�]�;{s� Pp=N= 5���%�����ڜs�����=���J��A@�����Kp�b��}��X�����4g v+:�Բ�+60�ʩ,� @�����������I �uO�����ToUv��bgUl�cP�T?�#V��Y������������j��K?� _����������!��X��]���������TK�|4��`� ��#��P\y��aa >NgL��j��K?� _������������[� g�D����[�;�TP���,��~���kgo���o�F�����$��ہ�� ��vݞr6��S�q''*02���[� g�D����[�;�TP���,��~���kgo���?�5o�%��/��� o����Q@�F�����������*(��տ���@�o��5����EE������������v�訠��������~1�o���}G�L�������5o�%��/��� o����Q@�F�����������*(��տ���@�o��5����EE5����%�˷���r�v����y�\~���)(?0���=[� i����>��gc��N=����5o�%��/��� o����Q@�F�����������*(��W��Z�l����m#���X�wn_�j`0C6윅����5o�%��/��� o����Q@��տ��y9���gbO�G�5@�n�>���#V��Y������~ο�T��V��Y����9�gc��s�T.�?Z_��[� e�D����Y�:��UP���,������k?g_����_�=_� n�~~�rI������w�,"~ԓ�!72���)( u��#V��Y������~ο�T�j��K/� ��������������K
�����Kr_���}�De>~��Z=��pjX�n[p(�"� �a,Ub�/�×�<����;��<�����K>��o���[�:����V���,��$��ϧ�*�����5O����տ��_�@�o��5����EU5��o�%����?�ꜜm�_�;>Gbs�S�����@��տ��_�@�o��5����EU ��տ��}�~�����v?�������-��o�l��~�ȥ�v����r��B1���@��տ���A�?����ggP��c�S�`@%�*����տ��_�@�o��5����EU������������u�誠7���� O���!c�|0��ёv��4�+�X�Vx�RX3��8����K>��o���[�:���u#�x��#V��Y������~ο�T�j��K/� ������������[� e�D����Y�:��UP���,������k?g_���O��[� g�D����[�:��T��=_� k����~��k����c�;����.8����c��z��Ͽ�/��zc�o����F?Z_��[� e�D����Y�:��UP���,������k?g_���C���,�v����v�o���H������(�z���w�/�����v ��T.G��Ϡ���տ��_�@�o��5����EU������������u�誠��W��[��'����%��o���:�Cڕ�R̀���j���������?�o���[�;������g0q�?��o�%�>o�_��>�gf����~4�������������u�誠�z���7�/��o���������_��[� e�D����Y�:��UP���,������k?g_���C���,�|�����o��;�Ԟ��9�l�z��ؠ3|��O�X�~���;~�q����Z�F�����������*���տ��_�@�o��5����EU!��տ��}�~����-��G��I�T�������������u�誠�#V��Y������~ο�T�j��K/� ����������#�=_� n|���KbB�gtdM��"�ڒA#n�63�6�m�P�����,���/���gS�u����#�9��5o�%��?��� g����U@��o�%�o�_�����u��'�������?��o��� ���3��?go���|m�ڇ���-S�O��x��>���^�����7����x�]_�>�qke>���m��4��7P�Yހ��
0byt3m1n1
0byt3m1n1
Path:
/
hermes
/
bosweb
/
web
/
sb_web
/
sb_web
/
web
/
b744
/
ipg.prasanna360798663
/
demos
/
default
/
[
Home
]
File: component-bars.html
<!DOCTYPE html> <!-- Theme: JANGO - Ultimate Multipurpose HTML Theme Built With Twitter Bootstrap 3.3.7 Version: 2.0.1 Author: Themehats Site: http://www.themehats.com Purchase: http://themeforest.net/item/jango-responsive-multipurpose-html5-template/11987314?ref=themehats Contact: support@themehats.com Follow: http://www.twitter.com/themehats --> <!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--> <!--[if !IE]><!--> <html lang="en" > <!--<![endif]--> <!-- BEGIN HEAD --> <head> <meta charset="utf-8"/> <title>JANGO | Ultimate Multipurpose Bootstrap HTML Theme - Engage Bars</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="width=device-width, initial-scale=1.0" name="viewport"/> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta content="" name="description"/> <meta content="" name="author"/> <!-- BEGIN GLOBAL MANDATORY STYLES --> <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=all' rel='stylesheet' type='text/css'> <link href="../../assets/plugins/socicon/socicon.css" rel="stylesheet" type="text/css"/> <link href="../../assets/plugins/bootstrap-social/bootstrap-social.css" rel="stylesheet" type="text/css"/> <link href="../../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> <link href="../../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/> <link href="../../assets/plugins/animate/animate.min.css" rel="stylesheet" type="text/css"/> <link href="../../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> <!-- END GLOBAL MANDATORY STYLES --> <!-- BEGIN: BASE PLUGINS --> <link href="../../assets/plugins/cubeportfolio/css/cubeportfolio.min.css" rel="stylesheet" type="text/css"/> <link href="../../assets/plugins/owl-carousel/assets/owl.carousel.css" rel="stylesheet" type="text/css"/> <link href="../../assets/plugins/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css"/> <link href="../../assets/plugins/slider-for-bootstrap/css/slider.css" rel="stylesheet" type="text/css"/> <!-- END: BASE PLUGINS --> <!-- BEGIN THEME STYLES --> <link href="../../assets/demos/default/css/plugins.css" rel="stylesheet" type="text/css"/> <link href="../../assets/demos/default/css/components.css" id="style_components" rel="stylesheet" type="text/css"/> <link href="../../assets/demos/default/css/themes/default.css" rel="stylesheet" id="style_theme" type="text/css"/> <link href="../../assets/demos/default/css/custom.css" rel="stylesheet" type="text/css"/> <!-- END THEME STYLES --> <link rel="shortcut icon" href="favicon.ico"/> </head><body class="c-layout-header-fixed c-layout-header-mobile-fixed"> <!-- BEGIN: LAYOUT/HEADERS/HEADER-1 --> <!-- BEGIN: HEADER --> <header class="c-layout-header c-layout-header-4 c-layout-header-default-mobile" data-minimize-offset="80"> <div class="c-navbar"> <div class="container"> <!-- BEGIN: BRAND --> <div class="c-navbar-wrapper clearfix"> <div class="c-brand c-pull-left"> <a href="index.html" class="c-logo"> <img src="../../assets/base/img/layout/logos/logo-3.png" alt="JANGO" class="c-desktop-logo"> <img src="../../assets/base/img/layout/logos/logo-3.png" alt="JANGO" class="c-desktop-logo-inverse"> <img src="../../assets/base/img/layout/logos/logo-3.png" alt="JANGO" class="c-mobile-logo"> </a> <button class="c-hor-nav-toggler" type="button" data-target=".c-mega-menu"> <span class="c-line"></span> <span class="c-line"></span> <span class="c-line"></span> </button> <button class="c-topbar-toggler" type="button"> <i class="fa fa-ellipsis-v"></i> </button> <button class="c-search-toggler" type="button"> <i class="fa fa-search"></i> </button> <button class="c-cart-toggler" type="button"> <i class="icon-handbag"></i> <span class="c-cart-number c-theme-bg">2</span> </button> </div> <!-- END: BRAND --> <!-- BEGIN: QUICK SEARCH --> <form class="c-quick-search" action="#"> <input type="text" name="query" placeholder="Type to search..." value="" class="form-control" autocomplete="off"> <span class="c-theme-link">×</span> </form> <!-- END: QUICK SEARCH --> <!-- BEGIN: HOR NAV --> <!-- BEGIN: LAYOUT/HEADERS/MEGA-MENU --> <!-- BEGIN: MEGA MENU --> <!-- Dropdown menu toggle on mobile: c-toggler class can be applied to the link arrow or link itself depending on toggle mode --> <nav class="c-mega-menu c-pull-right c-mega-menu-dark c-mega-menu-dark-mobile c-fonts-uppercase c-fonts-bold"> <ul class="nav navbar-nav c-theme-nav"> <li > <a href="javascript:;" class="c-link dropdown-toggle">Home<span class="c-arrow c-toggler"></span></a> <div class="dropdown-menu c-menu-type-mega c-menu-type-fullwidth" style="min-width: auto"> <div class="row"> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <h3>Home Samples</h3> </li> <li> <a href="../corporate_1/index.html">NEW Corporate Demo 1</a> </li> <li> <a href="index.html">Home Version 1</a> </li> <li> <a href="home-2.html">Home Version 2</a> </li> <li> <a href="home-3.html">Home Version 3</a> </li> <li> <a href="home-4.html">Home Version 4</a> </li> <li> <a href="home-5.html">Home Version 5</a> </li> <li> <a href="home-6.html">Home Version 6</a> </li> <li> <a href="home-7.html">Home Version 7</a> </li> </ul> </div> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <h3>Home Samples</h3> </li> <li> <a href="home-8.html">Home Version 8</a> </li> <li> <a href="home-9.html">Home Version 9</a> </li> <li> <a href="home-10.html">Home Version 10</a> </li> <li> <a href="home-11.html">Home Version 11</a> </li> <li> <a href="home-12.html">Home Version 12</a> </li> <li> <a href="home-13.html">Home Version 13</a> </li> <li> <a href="home-14.html">Home Version 14</a> </li> </ul> </div> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <h3>Onepage Samples</h3> </li> <li> <a href="../agency_1/index.html" target="_blank">New Agency Onepage Demo</a> </li> <li> <a href="onepage-1.html" target="_blank">Onepage Version 1</a> </li> <li> <a href="onepage-2.html" target="_blank">Onepage Version 2</a> </li> <li> <a href="onepage-3.html" target="_blank">Onepage Version 3</a> </li> <li> <a href="onepage-4.html" target="_blank">Onepage Version 4</a> </li> <li> <a href="onepage-5.html" target="_blank">Onepage Version 5</a> </li> <li> <a href="onepage-6.html" target="_blank">Onepage Version 6</a> </li> </ul> </div> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <h3>Onepage Samples</h3> </li> <li> <a href="onepage-7.html" target="_blank">Onepage Version 7</a> </li> <li> <a href="onepage-8.html" target="_blank">Onepage Version 8</a> </li> <li> <a href="onepage-9.html" target="_blank">Onepage Version 9</a> </li> <li> <a href="onepage-10.html" target="_blank">Onepage Version 10</a> </li> <li> <a href="onepage-11.html" target="_blank">Onepage Version 11</a> </li> <li> <a href="onepage-12.html" target="_blank">Onepage Version 12</a> </li> </ul> </div> </div> </div> </li> <li class="c-menu-type-classic"> <a href="javascript:;" class="c-link dropdown-toggle">Features<span class="c-arrow c-toggler"></span></a> <ul class="dropdown-menu c-menu-type-classic c-pull-left"> <li class="dropdown-submenu"> <a href="javascript:;">Headers<span class="c-arrow c-toggler"></span></a> <ul class="dropdown-menu c-pull-right"> <li> <a href="home-header-1.html">Home Header v1</a> </li> <li> <a href="home-header-1-ext.html">Home Header v1 - Extended</a> </li> <li> <a href="home-header-2.html">Home Header v2</a> </li> <li> <a href="home-header-2-ext.html">Home Header v2 - Extended</a> </li> <li> <a href="home-header-3.html">Home Header v3</a> </li> <li> <a href="home-header-4.html">Home Header v4</a> </li> <li> <a href="home-header-4-ext.html">Home Header v4 - Extended</a> </li> <li> <a href="home-header-5.html">Home Header v5</a> </li> <li> <a href="home-header-5-ext.html">Home Header v5 - Extended</a> </li> <li> <a href="home-header-6.html">Home Header v6</a> </li> <li> <a href="home-header-6-ext.html">Home Header v6 - Extended</a> </li> <li> <a href="home-header-7.html">Home Header v7</a> </li> <li> <a href="home-header-8.html">Home Header v8</a> </li> <li> <a href="inner-header-1.html">Inner Header v1</a> </li> <li> <a href="inner-header-1-ext.html">Inner Header v1 - Extended</a> </li> <li> <a href="inner-header-2.html">Inner Header v2</a> </li> <li> <a href="inner-header-2-ext.html">Inner Header v2 - Extended</a> </li> <li> <a href="inner-header-3.html">Inner Header v3</a> </li> <li> <a href="inner-header-4.html">Inner Header v4</a> </li> <li> <a href="inner-header-5.html">Inner Header v5</a> </li> </ul> </li> <li class="dropdown-submenu"> <a href="#">Sidebar Menu<span class="c-arrow c-toggler"></span></a> <ul class="dropdown-menu c-pull-right"> <li> <a href="sidebar-menu-1.html">Sidebar Menu v1</a> </li> <li> <a href="sidebar-menu-2.html">Sidebar Menu v2</a> </li> <li> <a href="sidebar-menu-static.html">Expanded Static Sidebar Menu</a> </li> <li> <a href="sidebar-menu-right.html">Right Sidebar Menu</a> </li> <li> <a href="sidebar-menu-fluid.html">Sidebar Menu In Fluid Layout</a> </li> </ul> </li> <li class="dropdown-submenu"> <a href="javascript:;">Footers<span class="c-arrow c-toggler"></span></a> <ul class="dropdown-menu c-pull-right"> <li> <a href="footer-1.html#footer">Footer 1</a> </li> <li> <a href="footer-2.html#footer">Footer 2</a> </li> <li> <a href="footer-3.html#footer">Footer 3</a> </li> <li> <a href="footer-4.html#footer">Footer 4</a> </li> <li> <a href="footer-5.html#footer">Footer 5</a> </li> <li> <a href="footer-6.html#footer">Footer 6</a> </li> <li> <a href="footer-7.html#footer">Footer 7</a> </li> <li> <a href="footer-8.html#footer">Footer 8</a> </li> <li> <a href="footer-9.html#footer">Footer 9</a> </li> </ul> </li> <li class="dropdown-submenu"> <a href="#">Breadcrumbs<span class="c-arrow c-toggler"></span></a> <ul class="dropdown-menu c-pull-right"> <li> <a href="breadcrumbs-default.html">Breadcrumbs - Default</a> </li> <li> <a href="breadcrumbs-subtitle.html">Breadcrumbs - Sub Title</a> </li> <li> <a href="breadcrumbs-bgimage-1.html">Breadcrumbs - Bg Image V1</a> </li> <li> <a href="breadcrumbs-bgimage-2.html">Breadcrumbs - Bg Image V2</a> </li> <li> <a href="breadcrumbs-bgimage-3.html">Breadcrumbs - Bg Image V3</a> </li> <li> <a href="breadcrumbs-bgimage-4.html">Breadcrumbs - Bg Image V4</a> </li> <li> <a href="breadcrumbs-bgimage-5.html">Breadcrumbs - Bg Image V5</a> </li> <li> <a href="breadcrumbs-bgimage-6.html">Breadcrumbs - Bg Image V6</a> </li> <li> <a href="breadcrumbs-bgimage-7.html">Breadcrumbs - Bg Image V7</a> </li> <li> <a href="breadcrumbs-bgimage-8.html">Breadcrumbs - Bg Image V8</a> </li> <li> <a href="breadcrumbs-bgimage-9.html">Breadcrumbs - Bg Image V9</a> </li> <li> <a href="breadcrumbs-bgimage-10.html">Breadcrumbs - Bg Image V10</a> </li> </ul> </li> <li class="dropdown-submenu"> <a href="javascript:;">Cookies Notification Bar<span class="c-arrow c-toggler"></span></a> <ul class="dropdown-menu c-pull-right"> <li> <a href="component-cookies-1.html">Full Width - Top</a> </li> <li> <a href="component-cookies-2.html">Full Width - Bottom</a> </li> <li> <a href="component-cookies-3.html">Boxed - Dark Square</a> </li> <li> <a href="component-cookies-4.html">Boxed - Theme Color Rounded</a> </li> <li> <a href="component-cookies-5.html">Boxed - Aligned Top Left</a> </li> <li> <a href="component-cookies-6.html">Boxed - Aligned Top Right</a> </li> <li> <a href="component-cookies-7.html">Boxed - Aligned Bottom Left</a> </li> <li> <a href="component-cookies-8.html">Boxed - Aligned Bottom Right</a> </li> </ul> </li> <li> <a href="component-smooth-scroll.html">Smooth Scroll Links</a> </li> <li class="dropdown-submenu"> <a href="#">Mega Menu<span class="c-arrow c-toggler"></span></a> <ul class="dropdown-menu c-pull-right"> <li> <a href="megamenu-light.html">Mega Menu - Light</a> </li> <li> <a href="megamenu-dark.html">Mega Menu - Dark</a> </li> </ul> </li> <li class="dropdown-submenu"> <a href="page-extended-portfolio.html">Multi Level Menu<span class="c-arrow c-toggler"></span></a> <ul class="dropdown-menu c-pull-right"> <li> <a href="#">Example Link</a> </li> <li> <a href="#">Example Link</a> </li> <li> <a href="#">Example Link</a> </li> <li class="dropdown-submenu"> <a href="#">Example Sub Menu<span class="c-arrow c-toggler"></span></a> <ul class="dropdown-menu c-pull-left"> <li> <a href="#">Example Link</a> </li> <li> <a href="#">Example Link</a> </li> <li> <a href="#">Example Link</a> </li> <li class="dropdown-submenu"> <a href="#">Example Sub Menu<span class="c-arrow c-toggler"></span></a> <ul class="dropdown-menu c-pull-left"> <li> <a href="#">Example Link</a> </li> <li> <a href="#">Example Link</a> </li> <li> <a href="#">Example Link</a> </li> <li> <a href="#">Example Link</a> </li> </ul> </li> <li> <a href="#">Example Link</a> </li> </ul> </li> <li> <a href="#">Example Link</a> </li> <li> <a href="#">Example Link</a> </li> </ul> </li> </ul> </li> <li > <a href="javascript:;" class="c-link dropdown-toggle">Pages<span class="c-arrow c-toggler"></span></a> <ul class="dropdown-menu c-menu-type-mega c-menu-type-fullwidth" style="min-width: auto"> <li> <ul class="dropdown-menu c-menu-type-inline"> <li> <h3>Page Samples 1</h3> </li> <li> <a href="page-about-1.html">About Us 1</a> </li> <li> <a href="page-about-2.html">About Us 2</a> </li> <li> <a href="page-about-3.html">About Us 3</a> </li> <li> <a href="page-about-4.html">About Us 4</a> </li> <li> <a href="page-team.html">Meet The Team</a> </li> </ul> </li> <li> <ul class="dropdown-menu c-menu-type-inline"> <li> <h3>Page Samples 2</h3> </li> <li> <a href="page-contact-1.html">Contact Us 1</a> </li> <li> <a href="page-contact-2.html">Contact Us 2</a> </li> <li> <a href="page-contact-3.html">Contact Us 3</a> </li> <li> <a href="page-faq.html">FAQ</a> </li> <li> <a href="page-faq-2.html">FAQ 2</a> </li> </ul> </li> <li> <ul class="dropdown-menu c-menu-type-inline"> <li> <h3>Gallery Pages</h3> </li> <li> <a href="page-product-launch.html">Product Launch</a> </li> <li> <a href="page-lightbox-gallery.html">Lightbox Gallery</a> </li> <li> <a href="page-fullwidth-gallery.html">Full Width Gallery</a> </li> <li> <a href="page-masonry-gallery.html">Masonry Gallery</a> </li> <li> <a href="page-index-gallery.html">Gallery Index</a> </li> </ul> </li> <li> <ul class="dropdown-menu c-menu-type-inline"> <li> <h3>Portfolio Pages</h3> </li> <li> <a href="page-4col-portfolio.html">4 Columns Portfolio</a> </li> <li> <a href="page-2col-portfolio.html">2 Columns Portfolio</a> </li> <li> <a href="page-masonry-portfolio.html">Masonry Portfolio</a> </li> <li> <a href="page-extended-portfolio.html">Extended Portfolio</a> </li> </ul> </li> <li> <ul class="dropdown-menu c-menu-type-inline"> <li> <h3>Blog Pages</h3> </li> <li> <a href="page-blog-list.html">Blog List View</a> </li> <li> <a href="page-blog-grid.html">Blog Grid View</a> </li> <li> <a href="page-blog-post.html">Blog Single Post</a> </li> </ul> </li> </ul> </li> <li > <a href="javascript:;" class="c-link dropdown-toggle">Shop<span class="c-arrow c-toggler"></span></a> <ul class="dropdown-menu c-menu-type-mega c-menu-type-fullwidth" style="min-width: auto"> <li> <ul class="dropdown-menu c-menu-type-inline"> <li> <h3>Shop Pages 1</h3> </li> <li> <a href="shop-home-1.html" target="_blank">Shop Home 1</a> </li> <li> <a href="shop-home-2.html">Shop Home 2</a> </li> <li> <a href="shop-home-3.html">Shop Home 3</a> </li> <li> <a href="shop-home-4.html">Shop Home 4</a> </li> <li> <a href="shop-home-5.html">Shop Home 5</a> </li> <li> <a href="shop-home-6.html">Shop Home 6</a> </li> <li> <a href="shop-home-7.html">Shop Home 7</a> </li> <li> <a href="shop-home-8.html" target="_blank">Shop Home 8</a> </li> </ul> </li> <li> <ul class="dropdown-menu c-menu-type-inline"> <li> <h3>Shop Pages 2</h3> </li> <li> <a href="shop-product-list.html">Product List</a> </li> <li> <a href="shop-product-grid.html">Product Grid</a> </li> <li> <a href="shop-product-search.html">Product Search</a> </li> <li> <a href="shop-product-details.html">Product Details 1</a> </li> <li> <a href="shop-product-details-2.html">Product Details 2</a> </li> <li> <a href="shop-product-details-3.html">Product Details 3</a> </li> <li> <a href="shop-product-details-4.html">Product Details 4</a> </li> <li> <a href="shop-product-comparison.html">Product Comparison</a> </li> </ul> </li> <li> <ul class="dropdown-menu c-menu-type-inline"> <li> <h3>Shop Pages 3</h3> </li> <li> <a href="shop-product-wishlist.html">Wish List</a> </li> <li> <a href="shop-customer-account.html">Customer Login/Register</a> </li> <li> <a href="shop-customer-dashboard.html">Customer Dashboard</a> </li> <li> <a href="shop-order-history.html">Order History</a> </li> <li> <a href="shop-order-history-2.html">Order History 2</a> </li> <li> <a href="shop-cart.html">Shopping Cart</a> </li> <li> <a href="shop-cart-empty.html">Shopping Cart(empty)</a> </li> <li> <a href="shop-checkout.html">Checkout</a> </li> </ul> </li> <li> <ul class="dropdown-menu c-menu-type-inline"> <li> <h3>Shop Pages 4</h3> </li> <li> <a href="shop-checkout-complete.html">Checkout Complete</a> </li> <li> <a href="component-shop-1.html">Shop Components 1</a> </li> <li> <a href="component-shop-2.html">Shop Components 2</a> </li> <li> <a href="component-shop-3.html">Shop Components 3</a> </li> <li> <a href="component-shop-4.html">Shop Components 4</a> </li> <li> <a href="component-shop-5.html">Shop Components 5</a> </li> <li> <a href="component-shop-6.html">Shop Components 6</a> </li> <li> <a href="component-shop-7.html">Shop Components 7</a> </li> </ul> </li> </ul> </li> <li > <a href="javascript:;" class="c-link dropdown-toggle">Components<span class="c-arrow c-toggler"></span></a> <!-- BEGIN: DESKTOP VERSION OF THE TAB MEGA MENU --> <div class="dropdown-menu c-menu-type-mega c-visible-desktop c-pull-right c-menu-type-fullwidth" style="min-width: auto"> <ul class="nav nav-tabs c-theme-nav"> <li class="active"> <a href="#megamenu_jango_components" data-toggle="tab">Jango Components</a> </li> <li> <a href="#megamenu_base_components" data-toggle="tab">Base Components</a> </li> </ul> <div class="tab-content"> <div class="tab-pane active" id="megamenu_jango_components"> <div class="row"> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <a href="component-tabbed-contents.html">Tabbed Contents</a> </li> <li> <a href="component-parallax-1.html">Parallax Blocks 1</a> </li> <li> <a href="component-parallax-2.html">Parallax Blocks 2</a> </li> <li> <a href="component-parallax-3.html">Parallax Blocks 3</a> </li> <li> <a href="component-features.html">Feature Blocks</a> </li> <li> <a href="component-features-2.html">Feature Blocks 2</a> </li> <li> <a href="component-features-3.html">Feature Blocks 3</a> </li> <li> <a href="component-latest-works.html">Latest Works</a> </li> </ul> </div> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <a href="component-latest-items.html">Latest Items</a> </li> <li> <a href="component-tiles.html">Tiles</a> </li> <li> <a href="component-services.html">Services</a> </li> <li> <a href="component-blog-elements.html">Blog Elements</a> </li> <li> <a href="component-counters.html">Counters</a> </li> <li class="c-active"> <a href="component-bars.html">Engage Bars</a> </li> <li> <a href="component-isotope.html">Isotope Gallery</a> </li> <li> <a href="component-isotope-grid.html">Isotope Grid</a> </li> </ul> </div> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <a href="component-pricing-tables-1.html">Pricing Tables 1</a> </li> <li> <a href="component-pricing-tables-2.html">Pricing Tables 2</a> </li> <li> <a href="component-testimonials.html">Testimonials</a> </li> <li> <a href="component-testimonials-2.html">Testimonials 2</a> </li> <li> <a href="component-clients.html">Clients</a> </li> <li> <a href="component-abouts.html">About Blocks</a> </li> <li> <a href="component-dividers.html">Dividers</a> </li> </ul> </div> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <a href="component-steps.html">Steps</a> </li> <li> <a href="component-app-showcase.html">App Showcase</a> </li> <li> <a href="component-team.html">Team</a> </li> <li> <a href="component-headings.html">Headings</a> </li> <li> <a href="component-accordions.html">Accordion Contents</a> </li> <li> <a href="component-progress-bars-2.html">Animated Progress Bars</a> </li> <li> <a href="component-subscribe-form-1.html">Subscribe Form Bars</a> </li> </ul> </div> </div> </div> <div class="tab-pane" id="megamenu_base_components"> <div class="row"> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <a href="component-lists.html">Lists</a> </li> <li> <a href="component-blockquotes.html">Blockquotes</a> </li> <li> <a href="component-navs.html">Navigations</a> </li> <li> <a href="component-fontawesome-icons.html">Fontawesome Icons</a> </li> <li> <a href="component-simpleline-icons.html">Simple Line Icons</a> </li> <li> <a href="component-glyphicons-icons.html">Glyphicons Icons</a> </li> </ul> </div> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <a href="component-custom-icons.html">Custom Icons</a> </li> <li> <a href="component-business-custom-icons.html">Custom Business Icons</a> </li> <li> <a href="component-social-icons.html">Social Icons</a> </li> <li> <a href="component-media-embeds.html">Media Embeds</a> </li> <li> <a href="component-labels-badges.html">Labels & Badges</a> </li> </ul> </div> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <a href="component-colors.html">UI Colors</a> </li> <li> <a href="component-buttons.html">Buttons</a> </li> <li> <a href="component-form-controls.html">Form Controls</a> </li> <li> <a href="component-tables.html">Tables</a> </li> <li> <a href="component-modals.html">Modals</a> </li> </ul> </div> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <a href="component-tabs.html">Tabs</a> </li> <li> <a href="component-paginations.html">Paginations</a> </li> <li> <a href="component-panels.html">Panels</a> </li> <li> <a href="component-progress-bars.html">Progress Bars</a> </li> <li> <a href="component-alerts.html">Alerts</a> </li> </ul> </div> </div> </div> </div> </div> <!-- BEGIN: DESKTOP VERSION OF THE TAB MEGA MENU --> <!-- BEGIN: MOBILE VERSION OF THE TAB MEGA MENU --> <ul class="dropdown-menu c-menu-type-mega c-visible-mobile"> <li class="dropdown-submenu"> <a href="javascript:;">Jango Components<span class="c-arrow c-toggler"></span></a> <div class="dropdown-menu"> <div class="row"> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <a href="component-tabbed-contents.html">Tabbed Contents</a> </li> <li> <a href="component-parallax-1.html">Parallax Blocks 1</a> </li> <li> <a href="component-parallax-2.html">Parallax Blocks 2</a> </li> <li> <a href="component-parallax-3.html">Parallax Blocks 3</a> </li> <li> <a href="component-features.html">Feature Blocks</a> </li> <li> <a href="component-features-2.html">Feature Blocks 2</a> </li> <li> <a href="component-features-3.html">Feature Blocks 3</a> </li> <li> <a href="component-latest-works.html">Latest Works</a> </li> </ul> </div> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <a href="component-latest-items.html">Latest Items</a> </li> <li> <a href="component-tiles.html">Tiles</a> </li> <li> <a href="component-services.html">Services</a> </li> <li> <a href="component-blog-elements.html">Blog Elements</a> </li> <li> <a href="component-counters.html">Counters</a> </li> <li class="c-active"> <a href="component-bars.html">Engage Bars</a> </li> <li> <a href="component-isotope.html">Isotope Gallery</a> </li> <li> <a href="component-isotope-grid.html">Isotope Grid</a> </li> </ul> </div> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <a href="component-pricing-tables-1.html">Pricing Tables 1</a> </li> <li> <a href="component-pricing-tables-2.html">Pricing Tables 2</a> </li> <li> <a href="component-testimonials.html">Testimonials</a> </li> <li> <a href="component-testimonials-2.html">Testimonials 2</a> </li> <li> <a href="component-clients.html">Clients</a> </li> <li> <a href="component-abouts.html">About Blocks</a> </li> <li> <a href="component-dividers.html">Dividers</a> </li> </ul> </div> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <a href="component-steps.html">Steps</a> </li> <li> <a href="component-app-showcase.html">App Showcase</a> </li> <li> <a href="component-team.html">Team</a> </li> <li> <a href="component-headings.html">Headings</a> </li> <li> <a href="component-accordions.html">Accordion Contents</a> </li> <li> <a href="component-progress-bars-2.html">Animated Progress Bars</a> </li> <li> <a href="component-subscribe-form-1.html">Subscribe Form Bars</a> </li> </ul> </div> </div> </div> </li> <li class="dropdown-submenu"> <a href="javascript:;">Base Components<span class="c-arrow c-toggler"></span></a> <div class="dropdown-menu"> <div class="row"> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <a href="component-lists.html">Lists</a> </li> <li> <a href="component-blockquotes.html">Blockquotes</a> </li> <li> <a href="component-navs.html">Navigations</a> </li> <li> <a href="component-fontawesome-icons.html">Fontawesome Icons</a> </li> <li> <a href="component-simpleline-icons.html">Simple Line Icons</a> </li> <li> <a href="component-glyphicons-icons.html">Glyphicons Icons</a> </li> </ul> </div> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <a href="component-custom-icons.html">Custom Icons</a> </li> <li> <a href="component-business-custom-icons.html">Custom Business Icons</a> </li> <li> <a href="component-social-icons.html">Social Icons</a> </li> <li> <a href="component-media-embeds.html">Media Embeds</a> </li> <li> <a href="component-labels-badges.html">Labels & Badges</a> </li> </ul> </div> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <a href="component-colors.html">UI Colors</a> </li> <li> <a href="component-buttons.html">Buttons</a> </li> <li> <a href="component-form-controls.html">Form Controls</a> </li> <li> <a href="component-tables.html">Tables</a> </li> <li> <a href="component-modals.html">Modals</a> </li> </ul> </div> <div class="col-md-3"> <ul class="dropdown-menu c-menu-type-inline"> <li> <a href="component-tabs.html">Tabs</a> </li> <li> <a href="component-paginations.html">Paginations</a> </li> <li> <a href="component-panels.html">Panels</a> </li> <li> <a href="component-progress-bars.html">Progress Bars</a> </li> <li> <a href="component-alerts.html">Alerts</a> </li> </ul> </div> </div> </div> </li> </ul> <!-- END: MOBILE VERSION OF THE TAB MEGA MENU --> </li> <li class="c-search-toggler-wrapper"> <a href="#" class="c-btn-icon c-search-toggler"><i class="fa fa-search"></i></a> </li> <li class="c-cart-toggler-wrapper"> <a href="#" class="c-btn-icon c-cart-toggler"><i class="icon-handbag c-cart-icon"></i> <span class="c-cart-number c-theme-bg">2</span></a> </li> <li> <a href="#" data-toggle="modal" data-target="#login-form" class="c-btn-border-opacity-04 c-btn btn-no-focus c-btn-header btn btn-sm c-btn-border-1x c-btn-dark c-btn-circle c-btn-uppercase c-btn-sbold"><i class="icon-user"></i> Sign In</a> </li> <li class="c-quick-sidebar-toggler-wrapper"> <a href="#" class="c-quick-sidebar-toggler"> <span class="c-line"></span> <span class="c-line"></span> <span class="c-line"></span> </a> </li> </ul> </nav> <!-- END: MEGA MENU --><!-- END: LAYOUT/HEADERS/MEGA-MENU --> <!-- END: HOR NAV --> </div> <!-- BEGIN: LAYOUT/HEADERS/QUICK-CART --> <!-- BEGIN: CART MENU --> <div class="c-cart-menu"> <div class="c-cart-menu-title"> <p class="c-cart-menu-float-l c-font-sbold">2 item(s)</p> <p class="c-cart-menu-float-r c-theme-font c-font-sbold">$79.00</p> </div> <ul class="c-cart-menu-items"> <li> <div class="c-cart-menu-close"> <a href="#" class="c-theme-link">×</a> </div> <img src="../../assets/base/img/content/shop2/24.jpg"/> <div class="c-cart-menu-content"> <p>1 x <span class="c-item-price c-theme-font">$30</span></p> <a href="shop-product-details-2.html" class="c-item-name c-font-sbold">Winter Coat</a> </div> </li> <li> <div class="c-cart-menu-close"> <a href="#" class="c-theme-link">×</a> </div> <img src="../../assets/base/img/content/shop2/12.jpg"/> <div class="c-cart-menu-content"> <p>1 x <span class="c-item-price c-theme-font">$30</span></p> <a href="shop-product-details.html" class="c-item-name c-font-sbold">Sports Wear</a> </div> </li> </ul> <div class="c-cart-menu-footer"> <a href="shop-cart.html" class="btn btn-md c-btn c-btn-square c-btn-grey-3 c-font-white c-font-bold c-center c-font-uppercase">View Cart</a> <a href="shop-checkout.html" class="btn btn-md c-btn c-btn-square c-theme-btn c-font-white c-font-bold c-center c-font-uppercase">Checkout</a> </div> </div> <!-- END: CART MENU --><!-- END: LAYOUT/HEADERS/QUICK-CART --> </div> </div> </header> <!-- END: HEADER --><!-- END: LAYOUT/HEADERS/HEADER-1 --> <!-- BEGIN: CONTENT/USER/FORGET-PASSWORD-FORM --> <div class="modal fade c-content-login-form" id="forget-password-form" role="dialog"> <div class="modal-dialog"> <div class="modal-content c-square"> <div class="modal-header c-no-border"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> </div> <div class="modal-body"> <h3 class="c-font-24 c-font-sbold">Password Recovery</h3> <p>To recover your password please fill in your email address</p> <form> <div class="form-group"> <label for="forget-email" class="hide">Email</label> <input type="email" class="form-control input-lg c-square" id="forget-email" placeholder="Email"> </div> <div class="form-group"> <button type="submit" class="btn c-theme-btn btn-md c-btn-uppercase c-btn-bold c-btn-square c-btn-login">Submit</button> <a href="javascript:;" class="c-btn-forgot" data-toggle="modal" data-target="#login-form" data-dismiss="modal">Back To Login</a> </div> </form> </div> <div class="modal-footer c-no-border"> <span class="c-text-account">Don't Have An Account Yet ?</span> <a href="javascript:;" data-toggle="modal" data-target="#signup-form" data-dismiss="modal" class="btn c-btn-dark-1 btn c-btn-uppercase c-btn-bold c-btn-slim c-btn-border-2x c-btn-square c-btn-signup">Signup!</a> </div> </div> </div> </div><!-- END: CONTENT/USER/FORGET-PASSWORD-FORM --> <!-- BEGIN: CONTENT/USER/SIGNUP-FORM --> <div class="modal fade c-content-login-form" id="signup-form" role="dialog"> <div class="modal-dialog"> <div class="modal-content c-square"> <div class="modal-header c-no-border"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> </div> <div class="modal-body"> <h3 class="c-font-24 c-font-sbold">Create An Account</h3> <p>Please fill in below form to create an account with us</p> <form> <div class="form-group"> <label for="signup-email" class="hide">Email</label> <input type="email" class="form-control input-lg c-square" id="signup-email" placeholder="Email"> </div> <div class="form-group"> <label for="signup-username" class="hide">Username</label> <input type="email" class="form-control input-lg c-square" id="signup-username" placeholder="Username"> </div> <div class="form-group"> <label for="signup-fullname" class="hide">Fullname</label> <input type="email" class="form-control input-lg c-square" id="signup-fullname" placeholder="Fullname"> </div> <div class="form-group"> <label for="signup-country" class="hide">Country</label> <select class="form-control input-lg c-square" id="signup-country"> <option value="1">Country</option> </select> </div> <div class="form-group"> <button type="submit" class="btn c-theme-btn btn-md c-btn-uppercase c-btn-bold c-btn-square c-btn-login">Signup</button> <a href="javascript:;" class="c-btn-forgot" data-toggle="modal" data-target="#login-form" data-dismiss="modal">Back To Login</a> </div> </form> </div> </div> </div> </div><!-- END: CONTENT/USER/SIGNUP-FORM --> <!-- BEGIN: CONTENT/USER/LOGIN-FORM --> <div class="modal fade c-content-login-form" id="login-form" role="dialog"> <div class="modal-dialog"> <div class="modal-content c-square"> <div class="modal-header c-no-border"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> </div> <div class="modal-body"> <h3 class="c-font-24 c-font-sbold">Good Afternoon!</h3> <p>Let's make today a great day!</p> <form> <div class="form-group"> <label for="login-email" class="hide">Email</label> <input type="email" class="form-control input-lg c-square" id="login-email" placeholder="Email"> </div> <div class="form-group"> <label for="login-password" class="hide">Password</label> <input type="password" class="form-control input-lg c-square" id="login-password" placeholder="Password"> </div> <div class="form-group"> <div class="c-checkbox"> <input type="checkbox" id="login-rememberme" class="c-check"> <label for="login-rememberme" class="c-font-thin c-font-17"> <span></span> <span class="check"></span> <span class="box"></span> Remember Me </label> </div> </div> <div class="form-group"> <button type="submit" class="btn c-theme-btn btn-md c-btn-uppercase c-btn-bold c-btn-square c-btn-login">Login</button> <a href="javascript:;" data-toggle="modal" data-target="#forget-password-form" data-dismiss="modal" class="c-btn-forgot">Forgot Your Password ?</a> </div> <div class="clearfix"> <div class="c-content-divider c-divider-sm c-icon-bg c-bg-grey c-margin-b-20"> <span>or signup with</span> </div> <ul class="c-content-list-adjusted"> <li> <a class="btn btn-block c-btn-square btn-social btn-twitter"> <i class="fa fa-twitter"></i> Twitter </a> </li> <li> <a class="btn btn-block c-btn-square btn-social btn-facebook"> <i class="fa fa-facebook"></i> Facebook </a> </li> <li> <a class="btn btn-block c-btn-square btn-social btn-google"> <i class="fa fa-google"></i> Google </a> </li> </ul> </div> </form> </div> <div class="modal-footer c-no-border"> <span class="c-text-account">Don't Have An Account Yet ?</span> <a href="javascript:;" data-toggle="modal" data-target="#signup-form" data-dismiss="modal" class="btn c-btn-dark-1 btn c-btn-uppercase c-btn-bold c-btn-slim c-btn-border-2x c-btn-square c-btn-signup">Signup!</a> </div> </div> </div> </div><!-- END: CONTENT/USER/LOGIN-FORM --> <!-- BEGIN: LAYOUT/SIDEBARS/QUICK-SIDEBAR --> <nav class="c-layout-quick-sidebar"> <div class="c-header"> <button type="button" class="c-link c-close"> <i class="icon-login"></i> </button> </div> <div class="c-content"> <div class="c-section"> <h3>JANGO DEMOS</h3> <div class="c-settings c-demos c-bs-grid-reset-space"> <div class="row"> <div class="col-md-12"> <a href="../default/index.html" class="c-demo-container c-demo-img-lg"> <div class="c-demo-thumb active"> <img src="../../assets/base/img/content/quick-sidebar/default.jpg" class="c-demo-thumb-img"/> </div> </a> </div> </div> <div class="row"> <div class="col-md-6"> <a href="../corporate_1/index.html" class="c-demo-container"> <div class="c-demo-thumb c-thumb-left"> <img src="../../assets/base/img/content/quick-sidebar/corporate_1.jpg" class="c-demo-thumb-img"/> </div> </a> </div> <div class="col-md-6"> <a href="../agency_1/index.html" class="c-demo-container"> <div class="c-demo-thumb c-thumb-right"> <img src="../../assets/base/img/content/quick-sidebar/corporate_1-onepage.jpg" class="c-demo-thumb-img"/> </div> </a> </div> </div> </div> </div> <div class="c-section"> <h3>Theme Colors</h3> <div class="c-settings"> <span class="c-color c-default c-active" data-color="default"></span> <span class="c-color c-green1" data-color="green1"></span> <span class="c-color c-green2" data-color="green2"></span> <span class="c-color c-green3" data-color="green3"></span> <span class="c-color c-yellow1" data-color="yellow1"></span> <span class="c-color c-yellow2" data-color="yellow2"></span> <span class="c-color c-yellow3" data-color="yellow3"></span> <span class="c-color c-red1" data-color="red1"></span> <span class="c-color c-red2" data-color="red2"></span> <span class="c-color c-red3" data-color="red3"></span> <span class="c-color c-purple1" data-color="purple1"></span> <span class="c-color c-purple2" data-color="purple2"></span> <span class="c-color c-purple3" data-color="purple3"></span> <span class="c-color c-blue1" data-color="blue1"></span> <span class="c-color c-blue2" data-color="blue2"></span> <span class="c-color c-blue3" data-color="blue3"></span> <span class="c-color c-brown1" data-color="brown1"></span> <span class="c-color c-brown2" data-color="brown2"></span> <span class="c-color c-brown3" data-color="brown3"></span> <span class="c-color c-dark1" data-color="dark1"></span> <span class="c-color c-dark2" data-color="dark2"></span> <span class="c-color c-dark3" data-color="dark3"></span> </div> </div> <div class="c-section"> <h3>Header Type</h3> <div class="c-settings"> <input type="button" class="c-setting_header-type btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active" data-value="boxed" value="boxed"/> <input type="button" class="c-setting_header-type btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase" data-value="fluid" value="fluid"/> </div> </div> <div class="c-section"> <h3>Header Mode</h3> <div class="c-settings"> <input type="button" class="c-setting_header-mode btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active" data-value="fixed" value="fixed"/> <input type="button" class="c-setting_header-mode btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase" data-value="static" value="static"/> </div> </div> <div class="c-section"> <h3>Mega Menu Style</h3> <div class="c-settings"> <input type="button" class="c-setting_megamenu-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active" data-value="dark" value="dark"/> <input type="button" class="c-setting_megamenu-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase" data-value="light" value="light"/> </div> </div> <div class="c-section"> <h3>Font Style</h3> <div class="c-settings"> <input type="button" class="c-setting_font-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active" data-value="default" value="default"/> <input type="button" class="c-setting_font-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase" data-value="light" value="light"/> </div> </div> <div class="c-section"> <h3>Reading Style</h3> <div class="c-settings"> <a href="http://www.themehats.com/themes/jango/" class="c-setting_font-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active">LTR</a> <a href="http://www.themehats.com/themes/jango/rtl/" class="c-setting_font-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase ">RTL</a> </div> </div> </div> </nav><!-- END: LAYOUT/SIDEBARS/QUICK-SIDEBAR --> <!-- BEGIN: PAGE CONTAINER --> <div class="c-layout-page"> <!-- BEGIN: LAYOUT/BREADCRUMBS/BREADCRUMBS-1 --> <div class="c-layout-breadcrumbs-1 c-fonts-uppercase c-fonts-bold"> <div class="container"> <div class="c-page-title c-pull-left"> <h3 class="c-font-uppercase c-font-sbold">Engage Bars</h3> </div> <ul class="c-page-breadcrumbs c-theme-nav c-pull-right c-fonts-regular"> <li><a href="javascript:;">Jango Components</a></li> <li>/</li> <li class="c-state_active">Engage Bars</li> </ul> </div> </div><!-- END: LAYOUT/BREADCRUMBS/BREADCRUMBS-1 --> <!-- BEGIN: PAGE CONTENT --> <!-- BEGIN: CONTENT/BARS/BAR-1 --> <div class="c-content-box c-size-md"> <div class="container"> <div class="c-content-bar-1 c-opt-1"> <h3 class="c-font-uppercase c-font-bold">Get JANGO as your development companion</h3> <p class="c-font-uppercase"> JANGO is built to completely support your web projects by<br> providing <strong>Ultra Flexibility</strong>, <strong>Increased productivity</strong> and <strong>Top quality</strong> </p> <button type="button" class="btn btn-md c-btn-square c-btn-border-2x c-btn-dark c-btn-uppercase c-btn-bold c-margin-r-40 hide">Learn More</button> <a href="http://themeforest.net/item/jango-responsive-multipurpose-html5-template/11987314" class="btn btn-md c-btn-square c-theme-btn c-btn-uppercase c-btn-bold">Purchase</a> </div> </div> </div><!-- END: CONTENT/BARS/BAR-1 --> <!-- BEGIN: CONTENT/BARS/BAR-5 --> <div class="c-content-box c-size-md c-bg-parallax" style="background-image: url(../../assets/base/img/content/backgrounds/bg-13.jpg)"> <div class="container"> <div class="c-content-bar-4"> <h3 class="c-font-uppercase c-font-bold">Clean HTML & CSS<br/>JANGO is Launch Ready</h3> <div class="c-actions"> <a href="#" class="btn btn-md c-btn-border-2x c-btn-square c-btn-white c-btn-uppercase c-btn-bold c-margin-b-100">Learn More</a> <a href="http://themeforest.net/item/jango-responsive-multipurpose-html5-template/11987314" class="btn btn-md c-theme-btn c-btn-square c-btn-uppercase c-btn-bold c-theme-btn c-margin-b-100 hide">Purchase</a> </div> </div> </div> </div> <!-- END: CONTENT/BARS/BAR-5 --> <!-- BEGIN: CONTENT/BARS/BAR-3 --> <div class="c-content-box c-size-md c-bg-dark"> <div class="container"> <div class="c-content-bar-3"> <div class="row"> <div class="col-md-7"> <div class="c-content-title-1"> <h3 class="c-font-uppercase c-font-bold">DEDICATED SUPPORT</h3> <p class="c-font-uppercase">JANGO comes with top-of-the-line support teams to ensure that we provide the best experience for our customers</p> </div> </div> <div class="col-md-3 col-md-offset-2"> <div class="c-content-v-center" style="height: 90px;"> <div class="c-wrapper"> <div class="c-body"> <button type="button" class="btn btn-md c-btn-square c-btn-border-2x c-theme-btn c-btn-uppercase c-btn-bold">Get Support</button> </div> </div> </div> </div> </div> </div> </div> </div> <!-- END: CONTENT/BARS/BAR-3 --> <!-- BEGIN: CONTENT/BARS/BAR-4 --> <div class="c-content-box c-size-md c-bg-parallax" style="background-image: url(../../assets/base/img/content/backgrounds/bg_oswald_1.jpg)"> <div class="container"> <div class="c-content-bar-4"> <h3 class="c-font-uppercase c-font-bold">Clean HTML & CSS<br/>JANGO is Launch Ready</h3> <div class="c-actions"> <a href="#" class="btn btn-md c-btn-border-2x c-btn-square c-btn-white c-btn-uppercase c-btn-bold c-margin-b-100">Learn More</a> <a href="http://themeforest.net/item/jango-responsive-multipurpose-html5-template/11987314" class="btn btn-md c-btn-red c-btn-square hide c-btn-uppercase c-btn-bold c-margin-b-100">Purchase</a> </div> </div> </div> </div> <!-- END: CONTENT/BARS/BAR-4 --> <!-- BEGIN: CONTENT/BARS/BAR-2 --> <div class="c-content-box c-size-md c-bg-grey-1"> <div class="container"> <div class="c-content-bar-2 c-opt-1"> <div class="row" data-auto-height="true"> <div class="col-md-6"> <!-- Begin: Title 1 component --> <div class="c-content-title-1" data-height="height"> <h3 class="c-font-uppercase c-font-bold">Meet JANGO. The Theme Of 2015</h3> <p class="c-font-uppercase c-font-sbold"> The Ever growing Multipurpose Theme. Ultra responsive, Clean Coding with top quality modern design trends. </p> <a href="http://themeforest.net/item/jango-responsive-multipurpose-html5-template/11987314" class="btn btn-md c-btn-border-2x c-btn-square c-theme-btn c-btn-uppercase c-btn-bold">Purchase</a> </div> <!-- End--> </div> <div class="col-md-6"> <div class="c-content-v-center c-bg-red" data-height="height"> <div class="c-wrapper"> <div class="c-body"> <h3 class="c-font-white c-font-bold">Just another option from an endless list of choices within JANGO.</h3> </div> </div> </div> </div> </div> </div> </div> </div> <!-- END: CONTENT/BARS/BAR-2 --> <!-- BEGIN: CONTENT/BARS/BAR-6 --> <div class="c-content-box c-size-md"> <div class="container"> <div class="c-content-bar-1 c-opt-1 c-bordered c-theme-border c-shadow"> <h3 class="c-font-uppercase c-font-bold">JANGO is optimized to every development</h3> <p class="c-font-uppercase"> JANGO is build to completely support your web projects by<br> providing <strong>Ultra Flexibility</strong>, <strong>Increased productivity</strong> and <strong>Top quality</strong> </p> <button type="button" class="btn btn-md c-btn-square c-btn-border-2x c-btn-dark c-btn-uppercase c-btn-bold c-margin-r-40">Explore</button> <a href="http://themeforest.net/item/jango-responsive-multipurpose-html5-template/11987314" class="btn btn-md c-btn-square c-theme-btn c-btn-uppercase c-btn-bold">Purchase</a> </div> </div> </div> <!-- END: CONTENT/BARS/BAR-6 --> <!-- BEGIN: CONTENT/BARS/BAR-2-1 --> <div class="c-content-box c-size-md c-bg-white"> <div class="container"> <div class="c-content-bar-2 c-opt-1"> <div class="row" data-auto-height="true"> <div class="col-md-6"> <!-- Begin: Title 1 component --> <div class="c-content-title-1" data-height="height"> <h3 class="c-font-uppercase c-font-bold">Meet JANGO. The Theme Of 2015</h3> <p class="c-font-uppercase c-font-sbold"> The Ever growing Multipurpose Theme. Ultra responsive, Clean Coding with top quality modern design trends. </p> <a href="http://themeforest.net/item/jango-responsive-multipurpose-html5-template/11987314" class="btn btn-md c-btn-border-2x c-btn-square c-theme-btn c-btn-uppercase c-btn-bold">Purchase</a> </div> <!-- End--> </div> <div class="col-md-6"> <div class="c-content-v-center c-bg-red" data-height="height"> <div class="c-wrapper"> <div class="c-body"> <h3 class="c-font-white c-font-bold">Just another option from an endless list of choices within JANGO.</h3> </div> </div> </div> </div> </div> </div> </div> </div> <!-- END: CONTENT/BARS/BAR-2-1 --> <!-- END: PAGE CONTENT --> </div> <!-- END: PAGE CONTAINER --> <!-- BEGIN: LAYOUT/FOOTERS/FOOTER-5 --> <a name="footer"></a> <footer class="c-layout-footer c-layout-footer-3 c-bg-dark"> <div class="c-prefooter"> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="c-container c-first"> <div class="c-content-title-1"> <h3 class="c-font-uppercase c-font-bold c-font-white">JAN<span class="c-theme-font">GO</span></h3> <div class="c-line-left hide"></div> <p class="c-text"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, s ed elit diam nonummy ad minim veniam quis nostrud exerci et tation diam.</p> </div> <ul class="c-links"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Terms</a></li> <li><a href="#">Contact</a></li> </ul> </div> </div> <div class="col-md-3"> <div class="c-container"> <div class="c-content-title-1"> <h3 class="c-font-uppercase c-font-bold c-font-white">Latest Posts</h3> <div class="c-line-left hide"></div> </div> <div class="c-blog"> <div class="c-post"> <div class="c-post-img"><img src="../../assets/base/img/content/stock/9.jpg" alt="" class="img-responsive"/></div> <div class="c-post-content"> <h4 class="c-post-title"><a href="#">Ready to Launch</a></h4> <p class="c-text">Lorem ipsum dolor sit amet ipsum sit, consectetuer adipiscing elit sit amet</p> </div> </div> <div class="c-post c-last"> <div class="c-post-img"><img src="../../assets/base/img/content/stock/14.jpg" alt="" class="img-responsive"/></div> <div class="c-post-content"> <h4 class="c-post-title"><a href="#">Dedicated Support</a></h4> <p class="c-text">Lorem ipsum dolor ipsum sit ipsum amet, consectetuer sit adipiscing elit ipsum elit elit ipsum elit</p> </div> </div> <a href="#" class="btn btn-md c-btn-border-1x c-theme-btn c-btn-uppercase c-btn-square c-btn-bold c-read-more hide">Read More</a> </div> </div> </div> <div class="col-md-3"> <div class="c-container"> <div class="c-content-title-1"> <h3 class="c-font-uppercase c-font-bold c-font-white">Latest Works</h3> <div class="c-line-left hide"></div> </div> <ul class="c-works"> <li class="c-first"><a href="#"><img src="../../assets/base/img/content/stock/015.jpg" alt="" class="img-responsive"/></a></li> <li><a href="#"><img src="../../assets/base/img/content/stock/012.jpg" class="img-responsive" alt=""/></a></li> <li class="c-last"><a href="#"><img src="../../assets/base/img/content/stock/12.jpg" alt="" class="img-responsive"/></a></li> </ul> <ul class="c-works"> <li class="c-first"><a href="#"><img src="../../assets/base/img/content/stock/014.jpg" class="img-responsive" alt=""/></a></li> <li><a href="#"><img src="../../assets/base/img/content/stock/011.jpg" class="img-responsive" alt=""/></a></li> <li class="c-last"><a href="#"><img src="../../assets/base/img/content/stock/15.jpg" class="img-responsive" alt=""/></a></li> </ul> <ul class="c-works"> <li class="c-first"><a href="#"><img src="../../assets/base/img/content/stock/015.jpg" class="img-responsive" alt=""/></a></li> <li><a href="#"><img src="../../assets/base/img/content/stock/013.jpg" class="img-responsive" alt=""/></a></li> <li class="c-last"><a href="#"><img src="../../assets/base/img/content/stock/13.jpg" class="img-responsive" alt=""/></a></li> </ul> <a href="#" class="btn btn-md c-btn-border-1x c-theme-btn c-btn-uppercase c-btn-square c-btn-bold c-read-more hide">View More</a> </div> </div> <div class="col-md-3"> <div class="c-container c-last"> <div class="c-content-title-1"> <h3 class="c-font-uppercase c-font-bold c-font-white">Find us</h3> <div class="c-line-left hide"></div> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed elit diam nonummy ad minim.</p> </div> <ul class="c-socials"> <li><a href="#"><i class="icon-social-facebook"></i></a></li> <li><a href="#"><i class="icon-social-twitter"></i></a></li> <li><a href="#"><i class="icon-social-youtube"></i></a></li> <li><a href="#"><i class="icon-social-tumblr"></i></a></li> </ul> <ul class="c-address"> <li><i class="icon-pointer c-theme-font"></i> One Boulevard, Beverly Hills</li> <li><i class="icon-call-end c-theme-font"></i> +1800 1234 5678</li> <li><i class="icon-envelope c-theme-font"></i> email@example.com</li> </ul> </div> </div> </div> </div> </div> <div class="c-postfooter"> <div class="container"> <div class="row"> <div class="col-md-6 col-sm-12 c-col"> <p class="c-copyright c-font-grey">2015 © JANGO <span class="c-font-grey-3">All Rights Reserved.</span> </p> </div> </div> </div> </div> </footer><!-- END: LAYOUT/FOOTERS/FOOTER-5 --> <!-- BEGIN: LAYOUT/FOOTERS/GO2TOP --> <div class="c-layout-go2top"> <i class="icon-arrow-up"></i> </div><!-- END: LAYOUT/FOOTERS/GO2TOP --> <!-- BEGIN: LAYOUT/BASE/BOTTOM --> <!-- BEGIN: CORE PLUGINS --> <!--[if lt IE 9]> <script src="../../assets/global/plugins/excanvas.min.js"></script> <![endif]--> <script src="../../assets/plugins/jquery.min.js" type="text/javascript" ></script> <script src="../../assets/plugins/jquery-migrate.min.js" type="text/javascript" ></script> <script src="../../assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript" ></script> <script src="../../assets/plugins/jquery.easing.min.js" type="text/javascript" ></script> <script src="../../assets/plugins/reveal-animate/wow.js" type="text/javascript" ></script> <script src="../../assets/demos/default/js/scripts/reveal-animate/reveal-animate.js" type="text/javascript" ></script> <!-- END: CORE PLUGINS --> <!-- BEGIN: LAYOUT PLUGINS --> <script src="../../assets/plugins/cubeportfolio/js/jquery.cubeportfolio.min.js" type="text/javascript"></script> <script src="../../assets/plugins/owl-carousel/owl.carousel.min.js" type="text/javascript"></script> <script src="../../assets/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script> <script src="../../assets/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script> <script src="../../assets/plugins/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script> <script src="../../assets/plugins/smooth-scroll/jquery.smooth-scroll.js" type="text/javascript"></script> <script src="../../assets/plugins/slider-for-bootstrap/js/bootstrap-slider.js" type="text/javascript"></script> <script src="../../assets/plugins/js-cookie/js.cookie.js" type="text/javascript"></script> <!-- END: LAYOUT PLUGINS --> <!-- BEGIN: THEME SCRIPTS --> <script src="../../assets/base/js/components.js" type="text/javascript"></script> <script src="../../assets/base/js/components-shop.js" type="text/javascript"></script> <script src="../../assets/base/js/app.js" type="text/javascript"></script> <script> $(document).ready(function() { App.init(); // init core }); </script> <!-- END: THEME SCRIPTS --> <!-- END: LAYOUT/BASE/BOTTOM --> </body> </html>
© 2017 -
ZeroByte.ID
.