Untitled
unknown
html
a year ago
2.5 kB
4
Indexable
Never
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<h1 style="background-color: grey; color: white; margin: 1%; padding: 0.5%; font-size: 50px;">Dashboard</h1>
<div style="float:left; background-color:rgb(240, 235, 250); margin-left: 1%">
<article style="margin-left: 5%;">
<img src="./AVATAR.jpg" width="60%">
<figcaption style="font-size: 20px; font-weight: 500; text-align:left;">Marcus Doe <p> Developer</p>
</figcaption>
<button type="button" class="btn btn-success btn-lg">Follow</button>
<button type="button" class="btn btn-danger btn-lg">Message</button>
<div style="margin-top: 5%;">
<a href="#">
<span class="glyphicon glyphicon-home" style="font-size: 20px;"></span>
<span style="font-size: 22px; margin-left: 2%;"> Overview </span>
</a>
</div>
<div style="margin-top: 5%;">
<a href="#">
<span class="glyphicon glyphicon-user" style="font-size: 20px;"></span>
<span style="font-size: 22px; margin-left: 2%;"> Account Settings </span>
</a>
</div>
<div style="margin-top: 5%;">
<a href="#">
<span class="glyphicon glyphicon-ok" style="font-size: 20px;"></span>
<span style="font-size: 22px; margin-left: 2%;"> Tasks </span>
</a>
</div>
<div style="margin-top: 5%; margin-bottom: 5%;">
<a href="#">
<span class="glyphicon glyphicon-flag" style="font-size: 20px;"></span>
<span style="font-size: 22px; margin-left: 2%;"> Help </span>
</a>
</div>
</article>
</div>
<div style="float:unset;">
<article style="padding-left: 5%; font-size: large;"> Some user related content... </article>
</div>
<h3 style="text-align: center; margin-top: 30%; font-weight: bold;">Email - <span
style="color:rgb(52, 141, 224)">Marcus@gmail.com</span></h3>
</body>
</html>