Untitled

avatar
unknown
html
3 years ago
2.5 kB
12
Indexable
<!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>
Editor is loading...