Untitled

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title></title>
      <style media = "all">
          .soc{
              padding:5%;
              width:15%;
          }
          .social-bar{
              margin:0 auto;
              /*background-color:black;*/
          }
      </style>
  </head>
  <body>
    <div class="header-container" style="background-color:#0A233F; width: 100%; height:20%;">
      <div class="header" style="padding:5%;">
        <a href="https://graduateschool.nd.edu/"><img alt="the Graduate School" src="https://gradconnect.nd.edu/www/images/gradschool_mark_H2_117.png" style="float: left; width: 1000px; width: 40%; margin-top:0 auto; margin-bottom: 0 auto;" /></a><a href="https://www.facebook.com/notredamegraduateschool/"><img alt="check us out on facebook" src="https://gradconnect.nd.edu/www/images/FindUs-FB-RGB-BRC-Site-500.png" style="width: 900px; width:20%; float: right;" /></a>
      </div>
    </div>

    <div class="message-container" style="overflow:auto; height:80%; background-color:#F6E7A1; padding-top:0; background-image: url(https://gradconnect.nd.edu/www/images/5_16_15%20Grad%20School%20Commencement%201-1.jpg); background-size: cover;">
      <div class="message" style="width:75%; margin: 0 auto; margin-top:5%; padding:5%; background-color: rgba(246,231,161,0.75); ">
        <p style="font-size:20px; font-size:calc(1vw + 1vh + 0.5vmin); opacity:1;">
          {{First}},
        </p>

        <p style="font-size:24px; font-size:calc(1vw + 1vh + 0.5vmin); opacity:1;">
          Make sure to <a href="https://www.facebook.com/notredamegraduateschool/">check out our Facebook page</a> to stay up to date with news, updates, and events from the Graduate School!
        </p>
        <div class="social-bar" style = "width:50%; height:10%;">
            <a href="https://www.facebook.com/notredamegraduateschool/"><img class="soc" src="https://gradconnect.nd.edu/www/images/f_logo_RGB-White_1024.png"/></a>
            <a href="https://www.youtube.com/channel/UC_T_ym2qOBrxYJFJbHELJGg/featured"><img class="soc" src="https://gradconnect.nd.edu/www/images/yt_icon_mono_dark.png"/></a>
            <a href=""><img class="soc" src=""/></a>
        </div>
      </div>
    </div>
  </body>
</html>