index.html

<html>
    <head>
        <meta name="description" content="this is my first attempt"> 
        <!--use to show desc. in serarch egn-->
        <title>test.html</title>
        <link rel="stylesheet" href="style.css">
        <style>
            hr{
                border-top: dotted 8px; color: gray;
                width: 5%;
            }
        </style>
    </head>
    <body>
        
        <!--<center><h1 style = "color : red">Portfolio <br></h1></center>-->
        <center><h1>Portfolio <br></h1></center>
        <table cellspacing="10px">
            <tr>
        <td><img src = "adarsh-balak.jpg" size =""alt = "Adarsh" style="width:200px;height:200px"></td> <!--this is inline css-->
        <td><h2>Thats my First Website</h2><em>A <strong>'student'</strong></em></td>
        <td></td>
            </tr>
        </table>
        <!--<img src = "adarsh-balak.jpg" size =""alt = "Adarsh" width="200" height="200">-->
        <hr>
        <h3><a href="#">My preferences</a></h3>
        <ul>
            <li>Web devlopment
                <ul>
                    <li>front end</li>
                    <li>back end</li>
                </ul>
            </li>
            <li>python
                <ul>
                    <li>AI
                        <ul>
                            <li>ML</li>
                            <li>DL</li>
                            <li>Automation</li>
                        </ul>
                    </li>
                    <li>App designing</li>
                    <li>Web desinging</li>

                </ul>
            </li>
            <li>App devlopment</li>
        </ul>
        <hr>
        <h3>Hobbies</h3>
        <ol>
            <li>
                Surffing on Internet
                <ol>
                    <li>Youtube</li>
                    <li>Reading or lisnting about new tech.</li>
                    <li>Songs</li>
                </ol>
            </li>
            <li>Explore New Things</li>
        </ol>
        <hr>
        <table border="2px" solid black; borde-collapse : collapse;>
            <thead><!--it not necessary to use thead and tbody tag-->
                <tr>
                    <th colspan="2">Skills</th>
                    <th>Hobbies</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Web Dev</td>
                    <td>121212</td>
                    <td>Learning new things</td>
                </tr>
                <tr>
                    <td>ML</td>
                    <td>121212</td>

                    <td>exploration</td>
                </tr>
            </tbody>
        </table>
        <a href="form.html" target="_blank">Form</a><br>
        <a href="payment.html" target="_blank">Donation page</a>

    </body>


</html>