����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
/
b1705
/
reserva.events
/
homecare
/
[
Home
]
File: index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Sahel Care</title> <!-- favicons Icons --> <!-- <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png" /> <link rel="manifest" href="assets/images/favicons/site.webmanifest" /> <meta name="description" content="Zeinet HTML 5 Template " /> --> <link rel="stylesheet" href="assets/fonts/material-design-iconic-font/css/material-design-iconic-font.css"> <!-- fonts --> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet" /> <link rel="stylesheet" href="assets/vendors/bootstrap/css/bootstrap.min.css" /> <link rel="stylesheet" href="assets/vendors/animate/animate.min.css" /> <link rel="stylesheet" href="assets/vendors/animate/custom-animate.css" /> <link rel="stylesheet" href="assets/vendors/fontawesome/css/all.min.css" /> <link rel="stylesheet" href="assets/vendors/jarallax/jarallax.css" /> <link rel="stylesheet" href="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css" /> <link rel="stylesheet" href="assets/vendors/nouislider/nouislider.min.css" /> <link rel="stylesheet" href="assets/vendors/nouislider/nouislider.pips.css" /> <link rel="stylesheet" href="assets/vendors/odometer/odometer.min.css" /> <link rel="stylesheet" href="assets/vendors/swiper/swiper.min.css" /> <link rel="stylesheet" href="assets/vendors/zeinet-icons/style.css" /> <link rel="stylesheet" href="assets/vendors/tiny-slider/tiny-slider.min.css" /> <link rel="stylesheet" href="assets/vendors/reey-font/stylesheet.css" /> <link rel="stylesheet" href="assets/vendors/owl-carousel/owl.carousel.min.css" /> <link rel="stylesheet" href="assets/vendors/owl-carousel/owl.theme.default.min.css" /> <link rel="stylesheet" href="assets/vendors/bxslider/jquery.bxslider.css" /> <link rel="stylesheet" href="assets/vendors/bootstrap-select/css/bootstrap-select.min.css" /> <link rel="stylesheet" href="assets/vendors/vegas/vegas.min.css" /> <link rel="stylesheet" href="assets/vendors/jquery-ui/jquery-ui.css" /> <link rel="stylesheet" href="assets/vendors/timepicker/timePicker.css" /> <!-- template styles --> <link rel="stylesheet" href="assets/css/style1.css"> <link rel="stylesheet" href="assets/css/zeinet.css" /> <link rel="stylesheet" href="assets/css/zeinet-responsive.css" /> </head> <body class="custom-cursor"> <!-- <div class="custom-cursor__cursor"></div> <div class="custom-cursor__cursor-two"></div> --> <div class="preloader"> <div class="preloader__image"></div> </div> <!-- /.preloader --> <div class="page-wrapper"> <header class="main-header-three"> <!-- <div class="main-header-three__top"> <div class="main-header-three__top-inner"> <div class="main-header-three__top-left"> <ul class="list-unstyled main-menu-three__contact-list"> <li> <div class="icon"> <i class="fas fa-clock"></i> </div> <div class="text"> <p>Mon - Sat: 8:00am - 6:00pm</p> </div> </li> <li> <div class="icon"> <i class="fas fa-envelope"></i> </div> <div class="text"> <p> <a href="mailto:needhelp@company.com" >needhelp@company.com</a > </p> </div> </li> </ul> </div> <div class="main-header-three__top-right"> <div class="main-header-three__top-menu-box"> <ul class="list-unstyled main-header-three__top-menu"> <li><a href="#">About</a></li> <li><a href="#">FAQs</a></li> <li><a href="#">Customer Support</a></li> </ul> </div> <div class="main-menu-three__social"> <a href="#"><i class="fab fa-twitter"></i></a> <a href="#"><i class="fab fa-facebook"></i></a> <a href="#"><i class="fab fa-pinterest-p"></i></a> <a href="#"><i class="fab fa-instagram"></i></a> </div> </div> </div> </div> --> <nav class="main-menu main-menu-three"> <div class="main-menu-three__wrapper"> <div class="main-menu-three__wrapper-inner clearfix"> <div class="main-menu-three__left"> <div class="main-menu-three__logo"> <a href="index.html"><img src="assets/images/resources/logo.png" alt="" width="140" height="100" /></a> </div> </div> <div class="main-menu-three__right"> <div class="main-menu-three__right-inner"> <div class="main-menu-three__main-menu-box"> <a href="#" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a> <ul class="main-menu__list one-page-scroll-menu"> <li class="dropdown current megamenu scrollToLink"> <a href="#home">Home </a> </li> <li class="scrollToLink"> <a href="#about">About</a> </li> <li class="scrollToLink"> <a href="#services">Services</a> </li> <li class="scrollToLink"> <a href="#packages">Packages</a> </li> <li class="scrollToLink"> <a href="#testimonial">Testimonial</a> </li> <li class="scrollToLink"> <a href="#news">Contact</a> </li> </ul> </div> <div class="main-menu-three__main-menu-content-box"> <div class="main-menu-three__search-help-line-btn-box"> <!-- <div class="main-menu-three__search-box"> <a href="#" class="main-menu-three__search search-toggler icon-magnifying-glass"></a> <a href="cart.html" class="main-menu-three__search icon-shopping-cart"></a> </div> --> <div class="main-menu-three__help-line"> <div class="main-menu-three__help-line-icon"> <span class="icon-support"></span> </div> <div class="main-menu-three__help-line-content"> <p class="main-menu-three__help-line-sub-title"> Help line </p> <h5 class="main-menu-three__help-line-number"> <a href="tel:+201010101010">+201010101010</a> </h5> </div> </div> <div class="main-menu-three__btn-box"> <button class="thm-btn main-menu-three__btn" onclick="showModal()">Book A Service</button> </div> </div> </div> </div> </div> </div> </div> </nav> </header> <div class="stricky-header stricked-menu main-menu"> <div class="sticky-header__content"></div> </div> <!-- /.stricky-header --> <!--Main Slider Start--> <section class="main-slider clearfix"> <div class="swiper-container thm-swiper__slider" data-swiper-options='{"slidesPerView": 1, "loop": true, "effect": "fade", "pagination": { "el": "#main-slider-pagination", "type": "bullets", "clickable": true }, "navigation": { "nextEl": "#main-slider__swiper-button-next", "prevEl": "#main-slider__swiper-button-prev" }, "autoplay": { "delay": 5000 }}'> <div class="swiper-wrapper"> <div class="swiper-slide" id="home-sec"> <div class="image-layer" style=" background-image: url(assets/images/backgrounds/slide-1.jpg); "></div> <!-- /.image-layer --> <div class="main-slider-border"></div> <div class="main-slider-border main-slider-border-two"></div> <div class="main-slider-border main-slider-border-three"></div> <div class="main-slider-border main-slider-border-four"></div> <div class="main-slider-border main-slider-border-five"></div> <div class="main-slider-border main-slider-border-six"></div> <div class="container"> <div class="row"> <div class="col-xl-6 col-lg-8"> <div class="main-slider__content"> <p class="main-slider__sub-title"> Professional Cleaning Services </p> <h2 class="main-slider__title">Best Quality Solution in Cleaning</h2> <p class="main-slider__text"> There are many of passages of lorem Ipsum, but the majori have not suffered alteration in some form. </p> <div class="main-slider__btn-box"> <button class="thm-btn main-slider__btn" onclick="showModal()"> Book A Service</button> </div> <div class="main-slider__bottom"> <p class="main-slider__bottom-text"> Get your services </p> <div class="main-slider__icon float-bob-y"> <img src="assets/images/icon/main-slider-icon.png" alt="" /> </div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="image-layer" style=" background-image: url(assets/images/backgrounds/slide-2.jpg); "></div> <!-- /.image-layer --> <div class="main-slider-border"></div> <div class="main-slider-border main-slider-border-two"></div> <div class="main-slider-border main-slider-border-three"></div> <div class="main-slider-border main-slider-border-four"></div> <div class="main-slider-border main-slider-border-five"></div> <div class="main-slider-border main-slider-border-six"></div> <div class="container"> <div class="row"> <div class="col-xl-6 col-lg-8"> <div class="main-slider__content"> <p class="main-slider__sub-title"> House & office cleaning </p> <h2 class="main-slider__title">Make Your House As Clean As Mine </h2> <p class="main-slider__text"> There are many of passages of lorem Ipsum, but the majori have not suffered alteration in some form. </p> <div class="main-slider__btn-box"> <button onclick="showModal()" class="thm-btn main-slider__btn"> Book A Service</button> </div> <div class="main-slider__bottom"> <p class="main-slider__bottom-text"> Get your services </p> <div class="main-slider__icon float-bob-y"> <img src="assets/images/icon/main-slider-icon.png" alt="" /> </div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons --> <div class="main-slider__nav"> <div class="swiper-button-prev" id="main-slider__swiper-button-next"> <i class="icon-left-arrow"></i> </div> <div class="swiper-button-next" id="main-slider__swiper-button-prev"> <i class="icon-right-arrow1"></i> </div> </div> </div> </section> <!--Main Slider End--> <!--Feature One Start--> <section class="feature-one"> <div class="container"> <div class="section-title text-center"> <span class="section-title__tagline">Our Services </span> <h2 class="section-title__title"> What We’re Offering </h2> </div> <div class="row"> <!--Feature One Single Start--> <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="100ms"> <div class="feature-one__single"> <div class="feature-one__single-content-box"> <div class="feature-one-shape"> <img src="assets/images/shapes/feature-one-shape-1.png" alt="" /> </div> <div class="feature-one__single-inner"> <div class="feature-one__content"> <h3 class="feature-one__title"> <a href=""> <br /> Cleaning</a> </h3> <p class="feature-one__text"> Nam nec est id dui efficitur <br /> auctor et sit amet nunc. </p> </div> <div class="feature-one__icon"> <img src="assets/images/icon/image (6).png" alt=""> </div> </div> </div> </div> </div> <!--Feature One Single End--> <!--Feature One Single Start--> <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="200ms"> <div class="feature-one__single"> <div class="feature-one__single-content-box"> <div class="feature-one-shape"> <img src="assets/images/shapes/feature-one-shape-1.png" alt="" /> </div> <div class="feature-one__single-inner"> <div class="feature-one__content"> <h3 class="feature-one__title"> <a href="#"> <br /> Gardening</a> </h3> <p class="feature-one__text"> Nam nec est id dui efficitur <br /> auctor et sit amet nunc. </p> </div> <div class="feature-one__icon"> <img src="assets/images/icon/image.png" alt=""> </div> </div> </div> </div> </div> <!--Feature One Single End--> <!--Feature One Single Start--> <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="300ms"> <div class="feature-one__single"> <div class="feature-one__single-content-box"> <div class="feature-one-shape"> <img src="assets/images/shapes/feature-one-shape-1.png" alt="" /> </div> <div class="feature-one__single-inner"> <div class="feature-one__content"> <h3 class="feature-one__title"> <a href="#"> <br /> Maintenance</a> </h3> <p class="feature-one__text"> Nam nec est id dui efficitur <br /> auctor et sit amet nunc. </p> </div> <div class="feature-one__icon"> <img src="assets/images/icon/image (1).png" alt=""> </div> </div> </div> </div> </div> <!--Feature One Single End--> </div> </div> </section> <!--Feature One End--> <!--About One Start--> <section class="about-one"> <div class="why-choose-one-shape-1 float-bob-x"> <img src="assets/images/shapes/why-choose-one-shape-1-dark.png" alt="" /> </div> <div class="why-choose-one-shape-2 float-bob-y"> <img src="assets/images/shapes/why-choose-one-shape-2-dark.png" alt="" /> </div> <div class="container"> <div class="row"> <div class="col-xl-6"> <div class="about-one__left"> <div class="about-one__img-box wow slideInLeft" data-wow-delay="100ms" data-wow-duration="2500ms"> <div class="about-one__img-1"> <img src="assets/images/resources/pexels-cottonbro-studio-4108797.jpg" alt="" /> </div> <div class="about-one__img-2"> <img src="assets/images/resources/pexels-tima-miroshnichenko-6196566.jpg" style="width: 350px;height: 447px;" alt="" /> </div> <div class="about-one-shape"></div> </div> </div> </div> <div class="col-xl-6" id="about-sec"> <div class="about-one__right"> <div class="section-title text-left"> <span class="section-title__tagline">about us</span> <h2 class="section-title__title"> We Have the Best People & Equipment </h2> </div> <p class="about-one__text-1"> Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed eius to mod tempor incididunt ut labore et dolore magna aliqua. Ut enims ad minim veniam. Aenean massa. </p> <!-- <p class="about-one__text-2"> Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed eius to mod tempor incididunt ut labore et dolore magna aliqua. Ut enims ad minim veniam. Aenean massa. </p> --> <ul class="about-one__points list-unstyled"> <li> <div class="icon"> <i class="fa fa-arrow-right"></i> </div> <div class="text"> <p>Living & Bedrooms</p> </div> </li> <li> <div class="icon"> <i class="fa fa-arrow-right"></i> </div> <div class="text"> <p>Offices & Shops</p> </div> </li> <li> <div class="icon"> <i class="fa fa-arrow-right"></i> </div> <div class="text"> <p>Windows</p> </div> </li> <li> <div class="icon"> <i class="fa fa-arrow-right"></i> </div> <div class="text"> <p>Kitchen</p> </div> </li> <li> <div class="icon"> <i class="fa fa-arrow-right"></i> </div> <div class="text"> <p>Carpet</p> </div> </li> <li> <div class="icon"> <i class="fa fa-arrow-right"></i> </div> <div class="text"> <p>Extra Services</p> </div> </li> </ul> <div class="about-one__btn-box"> <a href="#about-sec" class="thm-btn about-one__btn">Discover more</a> </div> </div> </div> </div> </div> </section> <!--About One End--> <!--Why Choose One Start--> <!-- <section class="why-choose-one" id="services-sec"> <div class="why-choose-one-shape-1 float-bob-x"> <img src="assets/images/shapes/why-choose-one-shape-1-dark.png" alt="" /> </div> <div class="why-choose-one-shape-2 float-bob-y"> <img src="assets/images/shapes/why-choose-one-shape-2-dark.png" alt="" /> </div> <div class="container"> <div class="why-choose-one__top"> <div class="row"> <div class="col-xl-6 col-lg-6"> <div class="why-choose-one__left"> <div class="section-title text-left"> <span class="section-title__tagline">our benefits</span> <h2 class="section-title__title"> Why you should choose Abo-Soliman services </h2> </div> </div> </div> <div class="col-xl-6 col-lg-6"> <div class="why-choose-one__right"> <p class="why-choose-one__text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eius to mod tempor incididunt ut labore et dolore magna aliqua. Ut enims ad minim veniam. Aenean massa. </p> </div> </div> </div> </div> <div class="why-choose-one__bottom"> <ul class="list-unstyled why-choose-one__list"> <li class="why-choose-one__single wow fadeInUp" data-wow-delay="100ms"> <div class="why-choose-one__content"> <div class="why-choose-one__icon"> <span class="icon-settings"></span> </div> <p class="why-choose-one__title">Installation</p> </div> </li> <li class="why-choose-one__single wow fadeInUp" data-wow-delay="200ms"> <div class="why-choose-one__content"> <div class="why-choose-one__icon"> <span class="icon-4k"></span> </div> <p class="why-choose-one__title">4k Quality</p> </div> </li> <li class="why-choose-one__single wow fadeInUp" data-wow-delay="300ms"> <div class="why-choose-one__content"> <div class="why-choose-one__icon"> <span class="icon-speedometer"></span> </div> <p class="why-choose-one__title">Ultra Fast</p> </div> </li> <li class="why-choose-one__single wow fadeInUp" data-wow-delay="400ms"> <div class="why-choose-one__content"> <div class="why-choose-one__icon"> <span class="icon-television"></span> </div> <p class="why-choose-one__title">Statelite TV</p> </div> </li> <li class="why-choose-one__single wow fadeInUp" data-wow-delay="500ms"> <div class="why-choose-one__content"> <div class="why-choose-one__icon"> <span class="icon-scrum"></span> </div> <p class="why-choose-one__title">Cheap Plans</p> </div> </li> <li class="why-choose-one__single wow fadeInUp" data-wow-delay="600ms"> <div class="why-choose-one__content"> <div class="why-choose-one__icon"> <span class="icon-support-1"></span> </div> <p class="why-choose-one__title">24/7 Support</p> </div> </li> </ul> </div> </div> </section> --> <!--Why Choose One End--> <!--Save Money Start--> <section class="save-money"> <div class="save-money-bg" style=" background-image: url(assets/images/backgrounds/pexels-tima-miroshnichenko-6195284.jpg); "></div> <div class="save-money-shape" style=" background-image: url(assets/images/shapes/save-money-shape-1.png); "></div> <div class="container"> <div class="row"> <div class="col-xl-6 col-lg-8"> <div class="save-money__left"> <div class="section-title text-left"> <span class="section-title__tagline">Get extra benefit</span> <h2 class="section-title__title"> Get Satisfied with Our Best Services We Provide </h2> </div> <p class="save-money__text"> Phasellus non cursus ligula, sed mattis urna. Aenean ac tor gravida, <br /> volutpat quam eget, consequat elit. </p> <div class="save-money__bundal"> <div class="save-money__bundal-icon"> <img src="assets/images/icon/image-2.png" alt=""> </div> <div class="save-money__bundal-content"> <h2 class="save-money__bundal-price"> <sup>EGP</sup> 500 </h2> <p class="save-money__bundal-text">Starting from</p> </div> </div> <button id="open-mod-3" class="thm-btn save-money__btn" onclick="showModal()">Book A Service</button> </div> </div> <div class="col-xl-6 col-lg-4"> <div class="save-money__right"> <div class="save-money__video-link"> <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup"> <div class="save-money__video-icon"> <span class="fa fa-play"></span> <i class="ripple"></i> </div> </a> <div class="save-money__video-text-box"> <p class="save-money__video-text">Watch the Video</p> <div class="save-money__video-arrow float-bob-y"> <img src="assets/images/icon/save-money-video-arrow.png" alt="" /> </div> </div> </div> </div> </div> </div> </div> </section> <!--Save Money End--> <!--Plans One Start--> <!-- <section class="plans-one" id="shop-sec"> <div class="container"> <div class="section-title text-center"> <span class="section-title__tagline">tariffs PLAN</span> <h2 class="section-title__title"> Choose our perfect <br /> tariff plans </h2> </div> <div class="row"> <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="100ms"> <div class="plans-one__single"> <div class="plans-one__top"> <p class="plans-one__sub-title">Internet</p> <h4 class="plans-one__title">Fiber Internet</h4> </div> <div class="plans-one__bottom"> <ul class="list-unstyled plans-one__list"> <li> <div class="icon"> <i class="fa fa-check"></i> </div> <div class="text"> <p>Up to 50Mbps</p> </div> </li> <li> <div class="icon"> <i class="fa fa-check"></i> </div> <div class="text"> <p>Night Turbo-Speed</p> </div> </li> <li> <div class="icon"> <i class="fa fa-check"></i> </div> <div class="text"> <p>WiFi router</p> </div> </li> <li> <div class="icon"> <i class="fa fa-check"></i> </div> <div class="text"> <p>Unlimited devices</p> </div> </li> </ul> <div class="plans-one__price-box"> <div class="plans-one__price-inner"> <h2 class="plans-one__price"> <sup class="plans-one__price-dolar">$</sup> 29 <sup class="plans-one__price-last-text">.99</sup> </h2> <p class="plans-one__price-time">/ month</p> </div> <div class="plans-one__btn-box"> <a href="contact.html" class="thm-btn plans-one__btn">Get started</a> </div> </div> <div class="plans-one__icon-box"> <i class="icon-wifi"></i> </div> </div> </div> </div> <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="200ms"> <div class="plans-one__single"> <div class="plans-one__top"> <p class="plans-one__sub-title">Internet + TV</p> <h4 class="plans-one__title">Comfort Zone</h4> </div> <div class="plans-one__bottom"> <ul class="list-unstyled plans-one__list"> <li> <div class="icon"> <i class="fa fa-check"></i> </div> <div class="text"> <p>Up to 50Mbps</p> </div> </li> <li> <div class="icon"> <i class="fa fa-check"></i> </div> <div class="text"> <p>Night Turbo-Speed</p> </div> </li> <li> <div class="icon"> <i class="fa fa-check"></i> </div> <div class="text"> <p>WiFi router</p> </div> </li> <li> <div class="icon"> <i class="fa fa-check"></i> </div> <div class="text"> <p>Unlimited devices</p> </div> </li> </ul> <div class="plans-one__price-box"> <div class="plans-one__price-inner"> <h2 class="plans-one__price"> <sup class="plans-one__price-dolar">$</sup> 39 <sup class="plans-one__price-last-text">.99</sup> </h2> <p class="plans-one__price-time">/ month</p> </div> <div class="plans-one__btn-box"> <a href="contact.html" class="thm-btn plans-one__btn">Get started</a> </div> </div> <div class="plans-one__icon-box"> <i class="icon-wifi"></i> <i class="icon-tv"></i> </div> </div> </div> </div> <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="300ms"> <div class="plans-one__single"> <div class="plans-one__top"> <p class="plans-one__sub-title">Internet + TV + Phone</p> <h4 class="plans-one__title">Full Package</h4> </div> <div class="plans-one__bottom"> <ul class="list-unstyled plans-one__list"> <li> <div class="icon"> <i class="fa fa-check"></i> </div> <div class="text"> <p>Up to 50Mbps</p> </div> </li> <li> <div class="icon"> <i class="fa fa-check"></i> </div> <div class="text"> <p>Night Turbo-Speed</p> </div> </li> <li> <div class="icon"> <i class="fa fa-check"></i> </div> <div class="text"> <p>WiFi router</p> </div> </li> <li> <div class="icon"> <i class="fa fa-check"></i> </div> <div class="text"> <p>Unlimited devices</p> </div> </li> </ul> <div class="plans-one__price-box"> <div class="plans-one__price-inner"> <h2 class="plans-one__price"> <sup class="plans-one__price-dolar">$</sup> 49 <sup class="plans-one__price-last-text">.99</sup> </h2> <p class="plans-one__price-time">/ month</p> </div> <div class="plans-one__btn-box"> <a href="contact.html" class="thm-btn plans-one__btn">Get started</a> </div> </div> <div class="plans-one__icon-box"> <i class="icon-wifi"></i> <i class="icon-tv"></i> <i class="icon-hand-phone"></i> </div> </div> </div> </div> </div> </div> </section> --> <!--Plans One End--> <!--Brand One Start--> <section class="brand-one" style="padding-top: 30px;"> <div class="site-footer-shape-bg" style=" background-image: url(assets/images/shapes/site-footer-shape-bg.png); "></div> <h2 class="section-title__title" style="text-align: center;color: #fff;padding-bottom: 50px;"> Available in <img src="assets/images/brand/image.png" style="width: 49px;" alt=""> </h2> <div class="brand-one-shape-1 float-bob-x"> <img src="assets/images/shapes/brand-one-shape-1.png" alt="" /> </div> <div class="brand-one-shape-2 float-bob-y"> <img src="assets/images/shapes/brand-one-shape-2.png" alt="" /> </div> <div class="container"> <div class="thm-swiper__slider swiper-container" data-swiper-options='{"spaceBetween": 100, "slidesPerView": 5, "autoplay": { "delay": 2000 }, "breakpoints": { "0": { "spaceBetween": 30, "slidesPerView": 2 }, "375": { "spaceBetween": 30, "slidesPerView": 2 }, "575": { "spaceBetween": 30, "slidesPerView": 3 }, "767": { "spaceBetween": 50, "slidesPerView": 4 }, "991": { "spaceBetween": 50, "slidesPerView": 5 }, "1199": { "spaceBetween": 100, "slidesPerView": 5 } }}'> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="assets/images/brand/marassi-1.png" style="width: 195px;height: 58px;" alt="" /> </div> <!-- /.swiper-slide --> <div class="swiper-slide"> <img src="assets/images/brand/hacienda_bay_north_coast-removebg-preview.png" style="width: 195px;height: 58px;" alt="" /> </div> <!-- /.swiper-slide --> <div class="swiper-slide"> <img src="assets/images/brand/WNVZQQ8RUZoCoItQsBtpkUA5Nv-WBo5--removebg-preview.png" style="width: 195px;height: 58px;" alt="" /> </div> <!-- /.swiper-slide --> <div class="swiper-slide"> <img src="assets/images/brand/h-red-removebg-preview.png" style="width: 195px;height: 58px;" alt="" /> </div> <!-- /.swiper-slide --> <div class="swiper-slide"> <img src="assets/images/brand/seashell-1.png" style="width: 195px;height: 58px;" alt="" /> </div> <!-- /.swiper-slide --> <div class="swiper-slide"> <img src="assets/images/brand/telal-1.png" style="width: 195px;height: 58px;" alt="" /> </div> <!-- /.swiper-slide --> <div class="swiper-slide"> <img src="assets/images/brand/sidi-1.png" style="width: 195px;height: 58px;" alt="" /> </div> <!-- /.swiper-slide --> <!-- <div class="swiper-slide"> <img src="assets/images/brand/brand-1-3.png" alt="" /> </div> <div class="swiper-slide"> <img src="assets/images/brand/brand-1-4.png" alt="" /> </div> <div class="swiper-slide"> <img src="assets/images/brand/brand-1-5.png" alt="" /> </div> --> </div> </div> </div> </section> <!--Brand One End--> <!--Testimonial One Start--> <section class="testimonial-one"> <div class="testimonial-one-bg" style=" background-image: url(assets/images/backgrounds/testimonial-one-bg.png); "></div> <div class="container"> <div class="row"> <div class="col-xl-4"> <div class="testimonial-one__left"> <div class="section-title text-left"> <span class="section-title__tagline">our feedbacks</span> <h2 class="section-title__title"> What they’re talking about Sahel Care </h2> </div> </div> </div> <div class="col-xl-8"> <div class="testimonial-one__right"> <div class="testimonial-one__carousel owl-carousel owl-theme thm-owl__carousel" data-owl-options='{ "loop": true, "autoplay": true, "margin": 30, "nav": true, "dots": false, "smartSpeed": 500, "autoplayTimeout": 10000, "navText": ["<span class=\"icon-left-arrow\"></span>","<span class=\"icon-right-arrow1\"></span>"], "responsive": { "0": { "items": 1 }, "768": { "items": 2 }, "992": { "items": 2 }, "1200": { "items": 2 } } }'> <!--Testimonial One Single Start--> <div class="item"> <div class="testimonial-one__single"> <div class="testimonial-one__content"> <p class="testimonial-one__text"> Lorem ipsum is simply free text dolor sit amet, consect notted adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="testimonial-one__shape-1" style=" background-image: url(assets/images/shapes/testimonial-one-shape-1-dark.png); "></div> <div class="testimonial-one__shape-2" style=" background-image: url(assets/images/shapes/testimonial-one-shape-2-dark.png); "></div> <div class="testimonial-one__quote"> <span class="icon-quote"></span> </div> </div> <div class="testimonial-one__client-info"> <div class="testimonial-one__client-img"> <img src="assets/images/testimonial/testimonial-1-1.jpg" alt="" /> </div> <div class="testimonial-one__client-content"> <h4 class="testimonial-one__client-name"> Kevin Martin </h4> <p class="testimonial-one__client-sub-title"> Customer </p> </div> </div> </div> </div> <!--Testimonial One Single End--> <!--Testimonial One Single Start--> <div class="item"> <div class="testimonial-one__single"> <div class="testimonial-one__content"> <p class="testimonial-one__text"> Lorem ipsum is simply free text dolor sit amet, consect notted adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="testimonial-one__shape-1" style=" background-image: url(assets/images/shapes/testimonial-one-shape-1-dark.png); "></div> <div class="testimonial-one__shape-2" style=" background-image: url(assets/images/shapes/testimonial-one-shape-2-dark.png); "></div> <div class="testimonial-one__quote"> <span class="icon-quote"></span> </div> </div> <div class="testimonial-one__client-info"> <div class="testimonial-one__client-img"> <img src="assets/images/testimonial/testimonial-1-2.jpg" alt="" /> </div> <div class="testimonial-one__client-content"> <h4 class="testimonial-one__client-name"> Sarah Albert </h4> <p class="testimonial-one__client-sub-title"> Customer </p> </div> </div> </div> </div> <!--Testimonial One Single End--> <!--Testimonial One Single Start--> <div class="item"> <div class="testimonial-one__single"> <div class="testimonial-one__content"> <p class="testimonial-one__text"> Lorem ipsum is simply free text dolor sit amet, consect notted adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="testimonial-one__shape-1" style=" background-image: url(assets/images/shapes/testimonial-one-shape-1-dark.png); "></div> <div class="testimonial-one__shape-2" style=" background-image: url(assets/images/shapes/testimonial-one-shape-2-dark.png); "></div> <div class="testimonial-one__quote"> <span class="icon-quote"></span> </div> </div> <div class="testimonial-one__client-info"> <div class="testimonial-one__client-img"> <img src="assets/images/testimonial/testimonial-1-3.jpg" alt="" /> </div> <div class="testimonial-one__client-content"> <h4 class="testimonial-one__client-name"> Christine Eve </h4> <p class="testimonial-one__client-sub-title"> Customer </p> </div> </div> </div> </div> <!--Testimonial One Single End--> <!--Testimonial One Single Start--> <div class="item"> <div class="testimonial-one__single"> <div class="testimonial-one__content"> <p class="testimonial-one__text"> Lorem ipsum is simply free text dolor sit amet, consect notted adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="testimonial-one__shape-1" style=" background-image: url(assets/images/shapes/testimonial-one-shape-1-dark.png); "></div> <div class="testimonial-one__shape-2" style=" background-image: url(assets/images/shapes/testimonial-one-shape-2-dark.png); "></div> <div class="testimonial-one__quote"> <span class="icon-quote"></span> </div> </div> <div class="testimonial-one__client-info"> <div class="testimonial-one__client-img"> <img src="assets/images/testimonial/testimonial-1-4.jpg" alt="" /> </div> <div class="testimonial-one__client-content"> <h4 class="testimonial-one__client-name"> David Cooper </h4> <p class="testimonial-one__client-sub-title"> Customer </p> </div> </div> </div> </div> <!--Testimonial One Single End--> <!--Testimonial One Single Start--> <div class="item"> <div class="testimonial-one__single"> <div class="testimonial-one__content"> <p class="testimonial-one__text"> Lorem ipsum is simply free text dolor sit amet, consect notted adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="testimonial-one__shape-1" style=" background-image: url(assets/images/shapes/testimonial-one-shape-1-dark.png); "></div> <div class="testimonial-one__shape-2" style=" background-image: url(assets/images/shapes/testimonial-one-shape-2-dark.png); "></div> <div class="testimonial-one__quote"> <span class="icon-quote"></span> </div> </div> <div class="testimonial-one__client-info"> <div class="testimonial-one__client-img"> <img src="assets/images/testimonial/testimonial-1-5.jpg" alt="" /> </div> <div class="testimonial-one__client-content"> <h4 class="testimonial-one__client-name"> Alessha Brown </h4> <p class="testimonial-one__client-sub-title"> Customer </p> </div> </div> </div> </div> <!--Testimonial One Single End--> <!--Testimonial One Single Start--> <div class="item"> <div class="testimonial-one__single"> <div class="testimonial-one__content"> <p class="testimonial-one__text"> Lorem ipsum is simply free text dolor sit amet, consect notted adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="testimonial-one__shape-1" style=" background-image: url(assets/images/shapes/testimonial-one-shape-1-dark.png); "></div> <div class="testimonial-one__shape-2" style=" background-image: url(assets/images/shapes/testimonial-one-shape-2-dark.png); "></div> <div class="testimonial-one__quote"> <span class="icon-quote"></span> </div> </div> <div class="testimonial-one__client-info"> <div class="testimonial-one__client-img"> <img src="assets/images/testimonial/testimonial-1-6.jpg" alt="" /> </div> <div class="testimonial-one__client-content"> <h4 class="testimonial-one__client-name"> Mike Hardson </h4> <p class="testimonial-one__client-sub-title"> Customer </p> </div> </div> </div> </div> <!--Testimonial One Single End--> </div> </div> </div> </div> </div> </section> <!--Testimonial One End--> <!--All Time Hit Start--> <!-- <section class="all-time-hit"> <div class="all-time-hit-bg-shape" style=" background-image: url(assets/images/shapes/all-time-hit-bg-shape.png); "></div> <div class="container"> <div class="section-title text-center"> <span class="section-title__tagline">all the time hit</span> <h2 class="section-title__title"> Stream full season & <br /> featured shows </h2> </div> <ul class="all-time-hit__list list-unstyled"> <li class="all-time-hit__single wow fadeInUp" data-wow-delay="100ms"> <div class="all-time-hit__inner"> <div class="all-time-hit__img"> <div class="all-time-hit-shape"></div> <img src="assets/images/resources/all-time-hit-img-1.jpg" alt="" /> <div class="all-time-hit__video-link"> <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup"> <div class="all-time-hit__video-icon"> <span class="fa fa-play"></span> <i class="ripple"></i> </div> </a> </div> <div class="all-time-hit__content"> <h4 class="all-time-hit__title"> <a href="movie.html">Cinderella</a> </h4> <p class="all-time-hit__text"> 2020 <i class="fa fa-star"></i> <span>6.5</span> </p> </div> </div> </div> </li> <li class="all-time-hit__single wow fadeInUp" data-wow-delay="200ms"> <div class="all-time-hit__inner"> <div class="all-time-hit__img"> <div class="all-time-hit-shape"></div> <img src="assets/images/resources/all-time-hit-img-2.jpg" alt="" /> <div class="all-time-hit__video-link"> <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup"> <div class="all-time-hit__video-icon"> <span class="fa fa-play"></span> <i class="ripple"></i> </div> </a> </div> <div class="all-time-hit__content"> <h4 class="all-time-hit__title"> <a href="movie.html">Scared to Death</a> </h4> <p class="all-time-hit__text"> 2020 <i class="fa fa-star"></i> <span>6.5</span> </p> </div> </div> </div> </li> <li class="all-time-hit__single wow fadeInUp" data-wow-delay="300ms"> <div class="all-time-hit__inner"> <div class="all-time-hit__img"> <div class="all-time-hit-shape"></div> <img src="assets/images/resources/all-time-hit-img-3.jpg" alt="" /> <div class="all-time-hit__video-link"> <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup"> <div class="all-time-hit__video-icon"> <span class="fa fa-play"></span> <i class="ripple"></i> </div> </a> </div> <div class="all-time-hit__content"> <h4 class="all-time-hit__title"> <a href="movie.html">The Duke</a> </h4> <p class="all-time-hit__text"> 2020 <i class="fa fa-star"></i> <span>6.5</span> </p> </div> </div> </div> </li> <li class="all-time-hit__single wow fadeInUp" data-wow-delay="400ms"> <div class="all-time-hit__inner"> <div class="all-time-hit__img"> <div class="all-time-hit-shape"></div> <img src="assets/images/resources/all-time-hit-img-4.jpg" alt="" /> <div class="all-time-hit__video-link"> <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup"> <div class="all-time-hit__video-icon"> <span class="fa fa-play"></span> <i class="ripple"></i> </div> </a> </div> <div class="all-time-hit__content"> <h4 class="all-time-hit__title"> <a href="movie.html">Haunting Games</a> </h4> <p class="all-time-hit__text"> 2020 <i class="fa fa-star"></i> <span>6.5</span> </p> </div> </div> </div> </li> <li class="all-time-hit__single wow fadeInUp" data-wow-delay="500ms"> <div class="all-time-hit__inner"> <div class="all-time-hit__img"> <div class="all-time-hit-shape"></div> <img src="assets/images/resources/all-time-hit-img-5.jpg" alt="" /> <div class="all-time-hit__video-link"> <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup"> <div class="all-time-hit__video-icon"> <span class="fa fa-play"></span> <i class="ripple"></i> </div> </a> </div> <div class="all-time-hit__content"> <h4 class="all-time-hit__title"> <a href="movie.html">Chucky Doll</a> </h4> <p class="all-time-hit__text"> 2020 <i class="fa fa-star"></i> <span>6.5</span> </p> </div> </div> </div> </li> </ul> </div> </section> --> <!--All Time Hit End--> <!--Live Sports Start--> <!-- <section class="live-sports"> <div class="live-sports-shape-1 float-bob-x"> <img src="assets/images/shapes/live-sports-shape-1-dark.png" alt="" /> </div> <div class="live-sports__wrap"> <div class="live-sports__left"> <div class="live-sports__bg" style=" background-image: url(assets/images/backgrounds/live-sports-bg.jpg); "></div> <div class="live-sports__toggle"> <p> i p t v <br /> services </p> </div> </div> <div class="live-sports__right"> <div class="live-sports__content"> <div class="section-title text-left"> <span class="section-title__tagline">what you get</span> <h2 class="section-title__title">Live sports & TV shows</h2> </div> <p class="live-sports__text"> There are many variations of passages of Lorem Ipsum is simply free text available in the market for you, but the majority have suffered alteration in some form. </p> <div class="live-sports__bottom"> <ul class="list-unstyled live-sports__points"> <li> <div class="icon"> <span class="icon-4k-1"></span> </div> <div class="content"> <h4>4K UHD Quality</h4> <p> Lorem ipsum is simply free text dolor sit but the majority have suffered amet, consectetur notted. </p> </div> </li> <li> <div class="icon"> <span class="icon-tv-1"></span> </div> <div class="content"> <h4>250+ Channels</h4> <p> Lorem ipsum is simply free text dolor sit but the majority have suffered amet, consectetur notted. </p> </div> </li> </ul> </div> </div> </div> </div> </section> --> <!--Live Spots End--> <!--Service Available Start--> <section class="service-available"> <div class="container"> <div class="service-available__inne"> <div class="service-available__shape-1 float-bob-y"> <img src="assets/images/shapes/service-available-shape-1.png" alt="" /> </div> <div class="service-available__shape-2 float-bob-x"> <img src="assets/images/shapes/service-available-shape-2.png" alt="" /> </div> <div class="service-available__shape-3 float-bob-y"> <img src="assets/images/shapes/service-available-shape-3.png" alt="" /> </div> <div class="service-available__shape-4 float-bob-x"> <img src="assets/images/shapes/service-available-shape-4.png" alt="" /> </div> <div class="service-available__left"> <h3 class="service-available__title"> Get Started with your Free Estimate </h3> </div> <div class="service-available__right"> <form class="service-available__form"> <div class="service-available__input-box"> <input type="text" placeholder="Enter address" name="address" /> <button type="submit" class="service-available__btn thm-btn"> Check availability </button> </div> </form> </div> </div> </div> </section> <!--Service Available End--> <div class="modal" id="myModal" style="width:100%;background: #000000bb;overflow-y: scroll;"> <div class="modal-dialog" style="width: 80%;max-width: initial;"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header" style="border:none"> <h4 class="modal-title">Book A Service Now</h4> <button type="button" class="close" onclick="hideModal()" data-dismiss="modal" style=" background: #fff !important; border: none !important; font-size: 30px !important;">×</button> </div> <!-- Modal Body --> <div class="modal-body" style="padding: 0;"> <div class="" > <form action="" id="wizard" style="margin: 0 auto;"> <!-- SECTION 1 --> <h2></h2> <section> <div class="inner"> <div class="image-holder"> <img src="assets/images/form-wizard-1.jpg" style="width: 100%;height: 521px;" alt=""> </div> <div class="form-content" > <p style="margin-bottom: 20px;">Select Your Services</p> <div class="row"> <div class="col-6" style="margin-bottom: 18px;"> <div class="select"> <div class="form-holder"> <div class="select-control" style="padding: .375rem .75rem;">Services</div> <i class="zmdi zmdi-caret-down"></i> </div> <ul class="dropdown"> <li rel="Cleaning">Cleaning</li> <li rel="Gardening">Gardening</li> <li rel="Maintenance">Maintenance</li> </ul> </div> </div> <div class="col-6" style="margin-bottom: 18px;"> <div class="select"> <div class="form-holder"> <div class="select-control" style="padding: .375rem .75rem;">City</div> <i class="zmdi zmdi-caret-down"></i> </div> <ul class="dropdown"> <li rel="Marassi">Marassi</li> <li rel="Hacienda bay">Hacienda bay</li> <li rel="Hacienda white">Hacienda white</li> <li rel="Hacienda red">Hacienda red</li> <li rel="Sea shell">Sea shell</li> <li rel="Telal">Telal</li> <li rel="Sidi Abd El Rahman">Sidi Abd El Rahman</li> </ul> </div> </div> <div class="col-md-12" style="margin-bottom: 18px;"> <input type="text" placeholder="Address" class="form-control"> </div> </div> <div class="form-row"> <div class="form-holder"> <input type="text" placeholder="Date From" class="form-control"> </div> <div class="form-holder"> <input type="text" placeholder="Date To" class="form-control"> </div> </div> </div> </div> </section> <!-- SECTION 2 --> <h2></h2> <section> <div class="inner"> <div class="image-holder"> <img src="assets/images/form-wizard-2.jpg" alt=""> </div> <div class="form-content"> <div class="form-header"> </div> <p style="margin-bottom: 20px;">Please fill your personal data</p> <div class="form-row"> <div class="form-holder"> <input type="text" placeholder="First Name" class="form-control"> </div> <div class="form-holder"> <input type="text" placeholder="Last Name " class="form-control"> </div> </div> <div class="form-row"> <div class="form-holder"> <input type="email" placeholder="Email" class="form-control"> </div> <div class="form-holder"> <input type="number" placeholder="Phone Number" class="form-control"> </div> </div> <div class="col-md-12"> <div class="form-holder"> <input type="text" placeholder="Social media link" class="form-control"> </div> </div> </div> </div> </section> <!-- SECTION 3 --> <h2></h2> <section> <div class="inner"> <div class="image-holder"> <img src="assets/images/form-wizard-3.jpg" alt=""> </div> <div class="form-content"> <div class="form-header"> </div> <p style="margin-bottom: 20px;">Review Data</p> <div class="row"> <div class="col-md-4 col-mob-6" style="margin-bottom: 18px;"> <label>Services: </label> <label style="color: #121212;">Cleaning</label> </div> <div class="col-md-4 col-mob-6" style="margin-bottom: 18px;"> <label>City: </label> <label style="color: #121212;">Marassi</label> </div> <div class="col-md-4 col-mob-6" style="margin-bottom: 18px;"> <label>Address: </label> <label style="color: #121212;">pla pla</label> </div> <div class="col-md-4 col-mob-6" style="margin-bottom: 18px;"> <label>Date from: </label> <label style="color: #121212;">1-4-2025</label> </div> <div class="col-md-4 col-mob-6" style="margin-bottom: 18px;"> <label>Date to: </label> <label style="color: #121212;">5-4-2025</label> </div> <div class="col-md-4 col-mob-6" style="margin-bottom: 18px;"> <label>Name: </label> <label style="color: #121212;">Gamal Mohamed</label> </div> <div class="col-md-4 col-mob-6" style="margin-bottom: 18px;"> <label>Phone: </label> <label style="color: #121212;">01010101010</label> </div> <div class="col-md-4 col-mob-6" style="margin-bottom: 18px;"> <label>Email: </label> <label style="color: #121212;">G@nat.com</label> </div> </div> </div> </div> </section> </form> </div> </div> <!-- Modal Footer --> <div class="modal-footer" style="border: none;"> <button type="button" class="btn btn-secondary close" onclick="hideModal()" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!--Site Footer Start--> <footer class="site-footer" id="contact-sec"> <div class="site-footer-shape-bg" style=" background-image: url(assets/images/shapes/site-footer-shape-bg.png); "></div> <div class="container"> <div class="site-footer__top"> <div class="row"> <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms"> <div class="footer-widget__column footer-widget__about"> <div class="footer-widget__about-text-box"> <p class="footer-widget__about-text"> There are many variations of lorem ipsum available, but the majority have suffered alteration. </p> </div> <div class="site-footer__social"> <a href="#"><i class="fab fa-twitter"></i></a> <a href="https://www.facebook.com/gamal.elegamy"><i class="fab fa-facebook"></i></a> <a href="#"><i class="fab fa-pinterest-p"></i></a> <a href="#"><i class="fab fa-instagram"></i></a> </div> </div> </div> <div class="col-xl-2 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms"> <div class="footer-widget__column footer-widget__links clearfix"> <h3 class="footer-widget__title">Links</h3> <ul class="footer-widget__links-list list-unstyled clearfix"> <li><a href="#about-sec">About</a></li> <li><a href="#services-sec">Services</a></li> <li><a href="#">Contact</a></li> <li><a href="#">Our Packages</a></li> </ul> </div> </div> <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="300ms"> <div class="footer-widget__column footer-widget__meet-us clearfix"> <h3 class="footer-widget__title">Meet us</h3> <p class="ooter-widget__meet-us-text"> 30 Broklyn Golden Street, New <br /> York United States of <br /> America </p> </div> </div> <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms"> <div class="footer-widget__column footer-widget__contact"> <h3 class="footer-widget__title">Say hello!</h3> <ul class="list-unstyled footer-widget__contact-list"> <li> <div class="text"> <p> <a href="mailto:gaamalmohamed6@gmail.com ">SahelCare@gmail.com</a> </p> </div> </li> <li> <div class="text"> <p><a href="tel:0104748080"> 01010101010</a></p> </div> </li> </ul> </div> </div> </div> </div> <div class="site-footer__bottom"> <div class="row"> <div class="col-xl-12"> <div class="site-footer__bottom-inner"> <p class="site-footer__bottom-text"> © All Copyright 2024 by <a href="https://nat-solutions.com/index.html">Nat-Solutions</a> </p> </div> </div> </div> </div> </div> </footer> <!--Site Footer End--> </div> <!-- /.page-wrapper --> <div class="mobile-nav__wrapper"> <div class="mobile-nav__overlay mobile-nav__toggler"></div> <!-- /.mobile-nav__overlay --> <div class="mobile-nav__content" style="background-color:#086c75;"> <span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span> <div class="logo-box"> <a href="#home-sec" aria-label="logo image"><img src="assets/images/resources/logo-w.png" width="125" height="100" alt="" /></a> </div> <!-- /.logo-box --> <div class="mobile-nav__container"></div> <!-- /.mobile-nav__container --> <ul class="mobile-nav__contact list-unstyled"> <li> <i class="fa fa-envelope"></i> <a href="mailto:gaamalmohamed6@gmail.com">SahelCare@gmail.com</a> </li> <li> <i class="fa fa-phone-alt"></i> <a href="tel:01064748080">01064748080</a> </li> </ul> <!-- /.mobile-nav__contact --> <div class="mobile-nav__top"> <div class="mobile-nav__social"> <a href="#" class="fab fa-twitter"></a> <a href="#" class="fab fa-facebook-square"></a> <a href="#" class="fab fa-pinterest-p"></a> <a href="#" class="fab fa-instagram"></a> </div> <!-- /.mobile-nav__social --> </div> <!-- /.mobile-nav__top --> </div> <!-- /.mobile-nav__content --> </div> <!-- /.mobile-nav__wrapper --> <div class="search-popup"> <div class="search-popup__overlay search-toggler"></div> <!-- /.search-popup__overlay --> <div class="search-popup__content"> <form action="#"> <label for="search" class="sr-only">search here</label><!-- /.sr-only --> <input type="text" id="search" placeholder="Search Here..." /> <button type="submit" aria-label="search submit" class="thm-btn"> <i class="icon-magnifying-glass"></i> </button> </form> </div> <!-- /.search-popup__content --> </div> <!-- /.search-popup --> <a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="icon-right-arrow"></i></a> <script src="assets/vendors/jquery/jquery-3.6.0.min.js"></script> <script src="assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendors/jarallax/jarallax.min.js"></script> <script src="assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script> <script src="assets/vendors/jquery-appear/jquery.appear.min.js"></script> <script src="assets/vendors/jquery-circle-progress/jquery.circle-progress.min.js"></script> <script src="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script> <script src="assets/vendors/jquery-validate/jquery.validate.min.js"></script> <script src="assets/vendors/nouislider/nouislider.min.js"></script> <script src="assets/vendors/odometer/odometer.min.js"></script> <script src="assets/vendors/swiper/swiper.min.js"></script> <script src="assets/vendors/tiny-slider/tiny-slider.min.js"></script> <script src="assets/vendors/wnumb/wNumb.min.js"></script> <script src="assets/vendors/wow/wow.js"></script> <script src="assets/vendors/isotope/isotope.js"></script> <script src="assets/vendors/countdown/countdown.min.js"></script> <script src="assets/vendors/owl-carousel/owl.carousel.min.js"></script> <script src="assets/vendors/bxslider/jquery.bxslider.min.js"></script> <script src="assets/vendors/bootstrap-select/js/bootstrap-select.min.js"></script> <script src="assets/vendors/vegas/vegas.min.js"></script> <script src="assets/vendors/jquery-ui/jquery-ui.js"></script> <script src="assets/vendors/timepicker/timePicker.js"></script> <script src="assets/vendors/circleType/jquery.circleType.js"></script> <script src="assets/vendors/circleType/jquery.lettering.min.js"></script> <!-- template js --> <script src="assets/js/jquery.steps.js"></script> <script src="assets/js/main.js"></script> <script src="assets/js/zeinet.js"></script> <script> // Get a reference to the modal const myModal = document.getElementById('myModal'); // Function to show the modal function showModal() { myModal.style.display = 'block'; } // Function to hide the modal function hideModal() { myModal.style.display = 'none'; } // Trigger the modal when needed (e.g., on button click) const triggerButton = document.getElementById('triggerButton'); // Replace 'triggerButton' with the ID of your trigger element (e.g., a button) triggerButton.addEventListener('click', showModal); // const open_1 = document.getElementById('open-mod-1'); // Replace 'triggerButton' with the ID of your trigger element (e.g., a button) // open_1.addEventListener('click', showModal); // const open_2 = document.getElementById('open-mod-2'); // Replace 'triggerButton' with the ID of your trigger element (e.g., a button) // open_2.addEventListener('click', showModal); // const open_3 = document.getElementById('open-mod-3'); // Replace 'triggerButton' with the ID of your trigger element (e.g., a button) // open_3.addEventListener('click', showModal); // Close the modal when the close button is clicked const closeButton = document.querySelector('.close'); closeButton.addEventListener('click', hideModal); // Close the modal when clicking outside the modal content window.addEventListener('click', function(event) { if (event.target === myModal) { hideModal(); } }); </script> </body> </html>
© 2017 -
ZeroByte.ID
.