_static/html/final_evaluation.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;">
    <!-- Heading -->
    <h2 style="color: #2c3e50; text-align: center; margin-bottom: 20px; font-size: 20px; font-weight: 600;">
        Instruction: Final Evaluation
    </h2>
    
    <!-- User Instruction -->
    <p style="text-align: left; font-size: 16px; color: #34495e; margin-bottom: 20px;">
        Based on your discussion with your financial advisor, please rank the individual stocks below according to your desire to invest in each one. Use the following guidelines to assign a unique rank to each stock:
    </p>
    
    <!-- Ranking Instructions List -->
    <ul style="font-size: 16px; color: #34495e; margin-left: 20px; margin-bottom: 20px;">
        <li><strong>Rank 1:</strong> The stock you are most eager to invest in.</li>
        <li><strong>Rank 2:</strong> The second most preferred stock for investment.</li>
        <li><strong>Rank 3:</strong> A stock you are moderately interested in investing in.</li>
        <li><strong>Rank 4:</strong> The second least preferred stock for investment.</li>
        <li><strong>Rank 5:</strong> The stock you are least likely to invest in.</li>
    </ul>
    
    <!-- Important Note -->
    <p style="text-align: left; font-size: 16px; color: #e74c3c; margin-bottom: 20px;">
        <strong>Important:</strong> Each stock must receive a different rank (from 1 to 5), and no two stocks can share the same rank.
    </p>
    
    <!-- Final Instruction -->
    <p style="text-align: left; font-size: 16px; color: #34495e;">
        After assigning a rank to each stock, click the <strong>"Submit Ranking"</strong> button to submit your preferences.
    </p>
</div>