terraform-ec2-infras-deployment / index.html
index.html
Raw
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Report Generating template</title>
</head>
<body style="margin:0px;padding:0px;box-sizing:border-box">
    <div style="margin:0 auto;width:700px;">
        <section style="background-image:url('https://i.postimg.cc/0jnyDm4B/banner.jpg');height:311.06px;background-color:#cccccc;background-repeat:no-repeat;background-size:cover;">
            <div style="margin:0 auto;width:80%;height:95%;padding-top:25px">
            <table style="height:100%">
                <tr>
                    <td style="vertical-align:top;">
                        <img src="" alt="Company Logo" width="40%" />
                    </td>
                </tr>
                <tr>
                    <td style="vertical-align:bottom;"><h4 style="padding:5px;border-radius:7px;width:85%;background-color:#2D3E50;font-family:'DM Sans';font-style:normal;font-weight:700;font-size:20px;line-height: 16px;letter-spacing:-0.06em;color:#F0F0F0;">14 Jan, 2023</h4></td>
                </tr>
            </table>
            </div>
        </section>
        <section style="background-color:#F0F0F0;padding-top:30px;">
            <div style="margin:0 auto;width:98%;height:49.41px;background:#E9E9E9;">
                <div style="margin:0 auto;width:93%;height:100%;"><p style="font-size:25.379px;color:#2D3E51;font-family:'DM Sans';font-style:normal;font-weight:700;letter-spacing:-0.05em;line-height:45px;">Insight</p></div>
            </div>
            <div style="margin:0 auto;width:100%;padding-top:10px">
                <table style="margin:0 auto;width:92%;">
                    <tr style="height:98.15px;">
                        <td style="background-color:#FFFFFF;width:33%;vertical-align:top;border-radius:2.69512px;box-shadow:0px 0.898372px 11.4542px rgba(0, 0, 0, 0.07);">
                            <div style="padding-right:5px; line-height:10px;">
                                <img src="https://i.postimg.cc/5yKMfmTb/vector.png" width="11.45px" alt="Vector Icon" align="right" />
                                <p style="font-size:13.251px;color:#8E8E8E;font-family:'DM Sans';font-style:normal;text-align:center;font-weight:700;letter-spacing:-0.05em;">Actual vs Planned Visit</p>
                                <p style="font-size:20.6625px;color:#696969;font-family:'Inter';font-style:normal;text-align:center;font-weight:600;letter-spacing:-0.05em;">50/70</p>
                            </div>
                        </td>
                        <td style="background-color:#FFFFFF;width:33%;vertical-align:top;border-radius:2.69512px;box-shadow:0px 0.898372px 11.4542px rgba(0, 0, 0, 0.07);">
                            <div style="padding-right:5px;text-align:center;line-height:10px;">
                                <img src="https://i.postimg.cc/5yKMfmTb/vector.png" width="11.45px" alt="Vector Icon" align="right" />
                                <p style="font-size:13.251px;color:#8E8E8E;font-family:'DM Sans';font-style:normal;font-weight:700;letter-spacing:-0.05em;">Total Payment Received</p>
                                <p style="font-size:13.251px;color:#8E8E8E;font-family:'DM Sans';font-style:normal;font-weight:700;">#3,000,000</p>
                                <p style="font-size:9.20831px;color:#8E8E8E;font-family:'Inter';font-style:normal;font-weight:400;">Volume : 50</p>
                                <p style="margin-left:90px;border-radius:5px;font-size:9.20831px;color:#047857;display:inline-block;margin:0 auto;padding:1px;background-color:#adf8e3;font-family:'Inter';font-style:normal;text-align:center;font-weight:400;">100%</p>
                            </div>
                        </td>
                        <td style="background-color:#FFFFFF;width:33%;vertical-align:top;border-radius:2.69512px;box-shadow:0px 0.898372px 11.4542px rgba(0, 0, 0, 0.07);">
                            <div style="padding-right:5px;text-align:center;line-height:10px;">
                                <img src="https://i.postimg.cc/5yKMfmTb/vector.png" width="11.45px" alt="Vector Icon" align="right" />
                                <p style="font-size:13.251px;color:#8E8E8E;font-family:'DM Sans';font-style:normal;font-weight:700;letter-spacing:-0.05em;">Total Sales</p>
                                <p style="font-size:13.251px;color:#8E8E8E;font-family:'DM Sans';font-style:normal;font-weight:700;">#3,000,000</p>
                                <p style="font-size:9.20831px;color:#8E8E8E;font-family:'Inter';font-style:normal;font-weight:400;">Volume : 50</p>
                                <p style="margin-left:75px;border-radius:5px;font-size:9.20831px;color:#047857;background-color:#adf8e3;font-family:'Inter';font-style:normal;font-weight:400;display:inline-block;margin:0 auto;padding:1px;">100%</p>
                            </div>
                        </td>
                    </tr>
                    <tr style="height:98.15px;">
                        <td style="background-color:#FFFFFF;width:33%;vertical-align:top;border-radius:2.69512px;box-shadow:0px 0.898372px 11.4542px rgba(0, 0, 0, 0.07);">
                            <div style="padding-right:5px;line-height:10px;">
                                <img src="https://i.postimg.cc/5yKMfmTb/vector.png" width="11.45px" alt="Vector Icon" align="right" />
                                <p style="font-size:13.251px;color:#8E8E8E;font-family:'DM Sans';font-style:normal;text-align:center;font-weight:700;letter-spacing:-0.05em;">Active/Total Field Users</p>
                                <p style="font-size:20.6625px;color:#696969;font-family:'Inter';font-style:normal;text-align:center;font-weight:600;letter-spacing:-0.05em;">50/70</p>
                            </div>
                        </td>
                        <td style="background-color:#FFFFFF;width:33%;vertical-align:top;border-radius:2.69512px;box-shadow:0px 0.898372px 11.4542px rgba(0, 0, 0, 0.07);">
                            <div style="padding-right:5px;text-align:center;line-height:10px;">
                                <img src="https://i.postimg.cc/5yKMfmTb/vector.png" width="11.45px" alt="Vector Icon" align="right" />
                                <p style="font-size:13.251px;color:#8E8E8E;font-family:'DM Sans';font-style:normal;font-weight:700;letter-spacing:-0.05em;">New Outlets Registered</p>
                                <p style="font-size:20.6625px;color:#696969;font-family:'Inter';font-style:normal;font-weight:600;letter-spacing:-0.05em;">50</p>
                                <p style="margin-left:75px;border-radius:5px;font-size:9.20831px;color:#047857;background-color:#adf8e3;display:inline-block;margin:0 auto;padding:1px;font-family:'Inter';font-style:normal;font-weight:400;">100%</p>
                            </div>
                        </td>
                        <td rowspan="2" style="background-color:#FFFFFF;width:33%;vertical-align:top;border-radius:2.69512px;box-shadow:0px 0.898372px 11.4542px rgba(0, 0, 0, 0.07);">
                            <div style="padding-right:5px;text-align:center;line-height:10px;">
                                <img src="https://i.postimg.cc/5yKMfmTb/vector.png" width="11.45px" alt="Vector Icon" align="right" />
                                <p style="font-size:13.251px;color:#8E8E8E;font-family:'DM Sans';font-style:normal;font-weight:700;letter-spacing:-0.05em;">Productivity</p>
                                <img width="150px" src="https://quickchart.io/chart?c={type:'doughnut',data:{labels:['Productive','Unproductive'],datasets:[{data:[95,5], backgroundColor: ['rgb(236, 64, 25)', 'rgb(45, 62, 81)']}]}, options: {legend:{display:false},plugins:{doughnutlabel:{labels: [{ text: '95', font: { size: 40 } },],}}}}" alt="Productivity Chart" />
                            </div>
                        </td>
                    </tr>
                    <tr style="height:55px;">
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
            </div>
            <div style="margin:0 auto;width:98%;height:49.41px;background:#E9E9E9;">
                <div style="margin:0 auto;width:93%;height:100%;"><p style="font-size:25.379px;color:#2D3E51;font-family:'DM Sans';font-style:normal;font-weight:700;letter-spacing:-0.05em;line-height:45px;">Coverage</p></div>
            </div>
            <div style="margin:0 auto;width:100%;padding-top:10px">
                <table style="margin:0 auto;width:92%;">
                    <tr style="height:98.15px;width:100%;">
                        <td style="background-color:#FFFFFF;height:100%;width:33%;vertical-align:top;border-radius:2.69512px;box-shadow:0px 0.898372px 11.4542px rgba(0, 0, 0, 0.07);">
                            <div style="padding-right:5px;text-align:center;line-height:16px;">
                                <img src="https://i.postimg.cc/5yKMfmTb/vector.png" width="11.45px" alt="Vector Icon" align="right" />
                                <p style="font-size:13.251px;color:#8E8E8E;font-family:'DM Sans';font-style:normal;font-weight:700;letter-spacing:-0.05em;">Total Outlets Visited</p>
                                <p style="font-size:20.6625px;color:#696969;font-family:'Inter';font-style:normal;font-weight:600;letter-spacing:-0.05em;">50</p>
                                <p style="border-radius:5px;font-size:9.20831px;color:#047857;background-color:#adf8e3;font-family:'Inter';font-style:normal;display:inline-block;margin:0 auto;padding:0.5pxpx;font-weight:400;">100%</p>
                            </div>
                        </td>
                        <td style="background-color:#FFFFFF;height:100%;width:33%;vertical-align:top;border-radius:2.69512px;box-shadow:0px 0.898372px 11.4542px rgba(0, 0, 0, 0.07);">
                            <div style="padding-right:5px;text-align:center;line-height:10px;">
                                <img src="https://i.postimg.cc/5yKMfmTb/vector.png" width="11.45px" alt="Vector Icon" align="right" />
                                <p style="font-size:13.251px;color:#8E8E8E;font-family:'DM Sans';font-style:normal;font-weight:700;letter-spacing:-0.05em;">Productive Visits</p>
                                <p style="font-size:20.6625px;color:#696969;font-family:'Inter';font-style:normal;font-weight:600;letter-spacing:-0.05em;">50</p>
                                <p style="font-size:9.20831px;color:#8E8E8E;font-family:'Inter';font-style:normal;font-weight:400;">Total Value : #3,000,000</p>
                                <p style="margin-left:75px;border-radius:5px;font-size:9.20831px;color:#047857;background-color:#adf8e3;font-family:'Inter';font-style:normal;line-height:11px;display:inline-block;margin:0 auto;padding:1px;font-weight:400;">100%</p>
                            </div>
                        </td>
                        <td style="background-color:#FFFFFF;height:100%;width:33%;vertical-align:top;border-radius:2.69512px;box-shadow:0px 0.898372px 11.4542px rgba(0, 0, 0, 0.07);">
                            <div style="padding-right:5px;line-height:10px;">
                                <img src="https://i.postimg.cc/5yKMfmTb/vector.png" width="11.45px" alt="Vector Icon" align="right" />
                                <p style="font-size:13.251px;color:#8E8E8E;font-family:'DM Sans';font-style:normal;text-align:center;font-weight:700;letter-spacing:-0.05em;">Total Outlets</p>
                                <p style="font-size:20.6625px;color:#696969;font-family:'Inter';font-style:normal;text-align:center;font-weight:600;letter-spacing:-0.05em;">40</p>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div style="margin:0 auto;width:98%;height:49.41px;background:#E9E9E9;">
                <div style="margin:0 auto;width:93%;height:100%;"><p style="font-size:25.379px;color:#2D3E51;font-family:'DM Sans';font-style:normal;font-weight:700;letter-spacing:-0.05em;line-height:45px;">Top 3 Selling Products</p></div>
            </div>
            <div style="margin:0 auto;width:100%;padding-top:10px">
                <table style="margin:0 auto;width:92%;">
                    <tr style="height:98.15px;width:100%;">
                        <td style="background-color:#FFFFFF;height:100%;width:33%;vertical-align:top;border-radius:2.69512px;box-shadow:0px 0.898372px 11.4542px rgba(0, 0, 0, 0.07);">
                            <div style="padding-right:5px;text-align:center;line-height:10px;">
                                <img src="https://i.postimg.cc/5yKMfmTb/vector.png" width="11.45px" alt="Vector Icon" align="right" />
                                <p style="font-size:13.251px;color:#8E8E8E;font-family:'DM Sans';font-style:normal;font-weight:700;letter-spacing:-0.05em;">Laptops</p>
                                <p style="font-size:20.6625px;color:#696969;font-family:'Inter';font-style:normal;font-weight:600;letter-spacing:-0.05em;">50</p>
                                <p style="font-size:9.20831px;color:#8E8E8E;font-family:'Inter';font-style:normal;font-weight:400;">Total Value : #3,000,000</p>
                                <p style="margin-left:75px;border-radius:5px;font-size:9.20831px;color:#047857;background-color:#adf8e3;font-family:'Inter';font-style:normal;display:inline-block;margin:0 auto;padding:1px;font-weight:400;">100%</p>
                            </div>
                        </td>
                        <td style="background-color:#FFFFFF;height:100%;width:33%;vertical-align:top;border-radius:2.69512px;box-shadow:0px 0.898372px 11.4542px rgba(0, 0, 0, 0.07);">
                            <div style="padding-right:5px;text-align:center;line-height:10px;">
                                <img src="https://i.postimg.cc/5yKMfmTb/vector.png" width="11.45px" alt="Vector Icon" align="right" />
                                <p style="font-size:13.251px;color:#8E8E8E;font-family:'DM Sans';font-style:normal;font-weight:700;letter-spacing:-0.05em;">Gamepads</p>
                                <p style="font-size:20.6625px;color:#696969;font-family:'Inter';font-style:normal;font-weight:600;letter-spacing:-0.05em;">70</p>
                                <p style="font-size:9.20831px;color:#8E8E8E;font-family:'Inter';font-style:normal;font-weight:400;">Total Value : #3,000,000</p>
                                <p style="margin-left:75px;border-radius:5px;font-size:9.20831px;color:#047857;background-color:#adf8e3;font-family:'Inter';font-style:normal;display:inline-block;margin:0 auto;padding:1px;font-weight:400;">100%</p>
                            </div>
                        </td>
                        <td style="background-color:#FFFFFF;height:100%;width:33%;vertical-align:top;border-radius:2.69512px;box-shadow:0px 0.898372px 11.4542px rgba(0, 0, 0, 0.07);">
                            <div style="padding-right:5px;text-align:center;line-height:10px;">
                                <img src="https://i.postimg.cc/5yKMfmTb/vector.png" width="11.45px" alt="Vector Icon" align="right" />
                                <p style="font-size:13.251px;color:#8E8E8E;font-family:'DM Sans';font-style:normal;font-weight:700;letter-spacing:-0.05em;">Tyres</p>
                                <p style="font-size:20.6625px;color:#696969;font-family:'Inter';font-style:normal;font-weight:600;letter-spacing:-0.05em;">80</p>
                                <p style="font-size:9.20831px;color:#8E8E8E;font-family:'Inter';font-style:normal;font-weight:400;">Total Value : #3,000,000</p>
                                <p style="margin-left:75px;border-radius:5px;font-size:9.20831px;color:#047857;background-color:#adf8e3;font-family:'Inter';font-style:normal;display:inline-block;margin:0 auto;padding:1px;font-weight:400;">100%</p>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>

            <div style="margin:0 auto;width:98%;padding-top:40px;">
                <table width="100%">
                    <tr>
                        <td style="background-color:#E9E9E9;padding-bottom:40px">
                            <div style="margin:0 auto;width:87%;padding-top:6px">
                                <img src="https://i.postimg.cc/5yKMfmTb/vector.png" width="11.45px" alt="Vector Icon" align="right" margin-right="5px" margin-top="3px" />
                            </div>
                            <div style="margin:0 auto;width:87%;">
                                <p style="font-family:'DM Sans';font-style:normal;font-weight:700;font-size:25.379px;line-height:33px;letter-spacing:-0.05em;color: #2D3E51;
">Top 5 Field Reps</p>
                            </div>
                            <div style="margin:0 auto;width:87%;">
                                <table style="width:100%;border-spacing:0px 2px;">
                                    <tr style="width:100%;background-color:#FFFFFF;height:90.51px;margin-bottom:2px;border-radius:2.69512px;">
                                        <td>
                                            <div style="padding-left:9px;padding-top:12px;text-align:center;">
                                                <img src="https://www.linkpicture.com/q/rep1.png" style="width:63.11px;height: 64.01px;" alt="Rep Image" />
                                                <p style="margin-top:-1px;font-family:'Inter';font-style:normal;font-weight:500;font-size:10.7805px;color:#2D3E51;">Mike White</p>                                            
                                            </div>
                                        </td>
                                        <td>   
                                                <table style="height:100%;text-align:right;">
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Productivity</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:65px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">67%</td>
                                                    </tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Coverage</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:45px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">72%</td>
                                                    </tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Sales</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:59px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">91%</td>
                                                    </tr>
                                                </table>
                                        </td>
                                    </tr>
                                    <tr style="width:100%;background-color:#FFFFFF;height:90.51px;margin-bottom:2px;border-radius:2.69512px;">
                                        <td>
                                            <div style="padding-left:9px;padding-top:12px;text-align:center;">
                                                <img src="https://www.linkpicture.com/q/rep1.png" style="width:63.11px;height: 64.01px;" alt="Rep Image" />
                                                <p style="margin-top:-1px;font-family:'Inter';font-style:normal;font-weight:500;font-size:10.7805px;color:#2D3E51;">Mike White</p>                                            
                                            </div>
                                        </td>
                                        <td>    
                                                <table style="height:100%;text-align:right;">
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Productivity</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:65px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">67%</td>
                                                    </tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Coverage</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:45px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">72%</td>
                                                    </tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Sales</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:59px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">91%</td>
                                                    </tr>
                                                </table>
                                        </td>
                                    </tr>
                                    <tr style="width:100%;background-color:#FFFFFF;height:90.51px;border-radius:2.69512px;">
                                        <td>
                                            <div style="padding-left:9px;padding-top:12px;text-align:center;">
                                                <img src="https://www.linkpicture.com/q/rep1.png" style="width:63.11px;height: 64.01px;" alt="Rep Image" />
                                                <p style="margin-top:-1px;font-family:'Inter';font-style:normal;font-weight:500;font-size:10.7805px;color:#2D3E51;">Mike White</p>                                            
                                            </div>
                                        </td>
                                        <td>
                                            <div></div>    
                                                <table style="height:100%;text-align:right;">
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Productivity</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:65px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">67%</td>
                                                    </tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Coverage</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:45px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">72%</td>
                                                    </tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Sales</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:59px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">91%</td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </td>
                        <td style="background-color:#E9E9E9;padding-bottom:40px">
                            <div style="margin:0 auto;width:87%;padding-top:6px">
                                <img src="https://i.postimg.cc/5yKMfmTb/vector.png" width="11.45px" alt="Vector Icon" align="right" />
                            </div>
                            <div style="margin:0 auto;width:87%;">
                                <p style="font-family:'DM Sans';font-style:normal;font-weight:700;font-size:25.379px;line-height:33px;letter-spacing:-0.05em;color: #2D3E51;
">Bottom 5 Field Reps</p>
                            </div>   
                            <div style="margin:0 auto;width:87%;">
                                <table style="width:100%;border-spacing:0px 2px;">
                                    <tr style="width:100%;background-color:#FFFFFF;height:90.51px;margin-bottom:2px;border-radius:2.69512px;">
                                        <td>
                                            <div style="padding-left:9px;padding-top:12px;text-align:center;">
                                                <img src="https://www.linkpicture.com/q/rep1.png" style="width:63.11px;height: 64.01px;" alt="Rep Image" />
                                                <p style="margin-top:-1px;font-family:'Inter';font-style:normal;font-weight:500;font-size:10.7805px;color:#2D3E51;">Mike White</p>                                            
                                            </div>
                                        </td>
                                        <td>
                                            <div></div>    
                                                <table style="height:100%;text-align:right;">
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Productivity</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:65px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">67%</td>
                                                    </tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Coverage</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:45px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">72%</td>
                                                    </tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Sales</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:59px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">91%</td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr style="width:100%;background-color:#FFFFFF;height:90.51px;margin-bottom:2px;border-radius:2.69512px;">
                                        <td>
                                            <div style="padding-left:9px;padding-top:12px;text-align:center;">
                                                <img src="https://www.linkpicture.com/q/rep1.png" style="width:63.11px;height: 64.01px;" alt="Rep Image" />
                                                <p style="margin-top:-1px;font-family:'Inter';font-style:normal;font-weight:500;font-size:10.7805px;color:#2D3E51;">Mike White</p>                                            
                                            </div>
                                        </td>
                                        <td>
                                            <div></div>    
                                                <table style="height:100%;text-align:right;">
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Productivity</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:65px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">67%</td>
                                                    </tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Coverage</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:45px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">72%</td>
                                                    </tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Sales</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:59px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">91%</td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr style="width:100%;background-color:#FFFFFF;height:90.51px;border-radius:2.69512px;">
                                        <td>
                                            <div style="padding-left:9px;padding-top:12px;text-align:center;">
                                                <img src="https://www.linkpicture.com/q/rep1.png" style="width:63.11px;height: 64.01px;" alt="Rep Image" />
                                                <p style="margin-top:-1px;font-family:'Inter';font-style:normal;font-weight:500;font-size:10.7805px;color:#2D3E51;">Mike White</p>                                            
                                            </div>
                                        </td>
                                        <td>
                                            <div></div>    
                                                <table style="height:100%;text-align:right;">
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Productivity</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:65px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">67%</td>
                                                    </tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Coverage</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:45px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">72%</td>
                                                    </tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr></tr>
                                                    <tr>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:9.88209px;line-height:12px;color: #696969;">Sales</td>
                                                        <td><div style="width:7.64px;height:7.64px;border-radius:30px;background-color:#EC4019;"></div></td>
                                                        <td>
                                                            <div style="width:100px;height:7.64px;background:#E0E0E0;border-radius:6.2886px;margin-right:2px;margin-left:5px;">
                                                                <div style="width:59px;height:7.64px;background:#2D3E51;border-radius:6.2886px;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="font-family:'Inter';font-style:normal;font-weight:500;font-size:6.73779px;color:#696969;">91%</td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </section>
        <footer style="width:100%;background-color:#000000;padding-top:25px;">
            <table style="margin:0 auto;width:95%;padding-bottom:30px;">
                <tr>
                    <td style="width:30%;vertical-align:top">
                        <img src="" alt="Papyrus Logo" width="120px" />
                        <p style="font-family:'Inter';font-style:normal;font-weight:500;font-size:16px;line-height:22px;color:#aeb1b4;">Empowering managers to make informed decisions.</p>
                        <img src="https://dev.fieldmaxpro.com/assets/images/social_media_icons/facebook.png" style="width:15%;margin-right:0.5rem;" />
                        <img src="https://dev.fieldmaxpro.com/assets/images/social_media_icons/twitter.png" style="width:15%;margin-right:0.5rem;" />
                        <img src="https://dev.fieldmaxpro.com/assets/images/social_media_icons/linkedin.png" style="width:15%;margin-right:0.5rem;" />
                        <img src="https://dev.fieldmaxpro.com/assets/images/social_media_icons/pinterest.png" style="width:15%;margin-right:0.5rem;" />
                    </td>
                    <td style="width:35%;vertical-align:top">
                        <h4 style="font-family:'DM Sans';font-style:normal;font-weight:700;font-size:12px;color:#FFFFFF;">CONTACT INFO.</h4>
                        <p style="font-family:'Inter';font-style:normal;font-weight:500;font-size:16px;line-height:22px;color:#aeb1b4;">8a, Dipo Awolesi Street, Magodo, GRA Phase II, Lagos 09083506800, 08038225050</p>
                        <a href="mailto: info@papyrusfieldforce.com" style="font-family:'Inter';font-style:normal;font-weight:500;font-size:15px;">info@papyrusfieldforce.com</a>                  
                    </td>
                    <td style="vertical-align:top;padding-left:50px;">
                        <h4 style="font-family:'DM Sans';font-style:normal;font-weight:700;font-size:12px;color:#FFFFFF;">MORE LINKS</h4>
                        <div>
                            <div><a href="#" style="font-family:'Inter';font-style:normal;font-weight:500;font-size:16px;line-height:22px;color:#aeb1b4;text-decoration:none;">About Us</a></div>
                            <div><a href="#" style="font-family:'Inter';font-style:normal;font-weight:500;font-size:16px;line-height:22px;color:#aeb1b4;text-decoration:none;">Our Products</a></div>
                            <div><a href="#" style="font-family:'Inter';font-style:normal;font-weight:500;font-size:16px;line-height:22px;color:#aeb1b4;text-decoration:none;">FAQ</a></div>
                          </div>
                    </td>
                </tr>
            </table>
            <hr />
            <table style="margin:0 auto;width:95%">
                <tr>
                    <td style="color:#aeb1b4;font-family:'Inter';font-style:normal;font-weight:500;font-size:14px;padding-top:10px;padding-bottom:10px;">&copy;2023. All Rights Reserved.</td>
                </tr>
            </table>
        </footer>
    </div>
</body>
</html>