01. HTML-Projects/10.oscor-award-winner-list-project/index.html

<!DOCTYPE html>
<html lang="en">

<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>Oscar awards winners list</title>
    <style>
        table,
        td,
        th {
            border: 1px solid black;
            border-collapse: collapse;
        }
    </style>
</head>

<body>
    <h1>Oscar Awards Winners List 2023</h1>
    <table>
        <thead>
            <th>S.No</th>
            <th>Winner Name</th>
            <th>Winner Pic</th>
            <th>Category</th>
            <th>Country Flag</th>
            <th>View Profile</th>
        </thead>

        <tbody>
            <tr>
                <td>1</td>
                <td>Scarlett Johansson</td>
                <td><img src="./assets/scarlett.jpg" alt="Image not available" width="200px" height="130px" /></td>
                <td>Best Actress</td>
                <td>
                    <img src="./assets/america.png" alt="Image not available" width="200px" height="130px" />
                </td>
                <td><a href="https://www.instagram.com/scarlettjohanssonworld/?hl=en" target="_blank">View Info</a></td>
            </tr>

            <td>2</td>
            <td>Sarukh Khan</td>
            <td><img src="./assets/sarukh.jpg" alt="Image not available" width="200px" height="130px" /></td>
            <td>Best Actor</td>
            <td>
                <img src="./assets/india.png" alt="Image not available" width="200px" height="130px" />
            </td>
            <td><a href="https://www.instagram.com/iamsrk/?hl=en" target="_blank">View Info</a></td>
            </tr>

            <tr>
                <td>3</td>
                <td>Sunny Leone</td>
                <td><img src="./assets/sunny.jpg" alt="Image not available" width="200px" height="130px" /></td>
                <td>Best Actress</td>
                <td>
                    <img src="./assets/india.png" alt="Image not available" width="200px" height="130px" />
                </td>
                <td><a href="https://www.instagram.com/sunnyleone/reels/?hl=en" target="_blank">View Info</a></td>
            </tr>

            <td>1</td>
            <td>Vin Diesel</td>
            <td><img src="./assets/vin-diesel.jpg" alt="Image not available" width="200px" height="130px" /></td>
            <td>Best Actor</td>
            <td>
                <img src="./assets/america.png" alt="Image not available" width="200px" height="130px" />
            </td>
            <td><a href="https://www.instagram.com/vindiesel/" target="_blank">View Info</a></td>
            </tr>

            <tr>
                <td>5</td>
                <td>Priyanka Chopra</td>
                <td><img src="./assets/priyanka.jpg" alt="Image not available" width="200px" height="130px" /></td>
                <td>Best Actress</td>
                <td>
                    <img src="./assets/india.png" alt="Image not available" width="200px" height="130px" />
                </td>
                <td><a href="https://www.instagram.com/priyankachopra/?hl=en" target="_blank">View Info</a></td>
            </tr>
        </tbody>
    </table>
</body>

</html>