<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="initial-scale=1.0"> <!-- So that mobile webkit will display zoomed in -->
  <meta name="format-detection" content="telephone=no"> <!-- disable auto telephone linking in iOS -->
  <title>Subject Line (for proofing, doesn't show in actual email)</title>
  <style type="text/css">

    /* Force Hotmail to display emails at full width */
    .ReadMsgBody {
      width: 100%;
      background-color: #eeeeee;
    }

    /* Force Hotmail to display emails at full width */
    .ExternalClass {
      width: 100%;
      background-color: #eeeeee;
    }

    /* Forces Hotmail to display normal line spacing. */
    .ExternalClass,
    .ExternalClass p,
    .ExternalClass span,
    .ExternalClass font,
    .ExternalClass td,
    .ExternalClass div {
      line-height:100%;
    }

    /* Resolves webkit padding issue. */
    table {
      border-spacing:0;
    }

    /* Resolves the Outlook 2007, 2010, and Gmail td padding issue. */
    table td {
      border-collapse:collapse;
    }

    /* Yahoo auto-sensing link color and border */
    .yshortcuts a {
      border-bottom: none !important;
    }
    
    /* Media queries for when the viewport is larger than the default email width */
    @media only screen and (min-width: 651px) {
      table[class="content"] {
        width: 600px;
        margin: 0 auto;
      }
    }
    
    /* Media queries for when the viewport is smaller than the default email width but not too narrow. */
    @media screen and (max-device-width: 650px), screen and (max-width: 650px) {

      /* Constrain email width for small screens */
      table[class="email-container"] {
        width: 100% !important;
      }
      /* Constrain tables for small screens */
      table[class="fluid"] {
        width: 100% !important;
      }
      
      /* Force images to resize to full width of their container */
      img[class="fluid"],
      img[class="force-col-center"] {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
      }
      /* And center these ones */
        img[class="force-col-center"] {
        margin: auto !important;
      }
      
      /* Force table cells into rows */
      td[class="force-col"],
      td[class="force-col-center"] {
        display: block !important;
        width: 100% !important;
        clear: both;
      }
      /* And center these ones */
      td[class="force-col-center"] {
        text-align: center !important;
      }
      
      /* Force table cells into rows */
      /* Float a previously stacked image to the left */
      img[class="col-3-img-l"] {
        float: left;
        margin: 0 15px 15px 0;
      }
      /* Float a previously stacked image to the right */
      img[class="col-3-img-r"] {
        float: right;
        margin: 0 0 15px 15px;
      }
      
      /* Make bulletproof buttons full width */
      a[class="button"] {
        width: 100% !important;
      }

      td[class="hide"] {
        display: none;
        visibility: hidden;
        opacity: 0;s
      }
         
    }

    /* Media queries for when the viewport is narrow. */
    /* Rules prefixed with 'hh-' (for 'handheld') repeat much of what's above, but these don't trigger until the smaller screen width. */
    @media screen and (max-device-width: 425px), screen and (max-width: 425px) {

      /* Helper only visible on handhelds. All styles are inline along with a `display:none`, which this class overrides */
      div[class="hh-visible"] {
        display: block !important;
      }
      
      /* Center stuff */
      div[class="hh-center"] {
        text-align: center;
        width: 100% !important;
      }
      
      /* Constrain tables for small screens */
      table[class="hh-fluid"] {
        width: 100% !important;
      }
      
      /* Force images to resize to full width of their container */
      img[class="hh-fluid"],
      img[class="hh-force-col-center"] {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
      }
      /* And center these ones */
      img[class="hh-force-col-center"] {
        margin: auto !important;
      }
      
      /* Force table cells into rows */
      td[class="hh-force-col"],
      td[class="hh-force-col-center"] {
        display: block !important;
        width: 100% !important;
        clear: both;
      }
      /* And center these ones */
      td[class="hh-force-col-center"] {
        text-align: center !important;
      }
      
      /* Stack the previously floated images */
      img[class="col-3-img-l"],
      img[class="col-3-img-r"] {
        float: none !important;
        margin: 15px auto !important;
        text-align: center !important;
      }

    }
          
  </style>
</head>
<body bgcolor="#f4f4f4" link="398bce" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="margin:0; padding:0;-webkit-text-size-adjust:none; -ms-text-size-adjust:none;background: #f4f4f4;">
<table class="content" cellpadding="0" cellspacing="0" border="0" height="100%" width="100%" bgcolor="#f4f4f4" style="background:#f4f4f4;border-spacing:0;"><tr><td style="border-collapse:collapse;">

<!-- CSS Image background in Outlook : BEGIN -->
<!-- Best used with absolute image paths -->
<!--[if gte mso 9]>
  <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
    <v:fill type="tile" color="#eeeeee" src="https://assets.digitalocean.com/email/background-fallback.png">
  </v:background>
<![endif]-->
<!-- CSS Image background in Outlook : END -->  
  <!-- Logo Left Nav Right + Vertical Padding : BEGIN -->
  <table border="0" width="600" cellpadding="0" cellspacing="0" align="center" class="email-container" style="border-spacing:0;">
    <tr>
      <td height="30" style="font-size:0;line-height:0;border-collapse:collapse;"> </td>
    </tr>
    <tr>
      <td class="force-col-center" valign="middle" style="padding:20px 0;text-align:left;border-collapse:collapse;">
        <a href="http://mandrillapp.com/track/click/30270081/www.digitalocean.com?p=eyJzIjoiYTZQclRIQl83cEZILUZDWXRTMHRKSmRQd2U4IiwidiI6MSwicCI6IntcInVcIjozMDI3MDA4MSxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL3d3dy5kaWdpdGFsb2NlYW4uY29tXCIsXCJpZFwiOlwiZDg3OGY2NTE2ODE3NGI0MzkwN2Q5ZTk4YTdlY2RhNzRcIixcInVybF9pZHNcIjpbXCIzMDgxM2IxYjc5OTMxYzU4ZTQ2NzhlNTI1NmIzYzMyMzI3NzAzNjkzXCJdfSJ9" target="_blank"><img src="https://assets.digitalocean.com/email/digitalocean-logo-color.png" alt="alt text" height="29" width="180
        " border="0"></a>
      </td>
      <td class="hide" valign="middle" style="padding:20px 0;text-align:right;font-family:Helvetica, Arial, sans-serif;font-size:12px;border-collapse:collapse;">
      </td>
    </tr>
    <tr>
      <td height="10" style="font-size:0;line-height:0;border-collapse:collapse;"> </td>
    </tr>
  </table>
  <!-- Logo Left Nav Right + Vertical Padding : END -->
 
  <!-- Email Container : BEGIN -->
  <!-- This table wraps the whole body email within it's width (600px), sets the background color (white) and border (thin, gray, solid) -->
    <table border="0" width="600" cellpadding="0" cellspacing="0" align="center" style="background:#ffffff;border:1px solid #e5e5e5;border-spacing:0;" class="email-container">
  
      <!-- Single Fluid Image, No Crop : BEGIN -->
      <tr>
        <td style="border-collapse:collapse;">
          
        </td>
      </tr>
      <!-- Single Fluid Image, No Crop : END -->
    
      <!-- Full Width, Fluid Column : BEGIN -->
      <tr>
        <td style="border-bottom:1px solid #e5e5e5;border-collapse:collapse;">
          
          <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="border-spacing:0;">
            <tr>
                <td style="padding:30px;font-family:sans-serif;font-size:16px;line-height:25px;color:#666666;border-collapse:collapse;"><h2>Deploy a Server For Free!</h2>

<p>
  Your friend gmjun2000 has been using DigitalOcean – a cloud hosting service designed just for developers  – and thought you might want to give it a shot. You can deploy a server in 55 seconds from our control panel or use our simple API.
</p>

<p>Because you’ve been invited by a friend, we’d like to give you a $10 credit to try it out. Just use this link to create an account and you’ll be credited automatically.</p>

<p><a style="display:inline-block;background:#398bce;padding:10px 15px;color:white;text-decoration:none;-webkit-border-radius: 3px;border-radius: 3px;-moz-border-radius: 3px;" href="http://mandrillapp.com/track/click/30270081/cloud.digitalocean.com?p=eyJzIjoiNkMzanRjQ0wtMDFyMkxVajBtSVljdXhLeXlzIiwidiI6MSwicCI6IntcInVcIjozMDI3MDA4MSxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL2Nsb3VkLmRpZ2l0YWxvY2Vhbi5jb21cXFwvYWNjZXB0P2NvZGU9NjhlZjdiOTJhZTg1YjgmdXRtX2NhbXBhaWduPVJlZmVycmFsX0ludml0ZSZ1dG1fbWVkaXVtPVJlZmVycmFsX1Byb2dyYW0mdXRtX3NvdXJjZT1NYW5kcmlsbFwiLFwiaWRcIjpcImQ4NzhmNjUxNjgxNzRiNDM5MDdkOWU5OGE3ZWNkYTc0XCIsXCJ1cmxfaWRzXCI6W1wiZTA1ZTJiOWUwYzY5YWQ5NzNkNDJkZWU4N2VjOTVlZGU3MTY0Njc1MVwiXX0ifQ">Redeem Your Credit</a></p>

<p>
  Happy Coding,<br>
  DigitalOcean
</p></td>
            </tr>
          </table>

        </td>
      </tr>

      <!-- Full Width, Fluid Column : END -->

  </table>
  <!-- Email Container : END -->
  
  <!-- Footer : BEGIN -->
  <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" class="email-container" style="border-spacing:0;">
    <tr>
      <td style="text-align:center;padding:20px 0px 5px;font-family:Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#888888;border-collapse:collapse;">
        © DigitalOcean<br>
      </td>
    </tr>
    <tr>
      <td style="text-align:center;padding:10px 0px 20px 0px;font-family:sans-serif;font-size:12px;line-height:18px;color:#888888;border-collapse:collapse;">
        <a href="http://mandrillapp.com/track/click/30270081/do.co?p=eyJzIjoiZUhWbXZkcUtpbnhkZW5sd0FHc1d3X1ZIY0xvIiwidiI6MSwicCI6IntcInVcIjozMDI3MDA4MSxcInZcIjoxLFwidXJsXCI6XCJodHRwOlxcXC9cXFwvZG8uY29cXFwvZW1haWxfdHdpdHRlclwiLFwiaWRcIjpcImQ4NzhmNjUxNjgxNzRiNDM5MDdkOWU5OGE3ZWNkYTc0XCIsXCJ1cmxfaWRzXCI6W1wiYzg0OTFmMzc1NDQ0ZGNhYzI3NjRiZjMzYjE5MWQwMDI5ZDdmZjcyOVwiXX0ifQ"><img src="https://assets.digitalocean.com/email/twitter-icon.png" style="border: none;"></a>   
        <a href="http://mandrillapp.com/track/click/30270081/do.co?p=eyJzIjoiQlVrUEZSUWlqeXRyNURldl9telhaVkNRaTBrIiwidiI6MSwicCI6IntcInVcIjozMDI3MDA4MSxcInZcIjoxLFwidXJsXCI6XCJodHRwOlxcXC9cXFwvZG8uY29cXFwvZW1haWxfZ3BsdXNcIixcImlkXCI6XCJkODc4ZjY1MTY4MTc0YjQzOTA3ZDllOThhN2VjZGE3NFwiLFwidXJsX2lkc1wiOltcIjMwNTkwYTdiODIwODZkNjFhYzIwNzBhZjRmYTM3YThjNjEzOWI2NDlcIl19In0"><img src="https://assets.digitalocean.com/email/google-plus-icon.png" style="border: none;"></a>   
        <a href="http://mandrillapp.com/track/click/30270081/do.co?p=eyJzIjoiVm42eTg2ZGMta0t6SG4xWmdJTGlrb3U1amR3IiwidiI6MSwicCI6IntcInVcIjozMDI3MDA4MSxcInZcIjoxLFwidXJsXCI6XCJodHRwOlxcXC9cXFwvZG8uY29cXFwvZW1haWxfZmFjZWJvb2tcIixcImlkXCI6XCJkODc4ZjY1MTY4MTc0YjQzOTA3ZDllOThhN2VjZGE3NFwiLFwidXJsX2lkc1wiOltcImJmMjM2ZTZjMmZmZDViYjU4MGFhNzJkNWIwYmQ3NDNkZjE0NWY1ODhcIl19In0"><img src="https://assets.digitalocean.com/email/facebook-icon.png" style="border: none;"></a>
      </td>
    </tr>
  </table>
  <!-- Footer : END -->

</td></tr></table>
<img src="http://mandrillapp.com/track/open.php?u=30270081&id=d878f65168174b43907d9e98a7ecda74" height="1" width="1"></body>
</html>