index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- meta give extra data and tella that encoding is utf 8 is  -->


    <title>🤚asad personl site</title>
    <meta name="description" content="asad has website" </head>

<body>
    <table cellspacing="20 ">
        <tr>
            <td>
                <img src="https://image.shutterstock.com/image-vector/keep-simple-business-concept-lightbulbs-260nw-489515029.jpg"
                    alt="
            Error" height="150px" width="150px">
            </td>


            <td>

                <h1>Asad is Web develper</h1>
                <i>
                    <p>undergraduate student </p>
                </i>
                <em>
                    <p>undergraduate <strong> student</strong> </p>
                </em>
                <!-- it is good practise to use em -->
                <!-- in place of bold use strong -->
                <p> i am an ios and web developer , i love coffee</p>


            </td>
        </tr>
    </table>

    <hr noshade>

    <h3> Books and teaching</h3>
    <ul>
        <li> atomic habit</li>
        <li>rich and poor dad</li>
        <li>secret</li>

    </ul>
    <!-- <hr noshade> -->

    <!-- <h3>Expirence</h3>
    <p>2010-2013 android</p>
    <p>2010 researcher at google</p> -->
    <!-- not proper indent  -->
    <hr noshade>
    <h3>Skills</h3>
    <table cellspacing="20">
        <tr>
            <td>
                Ios developer
            </td>
            <td>
                ✭✭✭✭✭
            </td>

            <td>
                Photography
            </td>
            <td>
                ✭✭✭
            </td>
        </tr>

        <tr>
            <td>
                Web developer
            </td>
            <td>
                ✭✭✭✭
            </td>

            <td>
                Painting
            </td>
            <td>
                ✭✭
            </td>
        </tr>
    </table>
    <hr noshade>

    <table>
        <thead>
            <tr>
                <th>Dates</th>
                <th>Work</th>
            </tr>

        </thead>
        <tbody>

        </tbody>

        <tfoot>

        </tfoot>
        <!-- this is good practise to use different setion -->
        <tr>
            <td>2010-2013</td>
            <td>Android</td>
        </tr>
        <tr>
            <td>2010</td>
            <td>Researcher at google</td>
        </tr>
    </table>




    <a href="hobbies.html">MY Hobbies</a><br>
    <a href="contact.html">Contact Me</a>











</html>