_static/html/evaluation_instruction.html

<div style="background-color: #f9f9f9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); margin-bottom: 20px; max-height: 780px; overflow-y: auto; overflow-x: hidden;">
    <h2 style="color: #2c3e50; text-align: center;">Evaluation Instructions</h2>
    <p style="font-size: 16px; color: #34495e; line-height: 1.6;">
      Welcome to the evaluation process! Please follow the steps below to complete your evaluation:
    </p>
    <ol style="font-size: 16px; color: #34495e; line-height: 1.8;">
      <li><strong>Decision Making:</strong>Please respond with either <strong>Yes</strong> or <strong>No</strong> to the question: "Would you like to purchase the stock?"</li>
      <li><strong>Reason:</strong> Write down the reason for your choice in the free text box labeled "The reason of your choice".</li>
      <li><strong>Evaluation Criteria:</strong> After making your decision, please evaluate the system in the following aspects:
        <ul>
          <li><strong>Trust:</strong> How much do you trust the financial advisor? Answer from 1 to 100.</li>
          <li><strong>Satisfaction:</strong> How satisfied are you with the financial advisor? Answer from 1 to 100.</li>
          <li><strong>Knowledgeable:</strong> How knowledgeable do you feel after interacting with the financial advisor? Answer from 1 to 100.</li>
          <li><strong>Helpful:</strong> How helpful do you find the financial advisor? Answer from 1 to 100.</li>
        </ul>
      </li>
      <li>After completing all the evaluation criteria, <strong>click the "Send: Evaluation" button</strong> to submit your responses.</li>
    </ol>
    <p style="font-size: 16px; color: #34495e;">Thank you for your participation in this evaluation process!</p>
  </div>