Untitled

<html>
    <head>
        <title>Badhon</title>
    </head>

    <body>
        <div>
        <img class="picture" src="images/picture.jpg">
        <h1 class="name">Emtiaz Shahriar</h1>
        <h1 class="nick">xlr88</h1>
        <h2>Weabooo</h2>
        <h3>PUBG Noob</h3>
        </div>

    <script type="application/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script>
        $( ".name" ).click(function() {
          $(this).addClass("yellow");
        });
    </script>
    </body>

<style>
    img {
        height: 500px;
        width: 500px;
    }
    div {
        text-align: center;
    }
    .name {
        color: red;
    }

    .yellow {
        color: yellow;
    }
    .nick {
        color: blue;
    }

    .rotate {
        transform: rotate(20deg);
    }
</style>
</html>