<!DOCTYPE html>
<html>
  <head>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
  </head>
  <body>
   <!-- <div class="welcome-email"> --> 
   <div style="background-color:#f0f0f5; border:solid 2px #4d0019; margin: 3em">
    <h3>Welcome to Code-Laborate, 
      <%if @user.org_affiliate %>
       <%= @user.first_name %>
      <% else %>
       <%= @user.first_name %>
      <% end %>          
    </h3>  
      You have successfully signed up to code-laborate.herokuapp.com,
      your username is: <%= @user.email %>.<br>
    </p>
    <p>
      To login to the site, just follow this link: <%= @url %>.
    </p>
    <p>Thanks for joining and have a great day!</p>
    <h4 style="color:blue;">  &lt;code&gt;laborate Team </h4>
  </div>  
  </body>
</html>


<!DOCTYPE html>
<html>
  <head>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
  </head>
  <body>
   <!-- <div class="welcome-email"> --> 
   <div style="background-color:#f0f0f5; padding:3%;">
   <div style="background-color:white; border:solid 2px #4d0019; margin:5%; padding:5%;">
    <h3 style="text-align:center">Welcome to Code-Laborate
      <%if @user.org_affiliate %>
       <%= @user.first_name %>!
      <% else %>
       <%= @user.first_name %>!
      <% end %>          
    </h3>
    <p style="font-size:14px">  
      You have successfully signed up to code-laborate.herokuapp.com,
      your username is: <%= @user.email %>.
    </p>
    <p>
      To login to the site, just follow this link: <%= @url %>.
    </p>
    <p>Thanks for joining and have a great day!</p>
    <h4 style="color:blue;">  &lt;code&gt;laborate Team </h4>
    <p>Terms & Guidlines: </p>
  </div>
  </div>  
  </body>
</html>


Add border and box for email content
Add border and box for email content
