TestEmails/customMail.html at main · ICEFOSS/TestEmails · 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Account Created</title>
    <style>
      @media only screen and (max-width: 600px) {
        .container {
          padding: 10px !important;
          max-width: 100% !important;
          margin: 20px auto !important;
        }
        .header img {
          width: 100px !important;
          margin: 0 auto !important;
          display: block !important;
        }
        .content {
          padding: 10px !important;
          margin: 10px 0 !important;
        }
        .content h1 {
          font-size: 22px !important;
        }
        .content h3 {
          font-size: 14px !important;
        }
        .content p {
          font-size: 14px !important;
        }
        .button {
          padding: 10px !important;
          font-size: 14px !important;
        }
      }
    </style>
  </head>
  <body>
    <div
      class="container"
      style="
        font-family: Arial, sans-serif;
        background-color: #1679ab;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 1px;
        max-width: 450px;
        max-height: 600px;
        margin: 50px auto;
        border-radius: 10px;
      "
    >
      <div
        class="header"
        style="max-height: 146px; padding: 0px 10px 0px 130px"
      >
        <img
          src="https://github.com/ICEFOSS/TestEmails/blob/main/ice_logo_white_2_optimized.png?raw=true"
        />
      </div>
      <div
        class="content"
        style="
          max-width: 350px;
          max-height: 900px;
          margin: 0px 0px 20px 30px;
          background-color: #001940;
          color: #ffffff;
          border-radius: 5px;
          padding: 20px;
        "
      >
        <div style="text-align: center; padding: 20px">
          <h1 style="color: #ffffff; font-size: 26px; margin: 0">
            ACCOUNT CREATED 🎉
          </h1>
          <h3
            style="
              font-size: 16px;
              margin: 10px 0 0 0;
              text-decoration-line: underline;
              color: #ffffff;
            "
          >
            AMBASSADOR ICEFOSS 2K24
          </h3>
        </div>
        <p style="font-size: 15px; color: #ffffff; margin: 20px 0">
          Welcome aboard <span style="font-weight: bold">[NAME]</span>,<br />
          <span style="font-size: 15px; color: #ffffff"
            >We're delighted to have you as a Campus Ambassador for ICEFOSS 2K24
            🥳</span
          >
        </p>
        <p style="font-size: 14px; color: #ffffff; margin: 20px 0">
          Please find your login details below👇<br />
          Happy Referring!
        </p>
        <div
          style="
            background-color: #ffcccc;
            color: #004080;
            text-align: center;
            padding: 8px 0px;
            border-radius: 5px;
          "
        >
          <p style="margin: 0">
            <span style="font-weight: bold">REFERRAL ID:</span>[ID]
          </p>
        </div>
        <div style="text-align: center; margin: 50px 10px 20px 0">
          <a
            href="https://icefoss.fisat.ac.in/"
            target="_blank"
            style="
              background-color: #ff6699;
              color: #ffffff;
              padding: 10px 20px;
              text-decoration: none;
              border-radius: 5px;
            "
            >Visit Website</a
          >
        </div>
      </div>
    </div>
  </body>
</html>