I'm putting together a page where the user login appears at the top right. I need to know the command to insert the photo of the person next to the name. I currently put an icon to represent a person, but I would like it to be the photo.
This is the code I use to display the name and icon.
<li style="padding-right:15px"><span class="glyphicon glyphicon-user" style="color: #777"></span></li>
What technologies do you intend to use?
In this example I am using botstrap:
<ul class="dropdown-menu">
<!-- User image -->
<li class="user-header bg-light-blue">
<img src="../assets/img/imageUser.png" class="img-circle" alt="User Image">
<p>
<span style="text-transform: capitalize;"> User</span>
</p>
</li>
<!-- Menu Footer-->
<li class="user-footer">
<div class="pull-right">
<a href="view/logout.php" class="btn btn-default btn-flat">Sair</a>
</div>
</li>
</ul>
Result:
