Inboxes

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html>
 <head>
  <meta content="width=device-width" name="viewport"/>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <title>
   Login to Monzo
  </title>
  <style media="all" type="text/css">
   @media only screen {
	  .container {
	    padding: 10px;
	  }
	}


	@media only screen {
	  .content {
	    padding: 10px;
	  }
	}


	@media only screen and (max-width: 620px) {
	  table[class=body] h1,
	  table[class=body] h2,
	  table[class=body] h3,
	  table[class=body] h4 {
	    font-weight: 600 !important;
	  }
	  table[class=body] h1 {
	    font-size: 22px !important;
	  }
	  table[class=body] h2 {
	    font-size: 18px !important;
	  }
	  table[class=body] h3 {
	    font-size: 16px !important;
	  }
	  table[class=body] .content,
	  table[class=body] .wrapper {
	    padding: 10px !important;
	  }
	  table[class=body] .container {
	    padding: 0 !important;
	    width: 100% !important;
	  }
	  table[class=body] .btn table,
	  table[class=body] .btn a {
	    width: 100% !important;
	  }
	}


	@media only screen and (max-width: 620px) {
	  .header {
	    margin-bottom: 10px !important;
	    margin-top: 20px !important;
	  }
	  table[class=body] .wrapper {
	    padding: 40px 20px !important;
	  }
	}


	@media only screen and (max-width: 620px) {
	  .main.signup .panel:nth-of-type(2),
	    .main.signup .panel:nth-of-type(3) {
	    padding-bottom: 10px !important;
	  }
	}


	@media only screen and (max-width: 620px) {
	  .main.signup .panel:nth-of-type(1) img.intro {
	    width: 120px !important;
	  }
	}


	@media only screen and (max-width: 620px) {
	  .main.welcome .panel-intro img.intro {
	    width: 120px !important;
	  }
	}


	@media only screen and (max-width: 620px) {
	  .main.welcome .panel:not(.panel-intro) {
	    padding-bottom: 10px !important;
	  }
	}


	@media only screen and (max-width: 620px) {
	  .no-media-query {
	    display: none !important;
	  }
	  .small-screen-block {
	    width: 100% !important;
	    height: auto !important;
	    overflow: inherit !important;
	    float: none !important;
	    display: block !important;
	    max-height: none !important;
	    position: relative !important;
	  }
	}


	@media only screen {
	  .media-query-available--inline {
	    width: auto !important;
	    min-height: auto !important;
	    overflow: auto !important;
	    float: none !important;
	    display: inline !important;
	    max-height: auto !important;
	  }
	  .media-query-not-vailable {
	    display: none !important;
	  }
	}
  </style>
 </head>
 <body style="margin: 0; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; height: 100% !important; line-height: 1.6em; -webkit-font-smoothing: antialiased; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; width: 100% !important; background-color: #f6f6f6;">
  <table bgcolor="white" class="body" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background-color: white;" width="100%">
   <tr>
    <td style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 14px; vertical-align: top;" valign="top">
    </td>
    <td class="container" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 14px; vertical-align: top; display: block; margin: 0 auto !important; max-width: 580px; padding: 10px 0; width: 580px;" valign="top" width="580">
     <div class="content" style="box-sizing: border-box; display: block; margin: 0 auto; max-width: 580px; padding: 10px 0;">
      <div itemscope="" itemtype="//schema.org/EmailMessage" style="box-sizing: border-box;">
       <div itemprop="potentialAction" itemscope="" itemtype="//schema.org/ViewAction" style="box-sizing: border-box;">
        <link href="https://monzo.com/-magic-auth?code=eyJhbGciOiJFUzI1NiIsInR5cCI6IkpXVCJ9.eyJlYiI6IjR3a0lQdHk5Q3RsTkdYZ0VGbmJ1IiwianRpIjoiYXV0aHpjb2RlXzAwMDA5cXg4bU1KZ290Z2c1R0xwU3IiLCJ0eXAiOiJhemMiLCJ2IjoiNiJ9.G0pEG3XMWWmj8hwQ-I1VexdAxQZ6JkHFIkLQguyUwofzD7bwBzDl_oW5R2gtX1_kPTg0edvlJ3BuaODT4Ygj3w&amp;state=765b99a657597fd6762d9d72120fe68e1c02b1f6836dca89c3572ad705e875b4" itemprop="url"/>
        <meta content="Log in to Monzo" itemprop="name"/>
       </div>
      </div>
      <div class="header" style="box-sizing: border-box; margin-bottom: 10px; margin-top: 0; width: 100%;">
       <table style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
        <tr>
         <td style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 14px; vertical-align: top;" valign="top">
          <a style="box-sizing: border-box; color: #348eda; text-decoration: underline;" target="_blank">
           <img alt="Monzo Logo" height="32" src="https://inboxflows.com/_/image/https%253A%252F%252Fmondoimages.s3.amazonaws.com%252Femail%252FLogo%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtb25kb2ltYWdlcyJ9:1kXNJU:3qFMSBIT_R7VYzO82QEhIdGfYNXq3PjxkF7bZsFe1Iw" style="-ms-interpolation-mode: bicubic; max-width: 100%;"/>
          </a>
         </td>
        </tr>
       </table>
      </div>
      <table class="main login" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background: #ffffff; border: none; border-radius: 3px; font-size: 15px; line-height: 24px;" width="100%">
       <tr>
        <td bgcolor="#15233b" class="panel panel-dark" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; vertical-align: top; border-radius: 8px; margin-top: 0; font-size: 15px; background-color: #15233b; color: white; padding: 60px 20px;" valign="top">
         <table style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
          <tr>
           <td style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 14px; vertical-align: top;" valign="top">
            <h1 class="align-center" style="font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: 600; line-height: 32px; margin: auto; margin-bottom: 40px; font-size: 24px; text-transform: none; max-width: 400px; text-align: center; color: #f4b851 !important;">
             Tap the button below on your phone to log in to Monzo
            </h1>
            <table cellpadding="0" cellspacing="0" class="btn btn-primary" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; margin: auto; margin-bottom: 25px;" width="100%">
             <tr>
              <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 14px; vertical-align: top; padding-bottom: 15px;" valign="top">
               <table cellpadding="0" cellspacing="0" class="btn-inner-table" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;">
                <tr>
                 <td align="center" bgcolor="#55b8da" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 14px; vertical-align: top; background-color: #55b8da; border-radius: 5px; text-align: center;" valign="top">
                  <a style="box-sizing: border-box; line-height: 22px; text-decoration: none; background-color: #55b8da; border: solid 1px #348eda; border-radius: 5px; cursor: pointer; color: white; font-size: 17px; font-weight: 500; margin: 0; padding: 12px 38px; text-transform: none; border-color: #55b8da; display: inline-block;">
                   Log in to Monzo
                  </a>
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
            <p class="align-center" style="font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: normal; margin: 0; text-align: center; font-size: 15px; color: white; margin-bottom: 0;">
             Once you've logged in, feel free to delete this email.
            </p>
           </td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
     </div>
    </td>
    <td style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 14px; vertical-align: top;" valign="top">
    </td>
   </tr>
  </table>
 </body>
</html>