����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��~����v w�~���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���[�;������g 0q�?��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
/
web
/
sb_web
/
b1705
/
ychuse.com
/
hbcu
/
Mist
/
dark
/
[
Home
]
File: revolution-slider-1.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Home \ Mist — Responsive Multi-purpose HTML Template</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="keywords" content="HTML5 Template" /> <meta name="description" content="Mist — Multi-Purpose HTML Template" /> <meta name="author" content="zozothemes.com" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!-- Favicon --> <link rel="shortcut icon" href="img/favicon.ico" /> <!-- Font --> <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Arimo:300,400,700,400italic,700italic' /> <link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css' /> <!-- Font Awesome Icons --> <link href='css/font-awesome.min.css' rel='stylesheet' type='text/css' /> <!-- Bootstrap core CSS --> <link href="css/bootstrap.min.css" rel="stylesheet" /> <link href="css/hover-dropdown-menu.css" rel="stylesheet" /> <!-- Icomoon Icons --> <link href="css/icons.css" rel="stylesheet" /> <!-- Revolution Slider --> <link href="css/revolution-slider.css" rel="stylesheet" /> <link href="rs-plugin/css/settings.css" rel="stylesheet" /> <!-- Animations --> <link href="css/animate.min.css" rel="stylesheet" /> <!-- Owl Carousel Slider --> <link href="css/owl/owl.carousel.css" rel="stylesheet" /> <link href="css/owl/owl.theme.css" rel="stylesheet" /> <link href="css/owl/owl.transitions.css" rel="stylesheet" /> <!-- PrettyPhoto Popup --> <link href="css/prettyPhoto.css" rel="stylesheet" /> <!-- Custom Style --> <link href="css/style.css" rel="stylesheet" /> <link href="css/style1.css" rel="stylesheet" /> <link href="css/responsive.css" rel="stylesheet" /> <!-- Color Scheme --> <link href="css/color.css" rel="stylesheet" /> </head> <body> <div id="page"> <!-- Top Bar --> <div id="top-bar" class="top-bar-section top-bar-bg-color"> <div class="container"> <div class="row"> <div class="col-sm-12"> <!-- Top Contact --> <div class="top-contact link-hover-black"> <a href="#"> <i class="fa fa-phone"></i>+ 123 132 1234</a> <a href="#"> <i class="fa fa-envelope"></i>info@zozothemes.com</a></div> <!-- Top Social Icon --> <div class="top-social-icon icons-hover-black"> <a href="#"> <i class="fa fa-facebook"></i> </a> <a href="#"> <i class="fa fa-twitter"></i> </a> <a href="#"> <i class="fa fa-youtube"></i> </a> <a href="#"> <i class="fa fa-dribbble"></i> </a> <a href="#"> <i class="fa fa-linkedin"></i> </a> <a href="#"> <i class="fa fa-github"></i> </a> <a href="#"> <i class="fa fa-rss"></i> </a> <a href="#"> <i class="fa fa-google-plus"></i> </a></div> </div> </div> </div> </div> <!-- Top Bar --> <header id="sticker" class="sticky-navigation"> <!-- Sticky Menu --> <div class="sticky-menu relative"> <!-- navbar --> <div class="navbar navbar-default navbar-bg-light" role="navigation"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="navbar-header"> <!-- Button For Responsive toggle --> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> <!-- Logo --> <a class="navbar-brand" href="index.html"> <img class="site_logo" alt="Site Logo" src="img/logo.png" /> </a></div> <!-- Navbar Collapse --> <div class="navbar-collapse collapse"> <!-- nav --> <ul class="nav navbar-nav"> <!-- Home Mega Menu --> <li class="mega-menu"> <a href="#">Home</a> <ul class="dropdown-menu"> <li> <!-- Home Mage Menu grids Begins --> <div class="row"> <!-- Home Variation 1 Block --> <div class="col-sm-3"> <!-- Title --> <h6 class="title">Home Variations</h6> <!-- Links --> <div class="page-links"> <div> <a href="index-corporate.html">Home - Corporate</a> </div> <div> <a href="index-business.html">Home - Business</a> </div> <div> <a href="index-creative.html">Home - Creative</a> </div> <div> <a href="index-medical.html">Home - Medical</a> </div> <div> <a href="index-agency.html">Home - Agency</a> </div> <div> <a href="index-freelancer.html">Home - Freelancer</a> </div> <div> <a href="index-architect.html">Home - Architect</a> </div> <div> <a href="index-app.html">Home - App</a> </div> <div> <a href="index-university.html">Home - University</a> </div> <div> <a href="index-charity.html">Home - Charity</a> </div> <div> <a href="index-fashion.html">Home - Fashion</a> </div> <div> <a href="index-spa.html">Home - Spa</a> </div> <div> <a href="index-bakery.html">Home - bakery</a> </div> <div> <a href="index-hosting.html">Home - Hosting</a> </div> <div> <a href="index-insurance.html">Home - Insurance</a> </div> </div> </div> <!-- Home Variation 1 Block --> <!-- Home Variation 2 Block --> <div class="col-sm-3"> <!-- Title --> <h6 class="title">Home Variations</h6> <!-- Links --> <div class="page-links"> <div> <a href="index-blog.html">Home - Blog</a> </div> <div> <a href="index-magazine.html">Home - Magazine</a> </div> <div> <a href="index-law.html">Home - Law</a> </div> <div> <a href="index-portfolio.html">Home - Portfolio</a> </div> <div> <a href="index-online-shop.html">Home - Online Shop</a> </div> <div> <a href="index-wedding.html">Home - Wedding</a> </div> <div> <a href="index-real-estate.html">Home - Real Estate</a> </div> <div> <a href="index-restaurant.html">Home - Restaurant</a> </div> <div> <a href="index-studio.html">Home - Studio / Photography</a> </div> <div> <a href="index-band.html">Home - Band</a> </div> <div> <a href="index-sports.html">Home - Sports</a> </div> <div> <a href="index-motors.html">Home - Motors</a> </div> <div> <a href="index-saloon.html">Home - Saloon</a> </div> <div> <a href="index-travel.html">Home - Travel</a> </div> <div> <a href="index-nonprofit.html">Home - Nonprofits</a> </div> </div> </div> <!-- Home Variation 2 Block --> <!-- One Page variation 1 --> <div class="col-sm-3"> <!-- Title --> <h6 class="title">One Page</h6> <!-- Links --> <div class="page-links"> <div> <a href="index-onepage-corporate.html">Corporate</a> </div> <div> <a href="index-onepage-business.html">Business</a> </div> <div> <a href="index-onepage-creative.html">Creative</a> </div> <div> <a href="index-onepage-medical.html">Medical</a> </div> <div> <a href="index-onepage-agency.html">Agency</a> </div> <div> <a href="index-onepage-freelancer.html">Freelancer</a> </div> <div> <a href="index-onepage-architect.html">Architect</a> </div> <div> <a href="index-onepage-app.html">App</a> </div> <div> <a href="index-onepage-university.html">University</a> </div> <div> <a href="index-onepage-charity.html">Charity</a> </div> <div> <a href="index-onepage-fashion.html">Fashion</a> </div> <div> <a href="index-onepage-spa.html">Spa</a> </div> <div> <a href="index-onepage-bakery.html">Bakery</a> </div> <div> <a href="index-onepage-hosting.html">Hosting</a> </div> <div> <a href="index-onepage-insurance.html">Insurance</a> </div> </div> </div> <!-- One Page variation 1 --> <!-- One Page variation 2 --> <div class="col-sm-3"> <!-- Title --> <h6 class="title">One Page</h6> <!-- Links --> <div class="page-links"> <div> <a href="index-onepage-law.html">Law</a> </div> <div> <a href="index-wedding.html">Wedding</a> </div> <div> <a href="index-onepage-realestate.html">Real Estate</a> </div> <div> <a href="index-onepage-food.html">Food</a> </div> <div> <a href="index-onepage-studio.html">Studio / Photography</a> </div> <div> <a href="index-onepage-band.html">Band</a> </div> <div> <a href="index-onepage-sports.html">Sports</a> </div> <div> <a href="index-onepage-portfolio.html">Portfolio</a> </div> <div> <a href="index-onepage-motors.html">Motors</a> </div> <div> <a href="index-onepage-events.html">Events</a> </div> <div> <a href="index-onepage-books.html">Books</a> </div> <div> <a href="index-onepage-video.html">Video</a> </div> <div> <a href="index-onepage-saloon.html">Saloon</a> </div> <div> <a href="index-onepage-travel.html">Travel</a> </div> <div> <a href="index-onepage-nonprofit.html">Nonprofits</a> </div> </div> </div> <!-- One Page variation 2 --> </div> <!-- Ends Home Mage Menu Block --> </li> </ul> </li> <!-- Mega Menu Ends --> <!-- Pages Mega Menu --> <li class="mega-menu"> <a href="#">Pages</a> <ul class="dropdown-menu"> <li> <!-- Home Mage Menu grids Begins --> <div class="row"> <!-- Home Variation 1 Block --> <div class="col-sm-3"> <!-- Title --> <h6 class="title">Introduction</h6> <!-- Links --> <div class="page-links"> <div> <a href="about-us.html">About Us</a> </div> <div> <a href="about-us-2.html">About Us - Layout2</a> </div> <div> <a href="about-us-3.html">About Us - layout3</a> </div> <div> <a href="about-us-4.html">About Me</a> </div> <div> <a href="team.html">Team</a> </div> <div> <a href="careers.html">Careers</a> </div> <div> <a href="coming-soon.html">Coming Soon</a> </div> <div> <a href="maintenance.html">Under Maintenance</a> </div> </div> </div> <!-- Home Variation 1 Block --> <!-- Home Variation 2 Block --> <div class="col-sm-3"> <!-- Title --> <h6 class="title">Utility</h6> <!-- Links --> <div class="page-links"> <div> <a href="services.html">Services - Layout1</a> </div> <div> <a href="services-2.html">Services - Layout2</a> </div> <div> <a href="services-3.html">Services - Layout3</a> </div> <div> <a href="services-4.html">Services - Layout4</a> </div> <div> <a href="services-5.html">Services - Layout5</a> </div> <div> <a href="services-6.html">Services - Layout6</a> </div> <div> <a href="faq.html">FAQS</a> </div> <div> <a href="features.html">Features</a> </div> </div> </div> <!-- Home Variation 2 Block --> <!-- One Page variation 1 --> <div class="col-sm-3"> <!-- Title --> <h6 class="title">Page Layout</h6> <!-- Links --> <div class="page-links"> <div> <a href="full-width.html">Full Width</a> </div> <div> <a href="full-width-wide.html">Full Width - Wide</a> </div> <div> <a href="boxed.html">Boxed Layout</a> </div> <div> <a href="left-sidebar.html">Left Sidebar</a> </div> <div> <a href="right-sidebar.html">Right Sidebar</a> </div> <div> <a href="left2-sidebar.html">Both Left Sidebar</a> </div> <div> <a href="right2-sidebar.html">Both Right Sidebar</a> </div> <div> <a href="left-right-sidebar.html">Both Sidebar</a> </div> </div> </div> <!-- One Page variation 1 --> <!-- One Page variation 2 --> <div class="col-sm-3"> <!-- Title --> <h6 class="title">Miscellaneous</h6> <!-- Links --> <div class="page-links"> <div> <a href="pricing.html">Pricing Table</a> </div> <div> <a href="login.html">Login / Registration</a> </div> <div> <a href="404.html">404 - Style 1</a> </div> <div> <a href="404-2.html">404 - Style 2</a> </div> <div> <a href="404-3.html">404 - Style 3</a> </div> <div> <a href="testimonials.html">Testimonials</a> </div> <div> <a href="page-sidebar.html">Page Widgets</a> </div> <div> <a href="shop-sidebar.html">Shop Widgets</a> </div> </div> </div> <!-- One Page variation 2 --> </div> <!-- Ends Home Mage Menu Block --> </li> </ul> </li> <!-- Pages Menu Ends --> <!-- Portfolio Menu --> <li> <a href="#">Portfolio</a> <!-- Portfolio Dropdown Menu --> <ul class="dropdown-menu"> <!-- Portfolio Grid Block --> <li> <a href="#">Grid</a> <ul class="dropdown-menu"> <li> <a href="portfolio-grid-2.html">2 Column</a> </li> <li> <a href="portfolio-grid-3.html">3 Column</a> </li> <li> <a href="portfolio-grid-4.html">4 Column</a> </li> </ul> </li> <!-- Ends Portfolio Grid Block --> <li> <a href="#">Grid Gutter</a> <ul class="dropdown-menu"> <li> <a href="portfolio-grid-2-gutter.html">2 Column</a> </li> <li> <a href="portfolio-grid-3-gutter.html">3 Column</a> </li> <li> <a href="portfolio-grid-4-gutter.html">4 Column</a> </li> </ul> </li> <!-- Ends Portfolio Grid Block --> <!-- Portfolio Grid Block --> <li> <a href="#">Grid Full Width</a> <ul class="dropdown-menu"> <li> <a href="portfolio-grid-2-full-width.html">2 Column</a> </li> <li> <a href="portfolio-grid-3-full-width.html">3 Column</a> </li> <li> <a href="portfolio-grid-4-full-width.html">4 Column</a> </li> </ul> </li> <!-- Ends Portfolio Grid Block --> <!-- Portfolio Grid Block --> <li> <a href="#">Grid Wide Gutter</a> <ul class="dropdown-menu"> <li> <a href="portfolio-grid-2-full-width-gutter.html">2 Column</a> </li> <li> <a href="portfolio-grid-3-full-width-gutter.html">3 Column</a> </li> <li> <a href="portfolio-grid-4-full-width-gutter.html">4 Column</a> </li> </ul> </li> <!-- Ends Portfolio Grid Block --> <!-- Portfolio Masonry Block --> <li> <a href="#">Masonry</a> <ul class="dropdown-menu"> <li> <a href="portfolio-masonry-2.html">2 Column</a> </li> <li> <a href="portfolio-masonry-3.html">3 Column</a> </li> <li> <a href="portfolio-masonry-4.html">4 Column</a> </li> </ul> </li> <!-- Ends Portfolio Masonry Block --> <!-- Portfolio Masonry Block --> <li> <a href="#">Masonry Gutter</a> <ul class="dropdown-menu"> <li> <a href="portfolio-masonry-2-gutter.html">2 Column</a> </li> <li> <a href="portfolio-masonry-3-gutter.html">3 Column</a> </li> <li> <a href="portfolio-masonry-4-gutter.html">4 Column</a> </li> </ul> </li> <!-- Ends Portfolio Masonry Block --> <!-- Portfolio Masonry Block --> <li> <a href="#">Masonry Full Width</a> <ul class="dropdown-menu"> <li> <a href="portfolio-masonry-2-full-width.html">2 Column</a> </li> <li> <a href="portfolio-masonry-3-full-width.html">3 Column</a> </li> <li> <a href="portfolio-masonry-4-full-width.html">4 Column</a> </li> </ul> </li> <!-- Ends Portfolio Masonry Block --> <!-- Portfolio Masonry Block --> <li> <a href="#">Masonry Wide Gutter</a> <ul class="dropdown-menu"> <li> <a href="portfolio-masonry-2-full-width-gutter.html">2 Column</a> </li> <li> <a href="portfolio-masonry-3-full-width-gutter.html">3 Column</a> </li> <li> <a href="portfolio-masonry-4-full-width-gutter.html">4 Column</a> </li> </ul> </li> <!-- Ends Portfolio Masonry Block --> <li> <a href="portfolio-list.html">List</a> </li> <!-- Portfolio Single Block --> <li> <a href="#">Single</a> <ul class="dropdown-menu"> <li> <a href="portfolio-single.html">Default</a> </li> <li> <a href="portfolio-parallax.html">Parallax</a> </li> <li> <a href="portfolio-extended.html">Extended</a> </li> </ul> </li> <!-- Ends Portfolio Single Block --> </ul> <!-- Portfolio Dropdown Menu --></li> <!-- Portfolio Menu --> <!-- Shop Menu --> <li> <a href="#">Shop</a> <!-- Shop Dropdown Menu --> <ul class="dropdown-menu"> <li> <a href="shop-grid-4.html">4 Column</a> </li> <!-- Shop 3 Column Block --> <li> <a href="#">3 Column</a> <ul class="dropdown-menu"> <li> <a href="shop-grid-3.html">Full Width</a> </li> <li> <a href="shop-grid-3-right-sidebar.html">Right Sidebar</a> </li> <li> <a href="shop-grid-3-left-sidebar.html">Left Sidebar</a> </li> </ul> </li> <!-- Ends Shop 3 Column Block --> <!-- Shop 2 Column Block --> <li> <a href="#">2 Column</a> <ul class="dropdown-menu"> <li> <a href="shop-grid-2-both-sidebar.html">Both Sidebar</a> </li> <li> <a href="shop-grid-2-right-sidebar.html">Right Sidebar</a> </li> <li> <a href="shop-grid-2-left-sidebar.html">Left Sidebar</a> </li> </ul> </li> <!-- Ends Shop 3 Column Block --> <!-- List Product Block --> <li> <a href="#">List Product</a> <ul class="dropdown-menu"> <li> <a href="shop-list.html">Full Width</a> </li> <li> <a href="shop-list-right-sidebar.html">Right Sidebar</a> </li> <li> <a href="shop-list-left-sidebar.html">Left Sidebar</a> </li> </ul> </li> <!-- Ends List Product Block --> <!-- Shop Single Block --> <li> <a href="#">Shop Single</a> <ul class="dropdown-menu"> <li> <a href="shop-single-fullwidth.html">Full Width</a> </li> <li> <a href="shop-single-right-sidebar.html">Right Sidebar</a> </li> <li> <a href="shop-single-left-sidebar.html">Left Sidebar</a> </li> </ul> </li> <!-- Ends Shop Single Block --> </ul> <!-- Ends Shop Dropdown Menu --></li> <!-- Ends Shop Menu --> <!-- Features Menu --> <li> <a href="#">Features</a> <!-- Features Dropdown Menu --> <ul class="dropdown-menu"> <!-- Header Block --> <li> <a href="#">Header</a> <ul class="dropdown-menu"> <li> <a href="header1.html">Simple Header</a> </li> <li> <a href="header2.html">Fixed Header</a> </li> <li> <a href="header3.html">Shop Header Static</a> </li> <li> <a href="header4.html">Shop Header</a> </li> <li> <a href="header5.html">Dark Header</a> </li> <li> <a href="header6.html">Transparent Header</a> </li> <li> <a href="header7.html">Icon Header</a> </li> <li> <a href="header8.html">Boxed Header</a> </li> <li> <a href="side-nav.html">Push Menu Header</a> </li> <li> <a href="header9.html">Language Header</a> </li> <li> <a href="header10.html">Center Menu Header</a> </li> <li> <a href="header11.html">Header Top Bar</a> </li> <li> <a href="header12.html">Header Breadcrumb</a> </li> <li> <a href="header13.html">Header Center</a> </li> <li> <a href="header14.html">Header Below Slider</a> </li> <li> <a href="header15.html">Header Logo Center</a> </li> <li> <a href="header16.html">Top Logo Left</a> </li> <li> <a href="header17.html">Top Logo Center</a> </li> <li> <a href="header18.html">Top Logo Center - Shop</a> </li> <li> <a href="header19.html">Semi Dark Header</a> </li> <li> <a href="header20.html">Semi Light Header</a> </li> <li> <a href="header21.html">Light To Dark Header</a> </li> <li> <a href="header22.html">Dark To Light Header </a> </li> <li> <a href="header23.html">Toggle Light Header</a> </li> <li> <a href="header24.html">Toggle Dark Header</a> </li> <li> <a href="header25.html">Vertical Header 1</a> </li> <li> <a href="header26.html">Vertical Header 2</a> </li> </ul> </li> <!-- Ends Header Block --> <!-- Footer Block --> <li> <a href="#">Footer</a> <ul class="dropdown-menu"> <li> <a href="footer1.html">Footer Style 1 - Light</a> </li> <li> <a href="footer2.html">Footer Style 1 - Dark</a> </li> <li> <a href="footer3.html">Footer Style 2 - Light</a> </li> <li> <a href="footer4.html">Footer Style 2 - Dark</a> </li> <li> <a href="footer5.html">Footer Style 3 - Light</a> </li> <li> <a href="footer6.html">Footer Style 3 - Dark</a> </li> <li> <a href="footer7.html">Footer Style 4</a> </li> <li> <a href="footer8.html">Footer Style 5</a> </li> <li> <a href="footer9.html">Sticky Footer 1</a> </li> <li> <a href="footer10.html">Sticky Footer 2</a> </li> </ul> </li> <!-- Ends Footer Block --> <!-- Page Title Block --> <li> <a href="#">Page Title</a> <ul class="dropdown-menu"> <li> <a href="pagetitle-default.html">Page Title 1</a> </li> <li> <a href="pagetitle-left.html">Page Title 2</a> </li> <li> <a href="pagetitle-right.html">Page Title 3</a> </li> <li> <a href="pagetitle-center.html">Page Title 4</a> </li> <li> <a href="pagetitle-dark.html">Page Title 5</a> </li> <li> <a href="pagetitle-mini.html">Page Title 6</a> </li> <li> <a href="pagetitle-pattern.html">Page Title 7</a> </li> <li> <a href="pagetitle-parallax.html">Page Title 8</a> </li> <li> <a href="pagetitle-transparent-header.html">Page Title 9</a> </li> <li> <a href="pagetitle-video.html">Page Title 10</a> </li> </ul> </li> <!-- Page Title Block --> <!-- Slider Block --> <li> <a href="#">Slider</a> <!-- Slider Dropdown --> <ul class="dropdown-menu left"> <!-- Revolution Slider Menu --> <li> <a href="#">Revolution Slider</a> <!-- Revolution Slider Dropdown --> <ul class="dropdown-menu left"> <li> <a href="revolution-slider.html">Default</a> </li> <li> <a href="revolution-slider-2.html">Full screen-KenBurns</a> </li> <li> <a href="revolution-slider-3.html">Mouse Parallax</a> </li> <li> <a href="revolution-slider-4.html">Scroll Parallax</a> </li> </ul> <!-- Ends Revolution Slider Dropdown --></li> <!-- Ends Revolution Slider Menu --> <!-- Owl Slider Menu --> <li> <a href="#">Owl Slider</a> <!-- Owl Slider Dropdown --> <ul class="dropdown-menu left"> <li> <a href="owl-slider.html">Default</a> </li> <li> <a href="owl-slider-fade.html">Fade</a> </li> <li> <a href="owl-slider-backslide.html">Back Slide</a> </li> <li> <a href="owl-slider-godown.html">Go Down</a> </li> <li> <a href="owl-slider-fadeup.html">Fade Up</a> </li> </ul> <!-- Ends Owl Slider Dropdown --></li> <!-- Ends Owl Slider Menu --> <!-- Carousel Slider Menu --> <li> <a href="#">Carousel Slider</a> <!-- Carousel Slider Dropdown --> <ul class="dropdown-menu left"> <li> <a href="carousel-slider.html">Slide</a> </li> <li> <a href="carousel-slider-fade.html">Fade</a> </li> </ul> <!-- Ends Carousel Slider Dropdown --></li> <!-- Ends Carousel Slider Menu --> <li> <a href="parallax-slider.html">Parallax Slider</a> </li> <li> <a href="text-slider.html">Text Slider</a> </li> <li> <a href="videobg-slider.html">Video Slider</a> </li> </ul> <!-- Ends Slider Dropdown --></li> <!-- Ends Slider Block --> <!-- Widgets Block --> <li> <a href="#">Widgets</a> <ul class="dropdown-menu"> <li> <a href="page-sidebar.html">Instagram Feed</a> </li> <li> <a href="page-sidebar.html">Pinterest Feed</a> </li> <li> <a href="page-sidebar.html">Flickr Feed</a> </li> <li> <a href="page-sidebar.html">Dribbble Feed</a> </li> <li> <a href="page-sidebar.html">Picasa Feed</a> </li> <li> <a href="page-sidebar.html">Youtube Feed</a> </li> <li> <a href="page-sidebar.html">News Feed</a> </li> <li> <a href="page-sidebar.html">Twitter Feed</a> </li> <li> <a href="page-sidebar.html">Gallery</a> </li> <li> <a href="page-sidebar.html">Subscribe Form</a> </li> <li> <a href="page-sidebar.html">Popular Post</a> </li> <li> <a href="page-sidebar.html">Recent Post</a> </li> <li> <a href="shop-sidebar.html">Price Filters</a> </li> <li> <a href="shop-sidebar.html">Category Filters</a> </li> <li> <a href="shop-sidebar.html">Top Rated Products</a> </li> <li> <a href="shop-sidebar.html">Recommended Products</a> </li> <li> <a href="shop-sidebar.html">My Wishlist</a> </li> </ul> </li> <!-- Ends Widgets Block --> <li> <a href="email-template.html">Email Template</a> </li> <!-- Video Background Block --> <li> <a href="#">Video Background</a> <ul class="dropdown-menu"> <li> <a href="youtube-video-bg.html">Youtube Video</a> </li> <li> <a href="local-video-bg.html">Local Hosted Video</a> </li> </ul> </li> <!-- Ends Video Background Block --> <li> <a href="sitemap.html">Sitemap</a> </li> <!-- Video Background Block --> <li> <a href="#">Additional</a> <ul class="dropdown-menu"> <li> <a href="index-onepage-mailchimp.html">Mailchimp</a> </li> <li> <a href="index-onepage-register.html">Register Form</a> </li> </ul> </li> <!-- Ends Video Background Block --> </ul> <!-- Ends Features Dropdown Menu --></li> <!-- Ends Features Menu --> <!-- Blog Menu --> <li> <a href="#">Blog</a> <!-- Blog Dropdown Menu --> <ul class="dropdown-menu left"> <!-- Blog Grid Block --> <li> <a href="#">grid</a> <!-- Blog Grid Dropdown --> <ul class="dropdown-menu left"> <!-- Blog Grid Menu --> <li> <a href="#">grid 2</a> <!-- Blog Grid Dropdown --> <ul class="dropdown-menu left"> <li> <a href="blog-grid-2.html">Default</a> </li> <li> <a href="blog-grid-2-right-sidebar.html">Right Sidebar</a> </li> <li> <a href="blog-grid-2-left-sidebar.html">Left Sidebar</a> </li> </ul> <!-- Ends Blog Grid Dropdown --></li> <!-- Ends Blog Grid Menu --> <li> <a href="blog-grid-3.html">Blog Grid3</a> </li> <li> <a href="blog-grid-4.html">Blog Grid4</a> </li> </ul> <!-- Ends Blog Grid Dropdown --></li> <!-- Ends Blog Grid Block --> <!-- Blog Masonry Block --> <li> <a href="#">Masonry</a> <!-- Blog Masonry Dropdown --> <ul class="dropdown-menu left"> <!-- Blog Masonry Menu --> <li> <a href="#">Masonry 2</a> <!-- Blog Masonry Dropdown --> <ul class="dropdown-menu left"> <li> <a href="blog-masonry-2.html">Default</a> </li> <li> <a href="blog-masonry-2-right-sidebar.html">Right Sidebar</a> </li> <li> <a href="blog-masonry-2-left-sidebar.html">Left Sidebar</a> </li> </ul> <!-- Ends Blog Masonry Dropdown --></li> <!-- Ends Blog Masonry Menu --> <li> <a href="blog-masonry-3.html">Masonry 3</a> </li> <li> <a href="blog-masonry-4.html">Masonry 4</a> </li> </ul> <!-- Ends Blog Masonry Dropdown --></li> <!-- Ends Blog Masonry Block --> <li> <a href="blog-list.html">List</a> </li> <!-- Blog Single Block --> <li> <a href="#">Single</a> <!-- Blog Single Dropdown --> <ul class="dropdown-menu"> <li> <a href="blog-single-fullwidth.html">Full Width</a> </li> <li> <a href="blog-single-right-sidebar.html">Right Sidebar</a> </li> <li> <a href="blog-single-left-sidebar.html">Left Sidebar</a> </li> <li> <a href="blog-single-split.html">Split</a> </li> </ul> <!-- Ends Blog Single Dropdown --></li> <!-- Ends Blog Single Block --> <!-- Blog Timeline Block --> <li> <a href="#">Timeline</a> <!-- Blog Timeline Dropdown --> <ul class="dropdown-menu"> <li> <a href="time-line.html">Full Width</a> </li> <li> <a href="time-line-right-sidebar.html">Right Sidebar</a> </li> <li> <a href="time-line-left-sidebar.html">Left Sidebar</a> </li> </ul> <!-- Ends Blog Timeline Dropdown --></li> <!-- Ends Blog Timeline Block --> </ul> <!-- Blog Dropdown Menu --></li> <!-- Blog Menu --> <!-- Contact Block --> <li> <a href="#">Contact</a> <ul class="dropdown-menu"> <li> <a href="contact.html">Contact Style 1</a> </li> <li> <a href="contact-2.html">Contact Style 2</a> </li> <li> <a href="contact-3.html">Contact Style 3</a> </li> <li> <a href="contact-4.html">Contact Style 4</a> </li> <li> <a href="contact-5.html">Contact Style 5</a> </li> <li> <a href="contact-6.html">Contact Style 6</a> </li> </ul> </li> <!-- Ends Widgets Block --> <!-- Pages Mega Menu --> <li class="mega-menu"> <a href="#">Shortcodes</a> <ul class="dropdown-menu"> <li> <!-- Shortcodes Mega Menu grids Begins --> <div class="row"> <!-- Shortcodes Variation 1 Block --> <div class="col-sm-3"> <!-- Title --> <h6 class="title">Shortcodes</h6> <!-- Links --> <div class="page-links"> <div> <a href="animations.html"> <i class="fa fa-magic"></i> Animations</a> </div> <div> <a href="carousel.html"> <i class="fa fa-heart"></i> Carousel</a> </div> <div> <a href="columns.html"> <i class="fa fa-th"></i> Columns</a> </div> <div> <a href="tabs.html"> <i class="fa fa-tasks"></i> Tabs</a> </div> <div> <a href="charts.html"> <i class="fa fa-bar-chart"></i> Charts</a> </div> </div> </div> <!-- Shortcodes Variation 1 Block --> <!-- Shortcodes Variation 2 Block --> <div class="col-sm-3"> <!-- Title --> <h6 class="title">Shortcodes</h6> <!-- Links --> <div class="page-links"> <div> <a href="counters.html"> <i class="fa fa-clock-o"></i> Counters</a> </div> <div> <a href="pie-skills.html"> <i class="fa fa-pie-chart"></i> Pie / Skills</a> </div> <div> <a href="maps.html"> <i class="fa fa-globe"></i> Google Maps</a> </div> <div> <a href="social-icons.html"> <i class="fa fa-facebook"></i> Social Icons</a> </div> <div> <a href="icons.html"> <i class="fa fa-flag"></i> Icons</a> </div> </div> </div> <!-- Shortcodes Variation 2 Block --> <!-- Bootstrap variation 1 --> <div class="col-sm-3"> <!-- Title --> <h6 class="title">Bootstrap</h6> <!-- Links --> <div class="page-links"> <div> <a href="bootstrap-accordions.html"> <i class="fa fa-cubes"></i> Accordions</a> </div> <div> <a href="bootstrap-alerts.html"> <i class="fa fa-warning"></i> Alerts</a> </div> <div> <a href="bootstrap-buttons.html"> <i class="fa fa-toggle-on"></i> Buttons</a> </div> <div> <a href="bootstrap-forms.html"> <i class="fa fa-newspaper-o"></i> Forms</a> </div> <div> <a href="bootstrap-divst-group.html"> <i class="fa fa-list"></i> List Group</a> </div> </div> </div> <!-- Bootstrap variation 1 --> <!-- Bootstrap variation 2 --> <div class="col-sm-3"> <!-- Title --> <h6 class="title">Bootstrap</h6> <!-- Links --> <div class="page-links"> <div> <a href="bootstrap-panels.html"> <i class="fa fa-keyboard-o"></i> Panels</a> </div> <div> <a href="bootstrap-tables.html"> <i class="fa fa-table"></i> Tables</a> </div> <div> <a href="bootstrap-tabs.html"> <i class="fa fa-tasks"></i> Tabs</a> </div> <div> <a href="bootstrap-tooltips.html"> <i class="fa fa-comment"></i> Tooltip</a> </div> <div> <a href="bootstrap-typography.html"> <i class="fa fa-text-width"></i> Typography</a> </div> </div> </div> <!-- Bootstrap variation 2 --> </div> <!-- Ends Shortcode Mage Menu Block --> </li> </ul> </li> <!-- Shortcode Menu Ends --> <!-- Search Box Block --> <li class="search-dropdown"> <a href="#"> <span class="searchbox-icon"> <i class="fa fa-search"></i> </span> </a> <ul class="dropdown-menu left"> <li> <form class="navbar-form navbar-left" role="search"> <div class="form-group"> <input type="text" value="" name="s" id="s" class="form-control" placeholder="search" /> </div> </form> </li> </ul> </li> <!-- Ends Search Box Block --> </ul> <!-- Right nav --> </div> <!-- /.navbar-collapse --> </div> <!-- /.col-md-12 --> </div> <!-- /.row --> </div> <!-- /.container --> </div> <!-- navbar --> </div> <!-- Sticky Menu --> </header> <!-- Sticky Navbar --> <section class="slider"> <div class="tp-banner"> <ul> <li data-delay="7000" data-transition="fade" data-slotamount="7" data-masterspeed="2000"> <div class="elements"> <div class="tp-caption tp-resizeme lfb" data-x="0" data-y="135" data-speed="1000" data-start="2040" data-easing="Power4.easeOut" data-endspeed="500" data-endeasing="Power1.easeIn" style="z-index: 4"> <img src="img/sections/slider/rs-slider1-img2.png" width="500" height="600" alt="" /> </div> <h2 class="tp-caption tp-resizeme lft skewtotop title bold" data-x="502" data-y="201" data-speed="1000" data-start="1700" data-easing="Power4.easeOut" data-endspeed="500" data-endeasing="Power1.easeIn"> <strong>Welcome To Mist <br />Multi-purpose Theme</strong> </h2> <h2 class="tp-caption tp-resizeme lft skewtotop title" data-x="502" data-y="361" data-speed="1000" data-start="1700" data-easing="Power4.easeOut" data-endspeed="500" data-endeasing="Power1.easeIn"> <strong>Mobile Responsive</strong> </h2> <div class="tp-caption tp-resizeme lfr skewtoright description black" data-x="502" data-y="425" data-speed="1000" data-start="1500" data-easing="Power4.easeOut" data-endspeed="500" data-endeasing="Power1.easeIn" style="max-width: 600px"> <p>Proin a velit aliquam vitae malesuada rutrum. Aenean ullamcorper placerat porttitor velit aliquam vitae. Aliquam a augue suscipit, bibendum luctus neque laoreet rhoncus ipsum, ullamcorper</p> </div> <a href="#" class="tp-caption tp-resizeme lfb btn btn-default" data-x="502" data-y="532" data-speed="1000" data-start="1700" data-easing="Power4.easeOut" data-endspeed="500" data-endeasing="Power1.easeIn">Read more</a> </div> <img src="img/sections/slider/rs-slider4-bg.jpg" alt="" data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat" /> </li> <!-- Slide --> <li data-delay="7000" data-transition="fade" data-slotamount="7" data-masterspeed="2000"> <div class="elements"> <h2 class="tp-caption tp-resizeme sft skewtotop title bold" data-x="240" data-y="201" data-speed="1000" data-start="500" data-easing="Power4.easeOut" data-endspeed="400" data-endeasing="Power1.easeIn">Used Latest frameworks</h2> <div class="tp-caption tp-resizeme lfr skewtoright description text-center" data-x="290" data-y="300" data-speed="1000" data-start="800" data-easing="Power4.easeOut" data-endspeed="500" data-endeasing="Power1.easeIn" style="max-width: 600px"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</p> </div> <h4 class="tp-caption tp-resizeme customin customout" data-x="350" data-y="410" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="1200" data-start="1000" data-easing="Power3.easeInOut" data-endspeed="300" style="z-index: 5">HTML 5</h4> <div class="tp-caption tp-resizeme customin customout" data-x="337" data-y="468" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="1200" data-start="1000" data-easing="Power3.easeInOut" data-endspeed="300" style="z-index: 5"> <img src="img/sections/slider/rs-slider1-html5.png" width="99" height="111" alt="" /> </div> <h4 class="tp-caption tp-resizeme customin customout" data-x="560" data-y="410" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="1200" data-start="1200" data-easing="Power3.easeInOut" data-endspeed="300" style="z-index: 5">CSS 3</h4> <div class="tp-caption tp-resizeme customin customout" data-x="537" data-y="468" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="1200" data-start="1200" data-easing="Power3.easeInOut" data-endspeed="300" style="z-index: 5"> <img src="img/sections/slider/rs-slider1-css3.png" width="99" height="111" alt="" /> </div> <h4 class="tp-caption tp-resizeme customin customout" data-x="725" data-y="410" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="1200" data-start="1500" data-easing="Power3.easeInOut" data-endspeed="300" style="z-index: 5">Bootstrap 3.x</h4> <div class="tp-caption tp-resizeme customin customout" data-x="737" data-y="468" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="1200" data-start="1500" data-easing="Power3.easeInOut" data-endspeed="300" style="z-index: 5"> <img src="img/sections/slider/rs-slider1-bootstrap.png" width="99" height="111" alt="" /> </div> </div> <img src="img/sections/slider/rs-slider1-bg.jpg" alt="" data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat" /> </li> <!-- Slide --> <li data-delay="10300" data-transition="fade" data-slotamount="7" data-masterspeed="2000" class="slid2"> <div class="elements"> <h2 class="tp-caption tp-resizeme sft skewtotop title bold" data-x="15" data-y="241" data-speed="1000" data-start="1100" data-easing="Power4.easeOut" data-endspeed="400" data-endeasing="Power1.easeIn">Different Variations</h2> <div class="tp-caption tp-resizeme lfl skewtoleft description col-xs-5" data-x="0" data-y="335" data-speed="1000" data-start="1000" data-easing="Power4.easeOut" data-endspeed="400" data-endeasing="Power1.easeIn" style="max-width: 520px;"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit ad minim veniam sed do usmod tempor incididunt ut labore et dolore.</p> </div> <a href="#" class="btn btn-default tp-caption tp-resizeme customin" data-x="15" data-y="492" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="1200" data-start="1000" data-easing="Power3.easeInOut" data-endspeed="300" style="z-index: 5">Read more</a> <div class="tp-caption tp-resizeme lfb skewtobottom customin" data-x="730" data-hoffset="150" data-y="220" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="1000" data-start="1000" data-easing="Power4.easeOut" data-end="14000" data-endspeed="500" data-endeasing="Power1.easeIn" style="z-index: 3"> <img src="img/sections/slider/rs-slider2-img.png" width="500" height="315" alt="" /> </div> <div class="tp-caption tp-resizeme customout" data-x="795" data-hoffset="-208" data-y="255" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:1;transformPerspective:600;transformOrigin:50% 50%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="1" data-start="1000" data-easing="Power0.easeOut" data-end="3800" data-endspeed="1" data-endeasing="Power0.easeIn" data-captionhidden="on" style="z-index: 4"> <img src="img/sections/slider/rs-slider2-one.png" width="372" height="232" alt="" /> </div> <div class="tp-caption tp-resizeme customin customout" data-x="795" data-hoffset="-208" data-y="255" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:1;transformPerspective:600;transformOrigin:50% 50%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="1" data-start="3800" data-easing="Power0.easeOut" data-end="5300" data-endspeed="1" data-endeasing="Power0.easeIn" data-captionhidden="on" style="z-index: 4"> <img src="img/sections/slider/rs-slider2-two.png" width="372" height="232" alt="" /> </div> <div class="tp-caption tp-resizeme customin customout" data-x="795" data-hoffset="-208" data-y="255" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:1;transformPerspective:600;transformOrigin:50% 50%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="1" data-start="5300" data-easing="Power0.easeOut" data-end="6800" data-endspeed="1" data-endeasing="Power0.easeIn" data-captionhidden="on" style="z-index: 4"> <img src="img/sections/slider/rs-slider2-three.png" width="372" height="232" alt="" /> </div> <div class="tp-caption tp-resizeme customin customout" data-x="795" data-hoffset="-208" data-y="255" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:1;transformPerspective:600;transformOrigin:50% 50%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="1" data-start="6800" data-easing="Power0.easeOut" data-end="14000" data-endspeed="1" data-endeasing="Power0.easeIn" data-captionhidden="on" style="z-index: 4"> <img src="img/sections/slider/rs-slider2-four.png" width="372" height="232" alt="" /> </div> </div> <img src="img/sections/slider/rs-slider2-bg.jpg" alt="" data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat" /> </li> <!-- Slide --> </ul> <div class="tp-bannertimer"></div> </div> </section> <!-- slider --> <section id="about-us" class="page-section"> <div class="container"> <div class="section-title"> <h1 class="title">Welcome to Mist</h1> </div> <div class="row"> <div class="col-md-12 text-center"> <!-- Text --> <p class="title-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae odit iste exercitationem praesentium deleniti nostrum laborum rem id nihil tempora. Adipisci ea commodi unde nam placeat cupiditate quasi a ducimus rem consequuntur ex eligendi minima voluptatem assumenda voluptas quidem sit maiores odio velit voluptate.</p> </div> </div> <div class="row special-feature"> <!-- Special Feature Box 1 --> <div class="col-md-3"> <div class="s-feature-box text-center"> <div class="mask-top"> <!-- Icon --> <i class="fa fa-heart-o"></i> <!-- Title --> <h4>Creative Design</h4></div> <div class="mask-bottom"> <!-- Icon --> <i class="fa fa-heart-o"></i> <!-- Title --> <h4>Creative Design</h4> <!-- Text --> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec odio ipsum. Suspendisse cursus malesuada facilisis.</p></div> </div> </div> <!-- Special Feature Box 2 --> <div class="col-md-3"> <div class="s-feature-box text-center"> <div class="mask-top"> <!-- Icon --> <i class="fa fa-magic"></i> <!-- Title --> <h4>Magical Animations</h4></div> <div class="mask-bottom"> <!-- Icon --> <i class="fa fa-magic"></i> <!-- Title --> <h4>Magical Animations</h4> <!-- Text --> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec odio ipsum. Suspendisse cursus malesuada facilisis.</p></div> </div> </div> <!-- Special Feature Box 3 --> <div class="col-md-3"> <div class="s-feature-box text-center"> <div class="mask-top"> <!-- Icon --> <i class="fa fa-code"></i> <!-- Title --> <h4>Clean Code</h4></div> <div class="mask-bottom"> <!-- Icon --> <i class="fa fa-code"></i> <!-- Title --> <h4>Clean Code</h4> <!-- Text --> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec odio ipsum. Suspendisse cursus malesuada facilisis.</p></div> </div> </div> <!-- Special Feature Box 3 --> <div class="col-md-3"> <div class="s-feature-box text-center"> <div class="mask-top"> <!-- Icon --> <i class="fa fa-paper-plane-o"></i> <!-- Title --> <h4>24/7 Support</h4></div> <div class="mask-bottom"> <!-- Icon --> <i class="fa fa-paper-plane-o"></i> <!-- Title --> <h4>24/7 Support</h4> <!-- Text --> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec odio ipsum. Suspendisse cursus malesuada facilisis.</p></div> </div> </div> </div> </div> </section> <!-- about-us --> <section id="who-we-are" class="page-section no-pad light-bg border-tb"> <div class="container-fluid who-we-are"> <div class="row"> <div class="col-md-6 pad-60"> <div class="section-title text-left"> <!-- Title --> <h2 class="title">Who We Are</h2> </div> <div class="owl-carousel pagination-1 dark-switch" data-pagination="true" data-autoplay="true" data-navigation="false" data-singleitem="true"> <div class="item"> <div class="entry-content about-us"> <!-- Progress Bar 1 --> <h6>Graphic Design</h6> <div class="progress"> <div data-percentage="60" aria-valuemax="100" aria-valuemin="0" aria-valuenow="60" role="progressbar" class="progress-bar"> <span class="progress-label" style="left: 60%">60%</span> </div> </div> <!-- Progress Bar 2 --> <h6>HTML 5</h6> <div class="progress"> <div data-percentage="65" aria-valuemax="100" aria-valuemin="0" aria-valuenow="65" role="progressbar" class="progress-bar"> <span class="progress-label" style="left: 65%">65%</span> </div> </div> <!-- Progress Bar 3 --> <h6>CSS 3</h6> <div class="progress"> <div data-percentage="80" aria-valuemax="100" aria-valuemin="0" aria-valuenow="80" role="progressbar" class="progress-bar"> <span class="progress-label" style="left: 80%">80%</span> </div> </div> <!-- Progress Bar 4 --> <h6>Wordpress</h6> <div class="progress"> <div data-percentage="70" aria-valuemax="100" aria-valuemin="0" aria-valuenow="70" role="progressbar" class="progress-bar"> <span class="progress-label" style="left: 70%">70%</span> </div> </div> </div> </div> <div class="item"> <!-- Heading --> <h2 class="entry-title"> <a href="#">Our philosophy</a> </h2> <!-- Content --> <div class="entry-content"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi facere earum quis ipsa vitae qui minima esse ducimus dolorum iste nisi laborum repellat dolores dolore debitis adipisci nemo quia autem pariatur a voluptatem dignissimos maiores accusantium nobis tempora consequatur cumque quas ea doloribus deleniti.</p> <p>Quibusdam commodi laboriosam error temporibus iste ipsa soluta distinctio maiores ad totam beatae incidunt veritatis enim? Reiciendis voluptate assumenda quidem eos explicabo rerum.</p> </div> </div> <div class="item"> <!-- Heading --> <h2 class="entry-title"> <a href="#">Our history</a> </h2> <!-- Content --> <div class="entry-content"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi facere earum quis ipsa vitae qui minima esse ducimus dolorum iste nisi laborum repellat dolores dolore debitis adipisci nemo quia autem pariatur a voluptatem dignissimos maiores accusantium nobis tempora consequatur cumque quas ea doloribus deleniti.</p> <p>Quibusdam commodi laboriosam error temporibus iste ipsa soluta distinctio maiores ad totam beatae incidunt veritatis enim? Reiciendis voluptate assumenda quidem eos explicabo rerum.</p> </div> </div> </div> </div> <div class="col-md-6 no-pad text-center"> <!-- Image --> <div class="image-bg" data-background="img/sections/bg/full-img1.jpg"></div> </div> </div> </div> </section> <!-- who-we-are --> <section id="additional" class="page-section"> <div class="container"> <div class="row"> <div class="col-md-4 text-center bottom-xs-pad-30"> <!-- Image --> <img src="img/sections/iphone-img.png" width="280" height="440" alt="" /> </div> <div class="col-md-8"> <div class="section-title text-left"> <!-- Title --> <h2 class="title">Responsive & Mobile Ready</h2> </div> <!-- Content --> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec odio ipsum. Suspendisse cursus malesuada facilisis. Nunc consectetur odio sed dolor tincidunt porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec odio ipsum. Suspendisse cursus malesuada facilisis. Nunc consectetur odio sed dolor tincidunt porttitor consectetur adipiscing elit. Vestibulum nec odio ipsum. Suspendisse cursus malesuada facilisis. porttitor consecteturadipiscing elit. Vestibulum nec odio ipsum. Suspendisse cursus malesuada facilisis.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec odio ipsum. Suspendisse cursus malesuada facilisis. Nunc consectetur odio sed dolor tincidunt porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <!-- Features --> <div class="row responsive-features top-pad-20"> <!-- Features 1 --> <div class="col-md-4"> <!-- Title And Content --> <span class="icon-refresh2 text-color"></span> <h5>updates</h5> <p>Lorem ipsum dolor sit amet elit. consectetur Vest</p> </div> <!-- Features 1 --> <!-- Features 2 --> <div class="col-md-4"> <!-- Title And Content --> <span class="icon-settings3 text-color"></span> <h5>flexible</h5> <p>Lorem ipsum dolor sit amet elit. consectetur Vest</p> </div> <!-- Features 2 --> <!-- Features 3 --> <div class="col-md-4"> <!-- Title And Content --> <span class="icon-invert-colors text-color"></span> <h5>custom colors</h5> <p>Lorem ipsum dolor sit amet elit. consectetur Vest</p> </div> <!-- Features 3 --> </div> <!-- Features --> </div> </div> <div class="clearfix"></div> </div> </section> <!-- additional --> <section id="fun-factor" class="page-section"> <div class="image-bg content-in fixed" data-background="img/sections/bg/bg-11.jpg"></div> <div class="container"> <div class="row text-center fact-counter white"> <div class="col-sm-4 col-md-3 bottom-xs-pad-30"> <!-- Icon --> <div class="count-number" data-count="550"> <span class="counter"></span> </div> <!-- Title --> <h5>Wordpress</h5> </div> <div class="col-sm-4 col-md-3 bottom-xs-pad-30"> <!-- Icon --> <div class="count-number" data-count="1223"> <span class="counter"></span> </div> <!-- Title --> <h5>HTML</h5> </div> <div class="col-sm-4 col-md-3 bottom-xs-pad-30"> <!-- Icon --> <div class="count-number" data-count="925"> <span class="counter"></span> </div> <!-- Title --> <h5>E-commerce</h5> </div> <div class="col-sm-4 col-md-3 bottom-xs-pad-30"> <!-- Icon --> <div class="count-number" data-count="1910"> <span class="counter"></span> </div> <!-- Title --> <h5>Great Support</h5> </div> </div> </div> </section> <!-- faun-factor --> <section id="features" class="page-section"> <div class="container"> <div class="section-title"> <!-- Heading --> <h2 class="title">Awesome Features</h2> </div> <div class="row"> <div class="item-box icons-color col-sm-6 col-md-4"> <a href="#"> <!-- Icon --> <i class="icon-perm-data-setting fa-2x"></i> <!-- Title --> <h5 class="title">Bootstrap 3.x</h5> <!-- Text --> <div>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</div></a> </div> <div class="item-box icons-color col-sm-6 col-md-4"> <a href="#"> <!-- Icon --> <i class="icon-mobile5 fa-2x"></i> <!-- Title --> <h5 class="title">100% Responsive</h5> <!-- Text --> <div>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</div></a> </div> <div class="item-box icons-color col-sm-6 col-md-4"> <a href="#"> <!-- Icon --> <i class="icon-html53 fa-2x"></i> <!-- Title --> <h5 class="title">HTML 5</h5> <!-- Text --> <div>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</div></a> </div> <div class="item-box icons-color col-sm-6 col-md-4"> <a href="#"> <!-- Icon --> <i class="icon-css32 fa-2x"></i> <!-- Title --> <h5 class="title">CSS 3</h5> <!-- Text --> <div>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</div></a> </div> <div class="item-box icons-color col-sm-6 col-md-4"> <a href="#"> <!-- Icon --> <i class="icon-magic-wand fa-2x"></i> <!-- Title --> <h5 class="title">Great Animations</h5> <!-- Text --> <div>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</div></a> </div> <div class="item-box icons-color col-sm-6 col-md-4"> <a href="#"> <!-- Icon --> <i class="icon-add-shopping-cart fa-2x"></i> <!-- Title --> <h5 class="title">Shopping Cart</h5> <!-- Text --> <div>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</div></a> </div> <div class="item-box icons-color col-sm-6 col-md-4"> <a href="#"> <!-- Icon --> <i class="icon-power-cord fa-2x"></i> <!-- Title --> <h5 class="title">Easy Options</h5> <!-- Text --> <div>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</div></a> </div> <div class="item-box icons-color col-sm-6 col-md-4"> <a href="#"> <!-- Icon --> <i class="icon-shrink fa-2x"></i> <!-- Title --> <h5 class="title">Multi-purpose</h5> <!-- Text --> <div>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</div></a> </div> <div class="item-box icons-color col-sm-6 col-md-4"> <a href="#"> <!-- Icon --> <i class="icon-microphone6 fa-2x"></i> <!-- Title --> <h5 class="title">Unlimited Support</h5> <!-- Text --> <div>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</div></a> </div> </div> <div class="clearfix"></div> </div> </section> <!-- Features --> <section id="works" class="page-section"> <div class="image-bg content-in fixed" data-background="img/sections/bg/bg-13.jpg"> <div class="overlay"></div> </div> <div class="container work-section"> <div class="section-title white"> <!-- Heading --> <h2 class="title">Latest Works</h2> </div> <div id="options" class="filter-menu"> <ul class="option-set nav nav-pills"> <li class="filter active" data-filter="all">Show All</li> <li class="filter" data-filter=".web">web design</li> <li class="filter" data-filter=".html">landing pages</li> <li class="filter" data-filter=".wp">personal blog</li> </ul> </div> </div> <!-- filter --> <div id="mix-container" class="portfolio-grid"> <!-- Item 1 --> <div class="grids col-xs-12 col-sm-6 col-md-3 mix all web"> <div class="grid"> <img src="img/sections/portfolio/1.jpg" alt="Recent Work" class="img-responsive" /> <div class="figcaption"> <div class="caption-block"> <h4>Name Of Work</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <!-- Image Popup--> <a href="img/sections/portfolio/1.jpg" data-rel="prettyPhoto[portfolio]"> <i class="fa fa-search"></i> </a> <a href="portfolio-single.html"> <i class="fa fa-link"></i> </a></div> </div> </div> <!-- Item 1 Ends--> <!-- Item 2 --> <div class="grids col-xs-12 col-sm-6 col-md-3 mix all web"> <div class="grid"> <img src="img/sections/portfolio/2.jpg" alt="Recent Work" class="img-responsive" /> <div class="figcaption"> <div class="caption-block"> <h4>Name Of Work</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <!-- Image Popup--> <a href="img/sections/portfolio/2.jpg" data-rel="prettyPhoto[portfolio]"> <i class="fa fa-search"></i> </a> <a href="portfolio-single.html"> <i class="fa fa-link"></i> </a></div> </div> </div> <!-- Item 2 Ends--> <!-- Item 3 --> <div class="grids col-xs-12 col-sm-6 col-md-3 mix all web"> <div class="grid"> <img src="img/sections/portfolio/3.jpg" alt="Recent Work" class="img-responsive" /> <div class="figcaption"> <div class="caption-block"> <h4>Name Of Work</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <!-- Image Popup--> <a href="img/sections/portfolio/3.jpg" data-rel="prettyPhoto[portfolio]"> <i class="fa fa-search"></i> </a> <a href="portfolio-single.html"> <i class="fa fa-link"></i> </a></div> </div> </div> <!-- Item 3 Ends--> <!-- Item 4 --> <div class="grids col-xs-12 col-sm-6 col-md-3 mix all html"> <div class="grid"> <img src="img/sections/portfolio/4.jpg" alt="Recent Work" class="img-responsive" /> <div class="figcaption"> <div class="caption-block"> <h4>Name Of Work</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <!-- Image Popup--> <a href="img/sections/portfolio/4.jpg" data-rel="prettyPhoto[portfolio]"> <i class="fa fa-search"></i> </a> <a href="portfolio-single.html"> <i class="fa fa-link"></i> </a></div> </div> </div> <!-- Item 4 Ends--> <!-- Item 5 --> <div class="grids col-xs-12 col-sm-6 col-md-3 mix all wp web"> <div class="grid"> <img src="img/sections/portfolio/5.jpg" alt="Recent Work" class="img-responsive" /> <div class="figcaption"> <div class="caption-block"> <h4>Name Of Work</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <!-- Image Popup--> <a href="img/sections/portfolio/5.jpg" data-rel="prettyPhoto[portfolio]"> <i class="fa fa-search"></i> </a> <a href="portfolio-single.html"> <i class="fa fa-link"></i> </a></div> </div> </div> <!-- Item 5 Ends--> <!-- Item 6 --> <div class="grids col-xs-12 col-sm-6 col-md-3 mix all html wp"> <div class="grid"> <img src="img/sections/portfolio/6.jpg" alt="Recent Work" class="img-responsive" /> <div class="figcaption"> <div class="caption-block"> <h4>Name Of Work</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <!-- Image Popup--> <a href="img/sections/portfolio/6.jpg" data-rel="prettyPhoto[portfolio]"> <i class="fa fa-search"></i> </a> <a href="portfolio-single.html"> <i class="fa fa-link"></i> </a></div> </div> </div> <!-- Item 6 Ends--> <!-- Item 7 --> <div class="grids col-xs-12 col-sm-6 col-md-3 mix all web wp"> <div class="grid"> <img src="img/sections/portfolio/7.jpg" alt="Recent Work" class="img-responsive" /> <div class="figcaption"> <div class="caption-block"> <h4>Name Of Work</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <!-- Image Popup--> <a href="img/sections/portfolio/7.jpg" data-rel="prettyPhoto[portfolio]"> <i class="fa fa-search"></i> </a> <a href="portfolio-single.html"> <i class="fa fa-link"></i> </a></div> </div> </div> <!-- Item 7 Ends--> <!-- Item 8 --> <div class="grids col-xs-12 col-sm-6 col-md-3 mix all web"> <div class="grid"> <img src="img/sections/portfolio/8.jpg" alt="Recent Work" class="img-responsive" /> <div class="figcaption"> <div class="caption-block"> <h4>Name Of Work</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <!-- Image Popup--> <a href="img/sections/portfolio/8.jpg" data-rel="prettyPhoto[portfolio]"> <i class="fa fa-search"></i> </a> <a href="portfolio-single.html"> <i class="fa fa-link"></i> </a></div> </div> </div> <!-- Item 8 Ends--> </div> <!-- Mix Container --> </section> <!-- works --> <section id="process" class="page-section"> <div class="container"> <div class="row text-center"> <div class="col-sm-12 col-md-12"> <div class="section-title"> <!-- Heading --> <h2 class="title">Work Process</h2> </div> </div> <div class="col-sm-4 col-md-3"> <div class="work-process-box"> <div class="process-content"> <div class="item-number">1</div> <!-- Title --> <h4 class="title">Analysis</h4> <!-- Description --> <p>Requirement Gathering & System Study</p> </div> </div> </div> <!-- .process-box-two --> <div class="col-sm-4 col-md-3"> <div class="work-process-box"> <div class="process-content"> <div class="item-number">2</div> <!-- Title --> <h4 class="title">Design</h4> <!-- Description --> <p>Design Wire-frame & Layout Design</p> </div> </div> </div> <!-- .process-box-two --> <div class="col-sm-4 col-md-3"> <div class="work-process-box"> <div class="process-content"> <div class="item-number">3</div> <!-- Title --> <h4 class="title">Development</h4> <!-- Description --> <p>Product development & Testing</p> </div> </div> </div> <!-- .process-box-two --> <div class="col-sm-4 col-md-3"> <div class="work-process-box"> <div class="process-content"> <div class="item-number">4</div> <!-- Title --> <h4 class="title">Support</h4> <!-- Description --> <p>Implementation & Support</p> </div> </div> </div> <!-- .process-box-two --> </div> </div> </section> <!-- process --> <section id="pricing" class="page-section"> <div class="image-bg content-in fixed" data-background="img/sections/bg/bg-12.jpg"> <div class="overlay"></div> </div> <div class="container"> <div class="section-title white"> <!-- Heading --> <h2 class="title">Price List</h2> </div> <div class="row text-center"> <div class="col-sm-6 col-md-4 col-lg-3"> <div class="pricing light-bg"> <!-- Title --> <div class="title"> <a href="#">Basic Plan</a> </div> <div class="price-box"> <!-- Price --> <div class="starting">Starting at</div> <div class="price">$59.9 <span>/month</span></div> </div> <ul class="options"> <!-- Item List --> <li>Wordpress</li> <li class="active">HTML5 & CSS 3</li> <li class="active">PSD Files</li> <li>Unlimited Support</li> </ul> <div class="btn-box"> <div class="clearfix"></div> <button class="btn btn-default btn-block">Order Now</button> </div> </div> <!-- .pricing --> </div> <div class="col-sm-6 col-md-4 col-lg-3"> <div class="pricing light-bg"> <!-- Title --> <div class="ribbon-wrapper"> <div class="ribbon yellow">OFFER</div> </div> <div class="title"> <a href="#">Standard</a> </div> <div class="price-box"> <!-- Price --> <div class="starting">Starting at</div> <div class="price">$99.9 <span>/month</span></div> </div> <ul class="options"> <!-- Item List --> <li>Wordpress</li> <li class="active">HTML5 & CSS 3</li> <li class="active">PSD Files</li> <li>Unlimited Support</li> </ul> <div class="btn-box"> <div class="clearfix"></div> <button class="btn btn-default btn-block">Order Now</button> </div> </div> <!-- .pricing --> </div> <div class="col-sm-6 col-md-4 col-lg-3"> <div class="pricing light-bg"> <!-- Title --> <div class="title"> <a href="#">Advanced</a> </div> <div class="price-box"> <!-- Price --> <div class="starting">Starting at</div> <div class="price">$159.9 <span>/month</span></div> </div> <ul class="options"> <!-- Item List --> <li class="active">Wordpress</li> <li class="active">HTML5 & CSS 3</li> <li class="active">PSD Files</li> <li>Unlimited Support</li> </ul> <div class="btn-box"> <div class="clearfix"></div> <button class="btn btn-default btn-block">Order Now</button> </div> </div> <!-- .pricing --> </div> <div class="col-sm-6 col-md-4 col-lg-3"> <div class="pricing light-bg"> <!-- Title --> <div class="title"> <a href="#">Premium</a> </div> <div class="price-box"> <!-- Price --> <div class="starting">Starting at</div> <div class="price">$199.9 <span>/month</span></div> </div> <ul class="options"> <!-- Item List --> <li class="active">Wordpress</li> <li class="active">HTML5 & CSS 3</li> <li class="active">PSD Files</li> <li class="active">Unlimited Support</li> </ul> <div class="btn-box"> <div class="clearfix"></div> <button class="btn btn-default btn-block">Order Now</button> </div> </div> <!-- .pricing --> </div> </div> </div> </section> <!-- pricing --> <section id="team" class="page-section"> <div class="container"> <div class="section-title"> <!-- Heading --> <h2 class="title">Meet the Team</h2> </div> <div class="row text-center"> <div class="col-sm-4 col-md-3 icons-hover-color bottom-xs-pad-20"> <div class="image"> <!-- Image --> <img src="img/sections/team-1.jpg" alt="" title="" width="270" height="270" /> </div> <div class="description"> <!-- Name --> <h4 class="name">Phillip Parisis</h4> <!-- Designation --> <div class="role">Founder</div> <!-- Text --> <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</p> </div> <div class="social-icon i-3x"> <!-- Social Icons --> <a href="#"> <i class="fa fa-facebook"></i> </a> <a href="#"> <i class="fa fa-twitter"></i> </a> <a href="#"> <i class="fa fa-google"></i> </a> <a href="#"> <i class="fa fa-pinterest"></i> </a></div> </div> <!-- .employee --> <div class="col-sm-4 col-md-3 icons-hover-color bottom-xs-pad-20"> <div class="image"> <!-- Image --> <img src="img/sections/team-2.jpg" alt="" title="" width="270" height="270" /> </div> <div class="description"> <!-- Name --> <h4 class="name">Simo Kruyt</h4> <!-- Designation --> <div class="role">Analyst</div> <!-- Text --> <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</p> </div> <div class="social-icon i-3x"> <!-- Social Icons --> <a href="#"> <i class="fa fa-facebook"></i> </a> <a href="#"> <i class="fa fa-twitter"></i> </a> <a href="#"> <i class="fa fa-google"></i> </a> <a href="#"> <i class="fa fa-pinterest"></i> </a></div> </div> <!-- .employee --> <div class="col-sm-4 col-md-3 icons-hover-color bottom-xs-pad-20"> <div class="image"> <!-- Image --> <img src="img/sections/team-3.jpg" alt="" title="" width="270" height="270" /> </div> <div class="description"> <!-- Name --> <h4 class="name">Jorge Canaveral</h4> <!-- Designation --> <div class="role">Graphic designer</div> <!-- Text --> <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</p> </div> <div class="social-icon i-3x"> <!-- Social Icons --> <a href="#"> <i class="fa fa-facebook"></i> </a> <a href="#"> <i class="fa fa-twitter"></i> </a> <a href="#"> <i class="fa fa-google"></i> </a> <a href="#"> <i class="fa fa-pinterest"></i> </a></div> </div> <!-- .employee --> <div class="col-sm-4 col-md-3 icons-hover-color bottom-xs-pad-20"> <div class="image"> <!-- Image --> <img src="img/sections/team-4.jpg" alt="" title="" width="270" height="270" /> </div> <div class="description"> <!-- Name --> <h4 class="name">Aimee Devlin</h4> <!-- Designation --> <div class="role">Developer</div> <!-- Text --> <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</p> </div> <div class="social-icon i-3x"> <!-- Social Icons --> <a href="#"> <i class="fa fa-facebook"></i> </a> <a href="#"> <i class="fa fa-twitter"></i> </a> <a href="#"> <i class="fa fa-google"></i> </a> <a href="#"> <i class="fa fa-pinterest"></i> </a></div> </div> <!-- .employee --> </div> </div> </section> <!-- team --> <section id="twitter" class="page-section light-bg"> <div class="image-bg content-in fixed" data-background="img/sections/bg/bg-10.jpg"> <div class="overlay-half-dark"></div> </div> <div class="twitter-feed"> <div class="container"> <div class="row"> <div class="col-md-12 text-center icons-circle icons-bg-color fa-1x"> <h2 class="section-title white">Follow us on Twitter</h2> <!-- Icon --> <i class="fa fa-twitter white-border border2 white"></i> <div class="tweet"> <!-- Twitter Slider --> <div class="tweets_feed"></div> </div> </div> </div> </div> </div> </section> <!-- twitter --> <section id="news" class="page-section"> <div class="container"> <div class="row"> <div class="col-sm-12 col-md-6"> <div class="section-title text-left"> <!-- Heading --> <h2 class="title">Latest Posts</h2> </div> <ul class="latest-posts"> <li> <div class="post-thumb"> <img class="img-rounded" src="img/sections/blog/1.jpg" alt="" title="" width="84" height="84" /> </div> <div class="post-details"> <div class="description"> <a href="#"> <!-- Text --> The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</a> </div> <div class="meta"> <!-- Meta Date --> <span class="time"> <i class="fa fa-calendar"></i> 03.11.2014</span> </div> </div> </li> <li> <div class="post-thumb"> <img class="img-rounded" src="img/sections/blog/2.jpg" alt="" title="" width="84" height="84" /> </div> <div class="post-details"> <div class="description"> <a href="#"> <!-- Text --> The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</a> </div> <div class="meta"> <!-- Meta Date --> <span class="time"> <i class="fa fa-calendar"></i> 03.11.2014</span> </div> </div> </li> <li> <div class="post-thumb"> <img class="img-rounded" src="img/sections/blog/3.jpg" alt="" title="" width="84" height="84" /> </div> <div class="post-details"> <div class="description"> <a href="#"> <!-- Text --> The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</a> </div> <div class="meta"> <!-- Meta Date --> <span class="time"> <i class="fa fa-calendar"></i> 03.11.2014</span> </div> </div> </li> </ul> </div> <div class="col-sm-12 col-md-6 testimonails"> <div class="section-title text-left"> <!-- Heading --> <h2 class="title">Testimonials</h2> </div> <div class="owl-carousel pagination-1 dark-switch" data-pagination="true" data-autoplay="true" data-navigation="false" data-singleitem="true"> <div class="item"> <div class="desc-border bottom-arrow quote"> <blockquote class="small-text">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</blockquote> <div class="star-rating text-right"> <i class="fa fa-star text-color"></i> <i class="fa fa-star text-color"></i> <i class="fa fa-star text-color"></i> <i class="fa fa-star text-color"></i> <i class="fa fa-star-half-o text-color"></i></div> </div> <div class="client-details text-center"> <div class="client-image"> <!-- Image --> <img class="img-circle" src="img/sections/testimonials/1.jpg" width="80" height="80" alt="" /> </div> <div class="client-details"> <!-- Name --> <strong class="text-color">John Doe</strong> <!-- Company --> <span>Designer, zozothemes</span></div> </div> </div> <div class="item"> <div class="desc-border bottom-arrow quote"> <blockquote class="small-text">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</blockquote> <div class="star-rating text-right"> <i class="fa fa-star text-color"></i> <i class="fa fa-star text-color"></i> <i class="fa fa-star text-color"></i> <i class="fa fa-star text-color"></i> <i class="fa fa-star-half-o text-color"></i></div> </div> <div class="client-details text-center"> <div class="client-image"> <!-- Image --> <img class="img-circle" src="img/sections/testimonials/1.jpg" width="80" height="80" alt="" /> </div> <div class="client-details"> <!-- Name --> <strong class="text-color">John Doe</strong> <!-- Company --> <span>Designer, zozothemes</span></div> </div> </div> <div class="item"> <div class="desc-border bottom-arrow quote"> <blockquote class="small-text">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</blockquote> <div class="star-rating text-right"> <i class="fa fa-star text-color"></i> <i class="fa fa-star text-color"></i> <i class="fa fa-star text-color"></i> <i class="fa fa-star text-color"></i> <i class="fa fa-star-half-o text-color"></i></div> </div> <div class="client-details text-center"> <div class="client-image"> <!-- Image --> <img class="img-circle" src="img/sections/testimonials/1.jpg" width="80" height="80" alt="" /> </div> <div class="client-details"> <!-- Name --> <strong class="text-color">John Doe</strong> <!-- Company --> <span>Designer, zozothemes</span></div> </div> </div> </div> </div> </div> </div> </section> <!-- news --> <section id="my-video"> <div class="image-bg content-in fixed" data-background="img/sections/bg/full-img2.jpg"> <div class="overlay-strips"></div> </div> <div class="container-fluid"> <div class="row"> <div class="col-sm-6 col-md-6 no-pad"> <!-- Video --> <div id="bg-video"> <div class="player" data-property="{videoURL:'https://www.youtube.com/watch?v=Y-OLlJUXwKU',containment:'#my-video',startAt:0, mute:true, autoPlay:true, showControls:false}"></div> </div> <div id="video-controls" style="display: block;"> <a class="fa fa-pause text-color color-border" id="video-play" href="#"></a> <br /> <h6 class="text-color bold">Demo Video</h6> </div> </div> <div class="col-sm-6 col-md-6 video-half-content light-bg pad-60 z-index-9"> <div class="section-title text-left"> <!-- Heading --> <h2 class="title">Additional Info</h2> </div> <div class="panel-group no-list" id="accordion1"> <div class="panel panel-default active"> <div class="panel-heading"> <div class="panel-title"> <!-- Tab --> <a data-toggle="collapse" data-parent="#accordion1" href="#item1"> <i class="icon-mobile9"></i> 100% Responsive</a> </div> </div> <div id="item1" class="panel-collapse collapse in"> <div class="panel-body"> <!-- Image --> <img src="img/sections/additional-img1.jpg" class="pull-right" width="120" height="90" alt="" /> <!-- Tab Content--> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores ipsa esse obcaecati repudiandae veniam amet modi recusandae optio earum sequi accusantium culpa vitae iste sit commodi eaque voluptatem officia quam.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores ipsa esse obcaecati repudiandae veniam amet modi.</p></div> </div> </div> <div class="panel panel-default active"> <div class="panel-heading"> <div class="panel-title"> <!-- Tab --> <a data-toggle="collapse" data-parent="#accordion1" href="#item2"> <i class="icon-code"></i> Simple & Clean Code</a> </div> </div> <div id="item2" class="panel-collapse collapse"> <div class="panel-body"> <!-- Tab Content-->Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque natus quaerat voluptate? Asperiores hic dolore voluptate corporis obcaecati reiciendis sunt ipsam iste. Eligendi inventore voluptatibus quia saepe odit deserunt nam? <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p></div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <div class="panel-title"> <!-- Tab --> <a data-toggle="collapse" data-parent="#accordion1" href="#item3"> <i class="icon-mic"></i> Unlimited Support</a> </div> </div> <div id="item3" class="panel-collapse collapse"> <div class="panel-body"> <!-- Image --> <img src="img/sections/additional-img2.jpg" class="pull-right" width="120" height="82" alt="" /> <!-- Tab Content--> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores ipsa esse obcaecati repudiandae veniam amet modi recusandae optio earum sequi accusantium culpa vitae iste sit commodi eaque voluptatem officia quam.</p></div> </div> </div> </div> </div> </div> </div> </section> <!-- video --> <section id="clients" class="page-section"> <div class="container"> <div class="section-title"> <!-- Heading --> <h2 class="title">Our Best Clients</h2> </div> <div class="row"> <div class="col-md-12 text-center"> <div class="owl-carousel navigation-1" data-pagination="false" data-items="6" data-autoplay="true" data-navigation="true"> <a href="#"> <img src="img/sections/clients/1.png" width="170" height="170" alt="" /> </a> <a href="#"> <img src="img/sections/clients/2.png" width="170" height="170" alt="" /> </a> <a href="#"> <img src="img/sections/clients/3.png" width="170" height="170" alt="" /> </a> <a href="#"> <img src="img/sections/clients/4.png" width="170" height="170" alt="" /> </a> <a href="#"> <img src="img/sections/clients/5.png" width="170" height="170" alt="" /> </a> <a href="#"> <img src="img/sections/clients/6.png" width="170" height="170" alt="" /> </a> <a href="#"> <img src="img/sections/clients/1.png" width="170" height="170" alt="" /> </a> <a href="#"> <img src="img/sections/clients/2.png" width="170" height="170" alt="" /> </a></div> </div> </div> </div> </section> <!-- clients --> <div id="get-quote" class="bg-color get-a-quote black text-center"> <div class="container"> <div class="row"> <div class="col-md-12">Get A Free Quote / Need a Help ? <a class="black" href="#">Contact Us</a></div> </div> </div> </div> <!-- request --> <footer id="footer"> <div class="footer-widget"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-3 widget bottom-xs-pad-20"> <div class="widget-title"> <!-- Title --> <h3 class="title">About Us</h3> </div> <!-- Text --> <p>We like to provide great site with complete features what you want to impletement in your business!</p> <!-- Address --> <p> <strong>Office:</strong> Zozotheme.com <br />No. 12, Ribon Building, <br />Walse street, Australia.</p> <!-- Phone --> <p> <strong>Call Us:</strong> +0 (123) 456-78-90 or <br />+0 (123) 456-78-90</p> </div> <div class="col-xs-12 col-sm-6 col-md-3 widget bottom-xs-pad-20"> <div class="widget-title"> <!-- Title --> <h3 class="title">Blogroll</h3> </div> <nav> <ul> <!-- List Items --> <li> <a href="#">Complete Documentations</a> </li> <li> <a href="#">Additional Plugins & Modules</a> </li> <li> <a href="#">Child Themes</a> </li> <li> <a href="#">FAQ</a> </li> <li> <a href="#">Support Forums</a> </li> <li> <a href="#">Useful Blog</a> </li> </ul> </nav> <div class="widget-title"> <!-- Title --> <h3 class="title">My account</h3> </div> <nav> <ul> <!-- List Items --> <li> <a href="#">My account</a> </li> <li> <a href="#">Order History</a> </li> <li> <a href="#">Shopping Cart</a> </li> </ul> </nav> </div> <div class="col-xs-12 col-sm-6 col-md-3 widget"> <div class="widget-title"> <!-- Title --> <h3 class="title">Latest News</h3> </div> <nav> <ul class="footer-blog"> <!-- List Items --> <li> <a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</a> </li> <li> <a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</a> </li> <li> <a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</a> </li> </ul> </nav> </div> <div class="col-xs-12 col-sm-6 col-md-3 widget newsletter bottom-xs-pad-20"> <div class="widget-title"> <!-- Title --> <h3 class="title">Newsletter Signup</h3> </div> <div> <!-- Text --> <p>Subscribe to Our Newsletter to get Important News, Amazing Offers & Inside Scoops:</p> <p class="form-message1" style="display: none;"></p> <div class="clearfix"></div> <!-- Form --> <form id="subscribe_form" action="subscription.php" method="post" name="subscribe_form" role="form"> <div class="input-text form-group has-feedback"> <input class="form-control" type="email" value="" name="subscribe_email" /> <button class="submit bg-color" type="submit"> <span class="glyphicon glyphicon-arrow-right"></span> </button></div> </form> </div> <!-- Count --> <div class="footer-count"> <p class="count-number" data-count="93550">total downloads : <span class="counter"></span></p> </div> <div class="footer-count"> <p class="count-number" data-count="79550">happy clients : <span class="counter"></span></p> </div> <!-- Social Links --> <div class="social-icon gray-bg icons-circle i-3x"> <a href="#"> <i class="fa fa-facebook"></i> </a> <a href="#"> <i class="fa fa-twitter"></i> </a> <a href="#"> <i class="fa fa-pinterest"></i> </a> <a href="#"> <i class="fa fa-google"></i> </a> <a href="#"> <i class="fa fa-linkedin"></i> </a></div> </div> <!-- .newsletter --> </div> </div> </div> <!-- footer-top --> <div class="copyright"> <div class="container"> <div class="row"> <!-- Copyrights --> <div class="col-xs-10 col-sm-6 col-md-6"> © 2015 <a href="http://zozothemes.com">zozothemes.com</a>. Creative Agency. <br /> <!-- Terms Link --> <a href="#">Terms of Use</a> / <a href="#">Privacy Policy</a></div> <div class="col-xs-2 col-sm-6 col-md-6 text-right page-scroll gray-bg icons-circle i-3x"> <!-- Goto Top --> <a href="#page"> <i class="glyphicon glyphicon-arrow-up"></i> </a> </div> </div> </div> </div> <!-- footer-bottom --> </footer> <!-- footer --> </div> <!-- page --> <!-- Scripts --> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <!-- Menu jQuery plugin --> <script type="text/javascript" src="js/hover-dropdown-menu.js"></script> <!-- Menu jQuery Bootstrap Addon --> <script type="text/javascript" src="js/jquery.hover-dropdown-menu-addon.js"></script> <!-- Scroll Top Menu --> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <!-- Sticky Menu --> <script type="text/javascript" src="js/jquery.sticky.js"></script> <!-- Bootstrap Validation --> <script type="text/javascript" src="js/bootstrapValidator.min.js"></script> <!-- Revolution Slider --> <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.tools.min.js"></script> <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script> <script type="text/javascript" src="js/revolution-custom.js"></script> <!-- Portfolio Filter --> <script type="text/javascript" src="js/jquery.mixitup.min.js"></script> <!-- Animations --> <script type="text/javascript" src="js/jquery.appear.js"></script> <script type="text/javascript" src="js/effect.js"></script> <!-- Owl Carousel Slider --> <script type="text/javascript" src="js/owl.carousel.min.js"></script> <!-- Pretty Photo Popup --> <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script> <!-- Parallax BG --> <script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script> <!-- Fun Factor / Counter --> <script type="text/javascript" src="js/jquery.countTo.js"></script> <!-- Twitter Feed --> <script type="text/javascript" src="js/tweet/carousel.js"></script> <script type="text/javascript" src="js/tweet/scripts.js"></script> <script type="text/javascript" src="js/tweet/tweetie.min.js"></script> <!-- Background Video --> <script type="text/javascript" src="js/jquery.mb.YTPlayer.js"></script> <!-- Custom Js Code --> <script type="text/javascript" src="js/custom.js"></script> <!-- Scripts --> </body> </html>
© 2017 -
ZeroByte.ID
.