����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
/
sb_web
/
web
/
sb_web
/
web
/
b2432
/
nortur.website
/
agilizem
/
[
Home
]
File: center-logo.html
<!doctype html> <html class="no-js" lang="en"> <head> <!-- title --> <title>POFO – Creative Agency, Corporate and Portfolio Multi-purpose Template</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" /> <meta name="author" content="ThemeZaa"> <!-- description --> <meta name="description" content="POFO is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose agency and portfolio HTML5 template with 25 ready home page demos."> <!-- keywords --> <meta name="keywords" content="creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, coming soon, faq"> <!-- favicon --> <link rel="shortcut icon" href="images/favicon.png"> <link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> <!-- animation --> <link rel="stylesheet" href="css/animate.css" /> <!-- bootstrap --> <link rel="stylesheet" href="css/bootstrap.min.css" /> <!-- et line icon --> <link rel="stylesheet" href="css/et-line-icons.css" /> <!-- font-awesome icon --> <link rel="stylesheet" href="css/font-awesome.min.css" /> <!-- themify icon --> <link rel="stylesheet" href="css/themify-icons.css"> <!-- swiper carousel --> <link rel="stylesheet" href="css/swiper.min.css"> <!-- justified gallery --> <link rel="stylesheet" href="css/justified-gallery.min.css"> <!-- magnific popup --> <link rel="stylesheet" href="css/magnific-popup.css" /> <!-- revolution slider --> <link rel="stylesheet" type="text/css" href="revolution/css/settings.css" media="screen" /> <link rel="stylesheet" type="text/css" href="revolution/css/layers.css"> <link rel="stylesheet" type="text/css" href="revolution/css/navigation.css"> <!-- bootsnav --> <link rel="stylesheet" href="css/bootsnav.css"> <!-- style --> <link rel="stylesheet" href="css/style.css" /> <!-- responsive css --> <link rel="stylesheet" href="css/responsive.css" /> <!--[if IE]> <script src="js/html5shiv.js"></script> <![endif]--> </head> <body> <!-- start header --> <header> <!-- start navigation --> <nav class="navbar navbar-default bootsnav navbar-top header-dark background-transparent nav-box-width white-link padding-four-lr menu-logo-center navbar-expand-lg"> <div class="container nav-header-container"> <!-- start logo --> <div class="center-logo"> <a href="index.html" title="Pofo" class="logo"><img src="images/logo.png" data-rjs="images/logo@2x.png" class="logo-dark" alt="Pofo"><img src="images/logo-white.png" data-rjs="images/logo-white@2x.png" alt="Pofo" class="logo-light default"></a> </div> <!-- end logo --> <div class="col col-lg-12 accordion-menu"> <button type="button" class="navbar-toggler collapsed" data-toggle="collapse" data-target="#navbar-collapse-toggle-1"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="navbar-collapse collapse justify-content-between" id="navbar-collapse-toggle-1"> <ul class="nav navbar-nav alt-font text-normal width-40 md-width-100 sm-text-left justify-content-end" data-in="fadeIn" data-out="fadeOut"> <!-- start menu item --> <li class="dropdown megamenu-fw"> <a href="#">Home</a><i class="fas fa-angle-down dropdown-toggle" data-toggle="dropdown" aria-hidden="true"></i> <!-- start sub menu --> <div class="menu-back-div dropdown-menu megamenu-content mega-menu collapse mega-menu-full"> <ul> <!-- start sub menu column --> <li class="mega-menu-column col-lg-3"> <!-- start sub menu item --> <ul> <li class="dropdown-header">Classic Homepages</li> <li><a href="home-classic-corporate.html">Classic corporate</a></li> <li><a href="home-classic-digital-agency.html">Classic digital agency</a></li> <li><a href="home-classic-innovation-agency.html">Classic innovation agency</a></li> <li><a href="home-classic-web-agency.html">Classic web agency</a></li> <li><a href="home-classic-one-page.html">Classic one page</a></li> <li><a href="home-classic-start-up.html">Classic start-up</a></li> <li><a href="home-classic-interactive-agency.html">Classic interactive agency</a></li> </ul> <!-- end sub menu item --> </li> <!-- end sub menu column --> <!-- start sub menu column --> <li class="mega-menu-column col-lg-3"> <!-- start sub menu item --> <ul> <li class="dropdown-header">Creative Homepages</li> <li><a href="home-creative-studio.html">Creative studio</a></li> <li><a href="home-creative-business.html">Creative business</a></li> <li><a href="home-creative-simple-portfolio.html">Creative simple portfolio</a></li> <li><a href="home-creative-branding-agency.html">Creative branding agency</a></li> <li class="menu-new"><a href="home-creative-minimalist-portfolio.html">creative minimalist portfolio</a></li> <li><a href="home-creative-small-business.html">Creative small business</a></li> <li><a href="home-creative-designer.html">Creative designer</a></li> <li><a href="home-creative-agency.html">Creative agency</a></li> </ul> <!-- end sub menu item --> </li> <!-- end sub menu column --> <!-- start sub menu column --> <li class="mega-menu-column col-lg-3"> <!-- start sub menu item --> <ul> <li class="dropdown-header">Portfolio Homepages</li> <li><a href="home-portfolio-minimal.html">Portfolio minimal</a></li> <li><a href="home-portfolio-multiple-carousel.html">Portfolio multiple carousel</a></li> <li><a href="home-portfolio-centered-slides.html">Portfolio centered slides</a></li> <li><a href="home-portfolio-personal.html">Portfolio personal</a></li> <li><a href="home-portfolio-metro.html">Portfolio metro</a></li> <li><a href="home-portfolio-full-screen-vertical.html">Portfolio full screen – vertical</a></li> <li><a href="home-portfolio-photographer.html">Portfolio photographer</a></li> <li><a href="home-portfolio-parallax.html">Portfolio parallax</a></li> </ul> <!-- end sub menu item --> </li> <!-- end sub menu column --> <!-- start sub menu column --> <li class="mega-menu-column col-lg-3"> <!-- start sub menu item --> <ul> <li class="dropdown-header">Blog Homepages</li> <li><a href="home-blog-grid.html">Blog grid</a></li> <li><a href="home-blog-masonry.html">Blog masonry</a></li> <li><a href="home-blog-clean.html">Blog clean</a></li> <li><a href="home-blog-personal.html">Blog personal</a></li> </ul> <!-- end sub menu item --> </li> <!-- end sub menu column --> </ul> <!-- end sub menu --> </div> </li> <!-- end menu item --> <li class="dropdown simple-dropdown"><a href="#">Pages</a><i class="fas fa-angle-down dropdown-toggle" data-toggle="dropdown" aria-hidden="true"></i> <!-- start sub menu --> <ul class="dropdown-menu" role="menu"> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">About <i class="fas fa-angle-right"></i></a> <ul class="dropdown-menu"> <li><a href="about-us-simple.html">About us simple</a></li> <li><a href="about-us-classic.html">About us classic</a></li> <li><a href="about-us-modern.html">About us modern</a></li> <li><a href="about-me.html">About me</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Services <i class="fas fa-angle-right"></i></a> <ul class="dropdown-menu"> <li><a href="services-simple.html">Services simple</a></li> <li><a href="services-classic.html">Services classic</a></li> <li><a href="services-modern.html">Services modern</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Contact <i class="fas fa-angle-right"></i></a> <ul class="dropdown-menu"> <li><a href="contact-us-simple.html">Contact simple</a></li> <li><a href="contact-us-classic.html">Contact classic</a></li> <li><a href="contact-us-classic-02.html">Contact classic – style 02</a></li> <li><a href="contact-us-modern.html">Contact modern</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Team <i class="fas fa-angle-right"></i></a> <ul class="dropdown-menu"> <li><a href="team-simple.html">Team simple</a></li> <li><a href="team-classic.html">Team classic</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Additional Pages <i class="fas fa-angle-right"></i></a> <ul class="dropdown-menu"> <li><a href="our-clients.html">Our clients</a></li> <li><a href="404.html">Error 404</a></li> <li><a href="coming-soon.html">Coming soon</a></li> <li><a href="coming-soon-02.html">Coming soon – style 02</a></li> <li><a href="faq.html">Faq</a></li> <li><a href="maintenance.html">Maintenance</a></li> <li><a href="search-result.html">Search result</a></li> <li><a href="pricing.html">Pricing</a></li> </ul> </li> </ul> </li> <li class="dropdown megamenu-fw"> <a href="#">Portfolio</a><i class="fas fa-angle-down dropdown-toggle" data-toggle="dropdown" aria-hidden="true"></i> <!-- start sub menu --> <div class="menu-back-div dropdown-menu megamenu-content mega-menu collapse mega-menu-full"> <ul> <!-- start sub menu column --> <li class="mega-menu-column col-lg-3"> <!-- start sub menu item --> <ul> <li class="dropdown-header">Grid - Full width Layouts</li> <li><a href="portfolio-full-width-grid-overlay.html">Portfolio grid overlay</a></li> <li><a href="portfolio-full-width-grid-with-icon.html">Portfolio grid with icon</a></li> <li><a href="portfolio-full-width-grid-transform.html">Portfolio grid transform</a></li> <li><a href="portfolio-full-width-grid-zooming.html">Portfolio grid zooming</a></li> </ul> <ul> <li class="dropdown-header">Masonry - Full width Layouts</li> <li><a href="portfolio-full-width-masonry-overlay.html">Portfolio masonry overlay</a></li> <li><a href="portfolio-full-width-masonry-with-icon.html">Portfolio masonry with icon</a></li> </ul> <ul> <li class="dropdown-header">Metro - Full width Layouts</li> <li><a href="portfolio-full-width-metro-overlay.html">Portfolio metro overlay</a></li> <li><a href="portfolio-full-width-metro-with-icon.html">Portfolio metro with icon</a></li> <li><a href="portfolio-full-width-metro-transform.html">Portfolio metro transform</a></li> <li><a href="portfolio-full-width-metro-zooming.html">Portfolio metro zooming</a></li> </ul> <ul> <li class="dropdown-header">Other - Full width Layouts</li> <li><a href="portfolio-full-width-image-gallery.html">Portfolio image gallery</a></li> <li><a href="portfolio-full-width-justified-gallery.html">Portfolio justified</a></li> <li><a href="portfolio-full-width-carousel.html">Portfolio carousel</a></li> <li><a href="portfolio-full-width-parallax.html">Portfolio parallax</a></li> </ul> <!-- end sub menu item --> </li> <!-- end sub menu column --> <!-- start sub menu column --> <li class="mega-menu-column col-lg-3"> <!-- start sub menu item --> <ul> <li class="dropdown-header">Grid - Boxed Layouts</li> <li><a href="portfolio-boxed-grid-overlay.html">Portfolio grid overlay</a></li> <li><a href="portfolio-boxed-grid-with-icon.html">Portfolio grid with icon</a></li> <li><a href="portfolio-boxed-grid-transform.html">Portfolio grid transform</a></li> <li><a href="portfolio-boxed-grid-zooming.html">Portfolio grid zooming</a></li> </ul> <ul> <li class="dropdown-header">Masonry - Boxed Layouts</li> <li><a href="portfolio-boxed-masonry-overlay.html">Portfolio masonry overlay</a></li> <li><a href="portfolio-boxed-masonry-with-icon.html">Portfolio masonry with icon</a></li> </ul> <ul> <li class="dropdown-header">Metro - Boxed Layouts</li> <li><a href="portfolio-boxed-metro-overlay.html">Portfolio metro overlay</a></li> <li><a href="portfolio-boxed-metro-with-icon.html">Portfolio metro with icon</a></li> <li><a href="portfolio-boxed-metro-transform.html">Portfolio metro transform</a></li> <li><a href="portfolio-boxed-metro-zooming.html">Portfolio metro zooming</a></li> </ul> <ul> <li class="dropdown-header">Other - Boxed Layouts</li> <li><a href="portfolio-boxed-image-gallery.html">Portfolio image gallery</a></li> <li><a href="portfolio-boxed-justified-gallery.html">Portfolio justified</a></li> <li><a href="portfolio-boxed-carousel.html">Portfolio carousel</a></li> <li><a href="portfolio-boxed-parallax.html">Portfolio parallax</a></li> </ul> <!-- end sub menu item --> </li> <!-- end sub menu column --> <!-- start sub menu column --> <li class="mega-menu-column col-lg-3"> <!-- start sub menu item --> <ul> <li class="dropdown-header">Single Project Page</li> <li><a href="single-project-page-01.html">Single project page 01</a></li> <li><a href="single-project-page-02.html">Single project page 02</a></li> <li><a href="single-project-page-03.html">Single project page 03</a></li> <li><a href="single-project-page-04.html">Single project page 04</a></li> <li><a href="single-project-page-05.html">Single project page 05</a></li> <li><a href="single-project-page-06.html">Single project page 06</a></li> <li><a href="single-project-page-07.html">Single project page 07</a></li> <li><a href="single-project-page-08.html">Single project page 08</a></li> </ul> <!-- end sub menu item --> <ul> <li class="dropdown-header">Portfolio Columns</li> <li><a href="portfolio-two-columns.html">Portfolio 2 columns</a></li> <li><a href="portfolio-three-columns.html">Portfolio 3 columns</a></li> <li><a href="portfolio-four-columns.html">Portfolio 4 columns</a></li> <li><a href="portfolio-five-columns.html">Portfolio 5 columns</a></li> </ul> </li> <!-- end sub menu column --> <!-- start sub menu column --> <li class="mega-menu-column col-lg-3 d-none d-lg-block"> <!-- start sub menu item --> <ul> <li> <a href="home-creative-studio.html" class="menu-banner-image"><img src="images/menu-banner-01.png" alt="portfolio"/></a> </li> <li> <a href="home-creative-business.html" class="menu-banner-image"><img src="images/menu-banner-02.png" alt="portfolio"/></a> </li> </ul> <!-- end sub menu item --> </li> <!-- end sub menu column --> </ul> <!-- end sub menu --> </div> </li> </ul> <ul class="nav navbar-nav navbar-right no-margin alt-font text-normal width-40 md-width-100 justify-content-start" data-in="fadeIn" data-out="fadeOut"> <li class="dropdown simple-dropdown"><a href="#" title="Blog">Blog</a><i class="fas fa-angle-down dropdown-toggle" data-toggle="dropdown" aria-hidden="true"></i> <!-- start sub menu --> <ul class="dropdown-menu" role="menu"> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Blog Standard <i class="fas fa-angle-right"></i></a> <ul class="dropdown-menu"> <li><a href="blog-standard-full-width.html">Blog standard – full width</a></li> <li><a href="blog-standard-with-left-sidebar.html">Blog standard with left sidebar</a></li> <li><a href="blog-standard-with-right-sidebar.html">Blog standard with right sidebar</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Blog Classic <i class="fas fa-angle-right"></i></a> <ul class="dropdown-menu"> <li><a href="blog-classic.html">Blog classic</a></li> <li><a href="blog-classic-full-width.html">Blog classic – full width</a></li> </ul></li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Blog List <i class="fas fa-angle-right"></i></a> <ul class="dropdown-menu"> <li><a href="blog-list.html">Blog list</a></li> <li><a href="blog-list-full-width.html">Blog list – full width</a></li> </ul></li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Blog Grid <i class="fas fa-angle-right"></i></a> <ul class="dropdown-menu"> <li><a href="blog-grid.html">Blog grid</a></li> <li><a href="blog-grid-full-width.html">Blog grid – full width</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Blog Masonry <i class="fas fa-angle-right"></i></a> <ul class="dropdown-menu"> <li><a href="blog-masonry.html">Blog masonry</a></li> <li><a href="blog-masonry-full-width.html">Blog masonry – full width</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Blog Simple <i class="fas fa-angle-right"></i></a> <ul class="dropdown-menu"> <li><a href="blog-simple.html">Blog simple</a></li> <li><a href="blog-simple-full-width.html">Blog simple – full width</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Blog Clean <i class="fas fa-angle-right"></i></a> <ul class="dropdown-menu"> <li><a href="blog-clean.html">Blog clean</a></li> <li><a href="blog-clean-full-width.html">Blog clean – full width</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Blog Images <i class="fas fa-angle-right"></i></a> <ul class="dropdown-menu"> <li><a href="blog-images.html">Blog images</a></li> <li><a href="blog-images-full-width.html">Blog images – full width</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Blog Only Text <i class="fas fa-angle-right"></i></a> <ul class="dropdown-menu"> <li><a href="blog-only-text.html">Blog only text</a></li> <li><a href="blog-only-text-full-width.html">Blog only text – full width</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Post Layout <i class="fas fa-angle-right"></i></a> <ul class="dropdown-menu"> <li><a href="blog-post-layout-01.html">Blog post layout 01</a></li> <li><a href="blog-post-layout-02.html">Blog post layout 02</a></li> <li><a href="blog-post-layout-03.html">Blog post layout 03</a></li> <li><a href="blog-post-layout-04.html">Blog post layout 04</a></li> <li><a href="blog-post-layout-05.html">Blog post layout 05</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Post Types <i class="fas fa-angle-right"></i></a> <ul class="dropdown-menu"> <li><a href="blog-standard-post.html">Standard post</a></li> <li><a href="blog-gallery-post.html">Gallery post</a></li> <li><a href="blog-slider-post.html">Slider post</a></li> <li><a href="blog-html5-video-post.html">HTML5 video post</a></li> <li><a href="blog-youtube-video-post.html">Youtube video post</a></li> <li><a href="blog-vimeo-video-post.html">Vimeo video post</a></li> <li><a href="blog-audio-post.html">Audio post</a></li> <li><a href="blog-blockquote-post.html">Blockquote post</a></li> <li><a href="blog-full-width-post.html">Full width post</a></li> </ul> </li> </ul> <!-- end sub menu --> </li> <li class="dropdown megamenu-fw"> <a href="#">Elements</a><i class="fas fa-angle-down dropdown-toggle" data-toggle="dropdown" aria-hidden="true"></i> <!-- start sub menu --> <div class="menu-back-div dropdown-menu megamenu-content mega-menu collapse mega-menu-full icon-list-menu"> <ul> <!-- start sub menu column --> <li class="mega-menu-column col-lg-3"> <!-- start sub menu item --> <ul> <li class="dropdown-header">General elements</li> <li><a href="accordions.html"><i class="ti-layout-accordion-separated"></i> Accordions</a></li> <li><a href="buttons.html"><i class="ti-mouse"></i> Buttons</a></li> <li><a href="team.html"><i class="ti-user"></i> Team</a></li> <li><a href="team-carousel.html"><i class="ti-layout-slider-alt"></i> Team carousel</a></li> <li><a href="clients.html"><i class="ti-id-badge"></i> Clients</a></li> <li><a href="client-carousel.html"><i class="ti-layout-slider"></i> Client carousel</a></li> <li><a href="subscribe.html"><i class="ti-bookmark"></i> Subscribe</a></li> <li><a href="call-to-action.html"><i class="ti-headphone-alt"></i> Call to action</a></li> <li><a href="tab.html"><i class="ti-layout-tab"></i> Tab</a></li> <li><a href="google-map.html"><i class="ti-location-pin"></i> Google map</a></li> <li><a href="text-slider.html"><i class="ti-layout-media-overlay"></i> Text slider</a></li> <li><a href="contact-form.html"><i class="ti-clipboard"></i> Contact form</a></li> <li><a href="image-gallery.html"><i class="ti-gallery"></i> Image gallery</a></li> </ul> <!-- end sub menu item --> </li> <!-- end sub menu column --> <!-- start sub menu column --> <li class="mega-menu-column col-lg-3"> <!-- start sub menu item --> <ul> <li class="dropdown-header">Infographics / icons</li> <li><a href="process-bar.html"><i class="icon-hourglass"></i> Process bar</a></li> <li><a href="icon-with-text.html"><i class="ti-layout-media-left"></i> Icon with text</a></li> <li><a href="overline-icon-box.html"><i class="ti-layout-placeholder"></i> Overline icon box</a></li> <li><a href="custom-icon-with-text.html"><i class="ti-layout-cta-btn-left"></i> Custom icon with text</a></li> <li><a href="counters.html"><i class="ti-timer"></i> Counters</a></li> <li><a href="countdown.html"><i class="ti-alarm-clock"></i> Countdown</a></li> <li><a href="pie-charts.html"><i class="ti-pie-chart"></i> Pie charts</a></li> <li><a href="text-box.html"><i class="ti-layout-cta-left"></i> Text box</a></li> <li><a href="fancy-text-box.html"><i class="ti-layout-cta-center"></i> Fancy text box</a></li> </ul> <!-- end sub menu item --> </li> <!-- end sub menu column --> <!-- start sub menu column --> <li class="mega-menu-column col-lg-3"> <!-- start sub menu item --> <ul> <li class="dropdown-header">Interactive Elements</li> <li><a href="testimonials.html"><i class="ti-thought"></i> Testimonials</a></li> <li><a href="testimonials-carousel.html"><i class="ti-comments"></i> Testimonials carousel</a></li> <li><a href="video.html"><i class="ti-video-camera"></i> Video</a></li> <li><a href="interactive-banners.html"><i class="ti-image"></i> Interactive banners</a></li> <li><a href="services.html"><i class="ti-headphone-alt"></i> Services</a></li> <li><a href="portfolio-slider.html"><i class="ti-layout-slider-alt"></i> Portfolio slider</a></li> <li><a href="info-banner.html"><i class="ti-layout-slider"></i> Info banner</a></li> <li><a href="rotate-box.html"><i class="ti-layout-width-full"></i> Rotate box</a></li> <li><a href="process-step.html"><i class="ti-stats-up"></i> Process step</a></li> <li><a href="blog-posts.html"><i class="ti-comment-alt"></i> Blog posts</a></li> <li><a href="instagram.html"><i class="ti-instagram"></i> Instagram</a></li> <li><a href="parallax-scrolling.html"><i class="ti-exchange-vertical"></i> Parallax scrolling</a></li> </ul> <!-- end sub menu item --> </li> <!-- end sub menu column --> <!-- start sub menu column --> <li class="mega-menu-column col-lg-3"> <!-- start sub menu item --> <ul> <li class="dropdown-header">Text & containers</li> <li><a href="heading.html"><i class="ti-text"></i> Heading</a></li> <li><a href="dropcaps.html"><i class="ti-layout-accordion-list"></i> Dropcaps</a></li> <li><a href="columns.html"><i class="ti-layout-column3-alt"></i> Columns</a></li> <li><a href="blockquote.html"><i class="ti-quote-left"></i> Blockquote</a></li> <li><a href="highlights.html"><i class="ti-underline"></i> Highlights</a></li> <li><a href="message-box.html"><i class="ti-layout-media-right-alt"></i> Message box</a></li> <li><a href="social-icons.html"><i class="ti-signal"></i> Social icons</a></li> <li><a href="lists.html"><i class="ti-list"></i> Lists</a></li> <li><a href="seperators.html"><i class="ti-layout-line-solid"></i> Separators</a></li> <li><a href="pricing-table.html"><i class="ti-layout-grid2-thumb"></i> Pricing table</a></li> </ul> <!-- end sub menu item --> </li> <!-- end sub menu column --> </ul> <!-- end sub menu --> </div> </li> <li class="dropdown megamenu-fw"> <a href="#">Features</a><i class="fas fa-angle-down dropdown-toggle" data-toggle="dropdown" aria-hidden="true"></i> <!-- start sub menu --> <div class="menu-back-div dropdown-menu megamenu-content mega-menu collapse mega-menu-full"> <ul> <!-- start sub menu column --> <li class="mega-menu-column col-lg-3"> <!-- start sub menu item --> <ul> <li class="dropdown-header">Header Styles</li> <li><a href="transparent-header.html">Transparent header</a></li> <li><a href="white-header.html">White header</a></li> <li><a href="dark-header.html">Dark header</a></li> <li><a href="header-with-top-bar.html">Header with top bar</a></li> <li><a href="header-with-sticky-top-bar.html">Header with sticky top bar</a></li> <li><a href="header-with-push.html">Header with push</a></li> <li><a href="center-navigation.html">Center navigation</a></li> <li><a href="center-logo.html">Center logo</a></li> <li><a href="top-logo.html">Top logo</a></li> <li><a href="one-page-navigation.html">One page navigation</a></li> <li><a href="hamburger-menu.html">Hamburger menu</a></li> <li><a href="hamburger-menu-modern.html">Hamburger menu modern</a></li> <li><a href="hamburger-menu-half.html">Hamburger menu half</a></li> <li><a href="left-menu-classic.html">Left menu classic</a></li> <li><a href="left-menu-modern.html">Left menu modern</a></li> </ul> <!-- end sub menu item --> </li> <!-- end sub menu column --> <!-- start sub menu column --> <li class="mega-menu-column col-lg-3"> <!-- start sub menu item --> <ul> <li class="dropdown-header">Footer</li> <li><a href="footer-standard.html">Footer standard</a></li> <li><a href="footer-standard-dark.html">Footer standard dark</a></li> <li><a href="footer-classic.html">Footer classic</a></li> <li><a href="footer-classic-dark.html">Footer classic dark</a></li> <li><a href="footer-clean.html">Footer clean</a></li> <li><a href="footer-clean-dark.html">Footer clean dark</a></li> <li><a href="footer-modern.html">Footer modern</a></li> <li><a href="footer-modern-dark.html">Footer modern dark</a></li> <li><a href="footer-center-logo.html">Footer center logo </a></li> <li><a href="footer-center-logo-dark.html">Footer center logo dark</a></li> <li><a href="footer-strip.html">Footer strip</a></li> <li><a href="footer-strip-dark.html">Footer strip dark</a></li> <li><a href="footer-center-logo-02.html">Footer center logo 02</a></li> <li><a href="footer-center-logo-02-dark.html">Footer center logo 02 dark</a></li> <li class="menu-new"><a href="footer-clean-modern.html">footer clean modern</a></li> <li class="menu-new"><a href="footer-clean-modern-dark.html">footer clean modern dark</a></li> </ul> <!-- end sub menu item --> </li> <!-- end sub menu column --> <!-- start sub menu column --> <li class="mega-menu-column col-lg-3"> <!-- start sub menu item --> <ul> <li class="dropdown-header">Page Title</li> <li><a href="page-title-left-alignment.html">Left alignment</a></li> <li><a href="page-title-right-alignment.html">Right alignment</a></li> <li><a href="page-title-center-alignment.html">Center alignment</a></li> <li><a href="page-title-dark-style.html">Dark style</a></li> <li><a href="page-title-big-typography.html">Big typography</a></li> <li><a href="page-title-parallax-image-background.html">Parallax image background</a></li> <li><a href="page-title-background-breadcrumbs.html">Image after breadcrumbs</a></li> <li><a href="page-title-gallery-background.html">Gallery background</a></li> <li><a href="page-title-background-video.html">Background video</a></li> <li><a href="page-title-mini-version.html">Mini version</a></li> </ul> <!-- end sub menu item --> </li> <!-- end sub menu column --> <!-- start sub menu column --> <li class="mega-menu-column col-lg-3"> <!-- start sub menu item --> <ul> <li class="dropdown-header">Gallery</li> <li><a href="single-image-lightbox.html">Single image lightbox</a></li> <li><a href="lightbox-gallery.html">Lightbox gallery</a></li> <li><a href="zoom-gallery.html">Zoom gallery</a></li> <li class="menu-new"><a href="metro-gallery.html">metro gallery</a></li> <li class="menu-new"><a href="justified-gallery.html">justified gallery</a></li> <li><a href="popup-with-form.html">Popup with form</a></li> <li><a href="modal-popup.html">Modal popup</a></li> <li><a href="open-youtube-video.html">Open youtube video</a></li> <li><a href="open-vimeo-video.html">Open vimeo video</a></li> <li><a href="open-google-map.html">Open google map</a></li> </ul> <!-- end sub menu item --> </li> <!-- end sub menu column --> </ul> <!-- end sub menu --> </div> </li> </ul> </div> </div> </div> </nav> <!-- end navigation --> </header> <!-- end header --> <!-- start hero section --> <section class="wow fadeIn no-padding cover-background" style="background-image: url('http://placehold.it/1920x1200');"> <div class="opacity-extra-medium bg-extra-dark-gray"></div> <div class="container full-screen position-relative"> <div class="slider-typography"> <div class="slider-text-middle-main"> <div class="slider-text-middle"> <div class="col-12 col-xl-7 col-md-10 mx-auto text-center"> <span class="after-before-separator text-extra-small alt-font text-white-2 letter-spacing-3 sm-letter-spacing-0 text-uppercase margin-20px-bottom d-inline-block">we work hard, we play hard</span> <h2 class="font-weight-600 text-white-2 alt-font margin-40px-bottom">We combine design, thinking and technical</h2> <a href="javascript:void(0);" class="btn btn-transparent-white btn-rounded btn-medium text-link-white-2">Featured Works</a> </div> </div> </div> </div> </div> </section> <!-- end hero section --> <!-- start about section --> <section class="wow fadeIn"> <div class="container"> <div class="row"> <div class="col-12 col-lg-8 col-md-11 mx-auto text-center margin-seven-bottom sm-margin-30px-bottom"> <div class="alt-font text-medium-gray margin-5px-bottom text-uppercase text-small">About Digital Agency</div> <h6 class="font-weight-300 text-extra-dark-gray m-0">We always stay with our <strong class="font-weight-400">clients and respect</strong> their business. We deliver 100% and provide instant response to help them succeed in constantly changing and <strong class="font-weight-400">challenging business</strong> world.</h6> </div> </div> <div class="row"> <!-- feature box item--> <div class="col-12 col-md-4 sm-margin-five-bottom last-paragraph-no-margin wow fadeInUp"> <div class="feature-box"> <div class="content"> <i class="icon-browser text-medium-gray icon-large margin-25px-bottom md-margin-15px-bottom"></i> <div class="text-medium alt-font text-capitalize text-extra-dark-gray margin-10px-bottom md-margin-5px-bottom">Live Website Builder</div> <p class="width-85 mx-auto md-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> <!-- end feature box item--> <!-- feature box item--> <div class="col-12 col-md-4 sm-margin-five-bottom last-paragraph-no-margin wow fadeInUp" data-wow-delay="0.2s"> <div class="feature-box"> <div class="content"> <i class="icon-book-open text-medium-gray icon-large margin-25px-bottom md-margin-15px-bottom"></i> <div class="text-medium alt-font text-capitalize text-extra-dark-gray margin-10px-bottom md-margin-5px-bottom">Live Content Creator</div> <p class="width-85 mx-auto md-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> <!-- end feature box item--> <!-- feature box item--> <div class="col-12 col-md-4 sm-margin-five-bottom last-paragraph-no-margin wow fadeInUp" data-wow-delay="0.4s"> <div class="feature-box"> <div class="content"> <i class="icon-wallet text-medium-gray icon-large margin-25px-bottom md-margin-15px-bottom"></i> <div class="text-medium alt-font text-capitalize text-extra-dark-gray margin-10px-bottom md-margin-5px-bottom">Create Unique Demos</div> <p class="width-85 mx-auto md-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> <!-- end feature box item--> </div> </div> </section> <!-- end feature box section --> <!-- start parallax section --> <section class="parallax wow fadeIn" data-stellar-background-ratio="0.3" style="background-image:url('http://placehold.it/1920x1100');"> <div class="opacity-extra-medium bg-black"></div> <div class="container position-relative"> <div class="row"> <div class="col-12 col-xl-6 col-md-8 text-center mx-auto last-paragraph-no-margin"> <a href="https://www.youtube.com/watch?v=nrJtHemSPW4" class="popup-youtube"><img src="images/icon-play.png" class="width-130px" alt=""/></a> <h3 class="alt-font text-white-2 font-weight-600">Take quick overview of awesome features</h3> <p class="text-small text-uppercase letter-spacing-2 alt-font text-light-gray d-inline-block">Web development services</p> </div> </div> </div> </section> <!-- end parallax section --> <!-- start feature box section --> <section class="p-0 wow fadeIn sm-padding-30px-tb border-bottom border-color-extra-light-gray"> <div class="container-fluid"> <div class="row feature-box-14"> <!-- start feature box item --> <div class="col-12 col-lg-3 col-md-6 text-center d-flex align-items-center last-paragraph-no-margin wow fadeInRight p-0"> <div class="padding-fifteen-all md-padding-50px-all sm-padding-25px-all"> <h2 class="text-light-gray alt-font letter-spacing-minus-3 mb-0">01</h2> <span class="d-block alt-font text-medium text-extra-dark-gray margin-15px-top margin-10px-bottom">Discussion of the Idea</span> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard text.</p> </div> </div> <!-- end feature box item --> <!-- start feature box item --> <div class="col-12 col-lg-3 col-md-6 text-center d-flex align-items-center last-paragraph-no-margin wow fadeInRight p-0" data-wow-delay="0.2s"> <div class="padding-fifteen-all md-padding-50px-all sm-padding-25px-all"> <h2 class="text-light-gray alt-font letter-spacing-minus-3 mb-0">02</h2> <span class="d-block alt-font text-medium text-extra-dark-gray margin-15px-top margin-10px-bottom">Elaboration of the Core</span> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard text.</p> </div> </div> <!-- end feature box item --> <!-- start feature box item --> <div class="col-12 col-lg-3 col-md-6 text-center d-flex align-items-center last-paragraph-no-margin wow fadeInRight p-0" data-wow-delay="0.4s"> <div class="padding-fifteen-all md-padding-50px-all sm-padding-25px-all"> <h2 class="text-light-gray alt-font letter-spacing-minus-3 mb-0">03</h2> <span class="d-block alt-font text-medium text-extra-dark-gray margin-15px-top margin-10px-bottom">Handcrafted Templates</span> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard text.</p> </div> </div> <!-- end feature box item --> <!-- start feature box item --> <div class="col-12 col-lg-3 col-md-6 text-center d-flex align-items-center last-paragraph-no-margin wow fadeInRight p-0" data-wow-delay="0.6s"> <div class="padding-fifteen-all md-padding-50px-all sm-padding-25px-all"> <h2 class="text-light-gray alt-font letter-spacing-minus-3 mb-0">04</h2> <span class="d-block alt-font text-medium text-extra-dark-gray margin-15px-top margin-10px-bottom">Testing for Perfection</span> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard text.</p> </div> </div> <!-- start feature box item --> </div> </div> </section> <!-- end feature box --> <!-- start portfolio section --> <section class="wow fadeIn padding-90px-top md-padding-50px-top sm-padding-30px-top"> <div class="container"> <div class="row"> <div class="col-12"> <!-- start filter navigation --> <ul class="portfolio-filter nav nav-tabs justify-content-center border-0 portfolio-filter-tab-1 font-weight-600 alt-font text-uppercase text-center margin-80px-bottom text-small md-margin-40px-bottom sm-margin-20px-bottom"> <li class="nav active"><a href="javascript:void(0);" data-filter="*" class="light-gray-text-link text-very-small">All</a></li> <li class="nav"><a href="javascript:void(0);" data-filter=".web" class="light-gray-text-link text-very-small">Web</a></li> <li class="nav"><a href="javascript:void(0);" data-filter=".advertising" class="light-gray-text-link text-very-small">Advertising</a></li> <li class="nav"><a href="javascript:void(0);" data-filter=".branding" class="light-gray-text-link text-very-small">Branding</a></li> <li class="nav"><a href="javascript:void(0);" data-filter=".design" class="light-gray-text-link text-very-small">Design</a></li> <li class="nav"><a href="javascript:void(0);" data-filter=".photography" class="light-gray-text-link text-very-small">Photography</a></li> </ul> <!-- end filter navigation --> </div> </div> </div> <!-- start filter content --> <div class="container-fluid"> <div class="row"> <div class="col-12 px-0 p-md-0 sm-padding-15px-lr"> <div class="filter-content overflow-hidden"> <ul class="portfolio-grid work-4col gutter-medium hover-option7"> <li class="grid-sizer"></li> <!-- start portfolio item --> <li class="grid-item web branding design wow fadeInUp"> <a href="single-project-page-01.html"> <figure> <div class="portfolio-img"><img src="http://placehold.it/800x650" alt=""/></div> <figcaption> <div class="portfolio-hover-main text-center last-paragraph-no-margin"> <div class="portfolio-hover-box align-middle"> <div class="portfolio-hover-content position-relative"> <span class="font-weight-600 alt-font text-uppercase margin-one-bottom d-block text-extra-dark-gray">Naked Soap</span> <p class="text-medium-gray text-uppercase text-extra-small">Web and Photography</p> </div> </div> </div> </figcaption> </figure> </a> </li> <!-- end portfolio item --> <!-- start portfolio item --> <li class="grid-item design photography wow fadeInUp" data-wow-delay="0.2s"> <a href="single-project-page-02.html"> <figure> <div class="portfolio-img"><img src="http://placehold.it/800x650" alt=""/></div> <figcaption> <div class="portfolio-hover-main text-center last-paragraph-no-margin"> <div class="portfolio-hover-box align-middle"> <div class="portfolio-hover-content position-relative"> <span class="font-weight-600 alt-font text-uppercase margin-one-bottom d-block text-extra-dark-gray">Berlin Design</span> <p class="text-medium-gray text-uppercase text-extra-small">Branding and Brochure</p> </div> </div> </div> </figcaption> </figure> </a> </li> <!-- end portfolio item --> <!-- start portfolio item --> <li class="grid-item web branding design photography wow fadeInUp" data-wow-delay="0.4s"> <a href="single-project-page-03.html"> <figure> <div class="portfolio-img"><img src="http://placehold.it/800x650" alt=""/></div> <figcaption> <div class="portfolio-hover-main text-center last-paragraph-no-margin"> <div class="portfolio-hover-box align-middle"> <div class="portfolio-hover-content position-relative"> <span class="font-weight-600 alt-font text-uppercase margin-one-bottom d-block text-extra-dark-gray">Abstract Comics</span> <p class="text-medium-gray text-uppercase text-extra-small">Branding and Identity</p> </div> </div> </div> </figcaption> </figure> </a> </li> <!-- end portfolio item --> <!-- start portfolio item --> <li class="grid-item advertising branding design photography wow fadeInUp" data-wow-delay="0.6s"> <a href="single-project-page-04.html"> <figure> <div class="portfolio-img"><img src="http://placehold.it/800x650" alt=""/></div> <figcaption> <div class="portfolio-hover-main text-center last-paragraph-no-margin"> <div class="portfolio-hover-box align-middle"> <div class="portfolio-hover-content position-relative"> <span class="font-weight-600 alt-font text-uppercase margin-one-bottom d-block text-extra-dark-gray">Teabag Collection</span> <p class="text-medium-gray text-uppercase text-extra-small">Web and Photography</p> </div> </div> </div> </figcaption> </figure> </a> </li> <!-- end portfolio item --> <!-- start portfolio item --> <li class="grid-item web branding design wow fadeInUp"> <a href="single-project-page-01.html"> <figure> <div class="portfolio-img"><img src="http://placehold.it/800x650" alt=""/></div> <figcaption> <div class="portfolio-hover-main text-center last-paragraph-no-margin"> <div class="portfolio-hover-box align-middle"> <div class="portfolio-hover-content position-relative"> <span class="font-weight-600 alt-font text-uppercase margin-one-bottom d-block text-extra-dark-gray">HardDot Stone</span> <p class="text-medium-gray text-uppercase text-extra-small">Branding and Identity</p> </div> </div> </div> </figcaption> </figure> </a> </li> <!-- end portfolio item --> <!-- start portfolio item --> <li class="grid-item web advertising branding design photography wow fadeInUp" data-wow-delay="0.2s"> <a href="single-project-page-02.html"> <figure> <div class="portfolio-img"><img src="http://placehold.it/800x650" alt=""/></div> <figcaption> <div class="portfolio-hover-main text-center last-paragraph-no-margin"> <div class="portfolio-hover-box align-middle"> <div class="portfolio-hover-content position-relative"> <span class="font-weight-600 alt-font text-uppercase margin-one-bottom d-block text-extra-dark-gray">Educamp School</span> <p class="text-medium-gray text-uppercase text-extra-small">Branding and Identity</p> </div> </div> </div> </figcaption> </figure> </a> </li> <!-- end portfolio item --> <!-- start portfolio item --> <li class="grid-item web advertising branding design photography wow fadeInUp" data-wow-delay="0.4s"> <a href="single-project-page-03.html"> <figure> <div class="portfolio-img"><img src="http://placehold.it/800x650" alt=""/></div> <figcaption> <div class="portfolio-hover-main text-center last-paragraph-no-margin"> <div class="portfolio-hover-box align-middle"> <div class="portfolio-hover-content position-relative"> <span class="font-weight-600 alt-font text-uppercase margin-one-bottom d-block text-extra-dark-gray">Third Eye Glasses</span> <p class="text-medium-gray text-uppercase text-extra-small">Branding and Brochure</p> </div> </div> </div> </figcaption> </figure> </a> </li> <!-- end portfolio item --> <!-- start portfolio item --> <li class="grid-item web advertising branding wow fadeInUp" data-wow-delay="0.6s"> <a href="single-project-page-04.html"> <figure> <div class="portfolio-img"><img src="http://placehold.it/800x650" alt=""/></div> <figcaption> <div class="portfolio-hover-main text-center last-paragraph-no-margin"> <div class="portfolio-hover-box align-middle"> <div class="portfolio-hover-content position-relative"> <span class="font-weight-600 alt-font text-uppercase margin-one-bottom d-block text-extra-dark-gray">Violator Series</span> <p class="text-medium-gray text-uppercase text-extra-small">Web and Photography</p> </div> </div> </div> </figcaption> </figure> </a> </li> <!-- end portfolio item --> </ul> </div> </div> </div> </div> <!-- end filter content --> </section> <!-- end portfolio section --> <!-- start services section --> <section class="wow fadeIn pt-0"> <div class="container"> <div class="row text-center"> <div class="col-12"> <div class="alt-font margin-5px-bottom text-uppercase text-small text-medium-gray">What We Do</div> <h5 class="text-uppercase alt-font text-extra-dark-gray margin-20px-bottom font-weight-700 md-width-100 sm-width-100">our services</h5> <span class="separator-line-horrizontal-medium-light2 bg-deep-pink d-table mx-auto width-100px"></span> </div> <div class="col-12 d-flex flex-wrap margin-100px-top md-margin-70px-top sm-margin-50px-top px-0"> <!-- start services item --> <div class="col-12 col-md-4 team-block text-center feature-box-15 sm-margin-40px-bottom last-paragraph-no-margin wow fadeInUp"> <figure> <div class="feature-box-content sm-width-100"> <div class="feature-box-image"><img src="http://placehold.it/700x480" alt=""></div> <div class="hover-content bg-deep-pink d-flex justify-content-center align-items-center"> <div class="padding-twelve-lr"> <span class="text-white-2 d-inline-block text-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div> </div> </div> <figcaption> <div class="text-center margin-25px-top"> <div class="text-extra-dark-gray alt-font font-weight-600">Design and Development</div> <p>600+ We created web design</p> </div> </figcaption> </figure> </div> <!-- end services item --> <!-- start services item --> <div class="col-12 col-md-4 team-block text-center feature-box-15 sm-margin-40px-bottom last-paragraph-no-margin wow fadeInUp" data-wow-delay="0.2s"> <figure> <div class="feature-box-content sm-width-100"> <div class="feature-box-image"><img src="http://placehold.it/700x480" alt=""></div> <div class="hover-content bg-deep-pink d-flex justify-content-center align-items-center"> <div class="padding-twelve-lr"> <span class="text-white-2 d-inline-block text-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div> </div> </div> <figcaption> <div class="text-center margin-25px-top"> <div class="text-extra-dark-gray alt-font font-weight-600">Social Media Marketing</div> <p>475+ We completed marketing</p> </div> </figcaption> </figure> </div> <!-- end services item --> <!-- start services item --> <div class="col-12 col-md-4 team-block text-center feature-box-15 last-paragraph-no-margin wow fadeInUp" data-wow-delay="0.6s"> <figure> <div class="feature-box-content sm-width-100"> <div class="feature-box-image"><img src="http://placehold.it/900x650" alt=""></div> <div class="hover-content bg-deep-pink d-flex justify-content-center align-items-center"> <div class="padding-twelve-lr"> <span class="text-white-2 d-inline-block text-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div> </div> </div> <figcaption> <div class="text-center margin-25px-top"> <div class="text-extra-dark-gray alt-font font-weight-600">Mobile App Development</div> <p>475+ We created mobile app</p> </div> </figcaption> </figure> </div> <!-- end services item --> </div> </div> </div> </section> <!-- end services section --> <!-- start advantage section --> <section class="p-0 wow fadeIn bg-extra-dark-gray" id="services"> <div class="container-fluid p-0"> <div class="row m-0"> <div class="col-12 col-lg-6 d-flex align-items-center wow fadeIn last-paragraph-no-margin"> <div class="padding-fifteen-all lg-padding-ten-all sm-no-padding-lr text-center text-lg-left"> <span class="text-medium margin-15px-bottom d-block alt-font text-deep-pink">We create premium designs and technology</span> <h4 class="alt-font text-white-2 font-weight-600 mx-auto mx-lg-0 sm-width-100">we design brand, digital experience that engage the right customers.</h4> <p class="width-80 lg-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since. Lorem Ipsum has been the industry. Lorem Ipsum is simply dummy text of the printing and industry. Lorem Ipsum has been the industry's standard dummy text ever since. Lorem Ipsum has been the industry.</p> <a href="services-simple.html" class="btn btn-white btn-small text-extra-small border-radius-4 margin-35px-top"><i class="fas fa-play-circle icon-very-small margin-5px-right ml-0" aria-hidden="true"></i>all advantages</a> </div> </div> <div class="col-12 col-lg-6 position-relative md-height-500px sm-height-300 cover-background wow fadeIn" style="background-image: url('http://placehold.it/1200x854')"></div> </div> </div> </section> <!-- end advantage section --> <!-- start counters section --> <section class="wow fadeIn"> <div class="container"> <div class="row"> <!-- start counter box item --> <div class="col-12 col-lg-3 col-md-6 md-padding-twelve-left md-margin-ten-bottom sm-margin-50px-bottom sm-padding-15px-left wow fadeInRight"> <div class="feature-box-5 position-relative"> <i class="icon-desktop text-medium-gray icon-extra-medium top-6"></i> <div class="feature-content"> <h6 class="d-block text-extra-dark-gray font-weight-600 alt-font mb-0 timer sm-margin-5px-bottom" data-speed="2000" data-to="350">350</h6> <span class="text-small text-uppercase position-relative top-minus4">Happy Clients</span> </div> </div> </div> <!-- end counter box item --> <!-- start counter box item --> <div class="col-12 col-lg-3 col-md-6 md-padding-twelve-left md-margin-ten-bottom sm-margin-50px-bottom sm-padding-15px-left wow fadeInRight" data-wow-delay="0.2s"> <div class="feature-box-5 position-relative"> <i class="icon-camera text-medium-gray icon-extra-medium top-6"></i> <div class="feature-content"> <h6 class="d-block text-extra-dark-gray font-weight-600 alt-font mb-0 timer sm-margin-5px-bottom" data-speed="2000" data-to="780">780</h6> <span class="text-small text-uppercase position-relative top-minus4">Photo Capture</span> </div> </div> </div> <!-- end counter box item --> <!-- start counter box item --> <div class="col-12 col-lg-3 col-md-6 md-padding-twelve-left sm-margin-50px-bottom sm-padding-15px-left wow fadeInRight" data-wow-delay="0.4s"> <div class="feature-box-5 position-relative"> <i class="icon-laptop text-medium-gray icon-extra-medium top-6"></i> <div class="feature-content"> <h6 class="d-block text-extra-dark-gray font-weight-600 alt-font mb-0 timer sm-margin-5px-bottom" data-speed="2000" data-to="850">850</h6> <span class="text-small text-uppercase position-relative top-minus4">Work Completed</span> </div> </div> </div> <!-- end counter box item --> <!-- start counter box item --> <div class="col-12 col-lg-3 col-md-6 md-padding-twelve-left sm-padding-15px-left wow fadeInRight" data-wow-delay="0.6s"> <div class="feature-box-5 position-relative"> <i class="icon-chat text-medium-gray icon-extra-medium top-6"></i> <div class="feature-content"> <h6 class="d-block text-extra-dark-gray font-weight-600 alt-font mb-0 timer sm-margin-5px-bottom" data-speed="2000" data-to="650">650</h6> <span class="text-small text-uppercase position-relative top-minus4">Telephonic Talk</span> </div> </div> </div> <!-- end counter box item --> </div> </div> </section> <!-- end counters section --> <!-- start blog section --> <section class="bg-light-gray wow fadeIn"> <div class="container"> <div class="row text-center"> <div class="col-12"> <p class="alt-font margin-5px-bottom text-uppercase text-small text-medium-gray">Publish what you think</p> <h5 class="text-uppercase alt-font text-extra-dark-gray margin-10px-top margin-20px-bottom font-weight-700 md-width-100 sm-width-100">Latest Blogs</h5> <span class="separator-line-horrizontal-medium-light2 bg-deep-pink d-block mx-auto width-100px"></span> </div> </div> <div class="row margin-100px-top md-margin-70px-top sm-margin-50px-top"> <!-- start blog post item --> <div class="col-12 col-lg-3 col-md-6 md-margin-50px-bottom sm-margin-30px-bottom wow fadeInUp last-paragraph-no-margin"> <div class="blog-post blog-post-style1 text-center text-md-left"> <div class="blog-post-images overflow-hidden margin-25px-bottom md-margin-20px-bottom"> <a href="blog-post-layout-01.html"> <img src="http://placehold.it/750x500" alt=""> </a> </div> <div class="post-details"> <span class="post-author text-extra-small text-medium-gray text-uppercase d-block margin-10px-bottom sm-margin-5px-bottom">25 April 2017 | by <a href="blog-classic.html" class="text-link-dark-gray">Jay Benjamin</a></span> <a href="blog-post-layout-01.html" class="post-title text-medium text-extra-dark-gray width-90 md-width-100 d-block">I like the body. I like to design everything to do with the body.</a> <div class="separator-line-horrizontal-full bg-medium-light-gray margin-20px-tb md-margin-15px-tb"></div> <p class="width-90 sm-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum text...</p> </div> </div> </div> <!-- end blog post item --> <!-- start blog post item --> <div class="col-12 col-lg-3 col-md-6 md-margin-50px-bottom sm-margin-30px-bottom wow fadeInUp last-paragraph-no-margin" data-wow-delay="0.2s"> <div class="blog-post blog-post-style1 text-center text-md-left"> <div class="blog-post-images overflow-hidden margin-25px-bottom md-margin-20px-bottom"> <a href="blog-post-layout-02.html"> <img src="http://placehold.it/750x500" alt=""> </a> </div> <div class="post-details"> <span class="post-author text-extra-small text-medium-gray text-uppercase d-block margin-10px-bottom sm-margin-5px-bottom">20 April 2017 | by <a href="blog-classic.html" class="text-link-dark-gray">Herman Miller</a></span> <a href="blog-post-layout-02.html" class="post-title text-medium text-extra-dark-gray width-90 md-width-100 d-block">Styles come and go. Design is a language, not a style.</a> <div class="separator-line-horrizontal-full bg-medium-light-gray margin-20px-tb md-margin-15px-tb"></div> <p class="width-90 sm-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum text...</p> </div> </div> </div> <!-- end blog post item --> <!-- start blog post item --> <div class="col-12 col-lg-3 col-md-6 sm-margin-30px-bottom wow fadeInUp last-paragraph-no-margin" data-wow-delay="0.4s"> <div class="blog-post blog-post-style1 text-center text-md-left"> <div class="blog-post-images overflow-hidden margin-25px-bottom md-margin-20px-bottom"> <a href="blog-post-layout-03.html"> <img src="http://placehold.it/750x500" alt=""> </a> </div> <div class="post-details"> <span class="post-author text-extra-small text-medium-gray text-uppercase d-block margin-10px-bottom sm-margin-5px-bottom">15 march 2017 | by <a href="blog-classic.html" class="text-link-dark-gray">Hugh Macleod</a></span> <a href="blog-post-layout-03.html" class="post-title text-medium text-extra-dark-gray width-90 md-width-100 d-block">Recognizing the need is the primary condition for design.</a> <div class="separator-line-horrizontal-full bg-medium-light-gray margin-20px-tb md-margin-15px-tb"></div> <p class="width-90 sm-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum text...</p> </div> </div> </div> <!-- end blog post item --> <!-- start blog post item --> <div class="col-12 col-lg-3 col-md-6 wow fadeInUp last-paragraph-no-margin" data-wow-delay="0.6s"> <div class="blog-post blog-post-style1 text-center text-md-left"> <div class="blog-post-images overflow-hidden margin-25px-bottom md-margin-20px-bottom"> <a href="blog-post-layout-04.html"> <img src="http://placehold.it/750x500" alt=""> </a> </div> <div class="post-details"> <span class="post-author text-extra-small text-medium-gray text-uppercase d-block margin-10px-bottom sm-margin-5px-bottom">10 march 2017 | by <a href="blog-classic.html" class="text-link-dark-gray">Jay Benjamin</a></span> <a href="blog-post-layout-04.html" class="post-title text-medium text-extra-dark-gray width-90 md-width-100 d-block">Get in over your head as often and as joyfully as possible.</a> <div class="separator-line-horrizontal-full bg-medium-light-gray margin-20px-tb md-margin-15px-tb"></div> <p class="width-90 sm-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum text...</p> </div> </div> </div> <!-- end blog post item --> <!-- start blog post item --> </div> </div> </section> <!-- end blog section --> <!-- start footer --> <footer class="footer-classic-dark bg-extra-dark-gray padding-five-bottom sm-padding-30px-bottom"> <div class="bg-dark-footer padding-50px-tb sm-padding-30px-tb"> <div class="container"> <div class="row align-items-center"> <!-- start slogan --> <div class="col-lg-4 col-md-5 text-center alt-font sm-margin-15px-bottom"> London based highly creative studio </div> <!-- end slogan --> <!-- start logo --> <div class="col-lg-4 col-md-2 text-center sm-margin-10px-bottom"> <a href="index.html"><img class="footer-logo" src="images/logo-white.png" data-rjs="images/logo-white@2x.png" alt="Pofo"></a> </div> <!-- end logo --> <!-- start social media --> <div class="col-lg-4 col-md-5 text-center"> <span class="alt-font margin-20px-right">On social networks</span> <div class="social-icon-style-8 d-inline-block vertical-align-middle"> <ul class="small-icon mb-0"> <li><a class="facebook text-white-2" href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li> <li><a class="twitter text-white-2" href="https://twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a></li> <li><a class="google text-white-2" href="https://plus.google.com" target="_blank"><i class="fab fa-google-plus-g"></i></a></li> <li><a class="instagram text-white-2" href="https://instagram.com/" target="_blank"><i class="fab fa-instagram no-margin-right" aria-hidden="true"></i></a></li> </ul> </div> </div> <!-- end social media --> </div> </div> </div> <div class="footer-widget-area padding-five-top padding-30px-bottom sm-padding-30px-top"> <div class="container"> <div class="row"> <!-- start about --> <div class="col-lg-3 col-md-6 widget md-margin-30px-bottom text-center text-md-left last-paragraph-no-margin"> <div class="widget-title alt-font text-small text-medium-gray text-uppercase margin-15px-bottom font-weight-600">About Agency</div> <p class="text-small width-95 sm-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the and typesetting industry. </p> </div> <!-- end about --> <!-- start blog post --> <div class="col-lg-3 col-md-6 widget md-margin-30px-bottom"> <div class="widget-title alt-font text-small text-medium-gray text-uppercase margin-15px-bottom font-weight-600 text-center text-md-left">Latest Blog Post</div> <ul class="latest-post position-relative"> <li class="media border-bottom border-color-medium-dark-gray"> <figure> <a href="blog-post-layout-01.html"><img src="http://placehold.it/700x403" alt=""></a> </figure> <div class="media-body text-small"><a href="blog-post-layout-01.html" class="d-block mb-1">Design is not just what looks...</a> <span class="clearfix"></span>20 April 2017 | by <a href="blog-grid.html">Herman Miller</a></div> </li> <li class="media border-bottom border-color-medium-dark-gray"> <figure> <a href="blog-post-layout-02.html"><img src="http://placehold.it/700x403" alt=""></a> </figure> <div class="media-body text-small"><a href="blog-post-layout-02.html" class="d-block mb-1">A lot of care, effort & passion...</a> <span class="clearfix"></span>20 April 2017 | by <a href="blog-grid.html">Herman Miller</a></div> </li> <li class="media"> <figure> <a href="blog-post-layout-03.html"><img src="http://placehold.it/700x403" alt=""></a> </figure> <div class="media-body text-small"><a href="blog-post-layout-03.html" class="d-block mb-1">I love making the stuff, that's...</a> <span class="clearfix"></span>20 April 2017 | by <a href="blog-grid.html">Herman Miller</a></div> </li> </ul> </div> <!-- end blog post --> <!-- start newsletter --> <div class="col-lg-3 col-md-6 widget md-margin-30px-bottom text-center text-md-left"> <div class="widget-title alt-font text-small text-medium-gray text-uppercase margin-15px-bottom font-weight-600">Subscribe Newsletter</div> <p class="text-small width-90 sm-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <form id="subscribenewsletterform" action="javascript:void(0)" method="post"> <div class="position-relative newsletter width-95"> <div id="success-subscribe-newsletter" class="mx-0"></div> <input type="text" id="email" name="email" class="bg-transparent text-small m-0 border-color-medium-dark-gray" placeholder="Enter your email..."> <button id="button-subscribe-newsletter" type="submit" class="btn btn-arrow-small position-absolute border-color-medium-dark-gray"><i class="fas fa-caret-right no-margin-left"></i></button> </div> </form> </div> <!-- end newsletter --> <!-- start instagram --> <div class="col-lg-3 col-md-6 widget md-margin-5px-bottom text-center text-md-left"> <div class="widget-title alt-font text-small text-medium-gray text-uppercase margin-20px-bottom font-weight-600">Follow us Instagram</div> <div class="instagram-follow-api"> <ul id="instaFeed-footer"></ul> </div> </div> <!-- end instagram --> </div> </div> </div> <div class="container"> <div class="footer-bottom border-top border-color-medium-dark-gray padding-30px-top"> <div class="row"> <!-- start copyright --> <div class="col-lg-6 col-md-6 text-small text-md-left text-center">POFO - Portfolio Concept Theme</div> <div class="col-lg-6 col-md-6 text-small text-md-right text-center">© 2019 POFO is Proudly Powered by <a href="http://www.themezaa.com" target="_blank" title="ThemeZaa">ThemeZaa</a></div> <!-- end copyright --> </div> </div> </div> </footer> <!-- end footer --> <!-- start scroll to top --> <a class="scroll-top-arrow" href="javascript:void(0);"><i class="ti-arrow-up"></i></a> <!-- end scroll to top --> <!-- javascript libraries --> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/modernizr.js"></script> <script type="text/javascript" src="js/bootstrap.bundle.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="js/skrollr.min.js"></script> <script type="text/javascript" src="js/smooth-scroll.js"></script> <script type="text/javascript" src="js/jquery.appear.js"></script> <!-- menu navigation --> <script type="text/javascript" src="js/bootsnav.js"></script> <script type="text/javascript" src="js/jquery.nav.js"></script> <!-- animation --> <script type="text/javascript" src="js/wow.min.js"></script> <!-- page scroll --> <script type="text/javascript" src="js/page-scroll.js"></script> <!-- swiper carousel --> <script type="text/javascript" src="js/swiper.min.js"></script> <!-- counter --> <script type="text/javascript" src="js/jquery.count-to.js"></script> <!-- parallax --> <script type="text/javascript" src="js/jquery.stellar.js"></script> <!-- magnific popup --> <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script> <!-- portfolio with shorting tab --> <script type="text/javascript" src="js/isotope.pkgd.min.js"></script> <!-- images loaded --> <script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script> <!-- pull menu --> <script type="text/javascript" src="js/classie.js"></script> <script type="text/javascript" src="js/hamburger-menu.js"></script> <!-- counter --> <script type="text/javascript" src="js/counter.js"></script> <!-- fit video --> <script type="text/javascript" src="js/jquery.fitvids.js"></script> <!-- skill bars --> <script type="text/javascript" src="js/skill.bars.jquery.js"></script> <!-- justified gallery --> <script type="text/javascript" src="js/justified-gallery.min.js"></script> <!--pie chart--> <script type="text/javascript" src="js/jquery.easypiechart.min.js"></script> <!-- instagram --> <script type="text/javascript" src="js/instafeed.min.js"></script> <!-- retina --> <script type="text/javascript" src="js/retina.min.js"></script> <!-- revolution --> <script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script> <script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script> <!-- revolution slider extensions (load below extensions JS files only on local file systems to make the slider work! The following part can be removed on server for on demand loading) --> <!--<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script> <script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script> <script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script> <script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script> <script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script> <script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script> <script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script> <script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script> <script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>--> <!-- setting --> <script type="text/javascript" src="js/main.js"></script> </body> </html>
© 2017 -
ZeroByte.ID
.