<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>brandrsn.com</title>
    <link rel="shortcut icon" href="favicon.ico" sizes="256x256" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta name="robots" content="all" />
    <meta name="MSSmartTagsPreventParsing" content="true" />
    <meta http-equiv="imagetoolbar" content="false" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1"
    />

    <style>
      * {
        padding: 0;
        margin: 0;
      }
      body {
        background-color: #333;
      }
      p {
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 26px;
        -webkit-font-smoothing: antialiased;
      }
      a {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      }
      a:hover {
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 1);
      }
      #monogram {
        width: 50px;
        padding: 50px 0 0 0;
        margin: 0 auto 0 50px;
      }
      #about {
        width: 400px;
        padding: 0 0 0 150px;
        margin: -35px 50px 0 auto !important;
      }
      @media (max-width: 767px) {
        #monogram {
          position: relative;
          width: auto;
          padding: 20px;
          margin: 0;
        }
        #about {
          position: relative;
          width: auto;
          padding: 20px;
          margin: 0 !important;
        }
      }
    </style>

    <link
      href="https://fonts.googleapis.com/css?family=Montserrat"
      rel="stylesheet"
    />
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.1.18/jquery.backstretch.min.js"></script>

    <script type="text/javascript">
      $(function () {
        $(window)
          .resize(function () {
            if ($(this).width() >= 1) {
              $.backstretch("darkbg.jpg", { speed: 150 })
            }
          })
          .resize()
      })
    </script>

    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=UA-72021815-2"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || []
      function gtag() {
        dataLayer.push(arguments)
      }
      gtag("js", new Date())
      gtag("config", "UA-72021815-2")
    </script>
  </head>

  <body>
    <div id="monogram">
      <img src="brandrsn.png" alt="Brand RSN Logo" />
    </div>

    <div id="about">
      <p>Hi, my name is Brian.</p>
      <p>
        I'm based in Edinburgh and am a Co-Founder of Captuvate, a
        <a href="http://www.captuvate.com/">trade show lead capture app</a>.
      </p>
      <p>
        I'm a father of one (a wee boy) and, outside of work, I love reading
        about sales, marketing, and SaaS products. And watching
        <a rel="nofollow" href="https://twitter.com/rangersfc">football</a>.
      </p>
      <p>
        <a rel="nofollow" href="https://twitter.com/brandrsn"
          >You can find me on Twitter</a
        >
        and if you'd like to contact me you can probably guess my email address…
      </p>
    </div>
  </body>
</html>
