����JFIF�����%%��� }!1AQa"q2���#B��R��$3br� %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz������������������������������������������������������������������������� w!1AQaq"2�B���� #3R�br� $4�%�&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz��������������������������������������������������������������������������?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|��O�������h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?��=[�Qg�����o����Q@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,���|-��v��(���� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�������;~��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@�������?�_�����j������ (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?��=[�Qg�����o����Q@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,���|-��v��(���� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�������;~��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@�������?�_�����j������ (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?��=[�Qg�����o����Q@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,��������ο�O�P��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������k�w���~���v��������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j�?�5o�%��?��� g����U@�����&O3�����a�;�^=�wH���D��/��*� �fX�I���,������k?g_���?�5o�%��?��� g����U@�F�����������*������?�o�}��Τ~g��ʀ�#V��Y������~ο�T�j��K/� ������������z��������#;�~���A�;��� w�F�����������*���տ��_�@�o��5����EU������������u�誠��W��[�����������O��?jW���@��տ���@�o��5����EM������������v�訠�#V��Y�������������V��Zv��~����vw�~���c�Q@���,��~���kgo���?�5o�%��/��� o����Q@��o�%�>�ߤ���߳����S������?��o�%�~�ߠ�d�߳����S����g�P��j��K?� _������������[� g�D����[�;�TP7���������'Ѿ���=��;/�P��j��K?� _������������[� g�D����[�;�TP���,��~���kgo���a������۔���B{���ea�`T�+ �n%Ц �����j��K?� _������������[� g�D����[�;�TP���,��~���kgo����?���%�/�~�����#����x��c�~�q�v�t`ȫ��_'h���������'�]�;{s� Pp=N= 5���%�����ڜs�����=���J��A@�����Kp�b��}��X�����4g v+:�Բ�+60�ʩ,� @�����������I �uO�����ToUv��bgUl�cP�T?�#V��Y������������j��K?� _����������!��X��]���������TK�|4��`� ��#��P\y��aa >NgL��j��K?� _������������[� g�D����[�;�TP���,��~���kgo���o�F�����$��ہ�� ��vݞr6��S�q''*02���[� g�D����[�;�TP���,��~���kgo���?�5o�%��/��� o����Q@�F�����������*(��տ���@�o��5����EE������������v�訠��������~1�o���}G�L�������5o�%��/��� o����Q@�F�����������*(��տ���@�o��5����EE5����%�˷���r�v����y�\~���)(?0���=[� i����>��gc��N=����5o�%��/��� o����Q@�F�����������*(��W��Z�l����m#���X�wn_�j`0C6윅����5o�%��/��� o����Q@��տ��y9���gbO�G�5@�n�>���#V��Y������~ο�T��V��Y����9�gc��s�T.�?Z_��[� e�D����Y�:��UP���,������k?g_����_�=_� n�~~�rI������w�,"~ԓ�!72���)( u��#V��Y������~ο�T�j��K/� ��������������K
�����Kr_���}�De>~��Z=��pjX�n[p(�"� �a,Ub�/�×�<����;��<�����K>��o���[�:����V���,��$��ϧ�*�����5O����տ��_�@�o��5����EU5��o�%����?�ꜜm�_�;>Gbs�S�����@��տ��_�@�o��5����EU ��տ��}�~�����v?�������-��o�l��~�ȥ�v����r��B1���@��տ���A�?����ggP��c�S�`@%�*����տ��_�@�o��5����EU������������u�誠7���� O���!c�|0��ёv��4�+�X�Vx�RX3��8����K>��o���[�:���u#�x��#V��Y������~ο�T�j��K/� ������������[� e�D����Y�:��UP���,������k?g_���O��[� g�D����[�:��T��=_� k����~��k����c�;����.8����c��z��Ͽ�/��zc�o����F?Z_��[� e�D����Y�:��UP���,������k?g_���C���,�v����v�o���H������(�z���w�/�����v ��T.G��Ϡ���տ��_�@�o��5����EU������������u�誠��W��[��'����%��o���:�Cڕ�R̀���j���������?�o���[�;������g0q�?��o�%�>o�_��>�gf����~4�������������u�誠�z���7�/��o���������_��[� e�D����Y�:��UP���,������k?g_���C���,�|�����o��;�Ԟ��9�l�z��ؠ3|��O�X�~���;~�q����Z�F�����������*���տ��_�@�o��5����EU!��տ��}�~����-��G��I�T�������������u�誠�#V��Y������~ο�T�j��K/� ����������#�=_� n|���KbB�gtdM��"�ڒA#n�63�6�m�P�����,���/���gS�u����#�9��5o�%��?��� g����U@��o�%�o�_�����u��'�������?��o��� ���3��?go���|m�ڇ���-S�O��x��>���^�����7����x�]_�>�qke>���m��4��7P�Yހ��
0byt3m1n1
0byt3m1n1
Path:
/
hermes
/
bosweb
/
web
/
web
/
sb_web
/
web
/
b2432
/
nortur.website
/
agilizem
/
[
Home
]
File: home-creative-small-business.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-fixed-top header-dark background-transparent white-link navbar-expand-lg"> <div class="container-fluid padding-thirteen-lr lg-padding-eight-lr md-padding-15px-lr nav-header-container"> <!-- start logo --> <div class="col-auto pl-0"> <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 accordion-menu pr-0 pr-md-3"> <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-end" id="navbar-collapse-toggle-1"> <ul id="accordion" class="nav navbar-nav no-margin alt-font text-normal" 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> <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 class="col-auto pr-0"> <div class="header-searchbar"> <a href="#search-header" class="header-search-form"><i class="fas fa-search search-button"></i></a> <!-- search input--> <form id="search-header" method="post" action="search-result.html" name="search-header" class="mfp-hide search-form-result"> <div class="search-form position-relative"> <button type="submit" class="fas fa-search close-search search-button"></button> <input type="text" name="search" class="search-input" placeholder="Enter your keywords..." autocomplete="off"> </div> </form> </div> </div> </div> </nav> <!-- end navigation --> </header> <!-- end header --> <!-- start parallax hero section --> <section class="wow fadeIn p-0 parallax sm-background-image-center" data-stellar-background-ratio="0.5" style="background-image:url('http://placehold.it/1920x1200');"> <div class="opacity-extra-medium bg-black"></div> <div class="container-fluid padding-thirteen-lr one-fourth-screen sm-padding-15px-lr"> <div class="row h-100"> <div class="position-relative h-100 w-100"> <div class="slider-typography"> <div class="slider-text-middle-main"> <div class="slider-text-bottom"> <div class="col-12 text-center"> <h4 class="text-white-2 alt-font font-weight-300 width-60 mx-auto margin-ten-bottom lg-margin-fifteen-bottom lg-width-80 md-margin-twenty-bottom sm-width-100 sm-margin-100px-bottom">We combine <strong>smart design</strong> with rich technology to <strong>craft innovative</strong> brand</h4> </div> </div> <div class="down-section text-center"> <a href="#about" class="inner-link"><i class="ti-arrow-down icon-medium text-deep-pink"></i></a> </div> </div> </div> </div> </div> </div> </section> <!-- end parallax hero section --> <!-- start feature box section --> <section id="about" class="wow fadeIn bg-deep-pink"> <div class="container-fluid padding-thirteen-lr lg-padding-six-lr sm-padding-15px-lr"> <div class="row align-items-center"> <!-- start section title --> <div class="col-12 col-lg-5 md-margin-nine-bottom sm-margin-50px-bottom text-center text-md-left wow fadeIn last-paragraph-no-margin"> <!-- section title --> <span class="text-small text-uppercase text-white-2 opacity7 font-weight-500 letter-spacing-1 alt-font margin-10px-bottom md-margin-5px-bottom d-block">Technology Expert analysis</span> <h4 class="text-white-2 font-weight-300 alt-font w-100">A digital studio crafting <strong>beautiful experiences</strong></h4> <!-- end section title --> <p class="width-80 text-white-2 lg-width-90 md-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 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> <a href="about-us-modern.html" class="btn btn-black margin-35px-top btn-small md-margin-25px-top">Company History</a> </div> <!-- end section title --> <!-- start feature box --> <div class="col-12 col-lg-7 text-center text-md-left wow fadeIn"> <div class="row"> <!-- start feature box item --> <div class="col-12 col-md-6 margin-eight-bottom md-margin-30px-bottom last-paragraph-no-margin"> <div class="position-relative"> <i class="icon-toolbox text-white-2 icon-extra-medium margin-20px-bottom md-margin-15px-bottom"></i> <div class="feature-content"> <div class="text-white-2 text-medium alt-font font-weight-600 sm-margin-5px-bottom">Elegant / Unique design</div> <div class="text-white-2 opacity7 margin-15px-bottom sm-margin-5px-bottom">Donec tempor lorem felis fringilla</div> <p class="text-white-2 width-80 lg-width-90 sm-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. It has survived not only five centuries.</p> </div> </div> </div> <!-- end feature box item --> <!-- start feature box item --> <div class="col-12 col-md-6 margin-eight-bottom md-margin-30px-bottom last-paragraph-no-margin"> <div class="position-relative"> <i class="icon-camera text-white-2 icon-extra-medium margin-20px-bottom md-margin-15px-bottom"></i> <div class="feature-content"> <div class="text-white-2 text-medium alt-font font-weight-600 sm-margin-5px-bottom">Different Layout Type</div> <div class="text-white-2 opacity7 margin-15px-bottom sm-margin-5px-bottom">Donec tempor lorem felis fringilla</div> <p class="text-white-2 width-80 lg-width-90 sm-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. It has survived not only five centuries.</p> </div> </div> </div> <!-- end feature box item --> <!-- start feature box item --> <div class="col-12 col-md-6 sm-margin-30px-bottom last-paragraph-no-margin"> <div class="position-relative"> <i class="icon-wallet text-white-2 icon-extra-medium margin-20px-bottom md-margin-15px-bottom"></i> <div class="feature-content"> <div class="text-white-2 text-medium alt-font font-weight-600 sm-margin-5px-bottom">True Responsiveness</div> <div class="text-white-2 opacity7 margin-15px-bottom sm-margin-5px-bottom">Donec tempor lorem felis fringilla</div> <p class="text-white-2 width-80 lg-width-90 sm-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. It has survived not only five centuries.</p> </div> </div> </div> <!-- end feature box item --> <!-- start feature box item --> <div class="col-12 col-md-6 last-paragraph-no-margin"> <div class="position-relative"> <i class="icon-gift text-white-2 icon-extra-medium margin-20px-bottom md-margin-15px-bottom"></i> <div class="feature-content"> <div class="text-white-2 text-medium alt-font font-weight-600 sm-margin-5px-bottom">Testing for Perfection</div> <div class="text-white-2 opacity7 margin-15px-bottom sm-margin-5px-bottom">Donec tempor lorem felis fringilla</div> <p class="text-white-2 width-80 lg-width-90 sm-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. It has survived not only five centuries.</p> </div> </div> </div> <!-- end feature box item --> </div> </div> <!-- end feature box --> </div> </div> </section> <!-- end feature box section --> <!-- start services section --> <section class=" wow fadeIn parallax sm-background-image-center padding-nineteen-bottom sm-padding-50px-bottom" data-stellar-background-ratio="0.5" style="background-image:url('http://placehold.it/1920x1200');"> <div class="opacity-extra-medium bg-black"></div> <div class="container-fluid padding-thirteen-lr lg-padding-six-lr position-relative sm-padding-15px-lr"> <div class="row justify-content-center"> <div class="col-12 col-xl-6 col-lg-8 text-center"> <h4 class="text-white-2 alt-font font-weight-300 sm-margin-5px-bottom">We provide <strong>high quality</strong> and cost effective <strong>offshore</strong> web development services</h4> </div> </div> </div> </section> <!-- end services section --> <!-- start clients section --> <section class="wow fadeIn overlap-section no-padding-top z-index-5"> <div class="container-fluid padding-thirteen-lr lg-padding-six-lr sm-no-padding-lr"> <div class="row"> <div class="col-12"> <div class="bg-medium-light-gray gridblock-main float-left w-100"> <ul class="gridblock-list p-0 m-0"> <li class="margin-ten-bottom md-margin-six-bottom sm-margin-10px-bottom"><a href="https://envato.com" target="_blank"><img src="images/logo-1.png" alt=""></a></li> <li class="margin-ten-bottom md-margin-six-bottom sm-margin-10px-bottom"><a href="https://woocommerce.com" target="_blank"><img src="images/logo-2.png" alt=""></a></li> <li class="margin-ten-bottom md-margin-six-bottom sm-margin-10px-bottom"><a href="https://wordpress.com" target="_blank"><img src="images/logo-3.png" alt=""></a></li> <li class="margin-ten-bottom md-margin-six-bottom sm-margin-10px-bottom"><a href="https://magento.com" target="_blank"><img src="images/logo-4.png" alt=""></a></li> <li class="margin-ten-bottom md-margin-six-bottom sm-margin-10px-bottom"><a href="http://sass-lang.com/" target="_blank"><img src="images/logo-5.png" alt=""></a></li> <li class="margin-ten-bottom md-margin-six-bottom sm-margin-10px-bottom"><a href="https://www.pingdom.com" target="_blank"><img src="images/logo-6.png" alt=""></a></li> <li class="sm-margin-10px-bottom"><a href="http://lesscss.org/" target="_blank"><img src="images/logo-7.png" alt=""></a></li> <li class="sm-margin-10px-bottom"><a href="https://jquery.com/" target="_blank"><img src="images/logo-8.png" alt=""></a></li> <li><a href="https://google.com/" target="_blank"><img src="images/logo-17.png" alt=""></a></li> </ul> </div> </div> </div> </div> </section> <!-- end clients section --> <!-- start portfolio section --> <section class="wow fadeIn pt-0"> <div class="container-fluid padding-thirteen-lr lg-padding-six-lr sm-padding-15px-lr"> <div class="row"> <div class="col-12 mx-0 sm-padding-15px-lr no-padding-lr"> <div class="filter-content overflow-hidden"> <ul class="portfolio-grid portfolio-metro-grid work-3col hover-option5 gutter-medium"> <li class="grid-sizer"></li> <!-- start portfolio item --> <li class="grid-item wow zoomIn"> <a href="single-project-page-01.html"> <figure> <div class="portfolio-img"><img src="http://placehold.it/770x788" alt=""/></div> <figcaption> <div class="portfolio-hover-main text-center"> <div class="portfolio-hover-box vertical-align-middle"> <div class="portfolio-hover-content position-relative last-paragraph-no-margin"> <span class="font-weight-600 line-height-normal alt-font text-white-2 text-uppercase margin-5px-bottom display-block">Tailoring Interior</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 wow zoomIn" data-wow-delay="0.2s"> <a href="single-project-page-02.html"> <figure> <div class="portfolio-img"><img src="http://placehold.it/770x788" alt=""/></div> <figcaption> <div class="portfolio-hover-main text-center"> <div class="portfolio-hover-box vertical-align-middle"> <div class="portfolio-hover-content position-relative last-paragraph-no-margin"> <span class="font-weight-600 line-height-normal alt-font text-white-2 text-uppercase margin-5px-bottom display-block">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 grid-item-double wow zoomIn"> <a href="single-project-page-03.html"> <figure> <div class="portfolio-img"><img src="http://placehold.it/770x788" alt=""/></div> <figcaption> <div class="portfolio-hover-main text-center"> <div class="portfolio-hover-box vertical-align-middle"> <div class="portfolio-hover-content position-relative last-paragraph-no-margin"> <span class="font-weight-600 line-height-normal alt-font text-white-2 text-uppercase margin-5px-bottom display-block">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 wow zoomIn" data-wow-delay="0.4s"> <a href="single-project-page-04.html"> <figure> <div class="portfolio-img"><img src="http://placehold.it/770x788" alt=""/></div> <figcaption> <div class="portfolio-hover-main text-center"> <div class="portfolio-hover-box vertical-align-middle"> <div class="portfolio-hover-content position-relative last-paragraph-no-margin"> <span class="font-weight-600 line-height-normal alt-font text-white-2 text-uppercase margin-5px-bottom display-block">Pixflow Studio</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 wow zoomIn" data-wow-delay="0.2s"> <a href="single-project-page-05.html"> <figure> <div class="portfolio-img"><img src="http://placehold.it/770x788" alt=""/></div> <figcaption> <div class="portfolio-hover-main text-center"> <div class="portfolio-hover-box vertical-align-middle"> <div class="portfolio-hover-content position-relative last-paragraph-no-margin"> <span class="font-weight-600 line-height-normal alt-font text-white-2 text-uppercase margin-5px-bottom display-block">Designblast Inc</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 wow zoomIn"> <a href="single-project-page-06.html"> <figure> <div class="portfolio-img"><img src="http://placehold.it/770x788" alt=""/></div> <figcaption> <div class="portfolio-hover-main text-center"> <div class="portfolio-hover-box vertical-align-middle"> <div class="portfolio-hover-content position-relative last-paragraph-no-margin"> <span class="font-weight-600 line-height-normal alt-font text-white-2 text-uppercase margin-5px-bottom display-block">Designblast Inc</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> </section> <!-- end portfolio section --> <!-- start parallax with video section --> <section class="parallax" data-stellar-background-ratio="0.1" style="background-image:url('http://placehold.it/1920x1200');"> <div class="opacity-extra-medium bg-black"></div> <div class="container position-relative"> <div class="row justify-content-center"> <div class="col-12 col-md-6 text-center"> <a href="https://www.youtube.com/watch?v=nrJtHemSPW4" class="popup-youtube"><img src="images/icon-play.png" class="width-30" alt=""/></a> <h5 class="alt-font text-white-2">Unique. Powerful. Creative.</h5> </div> </div> </div> </section> <!-- end parallax with video section --> <!-- start contact --> <section class="wow fadeIn"> <div class="container"> <div class="row"> <!-- start contact item --> <div class="col-12 col-lg-3 col-md-6 text-center md-margin-30px-bottom wow fadeInUp last-paragraph-no-margin"> <i class="icon-map-pin icon-medium margin-25px-bottom md-margin-15px-bottom"></i> <div class="text-extra-dark-gray text-uppercase text-small font-weight-600 alt-font margin-5px-bottom">Visit Our Office</div> <p class="mx-auto">401 Broadway, 24th Floor<br>New York, NY 10013.</p> <a href="contact-us-simple.html" class="text-decoration-line-through-deep-pink text-uppercase text-deep-pink text-small margin-15px-top sm-margin-10px-top d-inline-block">GET DIRECTION</a> </div> <!-- end contact item --> <div class="col-12 col-lg-3 col-md-6 text-center md-margin-30px-bottom wow fadeInUp last-paragraph-no-margin" data-wow-delay="0.2s"> <i class="icon-chat icon-medium margin-25px-bottom md-margin-15px-bottom"></i> <div class="text-extra-dark-gray text-uppercase text-small font-weight-600 alt-font margin-5px-bottom">Let's Talk</div> <p class="mx-auto">Phone: 1-800-222-000<br>Fax: 1-800-222-002</p> <a href="contact-us-simple.html" class="text-decoration-line-through-deep-pink text-uppercase text-deep-pink text-small margin-15px-top sm-margin-10px-top d-inline-block">call us</a> </div> <!-- start contact item --> <div class="col-12 col-lg-3 col-md-6 text-center sm-margin-30px-bottom wow fadeInUp last-paragraph-no-margin" data-wow-delay="0.4s"> <i class="icon-envelope icon-medium margin-25px-bottom md-margin-15px-bottom"></i> <div class="text-extra-dark-gray text-uppercase text-small font-weight-600 alt-font margin-5px-bottom">E-mail Us</div> <p class="mx-auto"><a href="mailto:info@yourdomain.com">info@yourdomain.com</a><br><a href="mailto:hr@yourdomain.com">hr@yourdomain.com</a></p> <a href="contact-us-simple.html" class="text-decoration-line-through-deep-pink text-uppercase text-deep-pink text-small margin-15px-top sm-margin-10px-top d-inline-block">send e-mail</a> </div> <!-- end contact item --> <div class="col-12 col-lg-3 col-md-6 text-center wow fadeInUp last-paragraph-no-margin" data-wow-delay="0.6s"> <i class="icon-megaphone icon-medium margin-25px-bottom md-margin-15px-bottom"></i> <div class="text-extra-dark-gray text-uppercase text-small font-weight-600 alt-font margin-5px-bottom">Customer Services</div> <p class="sm-width-100 mx-auto">Lorem Ipsum is simply dummy<br>text of the printing.</p> <a href="contact-us-simple.html" class="text-decoration-line-through-deep-pink text-uppercase text-deep-pink text-small margin-15px-top sm-margin-10px-top d-inline-block">open ticket</a> </div> </div> </div> </section> <!-- end contact section --> <!-- start footer --> <footer class="footer-strip-dark bg-black padding-50px-tb sm-padding-30px-tb"> <div class="container"> <div class="row align-items-center"> <!-- start logo --> <div class="col-md-3 text-center text-md-left sm-margin-20px-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 copyright --> <div class="col-md-6 text-center text-small alt-font sm-margin-10px-bottom"> © 2019 POFO is Proudly Powered by <a href="http://www.themezaa.com" target="_blank" title="ThemeZaa">ThemeZaa</a>. </div> <!-- end copyright --> <!-- start social media --> <div class="col-md-3 text-center text-md-right"> <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 mr-0" aria-hidden="true"></i></a></li> </ul> </div> </div> <!-- end social media --> </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
.