 <p>Try this and put profile image </p> <p><div class="snippet" data-lang="js" data-hide="false"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>$('img').on('click', function() { $('.hoverelement').toggle(); });</code></pre> <pre class="snippet-code-css lang-css prettyprint-override"><code>.hoverelement { display: none; border: solid 1px; width: 200px; text-align: left; position: absolute; z-index: 999; top: 100px; } .container { position: relative; top: 45px; float: right; text-align: right; } img { width: 100px; }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt; &lt;div class="container"&gt; &lt;img src="http://upload.wikimedia.org/wikipedia/commons/3/33/Vanamo_Logo.png" alt=""/&gt; &lt;div class="hoverelement"&gt; &lt;h1&gt;your content here&lt;/h1&gt; &lt;p&gt;put some content here&lt;/p&gt; &lt;/div&gt; &lt;/div&gt;</code></pre> </div> </div> </p>