Monochrome Minimalist

<html>
    <head>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">


        <style type="text/css">
             body {
                 font-family: 'Open Sans', sans-serif;
                 background:url('https://www.designbolts.com/wp-content/uploads/2012/12/Triangle-White-Seamless-Patterns.jpg');

             }

             .container {
                 margin:0 auto;
                 padding:5px;
                 width:250px;
                 height:auto;
                 border:1px solid #999;
                 color:#000;
                 text-align:center;
                 background:#fff;
             }

             .container img {
               width:60px;
               margin: 5px 5px 0px 5px;
               border:1px solid #999;
             }

             .header {
                 margin:0 auto;
                 width:218px;
                 height:25px;
                 padding:5px 5px 5px 21px;
                 border:1px solid #999;
                 text-align:center;
             }

            .avatar img{
                width:245;
                height:auto;
                margin:0 auto;
                border:1px solid #999;
                text-align: center;
            }


             .content {
                 width:235px;
                 padding:5px;
                 height:auto;
                 margin:0 auto;
                 font-size:10px;
                 color:#000;
                 border:1px solid #999;
                 text-align:center;
             }


             strong {
                 color:#889a94;
                 font-size:16px;
                 text-transform:bold;
                 font-variant: small-caps;
                 letter-spacing:20px;
                 text-align:center;
             }

             span {
                 font-variant: small-caps;
                 color:#889a94;
                 font-weight:700;
                 font-size:14px;
                 padding-left:2px;
                 padding-right:2px;

             }

        </style>
    </head>

    <body>

        <div class="container" style="margin-top:150px;">
            <div class="header"><strong>hendrix</strong></div>
       <div class="avatar" style="margin-top:5px; margin-bottom:5px;">
            <img src="https://dazedimg-dazedgroup.netdna-ssl.com/900/azure/dazed-prod/1170/9/1179552.jpg" >
        </div>
        <div class="content">
            <span>name.</span> Hendrix Thorne
            <span>age.</span> 21 <BR>
            <span> gen. </span> Non-Binary <span>sex.</span> Queer<BR>
            <span>occ.</span> Racer <span>per.</span> Casual. Curious.
        </div>
        <img src="https://cdn.vox-cdn.com/thumbor/uZgAgaHHKeLdlV2BB0HScvFlVf0=/0x0:1920x1080/1400x1400/filters:focal(231x87:1099x955):format(jpeg)/cdn.vox-cdn.com/uploads/chorus_image/image/49962493/image-fixe.1467040489.jpg" target="_blank">

        <img src="https://assets.vogue.com/photos/589180b0fb0604bf1f5c3897/1:1/w_640,h_640,c_limit/01-willow-smith.jpg target="_blank">

        <img src="https://www.rap-up.com/app/uploads/2016/11/willow-smith-hair-feat.jpg" target="_blank">

        </div>

        <div style="position:fixed; bottom: 10px; right: 10px;">
        <a href="http://www.queercodes.tumblr.com"><img src="https://i.ibb.co/SN2rBg4/Logo-Makr-23-If-VB.png" alt="no image text" width="70px;"/></a>
    </div>
    </body>
</html>