LibraryManagementSystem/email-template.html at master · jishat/LibraryManagementSystem · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Library Management</title>

  <style type="text/css">img{max-width:600px;outline:0;text-decoration:none;-ms-interpolation-mode:bicubic}a img{border:none}table{border-collapse:collapse!important}#outlook a{padding:0}.ReadMsgBody{width:100%}.ExternalClass{width:100%}.backgroundTable{margin:0 auto;padding:0;width:100%!important}table td{border-collapse:collapse}.ExternalClass *{line-height:115%}.container-for-gmail-android{min-width:600px}*{font-family:Helvetica,Arial,sans-serif}body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;width:100%!important;margin:0!important;height:100%;color:#676767}td{font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#777;text-align:center;line-height:21px}a{color:#676767;text-decoration:none!important}.pull-left{text-align:left}.pull-right{text-align:right}.header-lg,.header-md,.header-sm{font-size:32px;font-weight:700;line-height:normal;padding:35px 0 0;color:#4d4d4d}.header-md{font-size:24px}.header-sm{padding:5px 0;font-size:18px;line-height:1.3}.content-padding{padding:20px 0 30px}.mobile-header-padding-right{width:290px;text-align:right;padding-left:10px}.mobile-header-padding-left{width:290px;text-align:left;padding-left:10px}.free-text{width:100%!important;padding:10px 60px 0}.block-rounded{border-radius:5px;border:1px solid #e5e5e5;vertical-align:top}.button{padding:55px 0 0}.info-block{padding:0 20px;width:260px}.mini-block-container{padding:30px 50px;width:500px}.mini-block{background-color:#fff;width:498px;border:1px solid #ccc;border-radius:5px;padding:60px 75px}.block-rounded{width:260px}.info-img{width:258px;border-radius:5px 5px 0 0}.force-width-img{width:480px;height:1px!important}.force-width-full{width:600px;height:1px!important}.user-img img{width:82px;border-radius:5px;border:1px solid #ccc}.user-img{width:92px;text-align:left}.user-msg{width:236px;font-size:14px;text-align:left;font-style:italic}.code-block{padding:10px 0;border:1px solid #ccc;color:#4d4d4d;font-weight:700;font-size:18px;text-align:center}.force-width-gmail{min-width:600px;height:0!important;line-height:1px!important;font-size:1px!important}.button-width{width:228px}</style>

  <style type="text/css" media="screen">
    @import url(http://fonts.googleapis.com/css?family=Oxygen:400,700);
  </style>

  <style type="text/css" media="screen">
    @media screen {
      * {
        font-family: 'Oxygen', 'Helvetica Neue', 'Arial', 'sans-serif' !important;
      }
    }
  </style>

  <style type="text/css" media="only screen and (max-width: 480px)">@media only screen and (max-width:480px){table[class*=container-for-gmail-android]{min-width:290px!important;width:100%!important}table[class=w320]{width:320px!important}img[class=force-width-gmail]{display:none!important;width:0!important;height:0!important}a[class=button-mobile],a[class=button-width]{width:248px!important}td[class*=mobile-header-padding-left]{width:160px!important;padding-left:0!important}td[class*=mobile-header-padding-right]{width:160px!important;padding-right:0!important}td[class=header-lg]{font-size:24px!important;padding-bottom:5px!important}td[class=header-md]{font-size:18px!important;padding-bottom:5px!important}td[class=content-padding]{padding:5px 0 30px!important}td[class=button]{padding:15px 0 5px!important}td[class*=free-text]{padding:10px 18px 30px!important}img[class=force-width-full],img[class=force-width-img]{display:none!important}td[class=info-block]{display:block!important;width:280px!important;padding-bottom:40px!important}img[class=info-img],td[class=info-img]{width:278px!important}td[class=mini-block-container]{padding:8px 20px!important;width:280px!important}td[class=mini-block]{padding:20px!important}td[class=user-img]{display:block!important;text-align:center!important;width:100%!important;padding-bottom:10px}td[class=user-msg]{display:block!important;padding-bottom:20px!important}}</style>
</head>

<body bgcolor="#f7f7f7">
<table align="center" cellpadding="0" cellspacing="0" class="container-for-gmail-android" width="100%">

  <tr>
    <td align="center" valign="top" width="100%" style="background-color: #f7f7f7;" class="content-padding">
      <center>
        <table cellspacing="0" cellpadding="0" width="600" class="w320">
          <tr>
            <td class="header-lg">
              Verify your email address
            </td>
          </tr>
          <tr>
            <td class="free-text">
              To register your account, we just need to make sure this email address is yours.
            </td>
          </tr>
          <tr>
            <td class="mini-block-container">
              <table cellspacing="0" cellpadding="0" width="100%"  style="border-collapse:separate !important;">
                <tr>
                  <td class="mini-block">
                    <table cellpadding="0" cellspacing="0" width="100%">
                      <tr>
                        <td style="padding-bottom: 30px;">

                          To verify your email address use this security code:

						</td>
                      </tr>
                      <tr>
                        <td class="code-block">
                          Ax8Sp0023KL2
                        </td>
                      </tr>
                      <tr>
                        <td class="button">
                          <div><!--[if mso]>
                            <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:45px;v-text-anchor:middle;width:155px;" arcsize="15%" strokecolor="#ffffff" fillcolor="#ff6f6f">
                              <w:anchorlock/>
                              <center style="color:#ffffff;font-family:Helvetica, Arial, sans-serif;font-size:14px;font-weight:regular;">Shop Now</center>
                            </v:roundrect>
                          <![endif]-->
						  <a class="button-mobile" href="http://"
                          style="background-color:#ff6f6f;border-radius:5px;color:#ffffff;display:inline-block;font-family:'Cabin', Helvetica, Arial, sans-serif;font-size:14px;font-weight:regular;line-height:45px;text-align:center;text-decoration:none;width:155px;-webkit-text-size-adjust:none;mso-hide:all;"> Verify Now </a></div>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>


  <tr>
    <td align="center" valign="top" width="100%" style="background-color: #f7f7f7; height: 100px;">
      <center>
        <table cellspacing="0" cellpadding="0" width="600" class="w320">
          <tr>
            <td style="padding: 25px 0 25px">
				<strong>Thanks</strong><br />
				Library Management System
            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>
</body>
</html>