6.3. Maker Widget

<html>

<head>
  <style>
    @import url('https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap');

    .fixed_maker {
      display: flex;
      align-items: center;
      left: 0;
      bottom: 0;
      font-size: 0.8rem;
      font-family: 'Open Sans', sans-serif;
      position: fixed;
      font-weight: 300;
      z-index: 99;
      border-top-right-radius: 5px;
      padding: 0.3rem 1rem;
      border-top: 1px solid #E2E8F0;
      border-right: 1px solid #E2E8F0;
      background: #fff;
      color: #494949;
      box-shadow: -1px 1px 5px #dbdbdb;
      text-decoration: none;

    }

    .fixed_maker:hover,
    .imgpor_maker:hover {
      color: #456FB8;
    }

    .imgpor_maker {
      border-radius: 3em;
      border: 2px solid #dfdfdf;
      width: 1.5rem;
      height: 1.5rem;
      margin-right: 0.5rem;
      vertical-align: middle;
    }

    .imgpor_maker:hover {
      border: 2px solid #456FB8;
    }
  </style>
</head>

<body>

  <a target="blank" href="YOUR_TWITTER_URL_HERE">
    <div class="fixed_maker">
      <div>
        <img class="imgpor_maker" src="YOUR_TWITTER_PHOTO_URL_HERE">
      </div>
      <div>
        <div>
          <span>Built by @username</span>
        </div>
      </div>
    </div>
  </a>
</body>

</html>