Photo Card

<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400&display=swap" rel="stylesheet">


    <style type="text/css">
        body {
            background: url('https://cdn.wallpapersafari.com/47/56/zX5yw2.jpg') no-repeat;
            background-size: fit;
            color:#fff;}

        .container {
            margin:0 auto;
            top:100px;
            width:700px;
            height:500px;
            background: url('https://www.toptal.com/designers/subtlepatterns/patterns/zwartevilt.png');
            background-size:fit;
            padding-left:10px;
            text-align:center;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            overflow: hidden;}

        .container img {
            width:400px;
            float:right;
            padding-left: 10px; }

        h1 {
            padding:70px 0px 50px 0px;
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 70pt;
            line-height: 0pt;
            text-transform: uppercase;
            font-weight: 200;
            border-bottom: 2px solid #fff;}

        p {
            display: inline;
            font-family: 'Source Sans Pro', sans-serif;
            font-size:10pt;
            line-height: 20px;
            text-align: center; }

        span {
            font-family: 'Source Sans Pro', sans-serif;
            font-weight: 500;
            font-style: oblique;}

    </style>
 </head>

    <body>

    <div class="container" style="margin-top:100px;">

        <img src="https://www.thefashionisto.com/wp-content/uploads/2012/12/jake001-800x1000.jpg">

        <h1>Hutch</h1><BR>

        <p>
            Twenty Three | 5" 10 | 160lbs <BR>

            Brunette | Hazel | Athletic<BR>

            <Strike>Musician</Strike> | Single | Londoner<BR><BR>

<span>In a dream I was a werewolf, my soul was filled with crystal light.
Lavender ribbons of rain sang, ridding my heart of mortal fight </span>

            <BR><BR>
                Loyal | Protective | Loner
            </p>
    </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>

    </body>