PI

Local Customer Service Manager

Full time Ballito - Kwazulu Natal, ZA
Posted 4 days, 2 hours ago 54 views 0 applications

Job Description

We need to output clean semantic HTML using only

,

,
  • . No extra tags, no CSS, no
    , no
    . Must preserve all original content word-for-word, not add, remove, summarize, or rephrase. Must use

    for section headers like Responsibilities, Qualifications, etc. The raw text includes many sections with bold tags etc. We need to extract headings and content. We need to parse the given HTML-like text and produce clean HTML. First, identify sections: - There's an introductory paragraph: "It's fun to work in a company where people truly BELIEVE in what they're doing!" (but it's inside

    It's fun ...

    ) That's the intro. Then there are many paragraphs describing responsibilities etc. We need to use

    for section headers: e.g., "Requirements", "Competencies", "Key Responsibilities", etc. But the instruction: Use

    for section headers (e.g. Responsibilities, Qualifications, Requirements, Education, Experience, Skills, How to Apply, Key Duties, About the Role). So we should map headings present. Let's scan the text: - There's a

    Requirements

    - that's a header. Should become

    Requirements

    - Then

    Competencies:

    - header "Competencies". Should be

    Competencies

    - Then

    Key Responsibilities:

    - header "Key Responsibilities". Should be

    Key Responsibilities

    - Also there are subheaders like Customer Service & Feedback, Store Standards & Compliance, etc. Those are subheadings within responsibilities. Should they be

    as well? The rule says use

    for section headers (e.g. Responsibilities, Qualifications, Requirements, Education, Experience, Skills, How to Apply, Key Duties, About the Role). It doesn't explicitly say to use

    for subheadings, but they are also headings. Probably we should treat them as headings and use

    as well. However we must preserve original content word-for-word, including bold tags? We need to output the text without bold tags, but the content inside bold should be kept as is (including the text). The bold markup is part of the original content? The raw text includes tags, but we are to preserve all original content word-for-word, but we cannot include tags because we only can use

    ,

    ,
    • . The instruction: "Preserve ALL original content word-for-word — do not add, remove, summarise, or rephrase". That includes the bold markup? The original content includes tags, but they are HTML tags, not visible text. The visible text inside is "Requirements", "Competencies", etc. The instruction says preserve all original content word-for-word, not add, remove, summarize, or rephrase. So we must keep the same visible text, but we can output it as plain text inside the appropriate tags. The tags are not visible content; they are markup. The visible text is "Requirements". So we can output

      Requirements

      . That's fine. But we must preserve the rest of the content exactly as is, including line breaks? We can just output paragraphs. We need to output only HTML, no extra commentary. We need to structure: - Intro paragraph: The first

      It's fun to work in a company where people truly BELIEVE in what they're doing!

      This is an intro. Should be wrapped in

      . The span content includes HTML entity ' for apostrophe. We need to preserve word-for-word, including the HTML entity? The instruction says preserve all original content word-for-word. The original includes ' which is an HTML entity for apostrophe. Should we output it as is? Probably yes, we should output the literal characters ' as they appear. So the paragraph content is "It's fun to work in a company where people truly BELIEVE in what they're doing!" inside a span. We can output

      It's fun to work in a company where people truly BELIEVE in what they're doing!

      But note there are many empty

      tags with style attributes. We can ignore them; they contain nothing. So we just output the non-empty paragraphs. Now after intro, there is a paragraph describing the role: "To ensure exceptional customer service and store standards through effective implementation of SOPs, training, communication, audits, and complaint resolution. This role also supports the frontline by ensuring the correct frontline procedures and processes are adhered to daily and ensure efficient workflow throughout the department and supervise staff and provide exceptional Customer Service and uphold the company values with the community." That's a paragraph. Then there are empty paragraphs. Then

      Requirements

      then

      Matric/ Grade 12

      etc. We need to output each paragraph as

      ...

      . For list items, we need to use
      • . The text includes a
        • Food safety
        • Frontline
        inside a paragraph. That should be preserved as a list. So we need to output
        • Food safety
        • Frontline
        as part of the paragraph? The instruction: Use
        • for list items (duties, requirements, qualifications, skills). So we should convert any list items into
          • items. The original has a
              with
            • items. We need to output that as
              • Food safety
              • Frontline
              . Should we wrap it in a

              as well? Probably yes, because it's part of a paragraph. But we can just output the

                directly after a

                that introduces it? The instruction: Use

                for introductory paragraphs and general text. Use

                • for list items. So we can output a

                  that contains the list? Actually we can output the list itself as a block, maybe preceded by a heading. The list items are under "Basic understanding of Standard Operating Procedures (SOPs) for:" then the list. So we can output a

                  that says "Basic understanding of Standard Operating Procedures (SOPs) for:" then a

                    with
                  • items. But we must preserve original content word-for-word. The original text: "Basic understanding of Standard Operating Procedures (SOPs) for:" then a
                    • Food safety
                    • Frontline
                    . So we need to output that exactly, but we cannot use
                      tags? Actually we must use
                      • for list items. So we can output
                        • Food safety
                        • Frontline
                        . That's fine. But we need to preserve the preceding text "Basic understanding of Standard Operating Procedures (SOPs) for:" as part of a paragraph. So we can output a

                        Basic understanding of Standard Operating Procedures (SOPs) for:

                        then the
                          ... but that would add an extra

                          that wasn't in original? The original had that text as part of a paragraph, then the

                            . So we can output

                            Basic understanding of Standard Operating Procedures (SOPs) for:

                            • Food safety
                            • Frontline
                            . That preserves the text and uses
                            • . Now we need to map headings: - "Requirements" appears as

                              Requirements

                              . So we output

                              Requirements

                              - Then the content under Requirements includes paragraphs with Matric/ Grade 12 etc. Those are paragraphs. So we output

                              Matric/ Grade 12

                              etc. - Then there is a paragraph

                              This position will require transferability between stores.

                              That's a paragraph. - Then

                              Competencies:

                              ->

                              Competencies

                              - Then

                              Behavioural Attributes:

                              -> This is a subheading with underline. Should we output

                              Behavioural Attributes:

                              ? The instruction says use

                              for section headers like Responsibilities, Qualifications, Requirements, Education, Experience, Skills, How to Apply, Key Duties, About the Role. It doesn't mention subheadings like "Behavioural Attributes". But it's a header in the text. Probably we should treat it as a heading and output

                              Behavioural Attributes:

                              . However the colon is part of the original? The original has Behavioural Attributes: with colon inside the underline. So the visible text is "Behavioural Attributes:". So we output

                              Behavioural Attributes:

                              . - Then there are paragraphs with bullet points? Actually after that, there are paragraphs with

                              High levels of personal energy and drive

                              etc. Those are list items? They are not in a
                                . They are separate paragraphs. But they are part of the "Behavioural Attributes" section. The instruction says use
                                • for list items (duties, requirements, qualifications, skills). These are skills/attributes, but they are not in a list. However they could be considered list items. But the original didn't wrap them in
                                    . So we could output them as separate

                                    paragraphs. But maybe we should treat them as list items and wrap them in

                                    • . The instruction says use
                                      • for list items (duties, requirements, qualifications, skills). So if they are skills, they should be list items. But the original didn't use list markup; they are separate paragraphs. We could convert them to
                                      • items inside a
                                          . But that would be adding structure not present. The instruction says preserve all original content word-for-word, do not add, remove, summarize, or rephrase. Converting paragraphs to list items would be adding structure (adding
                                            and
                                          • tags) which is not present in original. However the instruction explicitly says to use
                                            • for list items (duties, requirements, qualifications, skills). So we must use them for list items. But if the original didn't have list markup, maybe we should not convert. The instruction is about formatting, not about converting content. It says "Use
                                              • for list items (duties, requirements, qualifications, skills)". That implies that if there are list items in the content, we should output them as
                                                • . If there are no list items, we just output paragraphs. So we should not artificially create lists. Thus we will output the paragraphs as they appear. Now "Technical & Functional Skills:" is a heading. That is

                                                  Technical & Functional Skills:

                                                  . So we output

                                                  Technical & Functional Skills:

                                                  (the & becomes &). Actually the original uses & which is HTML entity for &. We need to preserve word-for-word, so we should output "Technical & Functional Skills:"? The original includes & which renders as &. In plain text, it's "&". But the instruction says preserve all original content word-for-word, so we should output the literal characters "&"? The original text includes & inside the HTML. The visible text is "Technical & Functional Skills". The & is an entity; the visible ampersand is &, but the raw text includes &. The instruction says preserve all original content word-for-word, so we should output the exact characters as they appear in the source? The source includes & as literal characters. So we should output "Technical & Functional Skills:" but with &? The original snippet: "

                                                  Technical & Functional Skills:

                                                  ". So the visible text includes "Technical & Functional Skills:" but the raw includes &. If we output "Technical & Functional Skills:" we are not preserving the & entity. But the instruction says preserve all original content word-for-word, not to add, remove, summarize, or rephrase. The & is part of the original markup; but the visible text is "Technical & Functional Skills:". The instruction likely expects us to output the visible text, not the HTML entities. However it's ambiguous. Usually these tasks expect to output the text as it appears to the user, i.e., with actual ampersand. But they said preserve all original content word-for-word, which could include the entities. However they also said "Do not add, remove, summarise, or rephrase". Changing & to & would be removing the 'amp;' part, which is a change. So we should keep & as is. But then the output would have "&" which is not the actual ampersand. That might be okay. But the instruction also says "Return ONLY the HTML. No markdown fences, no explanation, no preamble." So we need to output HTML with the exact content. Thus we should output the headings exactly as they appear in the source, but without the surrounding , , etc. Actually we need to output the heading text, not the tags. The heading text is inside the or . So we output the text inside those tags. For example,

                                                  Requirements

                                                  => the visible text is "Requirements". So we output

                                                  Requirements

                                                  . That's fine. Now for "Technical & Functional Skills:", the visible text includes an ampersand (&). The source uses & to represent it. The visible text is "Technical & Functional Skills:". So we should output

                                                  Technical & Functional Skills:

                                                  . That includes the actual ampersand character, not the entity. That would be a change from the source representation, but it's the visible text. The instruction says preserve all original content word-for-word. The original content includes the ampersand character (rendered). The source uses & to encode it, but the content is the ampersand. I think it's safe to output the ampersand character. Thus we will output headings with the visible text. Now after "Technical & Functional Skills:" we have a paragraph with

                                                  Understands the customer service ethos and its practical application

                                                  etc. Then a

                                                  Basic understanding of Standard Operating Procedures (SOPs) for:

                                                  then the
                                                    list. Then

                                                    Knowledge of the Consumer Protection Act & Liquor Act 

                                                    etc. We need to preserve all that. Now "Key Responsibilities:" heading:

                                                    Key Responsibilities:

                                                    => output

                                                    Key Responsibilities:

                                                    Then there is

                                                    (empty). Then

                                                    Customer Service & Feedback

                                                    => visible text "Customer Service & Feedback". So output

                                                    Customer Service & Feedback

                                                    ? Actually it's a subheading within responsibilities. Should we output as

                                                    Customer Service & Feedback

                                                    ? The instruction says use

                                                    for section headers like Responsibilities, Qualifications, etc. It doesn't mention subheadings, but we can still use

                                                    for them. Probably yes. Then the content under that is paragraphs: "Deliver outstanding customer service and resolve customer issues efficiently." etc. Those are paragraphs. Then

                                                    Store Standards & Compliance

                                                    => output

                                                    Store Standards & Compliance

                                                    Then paragraphs. Then

                                                    Communication

                                                    =>

                                                    Communication

                                                    Then paragraphs. Then

                                                    Frontline Management

                                                    =>

                                                    Frontline Management

                                                    Then paragraphs. Then

                                                    Social Responsibility

                                                    =>

                                                    Social Responsibility

                                                    Then paragraphs. Then

                                                    Administration & Projects

                                                    =>

                                                    Administration & Projects

                                                    Then paragraphs. Then

                                                    Leadership & Personal Accountability

                                                    =>

                                                    Leadership & Personal Accountability

                                                    Then paragraphs. Then

                                                    People Management & Development:

                                                    => visible text "People Management & Development:" (including colon). So output

                                                    People Management & Development:

                                                    Then paragraphs. Then

                                                    Finance & Administration:

                                                    =>

                                                    Finance & Administration:

                                                    Then paragraphs. Then there is a paragraph with If you like wild growth and working with happy, enthusiastic over-achievers, you'll enjoy your career with us! That's italicized. We need to preserve it. The instruction says use

                                                    for introductory paragraphs and general text. It doesn't mention . We can output the text inside

                                                    without the tag. The original includes tags around the text. The visible text is "If you like wild growth and working with happy, enthusiastic over-achievers, you'll enjoy your career with us!" The tags are markup. We should output the text as a paragraph:

                                                    If you like wild growth and working with happy, enthusiastic over-achievers, you'll enjoy your career with us!

                                                    Then there are empty paragraphs. Then

                                                    Discover who we are

                                                    => visible text "Discover who we are". So output

                                                    Discover who we are

                                                    Then empty paragraphs. Now we need to ensure we use

                                                    for section headers

Apply Now ↗

How well do you match?

Get an instant AI match score for this role — free, takes 3 minutes.

Tailor your CV for this role

The concierge rewrites your whole CV and writes a matching cover letter for this job — opens right here, nothing to paste.

Tailor My CV to This Job ✍️

Free cover letter for this job

Upload your CV and get a tailored cover letter in seconds — free, no account needed.

Generate a Cover Letter 📝

Join Our Kenya Channels

Get free job alerts on your phone

MJC
ECHO
Your MJC Assistant

I'm ECHO, your MJC career assistant. I can help you find jobs, explore career tools, and connect with opportunities across Africa.

How was your experience with ECHO?