https://telecominfraproject.atlassian.net/browse/WIFI-11303

Signed-off-by: stephb9959 <stephane.bourque@gmail.com>

build

@@ -1 +1 @@
-24
+25

src/AuthService.cpp

@@ -596,14 +596,14 @@ namespace OpenWifi {
             Attrs[LOGO] = AuthService::GetLogoAssetURI();
             Attrs[SUBJECT] = "Login validation code";
             Attrs[CHALLENGE_CODE] = Challenge;
-            return SMTPMailerService()->SendMessage(UInfo.userinfo.email, MessagingTemplates::TemplateName(MessagingTemplates::VERIFICATION_CODE), Attrs);
+            return SMTPMailerService()->SendMessage(UInfo.userinfo.email, MessagingTemplates::TemplateName(MessagingTemplates::VERIFICATION_CODE), Attrs, false);
         } else {
             MessageAttributes Attrs;
             Attrs[RECIPIENT_EMAIL] = UInfo.userinfo.email;
             Attrs[LOGO] = AuthService::GetSubLogoAssetURI();
             Attrs[SUBJECT] = "Login validation code";
             Attrs[CHALLENGE_CODE] = Challenge;
-            return SMTPMailerService()->SendMessage(UInfo.userinfo.email, MessagingTemplates::TemplateName(MessagingTemplates::SUB_VERIFICATION_CODE,OperatorParts[0]), Attrs);
+            return SMTPMailerService()->SendMessage(UInfo.userinfo.email, MessagingTemplates::TemplateName(MessagingTemplates::SUB_VERIFICATION_CODE,OperatorParts[0]), Attrs, true );
         }
     }
 
@@ -620,7 +620,7 @@ namespace OpenWifi {
                         Attrs[SUBJECT] = "Password reset link";
                         Attrs[ACTION_LINK] = MicroServiceGetPublicAPIEndPoint() + "/actionLink?action=password_reset&id=" + LinkId ;
                         Attrs[ACTION_LINK_HTML] = "/api/v1/actionLink?action=password_reset&id=" + LinkId ;
-                        SMTPMailerService()->SendMessage(UInfo.email, MessagingTemplates::TemplateName(MessagingTemplates::FORGOT_PASSWORD), Attrs);
+                        SMTPMailerService()->SendMessage(UInfo.email, MessagingTemplates::TemplateName(MessagingTemplates::FORGOT_PASSWORD), Attrs, false);
                     }
                     break;
 
@@ -631,7 +631,7 @@ namespace OpenWifi {
                         Attrs[SUBJECT] = "e-mail Address Verification";
                         Attrs[ACTION_LINK] = MicroServiceGetPublicAPIEndPoint() + "/actionLink?action=email_verification&id=" + LinkId ;
                         Attrs[ACTION_LINK_HTML] = "/api/v1/actionLink?action=email_verification&id=" + LinkId ;
-                        SMTPMailerService()->SendMessage(UInfo.email, MessagingTemplates::TemplateName(MessagingTemplates::EMAIL_VERIFICATION), Attrs);
+                        SMTPMailerService()->SendMessage(UInfo.email, MessagingTemplates::TemplateName(MessagingTemplates::EMAIL_VERIFICATION), Attrs, false);
                         UInfo.waitingForEmailCheck = true;
                     }
                     break;
@@ -643,7 +643,7 @@ namespace OpenWifi {
                     Attrs[SUBJECT] = "e-mail Invitation";
                     Attrs[ACTION_LINK] = MicroServiceGetPublicAPIEndPoint() + "/actionLink?action=email_invitation&id=" + LinkId ;
                     Attrs[ACTION_LINK_HTML] = "/api/v1/actionLink?action=email_invitation&id=" + LinkId ;
-                    SMTPMailerService()->SendMessage(UInfo.email, MessagingTemplates::TemplateName(MessagingTemplates::EMAIL_INVITATION), Attrs);
+                    SMTPMailerService()->SendMessage(UInfo.email, MessagingTemplates::TemplateName(MessagingTemplates::EMAIL_INVITATION), Attrs, false);
                     UInfo.waitingForEmailCheck = true;
                     }
                     break;
@@ -669,7 +669,7 @@ namespace OpenWifi {
                     Attrs[SUBJECT] = "Password reset link";
                     Attrs[ACTION_LINK] = MicroServiceGetPublicAPIEndPoint() + "/actionLink?action=sub_password_reset&id=" + LinkId ;
                     Attrs[ACTION_LINK_HTML] = "/api/v1/actionLink?action=sub_password_reset&id=" + LinkId ;
-                    SMTPMailerService()->SendMessage(UInfo.email, MessagingTemplates::TemplateName(MessagingTemplates::SUB_FORGOT_PASSWORD, OperatorName), Attrs);
+                    SMTPMailerService()->SendMessage(UInfo.email, MessagingTemplates::TemplateName(MessagingTemplates::SUB_FORGOT_PASSWORD, OperatorName), Attrs, true);
                 }
                 break;
 
@@ -680,7 +680,7 @@ namespace OpenWifi {
                     Attrs[SUBJECT] = "e-mail Address Verification";
                     Attrs[ACTION_LINK] = MicroServiceGetPublicAPIEndPoint() + "/actionLink?action=sub_email_verification&id=" + LinkId ;
                     Attrs[ACTION_LINK_HTML] = "/api/v1/actionLink?action=sub_email_verification&id=" + LinkId ;
-                    SMTPMailerService()->SendMessage(UInfo.email, MessagingTemplates::TemplateName(MessagingTemplates::SUB_EMAIL_VERIFICATION, OperatorName), Attrs);
+                    SMTPMailerService()->SendMessage(UInfo.email, MessagingTemplates::TemplateName(MessagingTemplates::SUB_EMAIL_VERIFICATION, OperatorName), Attrs, true);
                     UInfo.waitingForEmailCheck = true;
                 }
                 break;
@@ -692,7 +692,7 @@ namespace OpenWifi {
                     Attrs[SUBJECT] = "Signup e-mail Address Verification";
                     Attrs[ACTION_LINK] = MicroServiceGetPublicAPIEndPoint() + "/actionLink?action=signup_verification&id=" + LinkId ;
                     Attrs[ACTION_LINK_HTML] = "/api/v1/actionLink?action=signup_verification&id=" + LinkId ;
-                    SMTPMailerService()->SendMessage(UInfo.email, MessagingTemplates::TemplateName(MessagingTemplates::SIGNUP_VERIFICATION, OperatorName), Attrs);
+                    SMTPMailerService()->SendMessage(UInfo.email, MessagingTemplates::TemplateName(MessagingTemplates::SIGNUP_VERIFICATION, OperatorName), Attrs, true);
                     UInfo.waitingForEmailCheck = true;
                 }
                 break;

src/MessagingTemplates.h

@@ -49,11 +49,11 @@ namespace OpenWifi {
         }
 
         static std::string Logo(const std::string &OperatorName = "" ) {
-            return AddOperator("logo.jpg", OperatorName);
+            return AddOperator("logo.png", OperatorName);
         }
 
         static std::string SubLogo(const std::string &OperatorName = "" ) {
-            return AddOperator("sub_logo.jpg", OperatorName);
+            return AddOperator("sub_logo.png", OperatorName);
         }
 
     private:

src/RESTAPI/RESTAPI_email_handler.cpp

@@ -24,7 +24,7 @@ namespace OpenWifi {
             Attrs[SUBJECT] = Obj->get("subject").toString();
             Attrs[TEXT] = Obj->get("text").toString();
             Attrs[SENDER] = Obj->get("from").toString();
-            if(SMTPMailerService()->SendMessage(Recipient, "password_reset.txt", Attrs)) {
+            if(SMTPMailerService()->SendMessage(Recipient, "password_reset.txt", Attrs, false)) {
                 return OK();
             }
             return ReturnStatus(Poco::Net::HTTPResponse::HTTP_SERVICE_UNAVAILABLE);

src/SMTPMailerService.cpp

@@ -57,13 +57,14 @@ namespace OpenWifi {
         LoadMyConfig();
     }
 
-    bool SMTPMailerService::SendMessage([[maybe_unused]] const std::string &Recipient, const std::string &Name, const MessageAttributes &Attrs) {
+    bool SMTPMailerService::SendMessage([[maybe_unused]] const std::string &Recipient, const std::string &Name, const MessageAttributes &Attrs, bool Subscriber) {
         std::lock_guard G(Mutex_);
         PendingMessages_.push_back(MessageEvent{.Posted= OpenWifi::Now(),
                                             .LastTry=0,
                                             .Sent=0,
                                             .TemplateName=Name,
-                                            .Attrs=Attrs});
+                                            .Attrs=Attrs,
+                                            .Subscriber=Subscriber});
         return true;
     }
 
@@ -158,7 +159,7 @@ namespace OpenWifi {
             auto Logo = Msg.Attrs.find(LOGO);
             if(Logo!=Msg.Attrs.end()) {
                 try {
-                    Poco::File          LogoFile(EmailLogo_);
+                    Poco::File          LogoFile( Msg.Subscriber ? AuthService::GetSubLogoAssetFileName() :  AuthService::GetLogoAssetFileName ());
                     std::ifstream       IF(LogoFile.path());
                     std::ostringstream  OS;
                     Poco::StreamCopier::copyStream(IF, OS);

src/SMTPMailerService.h

@@ -76,13 +76,14 @@ namespace OpenWifi {
                uint64_t             Sent=0;
                std::string          TemplateName;
                MessageAttributes    Attrs;
+               bool                 Subscriber=false;
             };
 
             void run() override;
             int Start() override;
             void Stop() override;
 
-            bool SendMessage(const std::string &Recipient, const std::string &Name, const MessageAttributes &Attrs);
+            bool SendMessage(const std::string &Recipient, const std::string &Name, const MessageAttributes &Attrs, bool Subscriber);
             MessageSendStatus SendIt(const MessageEvent &Msg);
             void LoadMyConfig();
             void reinitialize(Poco::Util::Application &self) override;
@@ -104,7 +105,7 @@ namespace OpenWifi {
             std::atomic_bool        Running_=false;
             bool                    Enabled_=false;
             bool                    UseHTML_=false;
-            std::string             EmailLogo_{"logo.jpg"};
+            std::string             EmailLogo_{"logo.png"};
 
             SMTPMailerService() noexcept:
                 SubSystemServer("SMTPMailer", "MAILER-SVR", "smtpmailer")

templates/email_invitation.html

@@ -1,14 +1,526 @@
-<!DOCTYPE html>
-<html lang="en">
+<html>
     <head>
-    <meta charset="UTF-8">
-    <title>eMail Invitation</title>
+        <title>Your Invitation To The OpenWifi System</title>
+        <style>
+            img {
+                border: none;
+                -ms-interpolation-mode: bicubic;
+                max-width: 100%;
+            }
 
+            body {
+                color: #414141;
+                background-color: #f6f6f6;
+                font-family: sans-serif;
+                -webkit-font-smoothing: antialiased;
+                font-size: 14px;
+                line-height: 1.4;
+                margin: 0;
+                padding: 0;
+                -ms-text-size-adjust: 100%;
+                -webkit-text-size-adjust: 100%;
+            }
 
+            table {
+                border-collapse: separate;
+                width: 100%;
+                text-align: center;
+            }
 
+            table td {
+                font-family: sans-serif;
+                font-size: 14px;
+                color: #414141;
+                vertical-align: top;
+            }
 
+            .body {
+                background-color: white;
+                width: 100%;
+            }
+
+            .container {
+                display: block;
+                margin: 0 auto !important;
+                max-width: 580px;
+                padding: 10px;
+                width: 580px;
+            }
+
+            .content {
+                box-sizing: border-box;
+                display: block;
+                margin: 0 auto;
+                max-width: 580px;
+                padding: 10px;
+            }
+
+            .main {
+                background: #ffffff;
+                border-radius: 0px;
+                width: 600px;
+                max-width: 100%;
+                border: 1px solid #d4d4d4;
+                padding-left: 45px;
+                padding-right: 45px;
+            }
+
+            .wrapper {
+                box-sizing: border-box;
+                padding: 40px 20px;
+            }
+
+            .content-block {
+                padding-bottom: 10px;
+                padding-top: 10px;
+            }
+
+            .footer {
+                clear: both;
+                margin-top: 10px;
+                text-align: center;
+                width: 100%;
+            }
+
+            .footer td,
+            .footer p,
+            .footer span,
+            .footer a {
+                color: #999999;
+                font-size: 12px;
+                text-align: center;
+            }
+            /* -------------------------------------
+                TYPOGRAPHY
+            ------------------------------------- */
+
+            h1,
+            h2,
+            h3,
+            h4 {
+                color: #414141;
+                font-family: sans-serif;
+                font-weight: 400;
+                line-height: 1.4;
+                margin: 0;
+                margin-bottom: 30px;
+            }
+
+            h2 {
+                font-weight: 600;
+            }
+
+            h1 {
+                font-size: 35px;
+                font-weight: 300;
+                text-align: center;
+                text-transform: capitalize;
+            }
+
+            p,
+            ul,
+            ol {
+                font-family: sans-serif;
+                font-size: 14px;
+                font-weight: normal;
+                margin: 0;
+                color: #414141;
+                margin-bottom: 15px;
+            }
+
+            p li,
+            ul li,
+            ol li {
+                list-style-position: inside;
+                margin-left: 5px;
+                color: #414141;
+            }
+
+            a {
+                color: #29818c !important;
+                text-decoration: none;
+                border-bottom: 1px solid #d2d2d2;
+            }
+
+            .footer a {
+                color: #999999 !important;
+            }
+            /* -------------------------------------
+                BUTTONS
+            ------------------------------------- */
+
+            .btn {
+                box-sizing: border-box;
+                width: 100%;
+            }
+
+            tbody {
+                text-align: left;
+            }
+
+            .btn > tbody > tr > td {
+                padding-bottom: 15px;
+            }
+
+            .btn table {
+                width: auto;
+            }
+
+            .btn table td {
+                background-color: #ffffff;
+                border-radius: 20px;
+                text-align: center;
+            }
+
+            .btn a {
+                background-color: #ffffff;
+                border: solid 1px #489e94;
+                border-radius: 5px;
+                box-sizing: border-box;
+                color: #29818c;
+                cursor: pointer;
+                display: inline-block;
+                font-size: 14px;
+                font-weight: bold;
+                margin: 0;
+                padding: 12px 120px;
+                text-decoration: none;
+                font-weight: 600;
+                text-transform: uppercase;
+            }
+
+            .btn-primary a {
+                transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)
+                        0ms,
+                    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+                    border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+                margin: auto;
+                background-color: #29818c;
+                border-color: #29818c;
+                color: #ffffff !important;
+            }
+            /* -------------------------------------
+                OTHER STYLES THAT MIGHT BE USEFUL
+            ------------------------------------- */
+
+            .align-center {
+                text-align: center;
+            }
+
+            .preheader {
+                color: transparent;
+                display: none;
+                height: 0;
+                max-height: 0;
+                max-width: 0;
+                opacity: 0;
+                overflow: hidden;
+                visibility: hidden;
+                width: 0;
+            }
+
+            hr {
+                border: 0;
+                border-bottom: 1px solid #d4d4d4;
+            }
+
+            .grayFont {
+                color: #999999;
+            }
+
+            .bold {
+                font-weight: 600;
+            }
+
+            /* -------------------------------------
+                RESPONSIVE AND MOBILE FRIENDLY STYLES
+            ------------------------------------- */
+
+            @media only screen and (max-width: 620px) {
+                table[class='body'] h1 {
+                    font-size: 28px !important;
+                    margin-bottom: 10px !important;
+                }
+                table[class='body'] p,
+                table[class='body'] ul,
+                table[class='body'] ol,
+                table[class='body'] td,
+                table[class='body'] span,
+                table[class='body'] a {
+                    font-size: 16px !important;
+                }
+                table[class='body'] .wrapper,
+                table[class='body'] .article {
+                    padding: 10px !important;
+                }
+                table[class='body'] .content {
+                    padding: 0 !important;
+                }
+                table[class='body'] .container {
+                    padding: 0 !important;
+                    width: 100% !important;
+                }
+                table[class='body'] .main {
+                    border-left-width: 0 !important;
+                    border-radius: 0 !important;
+                    border-right-width: 0 !important;
+                }
+                table[class='body'] .btn table {
+                    width: 100% !important;
+                }
+                table[class='body'] .btn a {
+                    width: 100% !important;
+                }
+                table[class='body'] .img-responsive {
+                    height: auto !important;
+                    max-width: 100% !important;
+                    width: auto !important;
+                }
+            }
+            /* -------------------------------------
+                PRESERVE THESE STYLES IN THE HEAD
+            ------------------------------------- */
+
+            @media all {
+                .ExternalClass {
+                    width: 100%;
+                }
+                .ExternalClass,
+                .ExternalClass p,
+                .ExternalClass span,
+                .ExternalClass font,
+                .ExternalClass td,
+                .ExternalClass div {
+                    line-height: 100%;
+                }
+                .apple-link a {
+                    color: inherit !important;
+                    font-family: inherit !important;
+                    font-size: inherit !important;
+                    font-weight: inherit !important;
+                    line-height: inherit !important;
+                    text-decoration: none !important;
+                }
+                .btn-primary a:hover {
+                    background-color: rgb(50, 110, 103) !important;
+                    border-color: rgb(50, 110, 103) !important;
+                }
+            }
+        </style>
     </head>
-<body>
+    <body class="">
+        <span class="preheader"></span>
+        <table
+            d=""
+            role="presentation"
+            border="0"
+            cellpadding="0"
+            cellspacing="0"
+            class="body"
+        >
+            <tr>
+                <td class="container">
+                    <div class="content">
+                        <!-- START CENTERED WHITE CONTAINER -->
 
+                        <table
+                            border="0"
+                            cellpadding="0"
+                            cellspacing="0"
+                            width="100%"
+                            style="min-width: 100%"
+                        >
+                            <tbody>
+                                <tr>
+                                    <td valign="top" style="padding: 0px">
+                                        <table
+                                            align="center"
+                                            style="text-align: center"
+                                            width="100%"
+                                            border="0"
+                                            cellpadding="0"
+                                            cellspacing="0"
+                                            style="min-width: 100%"
+                                        >
+                                            <tbody>
+                                                <tr>
+                                                    <td
+                                                        valign="top"
+                                                        class="align-center"
+                                                        style="
+                                                            padding-right: 0px;
+                                                            padding-left: 48px;
+                                                            padding-top: 0;
+                                                            padding-bottom: 0;
+                                                        "
+                                                    >
+                                                        <img
+                                                            align="center"
+                                                            alt="Arilia"
+                                                            src="logo.png"
+                                                            style="
+                                                                max-width: 100%;
+                                                                padding-bottom: 0;
+                                                                display: inline !important;
+                                                                vertical-align: bottom;
+                                                            "
+                                                        />
+                                                    </td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <table role="presentation" class="main">
+                            <!-- START MAIN CONTENT AREA -->
+                            <tr>
+                                <td class="wrapper">
+                                    <table
+                                        role="presentation"
+                                        border="0"
+                                        cellpadding="0"
+                                        cellspacing="0"
+                                    >
+                                        <tr>
+                                            <td>
+                                                <h2>
+                                                    Your Invitation to Join
+                                                    OpenWifi
+                                                </h2>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <p>Dear ${RECIPIENT_EMAIL} ,</p>
+                                                <p>
+                                                    You have been invited to
+                                                    join the OpenWifi system.
+                                                    Please click below and
+                                                    follow the instructions.
+                                                </p>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td
+                                                style="
+                                                    padding-top: 15px;
+                                                    padding-bottom: 40px;
+                                                "
+                                                class="btn btn-primary"
+                                            >
+                                                <a
+                                                    href="${ACTION_LINK}"
+                                                    target="_blank"
+                                                    >Accept Invitation</a
+                                                >
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <hr
+                                                    style="
+                                                        margin-top: 0px;
+                                                        margin-bottom: 30px;
+                                                    "
+                                                />
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <p>
+                                                    For questions & support
+                                                    regarding this application,
+                                                    please contact us at
+                                                    <a
+                                                        href="mailto:tip-keys@arilia.com"
+                                                        target="_blank"
+                                                    >
+                                                        tip-keys@arilia.com
+                                                    </a>
+                                                    . For question regarding the
+                                                    Telecom Infra Project,
+                                                    please contact us at
+                                                    <a
+                                                        href="mailto:info@telecominfraproject.com"
+                                                    >
+                                                        info@telecominfraproject.com
+                                                    </a>
+                                                    .
+                                                </p>
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td>
+                                                <p>Thank You!</p>
+                                                <p>Arilia Wireless Inc.</p>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <table
+                                                role="presentation"
+                                                border="0"
+                                                cellpadding="0"
+                                                cellspacing="0"
+                                                class="btn btn-primary"
+                                            >
+                                                <tbody></tbody>
+                                            </table>
+                                        </tr>
+                                    </table>
+                                </td>
+                            </tr>
+                            <!-- END MAIN CONTENT AREA -->
+                        </table>
+
+                        <!-- END CENTERED WHITE CONTAINER -->
+
+                        <div class="footer">
+                            <table
+                                border="0"
+                                cellpadding="0"
+                                cellspacing="0"
+                                width="100%"
+                                style="min-width: 100; margin-top: 30px"
+                            >
+                                <tbody>
+                                    <tr>
+                                        <td valign="top" style="padding: 0px">
+                                            <table
+                                                align="left"
+                                                width="100%"
+                                                border="0"
+                                                cellpadding="0"
+                                                cellspacing="0"
+                                                style="min-width: 100%"
+                                            >
+                                                <tbody>
+                                                    <tr></tr>
+                                                    <tr>
+                                                        <p class="align-center">
+                                                            Copyright 2022
+                                                            Arilia Wireless Inc,
+                                                            All rights reserved.
+                                                        </p>
+                                                        <a
+                                                            href="https://arilia.com"
+                                                            target="_blank"
+                                                            >www.arilia.com</a
+                                                        >
+                                                    </tr>
+                                                </tbody>
+                                            </table>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </td>
+                <td>&nbsp;</td>
+            </tr>
+        </table>
     </body>
 </html>

templates/email_verification.html

@@ -1,13 +1,527 @@
-<!DOCTYPE html>
-<html lang="en">
+<html>
     <head>
-    <meta charset="UTF-8">
-    <title>eMail Verification</title>
+        <title>Email Confirmation</title>
+        <style>
+            img {
+                border: none;
+                -ms-interpolation-mode: bicubic;
+                max-width: 100%;
+            }
 
+            body {
+                color: #414141;
+                background-color: #f6f6f6;
+                font-family: sans-serif;
+                -webkit-font-smoothing: antialiased;
+                font-size: 14px;
+                line-height: 1.4;
+                margin: 0;
+                padding: 0;
+                -ms-text-size-adjust: 100%;
+                -webkit-text-size-adjust: 100%;
+            }
 
+            table {
+                border-collapse: separate;
+                width: 100%;
+                text-align: center;
+            }
 
+            table td {
+                font-family: sans-serif;
+                font-size: 14px;
+                color: #414141;
+                vertical-align: top;
+            }
+
+            .body {
+                background-color: white;
+                width: 100%;
+            }
+
+            .container {
+                display: block;
+                margin: 0 auto !important;
+                max-width: 580px;
+                padding: 10px;
+                width: 580px;
+            }
+
+            .content {
+                box-sizing: border-box;
+                display: block;
+                margin: 0 auto;
+                max-width: 580px;
+                padding: 10px;
+            }
+
+            .main {
+                background: #ffffff;
+                border-radius: 0px;
+                width: 600px;
+                max-width: 100%;
+                border: 1px solid #d4d4d4;
+                padding-left: 45px;
+                padding-right: 45px;
+            }
+
+            .wrapper {
+                box-sizing: border-box;
+                padding: 40px 20px;
+            }
+
+            .content-block {
+                padding-bottom: 10px;
+                padding-top: 10px;
+            }
+
+            .footer {
+                clear: both;
+                margin-top: 10px;
+                text-align: center;
+                width: 100%;
+            }
+
+            .footer td,
+            .footer p,
+            .footer span,
+            .footer a {
+                color: #999999;
+                font-size: 12px;
+                text-align: center;
+            }
+            /* -------------------------------------
+                TYPOGRAPHY
+            ------------------------------------- */
+
+            h1,
+            h2,
+            h3,
+            h4 {
+                color: #414141;
+                font-family: sans-serif;
+                font-weight: 400;
+                line-height: 1.4;
+                margin: 0;
+                margin-bottom: 30px;
+            }
+
+            h2 {
+                font-weight: 600;
+            }
+
+            h1 {
+                font-size: 35px;
+                font-weight: 300;
+                text-align: center;
+                text-transform: capitalize;
+            }
+
+            p,
+            ul,
+            ol {
+                font-family: sans-serif;
+                font-size: 14px;
+                font-weight: normal;
+                margin: 0;
+                color: #414141;
+                margin-bottom: 15px;
+            }
+
+            p li,
+            ul li,
+            ol li {
+                list-style-position: inside;
+                margin-left: 5px;
+                color: #414141;
+            }
+
+            a {
+                color: #29818c !important;
+                text-decoration: none;
+                border-bottom: 1px solid #d2d2d2;
+            }
+
+            .footer a {
+                color: #999999 !important;
+            }
+            /* -------------------------------------
+                BUTTONS
+            ------------------------------------- */
+
+            .btn {
+                box-sizing: border-box;
+                width: 100%;
+            }
+
+            tbody {
+                text-align: left;
+            }
+
+            .btn > tbody > tr > td {
+                padding-bottom: 15px;
+            }
+
+            .btn table {
+                width: auto;
+            }
+
+            .btn table td {
+                background-color: #ffffff;
+                border-radius: 20px;
+                text-align: center;
+            }
+
+            .btn a {
+                background-color: #ffffff;
+                border: solid 1px #489e94;
+                border-radius: 5px;
+                box-sizing: border-box;
+                color: #29818c;
+                cursor: pointer;
+                display: inline-block;
+                font-size: 14px;
+                font-weight: bold;
+                margin: 0;
+                padding: 12px 120px;
+                text-decoration: none;
+                font-weight: 600;
+                text-transform: uppercase;
+            }
+
+            .btn-primary a {
+                transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)
+                        0ms,
+                    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+                    border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+                margin: auto;
+                background-color: #29818c;
+                border-color: #29818c;
+                color: #ffffff !important;
+            }
+            /* -------------------------------------
+                OTHER STYLES THAT MIGHT BE USEFUL
+            ------------------------------------- */
+
+            .align-center {
+                text-align: center;
+            }
+
+            .preheader {
+                color: transparent;
+                display: none;
+                height: 0;
+                max-height: 0;
+                max-width: 0;
+                opacity: 0;
+                overflow: hidden;
+                visibility: hidden;
+                width: 0;
+            }
+
+            hr {
+                border: 0;
+                border-bottom: 1px solid #d4d4d4;
+            }
+
+            .grayFont {
+                color: #999999;
+            }
+
+            .bold {
+                font-weight: 600;
+            }
+
+            /* -------------------------------------
+                RESPONSIVE AND MOBILE FRIENDLY STYLES
+            ------------------------------------- */
+
+            @media only screen and (max-width: 620px) {
+                table[class='body'] h1 {
+                    font-size: 28px !important;
+                    margin-bottom: 10px !important;
+                }
+                table[class='body'] p,
+                table[class='body'] ul,
+                table[class='body'] ol,
+                table[class='body'] td,
+                table[class='body'] span,
+                table[class='body'] a {
+                    font-size: 16px !important;
+                }
+                table[class='body'] .wrapper,
+                table[class='body'] .article {
+                    padding: 10px !important;
+                }
+                table[class='body'] .content {
+                    padding: 0 !important;
+                }
+                table[class='body'] .container {
+                    padding: 0 !important;
+                    width: 100% !important;
+                }
+                table[class='body'] .main {
+                    border-left-width: 0 !important;
+                    border-radius: 0 !important;
+                    border-right-width: 0 !important;
+                }
+                table[class='body'] .btn table {
+                    width: 100% !important;
+                }
+                table[class='body'] .btn a {
+                    width: 100% !important;
+                }
+                table[class='body'] .img-responsive {
+                    height: auto !important;
+                    max-width: 100% !important;
+                    width: auto !important;
+                }
+            }
+            /* -------------------------------------
+                PRESERVE THESE STYLES IN THE HEAD
+            ------------------------------------- */
+
+            @media all {
+                .ExternalClass {
+                    width: 100%;
+                }
+                .ExternalClass,
+                .ExternalClass p,
+                .ExternalClass span,
+                .ExternalClass font,
+                .ExternalClass td,
+                .ExternalClass div {
+                    line-height: 100%;
+                }
+                .apple-link a {
+                    color: inherit !important;
+                    font-family: inherit !important;
+                    font-size: inherit !important;
+                    font-weight: inherit !important;
+                    line-height: inherit !important;
+                    text-decoration: none !important;
+                }
+                .btn-primary a:hover {
+                    background-color: rgb(50, 110, 103) !important;
+                    border-color: rgb(50, 110, 103) !important;
+                }
+            }
+        </style>
     </head>
-<body>
+    <body class="">
+        <span class="preheader"></span>
+        <table
+            d=""
+            role="presentation"
+            border="0"
+            cellpadding="0"
+            cellspacing="0"
+            class="body"
+        >
+            <tr>
+                <td class="container">
+                    <div class="content">
+                        <!-- START CENTERED WHITE CONTAINER -->
 
+                        <table
+                            border="0"
+                            cellpadding="0"
+                            cellspacing="0"
+                            width="100%"
+                            style="min-width: 100%"
+                        >
+                            <tbody>
+                                <tr>
+                                    <td valign="top" style="padding: 0px">
+                                        <table
+                                            align="center"
+                                            style="text-align: center"
+                                            width="100%"
+                                            border="0"
+                                            cellpadding="0"
+                                            cellspacing="0"
+                                            style="min-width: 100%"
+                                        >
+                                            <tbody>
+                                                <tr>
+                                                    <td
+                                                        valign="top"
+                                                        class="align-center"
+                                                        style="
+                                                            padding-right: 0px;
+                                                            padding-left: 48px;
+                                                            padding-top: 0;
+                                                            padding-bottom: 0;
+                                                        "
+                                                    >
+                                                        <img
+                                                            align="center"
+                                                            alt="Arilia"
+                                                            src="logo.png"
+                                                            style="
+                                                                max-width: 100%;
+                                                                padding-bottom: 0;
+                                                                display: inline !important;
+                                                                vertical-align: bottom;
+                                                            "
+                                                        />
+                                                    </td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <table role="presentation" class="main">
+                            <!-- START MAIN CONTENT AREA -->
+                            <tr>
+                                <td class="wrapper">
+                                    <table
+                                        role="presentation"
+                                        border="0"
+                                        cellpadding="0"
+                                        cellspacing="0"
+                                    >
+                                        <tr>
+                                            <td>
+                                                <h2>
+                                                    Confirm Your Email Address
+                                                    to Get Started
+                                                </h2>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <p>Dear ${RECIPIENT_EMAIL} ,</p>
+                                                <p>
+                                                    Before you can access the
+                                                    system, you must validate
+                                                    your e-mail address. Please
+                                                    click on the button below to
+                                                    complete this task.
+                                                </p>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td
+                                                style="
+                                                    padding-top: 15px;
+                                                    padding-bottom: 40px;
+                                                "
+                                                class="btn btn-primary"
+                                            >
+                                                <a
+                                                    href="${ACTION_LINK}"
+                                                    target="_blank"
+                                                    >Confirm Email Address</a
+                                                >
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <hr
+                                                    style="
+                                                        margin-top: 0px;
+                                                        margin-bottom: 30px;
+                                                    "
+                                                />
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <p>
+                                                    For questions & support
+                                                    regarding this application,
+                                                    please contact us at
+                                                    <a
+                                                        href="mailto:tip-keys@arilia.com"
+                                                        target="_blank"
+                                                    >
+                                                        tip-keys@arilia.com
+                                                    </a>
+                                                    . For question regarding the
+                                                    Telecom Infra Project,
+                                                    please contact us at
+                                                    <a
+                                                        href="mailto:info@telecominfraproject.com"
+                                                    >
+                                                        info@telecominfraproject.com
+                                                    </a>
+                                                    .
+                                                </p>
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td>
+                                                <p>Thank You!</p>
+                                                <p>Arilia Wireless Inc.</p>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <table
+                                                role="presentation"
+                                                border="0"
+                                                cellpadding="0"
+                                                cellspacing="0"
+                                                class="btn btn-primary"
+                                            >
+                                                <tbody></tbody>
+                                            </table>
+                                        </tr>
+                                    </table>
+                                </td>
+                            </tr>
+                            <!-- END MAIN CONTENT AREA -->
+                        </table>
+
+                        <!-- END CENTERED WHITE CONTAINER -->
+
+                        <div class="footer">
+                            <table
+                                border="0"
+                                cellpadding="0"
+                                cellspacing="0"
+                                width="100%"
+                                style="min-width: 100; margin-top: 30px"
+                            >
+                                <tbody>
+                                    <tr>
+                                        <td valign="top" style="padding: 0px">
+                                            <table
+                                                align="left"
+                                                width="100%"
+                                                border="0"
+                                                cellpadding="0"
+                                                cellspacing="0"
+                                                style="min-width: 100%"
+                                            >
+                                                <tbody>
+                                                    <tr></tr>
+                                                    <tr>
+                                                        <p class="align-center">
+                                                            Copyright 2022
+                                                            Arilia Wireless Inc,
+                                                            All rights reserved.
+                                                        </p>
+                                                        <a
+                                                            href="https://arilia.com"
+                                                            target="_blank"
+                                                            >www.arilia.com</a
+                                                        >
+                                                    </tr>
+                                                </tbody>
+                                            </table>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </td>
+                <td>&nbsp;</td>
+            </tr>
+        </table>
     </body>
 </html>

templates/email_verification.txt

@@ -1,7 +1,6 @@
 Dear ${RECIPIENT_EMAIL},
 
-    Before you can access the system, you must validate your e-mail address. Please click on the link below
-    to complete this task.
+    Before you can access the system, you must validate your e-mail address. Please click on the link below to complete this task.
 
         ${ACTION_LINK}
 

templates/password_reset.html

@@ -1,19 +1,523 @@
-<!DOCTYPE html>
-<html lang="en">
+<html>
     <head>
-    <meta charset="UTF-8">
         <title>Password Reset</title>
+        <style>
+            img {
+                border: none;
+                -ms-interpolation-mode: bicubic;
+                max-width: 100%;
+            }
 
-    <form action="${ACTION_LINK_HTML}">
-        <label for="fname">First name: </label>
-        <input type="text" id="fname" name="fname"><br><br>
-        <label for="lname">Last name: </label>
-        <input type="text" id="lname" name="lname"><br><br>
-        <input type="submit" value="Submit">
-    </form>
+            body {
+                color: #414141;
+                background-color: #f6f6f6;
+                font-family: sans-serif;
+                -webkit-font-smoothing: antialiased;
+                font-size: 14px;
+                line-height: 1.4;
+                margin: 0;
+                padding: 0;
+                -ms-text-size-adjust: 100%;
+                -webkit-text-size-adjust: 100%;
+            }
 
+            table {
+                border-collapse: separate;
+                width: 100%;
+                text-align: center;
+            }
+
+            table td {
+                font-family: sans-serif;
+                font-size: 14px;
+                color: #414141;
+                vertical-align: top;
+            }
+
+            .body {
+                background-color: white;
+                width: 100%;
+            }
+
+            .container {
+                display: block;
+                margin: 0 auto !important;
+                max-width: 580px;
+                padding: 10px;
+                width: 580px;
+            }
+
+            .content {
+                box-sizing: border-box;
+                display: block;
+                margin: 0 auto;
+                max-width: 580px;
+                padding: 10px;
+            }
+
+            .main {
+                background: #ffffff;
+                border-radius: 0px;
+                width: 600px;
+                max-width: 100%;
+                border: 1px solid #d4d4d4;
+                padding-left: 45px;
+                padding-right: 45px;
+            }
+
+            .wrapper {
+                box-sizing: border-box;
+                padding: 40px 20px;
+            }
+
+            .content-block {
+                padding-bottom: 10px;
+                padding-top: 10px;
+            }
+
+            .footer {
+                clear: both;
+                margin-top: 10px;
+                text-align: center;
+                width: 100%;
+            }
+
+            .footer td,
+            .footer p,
+            .footer span,
+            .footer a {
+                color: #999999;
+                font-size: 12px;
+                text-align: center;
+            }
+            /* -------------------------------------
+                TYPOGRAPHY
+            ------------------------------------- */
+
+            h1,
+            h2,
+            h3,
+            h4 {
+                color: #414141;
+                font-family: sans-serif;
+                font-weight: 400;
+                line-height: 1.4;
+                margin: 0;
+                margin-bottom: 30px;
+            }
+
+            h2 {
+                font-weight: 600;
+            }
+
+            h1 {
+                font-size: 35px;
+                font-weight: 300;
+                text-align: center;
+                text-transform: capitalize;
+            }
+
+            p,
+            ul,
+            ol {
+                font-family: sans-serif;
+                font-size: 14px;
+                font-weight: normal;
+                margin: 0;
+                color: #414141;
+                margin-bottom: 15px;
+            }
+
+            p li,
+            ul li,
+            ol li {
+                list-style-position: inside;
+                margin-left: 5px;
+                color: #414141;
+            }
+
+            a {
+                color: #29818c !important;
+                text-decoration: none;
+                border-bottom: 1px solid #d2d2d2;
+            }
+
+            .footer a {
+                color: #999999 !important;
+            }
+            /* -------------------------------------
+                BUTTONS
+            ------------------------------------- */
+
+            .btn {
+                box-sizing: border-box;
+                width: 100%;
+            }
+
+            tbody {
+                text-align: left;
+            }
+
+            .btn > tbody > tr > td {
+                padding-bottom: 15px;
+            }
+
+            .btn table {
+                width: auto;
+            }
+
+            .btn table td {
+                background-color: #ffffff;
+                border-radius: 20px;
+                text-align: center;
+            }
+
+            .btn a {
+                background-color: #ffffff;
+                border: solid 1px #489e94;
+                border-radius: 5px;
+                box-sizing: border-box;
+                color: #29818c;
+                cursor: pointer;
+                display: inline-block;
+                font-size: 14px;
+                font-weight: bold;
+                margin: 0;
+                padding: 12px 120px;
+                text-decoration: none;
+                font-weight: 600;
+                text-transform: uppercase;
+            }
+
+            .btn-primary a {
+                transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)
+                        0ms,
+                    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+                    border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+                margin: auto;
+                background-color: #29818c;
+                border-color: #29818c;
+                color: #ffffff !important;
+            }
+            /* -------------------------------------
+                OTHER STYLES THAT MIGHT BE USEFUL
+            ------------------------------------- */
+
+            .align-center {
+                text-align: center;
+            }
+
+            .preheader {
+                color: transparent;
+                display: none;
+                height: 0;
+                max-height: 0;
+                max-width: 0;
+                opacity: 0;
+                overflow: hidden;
+                visibility: hidden;
+                width: 0;
+            }
+
+            hr {
+                border: 0;
+                border-bottom: 1px solid #d4d4d4;
+            }
+
+            .grayFont {
+                color: #999999;
+            }
+
+            .bold {
+                font-weight: 600;
+            }
+
+            /* -------------------------------------
+                RESPONSIVE AND MOBILE FRIENDLY STYLES
+            ------------------------------------- */
+
+            @media only screen and (max-width: 620px) {
+                table[class='body'] h1 {
+                    font-size: 28px !important;
+                    margin-bottom: 10px !important;
+                }
+                table[class='body'] p,
+                table[class='body'] ul,
+                table[class='body'] ol,
+                table[class='body'] td,
+                table[class='body'] span,
+                table[class='body'] a {
+                    font-size: 16px !important;
+                }
+                table[class='body'] .wrapper,
+                table[class='body'] .article {
+                    padding: 10px !important;
+                }
+                table[class='body'] .content {
+                    padding: 0 !important;
+                }
+                table[class='body'] .container {
+                    padding: 0 !important;
+                    width: 100% !important;
+                }
+                table[class='body'] .main {
+                    border-left-width: 0 !important;
+                    border-radius: 0 !important;
+                    border-right-width: 0 !important;
+                }
+                table[class='body'] .btn table {
+                    width: 100% !important;
+                }
+                table[class='body'] .btn a {
+                    width: 100% !important;
+                }
+                table[class='body'] .img-responsive {
+                    height: auto !important;
+                    max-width: 100% !important;
+                    width: auto !important;
+                }
+            }
+            /* -------------------------------------
+                PRESERVE THESE STYLES IN THE HEAD
+            ------------------------------------- */
+
+            @media all {
+                .ExternalClass {
+                    width: 100%;
+                }
+                .ExternalClass,
+                .ExternalClass p,
+                .ExternalClass span,
+                .ExternalClass font,
+                .ExternalClass td,
+                .ExternalClass div {
+                    line-height: 100%;
+                }
+                .apple-link a {
+                    color: inherit !important;
+                    font-family: inherit !important;
+                    font-size: inherit !important;
+                    font-weight: inherit !important;
+                    line-height: inherit !important;
+                    text-decoration: none !important;
+                }
+                .btn-primary a:hover {
+                    background-color: rgb(50, 110, 103) !important;
+                    border-color: rgb(50, 110, 103) !important;
+                }
+            }
+        </style>
     </head>
-<body>
+    <body class="">
+        <span class="preheader"></span>
+        <table
+            d=""
+            role="presentation"
+            border="0"
+            cellpadding="0"
+            cellspacing="0"
+            class="body"
+        >
+            <tr>
+                <td class="container">
+                    <div class="content">
+                        <!-- START CENTERED WHITE CONTAINER -->
 
+                        <table
+                            border="0"
+                            cellpadding="0"
+                            cellspacing="0"
+                            width="100%"
+                            style="min-width: 100%"
+                        >
+                            <tbody>
+                                <tr>
+                                    <td valign="top" style="padding: 0px">
+                                        <table
+                                            align="center"
+                                            style="text-align: center"
+                                            width="100%"
+                                            border="0"
+                                            cellpadding="0"
+                                            cellspacing="0"
+                                            style="min-width: 100%"
+                                        >
+                                            <tbody>
+                                                <tr>
+                                                    <td
+                                                        valign="top"
+                                                        class="align-center"
+                                                        style="
+                                                            padding-right: 0px;
+                                                            padding-left: 48px;
+                                                            padding-top: 0;
+                                                            padding-bottom: 0;
+                                                        "
+                                                    >
+                                                        <img
+                                                            align="center"
+                                                            alt="Arilia"
+                                                            src="logo.png"
+                                                            style="
+                                                                max-width: 100%;
+                                                                padding-bottom: 0;
+                                                                display: inline !important;
+                                                                vertical-align: bottom;
+                                                            "
+                                                        />
+                                                    </td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <table role="presentation" class="main">
+                            <!-- START MAIN CONTENT AREA -->
+                            <tr>
+                                <td class="wrapper">
+                                    <table
+                                        role="presentation"
+                                        border="0"
+                                        cellpadding="0"
+                                        cellspacing="0"
+                                    >
+                                        <tr>
+                                            <td>
+                                                <h2>Password Reset</h2>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <p>Dear ${RECIPIENT_EMAIL} ,</p>
+                                                <p>
+                                                    You have requested us to
+                                                    reset your password. Please
+                                                    click on the link below and
+                                                    follow the instructions.
+                                                </p>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td
+                                                style="
+                                                    padding-top: 15px;
+                                                    padding-bottom: 40px;
+                                                "
+                                                class="btn btn-primary"
+                                            >
+                                                <a
+                                                    href="${ACTION_LINK}"
+                                                    target="_blank"
+                                                    >Reset Password</a
+                                                >
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <hr
+                                                    style="
+                                                        margin-top: 0px;
+                                                        margin-bottom: 30px;
+                                                    "
+                                                />
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <p>
+                                                    For questions & support
+                                                    regarding this application,
+                                                    please contact us at
+                                                    <a
+                                                        href="mailto:tip-keys@arilia.com"
+                                                        target="_blank"
+                                                    >
+                                                        tip-keys@arilia.com
+                                                    </a>
+                                                    . For question regarding the
+                                                    Telecom Infra Project,
+                                                    please contact us at
+                                                    <a
+                                                        href="mailto:info@telecominfraproject.com"
+                                                    >
+                                                        info@telecominfraproject.com
+                                                    </a>
+                                                    .
+                                                </p>
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td>
+                                                <p>Thank You!</p>
+                                                <p>Arilia Wireless Inc.</p>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <table
+                                                role="presentation"
+                                                border="0"
+                                                cellpadding="0"
+                                                cellspacing="0"
+                                                class="btn btn-primary"
+                                            >
+                                                <tbody></tbody>
+                                            </table>
+                                        </tr>
+                                    </table>
+                                </td>
+                            </tr>
+                            <!-- END MAIN CONTENT AREA -->
+                        </table>
+
+                        <!-- END CENTERED WHITE CONTAINER -->
+
+                        <div class="footer">
+                            <table
+                                border="0"
+                                cellpadding="0"
+                                cellspacing="0"
+                                width="100%"
+                                style="min-width: 100; margin-top: 30px"
+                            >
+                                <tbody>
+                                    <tr>
+                                        <td valign="top" style="padding: 0px">
+                                            <table
+                                                align="left"
+                                                width="100%"
+                                                border="0"
+                                                cellpadding="0"
+                                                cellspacing="0"
+                                                style="min-width: 100%"
+                                            >
+                                                <tbody>
+                                                    <tr></tr>
+                                                    <tr>
+                                                        <p class="align-center">
+                                                            Copyright 2022
+                                                            Arilia Wireless Inc,
+                                                            All rights reserved.
+                                                        </p>
+                                                        <a
+                                                            href="https://arilia.com"
+                                                            target="_blank"
+                                                            >www.arilia.com</a
+                                                        >
+                                                    </tr>
+                                                </tbody>
+                                            </table>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </td>
+                <td>&nbsp;</td>
+            </tr>
+        </table>
     </body>
 </html>

templates/signup_verification.html

@@ -1,10 +1,527 @@
-<!DOCTYPE html>
-<html lang="en">
+<html>
     <head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
+        <title>Sign Up Verification</title>
+        <style>
+            img {
+                border: none;
+                -ms-interpolation-mode: bicubic;
+                max-width: 100%;
+            }
 
+            body {
+                color: #414141;
+                background-color: #f6f6f6;
+                font-family: sans-serif;
+                -webkit-font-smoothing: antialiased;
+                font-size: 14px;
+                line-height: 1.4;
+                margin: 0;
+                padding: 0;
+                -ms-text-size-adjust: 100%;
+                -webkit-text-size-adjust: 100%;
+            }
+
+            table {
+                border-collapse: separate;
+                width: 100%;
+                text-align: center;
+            }
+
+            table td {
+                font-family: sans-serif;
+                font-size: 14px;
+                color: #414141;
+                vertical-align: top;
+            }
+
+            .body {
+                background-color: white;
+                width: 100%;
+            }
+
+            .container {
+                display: block;
+                margin: 0 auto !important;
+                max-width: 580px;
+                padding: 10px;
+                width: 580px;
+            }
+
+            .content {
+                box-sizing: border-box;
+                display: block;
+                margin: 0 auto;
+                max-width: 580px;
+                padding: 10px;
+            }
+
+            .main {
+                background: #ffffff;
+                border-radius: 0px;
+                width: 600px;
+                max-width: 100%;
+                border: 1px solid #d4d4d4;
+                padding-left: 45px;
+                padding-right: 45px;
+            }
+
+            .wrapper {
+                box-sizing: border-box;
+                padding: 40px 20px;
+            }
+
+            .content-block {
+                padding-bottom: 10px;
+                padding-top: 10px;
+            }
+
+            .footer {
+                clear: both;
+                margin-top: 10px;
+                text-align: center;
+                width: 100%;
+            }
+
+            .footer td,
+            .footer p,
+            .footer span,
+            .footer a {
+                color: #999999;
+                font-size: 12px;
+                text-align: center;
+            }
+            /* -------------------------------------
+                TYPOGRAPHY
+            ------------------------------------- */
+
+            h1,
+            h2,
+            h3,
+            h4 {
+                color: #414141;
+                font-family: sans-serif;
+                font-weight: 400;
+                line-height: 1.4;
+                margin: 0;
+                margin-bottom: 30px;
+            }
+
+            h2 {
+                font-weight: 600;
+            }
+
+            h1 {
+                font-size: 35px;
+                font-weight: 300;
+                text-align: center;
+                text-transform: capitalize;
+            }
+
+            p,
+            ul,
+            ol {
+                font-family: sans-serif;
+                font-size: 14px;
+                font-weight: normal;
+                margin: 0;
+                color: #414141;
+                margin-bottom: 15px;
+            }
+
+            p li,
+            ul li,
+            ol li {
+                list-style-position: inside;
+                margin-left: 5px;
+                color: #414141;
+            }
+
+            a {
+                color: #29818c !important;
+                text-decoration: none;
+                border-bottom: 1px solid #d2d2d2;
+            }
+
+            .footer a {
+                color: #999999 !important;
+            }
+            /* -------------------------------------
+                BUTTONS
+            ------------------------------------- */
+
+            .btn {
+                box-sizing: border-box;
+                width: 100%;
+            }
+
+            tbody {
+                text-align: left;
+            }
+
+            .btn > tbody > tr > td {
+                padding-bottom: 15px;
+            }
+
+            .btn table {
+                width: auto;
+            }
+
+            .btn table td {
+                background-color: #ffffff;
+                border-radius: 20px;
+                text-align: center;
+            }
+
+            .btn a {
+                background-color: #ffffff;
+                border: solid 1px #489e94;
+                border-radius: 5px;
+                box-sizing: border-box;
+                color: #29818c;
+                cursor: pointer;
+                display: inline-block;
+                font-size: 14px;
+                font-weight: bold;
+                margin: 0;
+                padding: 12px 120px;
+                text-decoration: none;
+                font-weight: 600;
+                text-transform: uppercase;
+            }
+
+            .btn-primary a {
+                transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)
+                        0ms,
+                    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+                    border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+                margin: auto;
+                background-color: #29818c;
+                border-color: #29818c;
+                color: #ffffff !important;
+            }
+            /* -------------------------------------
+                OTHER STYLES THAT MIGHT BE USEFUL
+            ------------------------------------- */
+
+            .align-center {
+                text-align: center;
+            }
+
+            .preheader {
+                color: transparent;
+                display: none;
+                height: 0;
+                max-height: 0;
+                max-width: 0;
+                opacity: 0;
+                overflow: hidden;
+                visibility: hidden;
+                width: 0;
+            }
+
+            hr {
+                border: 0;
+                border-bottom: 1px solid #d4d4d4;
+            }
+
+            .grayFont {
+                color: #999999;
+            }
+
+            .bold {
+                font-weight: 600;
+            }
+
+            /* -------------------------------------
+                RESPONSIVE AND MOBILE FRIENDLY STYLES
+            ------------------------------------- */
+
+            @media only screen and (max-width: 620px) {
+                table[class='body'] h1 {
+                    font-size: 28px !important;
+                    margin-bottom: 10px !important;
+                }
+                table[class='body'] p,
+                table[class='body'] ul,
+                table[class='body'] ol,
+                table[class='body'] td,
+                table[class='body'] span,
+                table[class='body'] a {
+                    font-size: 16px !important;
+                }
+                table[class='body'] .wrapper,
+                table[class='body'] .article {
+                    padding: 10px !important;
+                }
+                table[class='body'] .content {
+                    padding: 0 !important;
+                }
+                table[class='body'] .container {
+                    padding: 0 !important;
+                    width: 100% !important;
+                }
+                table[class='body'] .main {
+                    border-left-width: 0 !important;
+                    border-radius: 0 !important;
+                    border-right-width: 0 !important;
+                }
+                table[class='body'] .btn table {
+                    width: 100% !important;
+                }
+                table[class='body'] .btn a {
+                    width: 100% !important;
+                }
+                table[class='body'] .img-responsive {
+                    height: auto !important;
+                    max-width: 100% !important;
+                    width: auto !important;
+                }
+            }
+            /* -------------------------------------
+                PRESERVE THESE STYLES IN THE HEAD
+            ------------------------------------- */
+
+            @media all {
+                .ExternalClass {
+                    width: 100%;
+                }
+                .ExternalClass,
+                .ExternalClass p,
+                .ExternalClass span,
+                .ExternalClass font,
+                .ExternalClass td,
+                .ExternalClass div {
+                    line-height: 100%;
+                }
+                .apple-link a {
+                    color: inherit !important;
+                    font-family: inherit !important;
+                    font-size: inherit !important;
+                    font-weight: inherit !important;
+                    line-height: inherit !important;
+                    text-decoration: none !important;
+                }
+                .btn-primary a:hover {
+                    background-color: rgb(50, 110, 103) !important;
+                    border-color: rgb(50, 110, 103) !important;
+                }
+            }
+        </style>
+    </head>
+    <body class="">
+        <span class="preheader"></span>
+        <table
+            d=""
+            role="presentation"
+            border="0"
+            cellpadding="0"
+            cellspacing="0"
+            class="body"
+        >
+            <tr>
+                <td class="container">
+                    <div class="content">
+                        <!-- START CENTERED WHITE CONTAINER -->
+
+                        <table
+                            border="0"
+                            cellpadding="0"
+                            cellspacing="0"
+                            width="100%"
+                            style="min-width: 100%"
+                        >
+                            <tbody>
+                                <tr>
+                                    <td valign="top" style="padding: 0px">
+                                        <table
+                                            align="center"
+                                            style="text-align: center"
+                                            width="100%"
+                                            border="0"
+                                            cellpadding="0"
+                                            cellspacing="0"
+                                            style="min-width: 100%"
+                                        >
+                                            <tbody>
+                                                <tr>
+                                                    <td
+                                                        valign="top"
+                                                        class="align-center"
+                                                        style="
+                                                            padding-right: 0px;
+                                                            padding-left: 48px;
+                                                            padding-top: 0;
+                                                            padding-bottom: 0;
+                                                        "
+                                                    >
+                                                        <img
+                                                            align="center"
+                                                            alt="Arilia"
+                                                            src="logo.png"
+                                                            style="
+                                                                max-width: 100%;
+                                                                padding-bottom: 0;
+                                                                display: inline !important;
+                                                                vertical-align: bottom;
+                                                            "
+                                                        />
+                                                    </td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <table role="presentation" class="main">
+                            <!-- START MAIN CONTENT AREA -->
+                            <tr>
+                                <td class="wrapper">
+                                    <table
+                                        role="presentation"
+                                        border="0"
+                                        cellpadding="0"
+                                        cellspacing="0"
+                                    >
+                                        <tr>
+                                            <td>
+                                                <h2>
+                                                    Confirm Your Email Address
+                                                    to Get Started
+                                                </h2>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <p>Dear ${RECIPIENT_EMAIL} ,</p>
+                                                <p>
+                                                    Before you can access the
+                                                    system, you must validate
+                                                    your e-mail address. Please
+                                                    click on the button below to
+                                                    complete this task.
+                                                </p>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td
+                                                style="
+                                                    padding-top: 15px;
+                                                    padding-bottom: 40px;
+                                                "
+                                                class="btn btn-primary"
+                                            >
+                                                <a
+                                                    href="${ACTION_LINK}"
+                                                    target="_blank"
+                                                    >Confirm Email Address</a
+                                                >
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <hr
+                                                    style="
+                                                        margin-top: 0px;
+                                                        margin-bottom: 30px;
+                                                    "
+                                                />
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <p>
+                                                    For questions & support
+                                                    regarding this application,
+                                                    please contact us at
+                                                    <a
+                                                        href="mailto:tip-keys@arilia.com"
+                                                        target="_blank"
+                                                    >
+                                                        tip-keys@arilia.com
+                                                    </a>
+                                                    . For question regarding the
+                                                    Telecom Infra Project,
+                                                    please contact us at
+                                                    <a
+                                                        href="mailto:info@telecominfraproject.com"
+                                                    >
+                                                        info@telecominfraproject.com
+                                                    </a>
+                                                    .
+                                                </p>
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td>
+                                                <p>Thank You!</p>
+                                                <p>Arilia Wireless Inc.</p>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <table
+                                                role="presentation"
+                                                border="0"
+                                                cellpadding="0"
+                                                cellspacing="0"
+                                                class="btn btn-primary"
+                                            >
+                                                <tbody></tbody>
+                                            </table>
+                                        </tr>
+                                    </table>
+                                </td>
+                            </tr>
+                            <!-- END MAIN CONTENT AREA -->
+                        </table>
+
+                        <!-- END CENTERED WHITE CONTAINER -->
+
+                        <div class="footer">
+                            <table
+                                border="0"
+                                cellpadding="0"
+                                cellspacing="0"
+                                width="100%"
+                                style="min-width: 100; margin-top: 30px"
+                            >
+                                <tbody>
+                                    <tr>
+                                        <td valign="top" style="padding: 0px">
+                                            <table
+                                                align="left"
+                                                width="100%"
+                                                border="0"
+                                                cellpadding="0"
+                                                cellspacing="0"
+                                                style="min-width: 100%"
+                                            >
+                                                <tbody>
+                                                    <tr></tr>
+                                                    <tr>
+                                                        <p class="align-center">
+                                                            Copyright 2022
+                                                            Arilia Wireless Inc,
+                                                            All rights reserved.
+                                                        </p>
+                                                        <a
+                                                            href="https://arilia.com"
+                                                            target="_blank"
+                                                            >www.arilia.com</a
+                                                        >
+                                                    </tr>
+                                                </tbody>
+                                            </table>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </td>
+                <td>&nbsp;</td>
+            </tr>
+        </table>
     </body>
 </html>

templates/signup_verification.txt

@@ -1,10 +1,8 @@
 Dear ${RECIPIENT_EMAIL},
 
-    Before you can access the system, you must validate your e-mail address. Please click on the link below
-    to complete this task.
+    Before you can access the system, you must validate your e-mail address. Please click on the button below and follow the instructions.
 
         ${ACTION_LINK}
 
-    And follow the instructions.
 
 Thank you!

templates/sub_email_verification.html

@@ -0,0 +1,527 @@
+<html>
+<head>
+    <title>Email Confirmation</title>
+    <style>
+        img {
+            border: none;
+            -ms-interpolation-mode: bicubic;
+            max-width: 100%;
+        }
+
+        body {
+            color: #414141;
+            background-color: #f6f6f6;
+            font-family: sans-serif;
+            -webkit-font-smoothing: antialiased;
+            font-size: 14px;
+            line-height: 1.4;
+            margin: 0;
+            padding: 0;
+            -ms-text-size-adjust: 100%;
+            -webkit-text-size-adjust: 100%;
+        }
+
+        table {
+            border-collapse: separate;
+            width: 100%;
+            text-align: center;
+        }
+
+        table td {
+            font-family: sans-serif;
+            font-size: 14px;
+            color: #414141;
+            vertical-align: top;
+        }
+
+        .body {
+            background-color: white;
+            width: 100%;
+        }
+
+        .container {
+            display: block;
+            margin: 0 auto !important;
+            max-width: 580px;
+            padding: 10px;
+            width: 580px;
+        }
+
+        .content {
+            box-sizing: border-box;
+            display: block;
+            margin: 0 auto;
+            max-width: 580px;
+            padding: 10px;
+        }
+
+        .main {
+            background: #ffffff;
+            border-radius: 0px;
+            width: 600px;
+            max-width: 100%;
+            border: 1px solid #d4d4d4;
+            padding-left: 45px;
+            padding-right: 45px;
+        }
+
+        .wrapper {
+            box-sizing: border-box;
+            padding: 40px 20px;
+        }
+
+        .content-block {
+            padding-bottom: 10px;
+            padding-top: 10px;
+        }
+
+        .footer {
+            clear: both;
+            margin-top: 10px;
+            text-align: center;
+            width: 100%;
+        }
+
+        .footer td,
+        .footer p,
+        .footer span,
+        .footer a {
+            color: #999999;
+            font-size: 12px;
+            text-align: center;
+        }
+        /* -------------------------------------
+            TYPOGRAPHY
+        ------------------------------------- */
+
+        h1,
+        h2,
+        h3,
+        h4 {
+            color: #414141;
+            font-family: sans-serif;
+            font-weight: 400;
+            line-height: 1.4;
+            margin: 0;
+            margin-bottom: 30px;
+        }
+
+        h2 {
+            font-weight: 600;
+        }
+
+        h1 {
+            font-size: 35px;
+            font-weight: 300;
+            text-align: center;
+            text-transform: capitalize;
+        }
+
+        p,
+        ul,
+        ol {
+            font-family: sans-serif;
+            font-size: 14px;
+            font-weight: normal;
+            margin: 0;
+            color: #414141;
+            margin-bottom: 15px;
+        }
+
+        p li,
+        ul li,
+        ol li {
+            list-style-position: inside;
+            margin-left: 5px;
+            color: #414141;
+        }
+
+        a {
+            color: #29818c !important;
+            text-decoration: none;
+            border-bottom: 1px solid #d2d2d2;
+        }
+
+        .footer a {
+            color: #999999 !important;
+        }
+        /* -------------------------------------
+            BUTTONS
+        ------------------------------------- */
+
+        .btn {
+            box-sizing: border-box;
+            width: 100%;
+        }
+
+        tbody {
+            text-align: left;
+        }
+
+        .btn > tbody > tr > td {
+            padding-bottom: 15px;
+        }
+
+        .btn table {
+            width: auto;
+        }
+
+        .btn table td {
+            background-color: #ffffff;
+            border-radius: 20px;
+            text-align: center;
+        }
+
+        .btn a {
+            background-color: #ffffff;
+            border: solid 1px #489e94;
+            border-radius: 5px;
+            box-sizing: border-box;
+            color: #29818c;
+            cursor: pointer;
+            display: inline-block;
+            font-size: 14px;
+            font-weight: bold;
+            margin: 0;
+            padding: 12px 120px;
+            text-decoration: none;
+            font-weight: 600;
+            text-transform: uppercase;
+        }
+
+        .btn-primary a {
+            transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)
+            0ms,
+            box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+            border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+            margin: auto;
+            background-color: #29818c;
+            border-color: #29818c;
+            color: #ffffff !important;
+        }
+        /* -------------------------------------
+            OTHER STYLES THAT MIGHT BE USEFUL
+        ------------------------------------- */
+
+        .align-center {
+            text-align: center;
+        }
+
+        .preheader {
+            color: transparent;
+            display: none;
+            height: 0;
+            max-height: 0;
+            max-width: 0;
+            opacity: 0;
+            overflow: hidden;
+            visibility: hidden;
+            width: 0;
+        }
+
+        hr {
+            border: 0;
+            border-bottom: 1px solid #d4d4d4;
+        }
+
+        .grayFont {
+            color: #999999;
+        }
+
+        .bold {
+            font-weight: 600;
+        }
+
+        /* -------------------------------------
+            RESPONSIVE AND MOBILE FRIENDLY STYLES
+        ------------------------------------- */
+
+        @media only screen and (max-width: 620px) {
+            table[class='body'] h1 {
+                font-size: 28px !important;
+                margin-bottom: 10px !important;
+            }
+            table[class='body'] p,
+            table[class='body'] ul,
+            table[class='body'] ol,
+            table[class='body'] td,
+            table[class='body'] span,
+            table[class='body'] a {
+                font-size: 16px !important;
+            }
+            table[class='body'] .wrapper,
+            table[class='body'] .article {
+                padding: 10px !important;
+            }
+            table[class='body'] .content {
+                padding: 0 !important;
+            }
+            table[class='body'] .container {
+                padding: 0 !important;
+                width: 100% !important;
+            }
+            table[class='body'] .main {
+                border-left-width: 0 !important;
+                border-radius: 0 !important;
+                border-right-width: 0 !important;
+            }
+            table[class='body'] .btn table {
+                width: 100% !important;
+            }
+            table[class='body'] .btn a {
+                width: 100% !important;
+            }
+            table[class='body'] .img-responsive {
+                height: auto !important;
+                max-width: 100% !important;
+                width: auto !important;
+            }
+        }
+        /* -------------------------------------
+            PRESERVE THESE STYLES IN THE HEAD
+        ------------------------------------- */
+
+        @media all {
+            .ExternalClass {
+                width: 100%;
+            }
+            .ExternalClass,
+            .ExternalClass p,
+            .ExternalClass span,
+            .ExternalClass font,
+            .ExternalClass td,
+            .ExternalClass div {
+                line-height: 100%;
+            }
+            .apple-link a {
+                color: inherit !important;
+                font-family: inherit !important;
+                font-size: inherit !important;
+                font-weight: inherit !important;
+                line-height: inherit !important;
+                text-decoration: none !important;
+            }
+            .btn-primary a:hover {
+                background-color: rgb(50, 110, 103) !important;
+                border-color: rgb(50, 110, 103) !important;
+            }
+        }
+    </style>
+</head>
+<body class="">
+<span class="preheader"></span>
+<table
+        d=""
+        role="presentation"
+        border="0"
+        cellpadding="0"
+        cellspacing="0"
+        class="body"
+>
+    <tr>
+        <td class="container">
+            <div class="content">
+                <!-- START CENTERED WHITE CONTAINER -->
+
+                <table
+                        border="0"
+                        cellpadding="0"
+                        cellspacing="0"
+                        width="100%"
+                        style="min-width: 100%"
+                >
+                    <tbody>
+                    <tr>
+                        <td valign="top" style="padding: 0px">
+                            <table
+                                    align="center"
+                                    style="text-align: center"
+                                    width="100%"
+                                    border="0"
+                                    cellpadding="0"
+                                    cellspacing="0"
+                                    style="min-width: 100%"
+                            >
+                                <tbody>
+                                <tr>
+                                    <td
+                                            valign="top"
+                                            class="align-center"
+                                            style="
+                                                            padding-right: 0px;
+                                                            padding-left: 48px;
+                                                            padding-top: 0;
+                                                            padding-bottom: 0;
+                                                        "
+                                    >
+                                        <img
+                                                align="center"
+                                                alt="Arilia"
+                                                src="logo.png"
+                                                style="
+                                                                max-width: 100%;
+                                                                padding-bottom: 0;
+                                                                display: inline !important;
+                                                                vertical-align: bottom;
+                                                            "
+                                        />
+                                    </td>
+                                </tr>
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
+                <table role="presentation" class="main">
+                    <!-- START MAIN CONTENT AREA -->
+                    <tr>
+                        <td class="wrapper">
+                            <table
+                                    role="presentation"
+                                    border="0"
+                                    cellpadding="0"
+                                    cellspacing="0"
+                            >
+                                <tr>
+                                    <td>
+                                        <h2>
+                                            Confirm Your Email Address
+                                            to Get Started
+                                        </h2>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <p>Dear ${RECIPIENT_EMAIL} ,</p>
+                                        <p>
+                                            Before you can access the
+                                            system, you must validate
+                                            your e-mail address. Please
+                                            click on the button below to
+                                            complete this task.
+                                        </p>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td
+                                            style="
+                                                    padding-top: 15px;
+                                                    padding-bottom: 40px;
+                                                "
+                                            class="btn btn-primary"
+                                    >
+                                        <a
+                                                href="${ACTION_LINK}"
+                                                target="_blank"
+                                        >Confirm Email Address</a
+                                        >
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <hr
+                                                style="
+                                                        margin-top: 0px;
+                                                        margin-bottom: 30px;
+                                                    "
+                                        />
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <p>
+                                            For questions & support
+                                            regarding this application,
+                                            please contact us at
+                                            <a
+                                                    href="mailto:tip-keys@arilia.com"
+                                                    target="_blank"
+                                            >
+                                                tip-keys@arilia.com
+                                            </a>
+                                            . For question regarding the
+                                            Telecom Infra Project,
+                                            please contact us at
+                                            <a
+                                                    href="mailto:info@telecominfraproject.com"
+                                            >
+                                                info@telecominfraproject.com
+                                            </a>
+                                            .
+                                        </p>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td>
+                                        <p>Thank You!</p>
+                                        <p>Arilia Wireless Inc.</p>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <table
+                                            role="presentation"
+                                            border="0"
+                                            cellpadding="0"
+                                            cellspacing="0"
+                                            class="btn btn-primary"
+                                    >
+                                        <tbody></tbody>
+                                    </table>
+                                </tr>
+                            </table>
+                        </td>
+                    </tr>
+                    <!-- END MAIN CONTENT AREA -->
+                </table>
+
+                <!-- END CENTERED WHITE CONTAINER -->
+
+                <div class="footer">
+                    <table
+                            border="0"
+                            cellpadding="0"
+                            cellspacing="0"
+                            width="100%"
+                            style="min-width: 100; margin-top: 30px"
+                    >
+                        <tbody>
+                        <tr>
+                            <td valign="top" style="padding: 0px">
+                                <table
+                                        align="left"
+                                        width="100%"
+                                        border="0"
+                                        cellpadding="0"
+                                        cellspacing="0"
+                                        style="min-width: 100%"
+                                >
+                                    <tbody>
+                                    <tr></tr>
+                                    <tr>
+                                        <p class="align-center">
+                                            Copyright 2022
+                                            Arilia Wireless Inc,
+                                            All rights reserved.
+                                        </p>
+                                        <a
+                                                href="https://arilia.com"
+                                                target="_blank"
+                                        >www.arilia.com</a
+                                        >
+                                    </tr>
+                                    </tbody>
+                                </table>
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </td>
+        <td>&nbsp;</td>
+    </tr>
+</table>
+</body>
+</html>

templates/sub_email_verification.txt

@@ -0,0 +1,9 @@
+Dear ${RECIPIENT_EMAIL},
+
+    Before you can access the system, you must validate your e-mail address. Please click on the link below to complete this task.
+
+        ${ACTION_LINK}
+
+    And follow the instructions.
+
+Thank you!

templates/sub_password_reset.html

@@ -0,0 +1,523 @@
+<html>
+<head>
+    <title>Password Reset</title>
+    <style>
+        img {
+            border: none;
+            -ms-interpolation-mode: bicubic;
+            max-width: 100%;
+        }
+
+        body {
+            color: #414141;
+            background-color: #f6f6f6;
+            font-family: sans-serif;
+            -webkit-font-smoothing: antialiased;
+            font-size: 14px;
+            line-height: 1.4;
+            margin: 0;
+            padding: 0;
+            -ms-text-size-adjust: 100%;
+            -webkit-text-size-adjust: 100%;
+        }
+
+        table {
+            border-collapse: separate;
+            width: 100%;
+            text-align: center;
+        }
+
+        table td {
+            font-family: sans-serif;
+            font-size: 14px;
+            color: #414141;
+            vertical-align: top;
+        }
+
+        .body {
+            background-color: white;
+            width: 100%;
+        }
+
+        .container {
+            display: block;
+            margin: 0 auto !important;
+            max-width: 580px;
+            padding: 10px;
+            width: 580px;
+        }
+
+        .content {
+            box-sizing: border-box;
+            display: block;
+            margin: 0 auto;
+            max-width: 580px;
+            padding: 10px;
+        }
+
+        .main {
+            background: #ffffff;
+            border-radius: 0px;
+            width: 600px;
+            max-width: 100%;
+            border: 1px solid #d4d4d4;
+            padding-left: 45px;
+            padding-right: 45px;
+        }
+
+        .wrapper {
+            box-sizing: border-box;
+            padding: 40px 20px;
+        }
+
+        .content-block {
+            padding-bottom: 10px;
+            padding-top: 10px;
+        }
+
+        .footer {
+            clear: both;
+            margin-top: 10px;
+            text-align: center;
+            width: 100%;
+        }
+
+        .footer td,
+        .footer p,
+        .footer span,
+        .footer a {
+            color: #999999;
+            font-size: 12px;
+            text-align: center;
+        }
+        /* -------------------------------------
+            TYPOGRAPHY
+        ------------------------------------- */
+
+        h1,
+        h2,
+        h3,
+        h4 {
+            color: #414141;
+            font-family: sans-serif;
+            font-weight: 400;
+            line-height: 1.4;
+            margin: 0;
+            margin-bottom: 30px;
+        }
+
+        h2 {
+            font-weight: 600;
+        }
+
+        h1 {
+            font-size: 35px;
+            font-weight: 300;
+            text-align: center;
+            text-transform: capitalize;
+        }
+
+        p,
+        ul,
+        ol {
+            font-family: sans-serif;
+            font-size: 14px;
+            font-weight: normal;
+            margin: 0;
+            color: #414141;
+            margin-bottom: 15px;
+        }
+
+        p li,
+        ul li,
+        ol li {
+            list-style-position: inside;
+            margin-left: 5px;
+            color: #414141;
+        }
+
+        a {
+            color: #29818c !important;
+            text-decoration: none;
+            border-bottom: 1px solid #d2d2d2;
+        }
+
+        .footer a {
+            color: #999999 !important;
+        }
+        /* -------------------------------------
+            BUTTONS
+        ------------------------------------- */
+
+        .btn {
+            box-sizing: border-box;
+            width: 100%;
+        }
+
+        tbody {
+            text-align: left;
+        }
+
+        .btn > tbody > tr > td {
+            padding-bottom: 15px;
+        }
+
+        .btn table {
+            width: auto;
+        }
+
+        .btn table td {
+            background-color: #ffffff;
+            border-radius: 20px;
+            text-align: center;
+        }
+
+        .btn a {
+            background-color: #ffffff;
+            border: solid 1px #489e94;
+            border-radius: 5px;
+            box-sizing: border-box;
+            color: #29818c;
+            cursor: pointer;
+            display: inline-block;
+            font-size: 14px;
+            font-weight: bold;
+            margin: 0;
+            padding: 12px 120px;
+            text-decoration: none;
+            font-weight: 600;
+            text-transform: uppercase;
+        }
+
+        .btn-primary a {
+            transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)
+            0ms,
+            box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+            border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+            margin: auto;
+            background-color: #29818c;
+            border-color: #29818c;
+            color: #ffffff !important;
+        }
+        /* -------------------------------------
+            OTHER STYLES THAT MIGHT BE USEFUL
+        ------------------------------------- */
+
+        .align-center {
+            text-align: center;
+        }
+
+        .preheader {
+            color: transparent;
+            display: none;
+            height: 0;
+            max-height: 0;
+            max-width: 0;
+            opacity: 0;
+            overflow: hidden;
+            visibility: hidden;
+            width: 0;
+        }
+
+        hr {
+            border: 0;
+            border-bottom: 1px solid #d4d4d4;
+        }
+
+        .grayFont {
+            color: #999999;
+        }
+
+        .bold {
+            font-weight: 600;
+        }
+
+        /* -------------------------------------
+            RESPONSIVE AND MOBILE FRIENDLY STYLES
+        ------------------------------------- */
+
+        @media only screen and (max-width: 620px) {
+            table[class='body'] h1 {
+                font-size: 28px !important;
+                margin-bottom: 10px !important;
+            }
+            table[class='body'] p,
+            table[class='body'] ul,
+            table[class='body'] ol,
+            table[class='body'] td,
+            table[class='body'] span,
+            table[class='body'] a {
+                font-size: 16px !important;
+            }
+            table[class='body'] .wrapper,
+            table[class='body'] .article {
+                padding: 10px !important;
+            }
+            table[class='body'] .content {
+                padding: 0 !important;
+            }
+            table[class='body'] .container {
+                padding: 0 !important;
+                width: 100% !important;
+            }
+            table[class='body'] .main {
+                border-left-width: 0 !important;
+                border-radius: 0 !important;
+                border-right-width: 0 !important;
+            }
+            table[class='body'] .btn table {
+                width: 100% !important;
+            }
+            table[class='body'] .btn a {
+                width: 100% !important;
+            }
+            table[class='body'] .img-responsive {
+                height: auto !important;
+                max-width: 100% !important;
+                width: auto !important;
+            }
+        }
+        /* -------------------------------------
+            PRESERVE THESE STYLES IN THE HEAD
+        ------------------------------------- */
+
+        @media all {
+            .ExternalClass {
+                width: 100%;
+            }
+            .ExternalClass,
+            .ExternalClass p,
+            .ExternalClass span,
+            .ExternalClass font,
+            .ExternalClass td,
+            .ExternalClass div {
+                line-height: 100%;
+            }
+            .apple-link a {
+                color: inherit !important;
+                font-family: inherit !important;
+                font-size: inherit !important;
+                font-weight: inherit !important;
+                line-height: inherit !important;
+                text-decoration: none !important;
+            }
+            .btn-primary a:hover {
+                background-color: rgb(50, 110, 103) !important;
+                border-color: rgb(50, 110, 103) !important;
+            }
+        }
+    </style>
+</head>
+<body class="">
+<span class="preheader"></span>
+<table
+        d=""
+        role="presentation"
+        border="0"
+        cellpadding="0"
+        cellspacing="0"
+        class="body"
+>
+    <tr>
+        <td class="container">
+            <div class="content">
+                <!-- START CENTERED WHITE CONTAINER -->
+
+                <table
+                        border="0"
+                        cellpadding="0"
+                        cellspacing="0"
+                        width="100%"
+                        style="min-width: 100%"
+                >
+                    <tbody>
+                    <tr>
+                        <td valign="top" style="padding: 0px">
+                            <table
+                                    align="center"
+                                    style="text-align: center"
+                                    width="100%"
+                                    border="0"
+                                    cellpadding="0"
+                                    cellspacing="0"
+                                    style="min-width: 100%"
+                            >
+                                <tbody>
+                                <tr>
+                                    <td
+                                            valign="top"
+                                            class="align-center"
+                                            style="
+                                                            padding-right: 0px;
+                                                            padding-left: 48px;
+                                                            padding-top: 0;
+                                                            padding-bottom: 0;
+                                                        "
+                                    >
+                                        <img
+                                                align="center"
+                                                alt="Arilia"
+                                                src="logo.png"
+                                                style="
+                                                                max-width: 100%;
+                                                                padding-bottom: 0;
+                                                                display: inline !important;
+                                                                vertical-align: bottom;
+                                                            "
+                                        />
+                                    </td>
+                                </tr>
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
+                <table role="presentation" class="main">
+                    <!-- START MAIN CONTENT AREA -->
+                    <tr>
+                        <td class="wrapper">
+                            <table
+                                    role="presentation"
+                                    border="0"
+                                    cellpadding="0"
+                                    cellspacing="0"
+                            >
+                                <tr>
+                                    <td>
+                                        <h2>Password Reset</h2>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <p>Dear ${RECIPIENT_EMAIL} ,</p>
+                                        <p>
+                                            You have requested us to
+                                            reset your password. Please
+                                            click on the link below and
+                                            follow the instructions.
+                                        </p>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td
+                                            style="
+                                                    padding-top: 15px;
+                                                    padding-bottom: 40px;
+                                                "
+                                            class="btn btn-primary"
+                                    >
+                                        <a
+                                                href="${ACTION_LINK}"
+                                                target="_blank"
+                                        >Reset Password</a
+                                        >
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <hr
+                                                style="
+                                                        margin-top: 0px;
+                                                        margin-bottom: 30px;
+                                                    "
+                                        />
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <p>
+                                            For questions & support
+                                            regarding this application,
+                                            please contact us at
+                                            <a
+                                                    href="mailto:tip-keys@arilia.com"
+                                                    target="_blank"
+                                            >
+                                                tip-keys@arilia.com
+                                            </a>
+                                            . For question regarding the
+                                            Telecom Infra Project,
+                                            please contact us at
+                                            <a
+                                                    href="mailto:info@telecominfraproject.com"
+                                            >
+                                                info@telecominfraproject.com
+                                            </a>
+                                            .
+                                        </p>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td>
+                                        <p>Thank You!</p>
+                                        <p>Arilia Wireless Inc.</p>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <table
+                                            role="presentation"
+                                            border="0"
+                                            cellpadding="0"
+                                            cellspacing="0"
+                                            class="btn btn-primary"
+                                    >
+                                        <tbody></tbody>
+                                    </table>
+                                </tr>
+                            </table>
+                        </td>
+                    </tr>
+                    <!-- END MAIN CONTENT AREA -->
+                </table>
+
+                <!-- END CENTERED WHITE CONTAINER -->
+
+                <div class="footer">
+                    <table
+                            border="0"
+                            cellpadding="0"
+                            cellspacing="0"
+                            width="100%"
+                            style="min-width: 100; margin-top: 30px"
+                    >
+                        <tbody>
+                        <tr>
+                            <td valign="top" style="padding: 0px">
+                                <table
+                                        align="left"
+                                        width="100%"
+                                        border="0"
+                                        cellpadding="0"
+                                        cellspacing="0"
+                                        style="min-width: 100%"
+                                >
+                                    <tbody>
+                                    <tr></tr>
+                                    <tr>
+                                        <p class="align-center">
+                                            Copyright 2022
+                                            Arilia Wireless Inc,
+                                            All rights reserved.
+                                        </p>
+                                        <a
+                                                href="https://arilia.com"
+                                                target="_blank"
+                                        >www.arilia.com</a
+                                        >
+                                    </tr>
+                                    </tbody>
+                                </table>
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </td>
+        <td>&nbsp;</td>
+    </tr>
+</table>
+</body>
+</html>

templates/sub_password_reset.txt

@@ -0,0 +1,9 @@
+Dear ${RECIPIENT_EMAIL},
+
+    You have requested us to reset your password. Please click on the link below
+
+        ${ACTION_LINK}
+
+    And follow the instructions.
+
+Thank you!

templates/sub_verification_code.html

@@ -0,0 +1,515 @@
+<html>
+<head>
+    <title>Verification Code</title>
+    <style>
+        img {
+            border: none;
+            -ms-interpolation-mode: bicubic;
+            max-width: 100%;
+        }
+
+        body {
+            color: #414141;
+            background-color: #f6f6f6;
+            font-family: sans-serif;
+            -webkit-font-smoothing: antialiased;
+            font-size: 14px;
+            line-height: 1.4;
+            margin: 0;
+            padding: 0;
+            -ms-text-size-adjust: 100%;
+            -webkit-text-size-adjust: 100%;
+        }
+
+        table {
+            border-collapse: separate;
+            width: 100%;
+            text-align: center;
+        }
+
+        table td {
+            font-family: sans-serif;
+            font-size: 14px;
+            color: #414141;
+            vertical-align: top;
+        }
+
+        .body {
+            background-color: white;
+            width: 100%;
+        }
+
+        .container {
+            display: block;
+            margin: 0 auto !important;
+            max-width: 580px;
+            padding: 10px;
+            width: 580px;
+        }
+
+        .content {
+            box-sizing: border-box;
+            display: block;
+            margin: 0 auto;
+            max-width: 580px;
+            padding: 10px;
+        }
+
+        .main {
+            background: #ffffff;
+            border-radius: 0px;
+            width: 600px;
+            max-width: 100%;
+            border: 1px solid #d4d4d4;
+            padding-left: 45px;
+            padding-right: 45px;
+        }
+
+        .wrapper {
+            box-sizing: border-box;
+            padding: 40px 20px;
+        }
+
+        .content-block {
+            padding-bottom: 10px;
+            padding-top: 10px;
+        }
+
+        .footer {
+            clear: both;
+            margin-top: 10px;
+            text-align: center;
+            width: 100%;
+        }
+
+        .footer td,
+        .footer p,
+        .footer span,
+        .footer a {
+            color: #999999;
+            font-size: 12px;
+            text-align: center;
+        }
+        /* -------------------------------------
+            TYPOGRAPHY
+        ------------------------------------- */
+
+        h1,
+        h2,
+        h3,
+        h4 {
+            color: #414141;
+            font-family: sans-serif;
+            font-weight: 400;
+            line-height: 1.4;
+            margin: 0;
+            margin-bottom: 30px;
+        }
+
+        h2 {
+            font-weight: 600;
+        }
+
+        h1 {
+            font-size: 35px;
+            font-weight: 300;
+            text-align: center;
+            text-transform: capitalize;
+        }
+
+        p,
+        ul,
+        ol {
+            font-family: sans-serif;
+            font-size: 14px;
+            font-weight: normal;
+            margin: 0;
+            color: #414141;
+            margin-bottom: 15px;
+        }
+
+        p li,
+        ul li,
+        ol li {
+            list-style-position: inside;
+            margin-left: 5px;
+            color: #414141;
+        }
+
+        a {
+            color: #29818c !important;
+            text-decoration: none;
+            border-bottom: 1px solid #d2d2d2;
+        }
+
+        .footer a {
+            color: #999999 !important;
+        }
+        /* -------------------------------------
+            BUTTONS
+        ------------------------------------- */
+
+        .btn {
+            box-sizing: border-box;
+            width: 100%;
+        }
+
+        tbody {
+            text-align: left;
+        }
+
+        .btn > tbody > tr > td {
+            padding-bottom: 15px;
+        }
+
+        .btn table {
+            width: auto;
+        }
+
+        .btn table td {
+            background-color: #ffffff;
+            border-radius: 20px;
+            text-align: center;
+        }
+
+        .btn a {
+            background-color: #ffffff;
+            border: solid 1px #489e94;
+            border-radius: 5px;
+            box-sizing: border-box;
+            color: #29818c;
+            cursor: pointer;
+            display: inline-block;
+            font-size: 14px;
+            font-weight: bold;
+            margin: 0;
+            padding: 12px 120px;
+            text-decoration: none;
+            font-weight: 600;
+            text-transform: uppercase;
+        }
+
+        .btn-primary a {
+            transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)
+            0ms,
+            box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+            border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+            margin: auto;
+            background-color: #29818c;
+            border-color: #29818c;
+            color: #ffffff !important;
+        }
+        /* -------------------------------------
+            OTHER STYLES THAT MIGHT BE USEFUL
+        ------------------------------------- */
+
+        .align-center {
+            text-align: center;
+        }
+
+        .preheader {
+            color: transparent;
+            display: none;
+            height: 0;
+            max-height: 0;
+            max-width: 0;
+            opacity: 0;
+            overflow: hidden;
+            visibility: hidden;
+            width: 0;
+        }
+
+        hr {
+            border: 0;
+            border-bottom: 1px solid #d4d4d4;
+        }
+
+        .grayFont {
+            color: #999999;
+        }
+
+        .bold {
+            font-weight: 600;
+        }
+
+        /* -------------------------------------
+            RESPONSIVE AND MOBILE FRIENDLY STYLES
+        ------------------------------------- */
+
+        @media only screen and (max-width: 620px) {
+            table[class='body'] h1 {
+                font-size: 28px !important;
+                margin-bottom: 10px !important;
+            }
+            table[class='body'] p,
+            table[class='body'] ul,
+            table[class='body'] ol,
+            table[class='body'] td,
+            table[class='body'] span,
+            table[class='body'] a {
+                font-size: 16px !important;
+            }
+            table[class='body'] .wrapper,
+            table[class='body'] .article {
+                padding: 10px !important;
+            }
+            table[class='body'] .content {
+                padding: 0 !important;
+            }
+            table[class='body'] .container {
+                padding: 0 !important;
+                width: 100% !important;
+            }
+            table[class='body'] .main {
+                border-left-width: 0 !important;
+                border-radius: 0 !important;
+                border-right-width: 0 !important;
+            }
+            table[class='body'] .btn table {
+                width: 100% !important;
+            }
+            table[class='body'] .btn a {
+                width: 100% !important;
+            }
+            table[class='body'] .img-responsive {
+                height: auto !important;
+                max-width: 100% !important;
+                width: auto !important;
+            }
+        }
+        /* -------------------------------------
+            PRESERVE THESE STYLES IN THE HEAD
+        ------------------------------------- */
+
+        @media all {
+            .ExternalClass {
+                width: 100%;
+            }
+            .ExternalClass,
+            .ExternalClass p,
+            .ExternalClass span,
+            .ExternalClass font,
+            .ExternalClass td,
+            .ExternalClass div {
+                line-height: 100%;
+            }
+            .apple-link a {
+                color: inherit !important;
+                font-family: inherit !important;
+                font-size: inherit !important;
+                font-weight: inherit !important;
+                line-height: inherit !important;
+                text-decoration: none !important;
+            }
+            .btn-primary a:hover {
+                background-color: rgb(50, 110, 103) !important;
+                border-color: rgb(50, 110, 103) !important;
+            }
+        }
+    </style>
+</head>
+<body class="">
+<span class="preheader"></span>
+<table
+        d=""
+        role="presentation"
+        border="0"
+        cellpadding="0"
+        cellspacing="0"
+        class="body"
+>
+    <tr>
+        <td class="container">
+            <div class="content">
+                <!-- START CENTERED WHITE CONTAINER -->
+
+                <table
+                        border="0"
+                        cellpadding="0"
+                        cellspacing="0"
+                        width="100%"
+                        style="min-width: 100%"
+                >
+                    <tbody>
+                    <tr>
+                        <td valign="top" style="padding: 0px">
+                            <table
+                                    align="center"
+                                    style="text-align: center"
+                                    width="100%"
+                                    border="0"
+                                    cellpadding="0"
+                                    cellspacing="0"
+                                    style="min-width: 100%"
+                            >
+                                <tbody>
+                                <tr>
+                                    <td
+                                            valign="top"
+                                            class="align-center"
+                                            style="
+                                                            padding-right: 0px;
+                                                            padding-left: 48px;
+                                                            padding-top: 0;
+                                                            padding-bottom: 0;
+                                                        "
+                                    >
+                                        <img
+                                                align="center"
+                                                alt="Arilia"
+                                                src="logo.png"
+                                                style="
+                                                                max-width: 100%;
+                                                                padding-bottom: 0;
+                                                                display: inline !important;
+                                                                vertical-align: bottom;
+                                                            "
+                                        />
+                                    </td>
+                                </tr>
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
+                <table role="presentation" class="main">
+                    <!-- START MAIN CONTENT AREA -->
+                    <tr>
+                        <td class="wrapper">
+                            <table
+                                    role="presentation"
+                                    border="0"
+                                    cellpadding="0"
+                                    cellspacing="0"
+                            >
+                                <tr>
+                                    <td>
+                                        <h2>Your Login Validation Code</h2>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <p>Dear ${RECIPIENT_EMAIL} ,</p>
+                                        <p>
+                                            You have requested your login validation. Please enter the following code on the login screen:
+                                        </p>
+                                        <p>
+                                        <div style="text-align: center;">
+                                            <h3 style="margin-bottom: 0px; font-weight: bold;">${CHALLENGE_CODE}</h3>
+                                        </div>
+                                        </p>
+                                        <p>
+                                            If you are not trying to login, please login and change your password. Someone may be trying to
+                                            access your account illegally.
+                                        </p>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td>
+                                        <hr
+                                                style="
+                                                        margin-top: 0px;
+                                                        margin-bottom: 30px;
+                                                    "
+                                        />
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <p>
+                                            For questions & support
+                                            regarding this application,
+                                            please contact us at
+                                            <a
+                                                    href="mailto:tip-keys@arilia.com"
+                                                    target="_blank"
+                                            >
+                                                tip-keys@arilia.com
+                                            </a>
+                                            . For question regarding the
+                                            Telecom Infra Project,
+                                            please contact us at
+                                            <a
+                                                    href="mailto:info@telecominfraproject.com"
+                                            >
+                                                info@telecominfraproject.com
+                                            </a>
+                                            .
+                                        </p>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td>
+                                        <p>Thank You!</p>
+                                        <p>Arilia Wireless Inc.</p>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <table
+                                            role="presentation"
+                                            border="0"
+                                            cellpadding="0"
+                                            cellspacing="0"
+                                            class="btn btn-primary"
+                                    >
+                                        <tbody></tbody>
+                                    </table>
+                                </tr>
+                            </table>
+                        </td>
+                    </tr>
+                    <!-- END MAIN CONTENT AREA -->
+                </table>
+
+                <!-- END CENTERED WHITE CONTAINER -->
+
+                <div class="footer">
+                    <table
+                            border="0"
+                            cellpadding="0"
+                            cellspacing="0"
+                            width="100%"
+                            style="min-width: 100; margin-top: 30px"
+                    >
+                        <tbody>
+                        <tr>
+                            <td valign="top" style="padding: 0px">
+                                <table
+                                        align="left"
+                                        width="100%"
+                                        border="0"
+                                        cellpadding="0"
+                                        cellspacing="0"
+                                        style="min-width: 100%"
+                                >
+                                    <tbody>
+                                    <tr></tr>
+                                    <tr>
+                                        <p class="align-center">
+                                            Copyright 2022
+                                            Arilia Wireless Inc,
+                                            All rights reserved.
+                                        </p>
+                                        <a
+                                                href="https://arilia.com"
+                                                target="_blank"
+                                        >www.arilia.com</a
+                                        >
+                                    </tr>
+                                    </tbody>
+                                </table>
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </td>
+        <td>&nbsp;</td>
+    </tr>
+</table>
+</body>
+</html>

templates/sub_verification_code.txt

@@ -0,0 +1,10 @@
+Dear ${RECIPIENT_EMAIL},
+
+    You have requested your login validation. Please enter the following code on the login screen:
+
+        ${CHALLENGE_CODE}
+
+    If you are not trying to login, please login and change your password. Someone may be trying to
+    access your account illegally.
+
+Thank you!

templates/verification_code.html

@@ -0,0 +1,515 @@
+<html>
+    <head>
+        <title>Verification Code</title>
+        <style>
+            img {
+                border: none;
+                -ms-interpolation-mode: bicubic;
+                max-width: 100%;
+            }
+
+            body {
+                color: #414141;
+                background-color: #f6f6f6;
+                font-family: sans-serif;
+                -webkit-font-smoothing: antialiased;
+                font-size: 14px;
+                line-height: 1.4;
+                margin: 0;
+                padding: 0;
+                -ms-text-size-adjust: 100%;
+                -webkit-text-size-adjust: 100%;
+            }
+
+            table {
+                border-collapse: separate;
+                width: 100%;
+                text-align: center;
+            }
+
+            table td {
+                font-family: sans-serif;
+                font-size: 14px;
+                color: #414141;
+                vertical-align: top;
+            }
+
+            .body {
+                background-color: white;
+                width: 100%;
+            }
+
+            .container {
+                display: block;
+                margin: 0 auto !important;
+                max-width: 580px;
+                padding: 10px;
+                width: 580px;
+            }
+
+            .content {
+                box-sizing: border-box;
+                display: block;
+                margin: 0 auto;
+                max-width: 580px;
+                padding: 10px;
+            }
+
+            .main {
+                background: #ffffff;
+                border-radius: 0px;
+                width: 600px;
+                max-width: 100%;
+                border: 1px solid #d4d4d4;
+                padding-left: 45px;
+                padding-right: 45px;
+            }
+
+            .wrapper {
+                box-sizing: border-box;
+                padding: 40px 20px;
+            }
+
+            .content-block {
+                padding-bottom: 10px;
+                padding-top: 10px;
+            }
+
+            .footer {
+                clear: both;
+                margin-top: 10px;
+                text-align: center;
+                width: 100%;
+            }
+
+            .footer td,
+            .footer p,
+            .footer span,
+            .footer a {
+                color: #999999;
+                font-size: 12px;
+                text-align: center;
+            }
+            /* -------------------------------------
+                TYPOGRAPHY
+            ------------------------------------- */
+
+            h1,
+            h2,
+            h3,
+            h4 {
+                color: #414141;
+                font-family: sans-serif;
+                font-weight: 400;
+                line-height: 1.4;
+                margin: 0;
+                margin-bottom: 30px;
+            }
+
+            h2 {
+                font-weight: 600;
+            }
+
+            h1 {
+                font-size: 35px;
+                font-weight: 300;
+                text-align: center;
+                text-transform: capitalize;
+            }
+
+            p,
+            ul,
+            ol {
+                font-family: sans-serif;
+                font-size: 14px;
+                font-weight: normal;
+                margin: 0;
+                color: #414141;
+                margin-bottom: 15px;
+            }
+
+            p li,
+            ul li,
+            ol li {
+                list-style-position: inside;
+                margin-left: 5px;
+                color: #414141;
+            }
+
+            a {
+                color: #29818c !important;
+                text-decoration: none;
+                border-bottom: 1px solid #d2d2d2;
+            }
+
+            .footer a {
+                color: #999999 !important;
+            }
+            /* -------------------------------------
+                BUTTONS
+            ------------------------------------- */
+
+            .btn {
+                box-sizing: border-box;
+                width: 100%;
+            }
+
+            tbody {
+                text-align: left;
+            }
+
+            .btn > tbody > tr > td {
+                padding-bottom: 15px;
+            }
+
+            .btn table {
+                width: auto;
+            }
+
+            .btn table td {
+                background-color: #ffffff;
+                border-radius: 20px;
+                text-align: center;
+            }
+
+            .btn a {
+                background-color: #ffffff;
+                border: solid 1px #489e94;
+                border-radius: 5px;
+                box-sizing: border-box;
+                color: #29818c;
+                cursor: pointer;
+                display: inline-block;
+                font-size: 14px;
+                font-weight: bold;
+                margin: 0;
+                padding: 12px 120px;
+                text-decoration: none;
+                font-weight: 600;
+                text-transform: uppercase;
+            }
+
+            .btn-primary a {
+                transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)
+                        0ms,
+                    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+                    border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+                margin: auto;
+                background-color: #29818c;
+                border-color: #29818c;
+                color: #ffffff !important;
+            }
+            /* -------------------------------------
+                OTHER STYLES THAT MIGHT BE USEFUL
+            ------------------------------------- */
+
+            .align-center {
+                text-align: center;
+            }
+
+            .preheader {
+                color: transparent;
+                display: none;
+                height: 0;
+                max-height: 0;
+                max-width: 0;
+                opacity: 0;
+                overflow: hidden;
+                visibility: hidden;
+                width: 0;
+            }
+
+            hr {
+                border: 0;
+                border-bottom: 1px solid #d4d4d4;
+            }
+
+            .grayFont {
+                color: #999999;
+            }
+
+            .bold {
+                font-weight: 600;
+            }
+
+            /* -------------------------------------
+                RESPONSIVE AND MOBILE FRIENDLY STYLES
+            ------------------------------------- */
+
+            @media only screen and (max-width: 620px) {
+                table[class='body'] h1 {
+                    font-size: 28px !important;
+                    margin-bottom: 10px !important;
+                }
+                table[class='body'] p,
+                table[class='body'] ul,
+                table[class='body'] ol,
+                table[class='body'] td,
+                table[class='body'] span,
+                table[class='body'] a {
+                    font-size: 16px !important;
+                }
+                table[class='body'] .wrapper,
+                table[class='body'] .article {
+                    padding: 10px !important;
+                }
+                table[class='body'] .content {
+                    padding: 0 !important;
+                }
+                table[class='body'] .container {
+                    padding: 0 !important;
+                    width: 100% !important;
+                }
+                table[class='body'] .main {
+                    border-left-width: 0 !important;
+                    border-radius: 0 !important;
+                    border-right-width: 0 !important;
+                }
+                table[class='body'] .btn table {
+                    width: 100% !important;
+                }
+                table[class='body'] .btn a {
+                    width: 100% !important;
+                }
+                table[class='body'] .img-responsive {
+                    height: auto !important;
+                    max-width: 100% !important;
+                    width: auto !important;
+                }
+            }
+            /* -------------------------------------
+                PRESERVE THESE STYLES IN THE HEAD
+            ------------------------------------- */
+
+            @media all {
+                .ExternalClass {
+                    width: 100%;
+                }
+                .ExternalClass,
+                .ExternalClass p,
+                .ExternalClass span,
+                .ExternalClass font,
+                .ExternalClass td,
+                .ExternalClass div {
+                    line-height: 100%;
+                }
+                .apple-link a {
+                    color: inherit !important;
+                    font-family: inherit !important;
+                    font-size: inherit !important;
+                    font-weight: inherit !important;
+                    line-height: inherit !important;
+                    text-decoration: none !important;
+                }
+                .btn-primary a:hover {
+                    background-color: rgb(50, 110, 103) !important;
+                    border-color: rgb(50, 110, 103) !important;
+                }
+            }
+        </style>
+    </head>
+    <body class="">
+        <span class="preheader"></span>
+        <table
+            d=""
+            role="presentation"
+            border="0"
+            cellpadding="0"
+            cellspacing="0"
+            class="body"
+        >
+            <tr>
+                <td class="container">
+                    <div class="content">
+                        <!-- START CENTERED WHITE CONTAINER -->
+
+                        <table
+                            border="0"
+                            cellpadding="0"
+                            cellspacing="0"
+                            width="100%"
+                            style="min-width: 100%"
+                        >
+                            <tbody>
+                                <tr>
+                                    <td valign="top" style="padding: 0px">
+                                        <table
+                                            align="center"
+                                            style="text-align: center"
+                                            width="100%"
+                                            border="0"
+                                            cellpadding="0"
+                                            cellspacing="0"
+                                            style="min-width: 100%"
+                                        >
+                                            <tbody>
+                                                <tr>
+                                                    <td
+                                                        valign="top"
+                                                        class="align-center"
+                                                        style="
+                                                            padding-right: 0px;
+                                                            padding-left: 48px;
+                                                            padding-top: 0;
+                                                            padding-bottom: 0;
+                                                        "
+                                                    >
+                                                        <img
+                                                            align="center"
+                                                            alt="Arilia"
+                                                            src="logo.png"
+                                                            style="
+                                                                max-width: 100%;
+                                                                padding-bottom: 0;
+                                                                display: inline !important;
+                                                                vertical-align: bottom;
+                                                            "
+                                                        />
+                                                    </td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <table role="presentation" class="main">
+                            <!-- START MAIN CONTENT AREA -->
+                            <tr>
+                                <td class="wrapper">
+                                    <table
+                                        role="presentation"
+                                        border="0"
+                                        cellpadding="0"
+                                        cellspacing="0"
+                                    >
+                                        <tr>
+                                            <td>
+                                                <h2>Your Login Validation Code</h2>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <p>Dear ${RECIPIENT_EMAIL} ,</p>
+                                                <p>
+                                                    You have requested your login validation. Please enter the following code on the login screen:
+                                                  </p>
+                                                  <p>
+                                        <div style="text-align: center;">
+                                        <h3 style="margin-bottom: 0px; font-weight: bold;">${CHALLENGE_CODE}</h3>
+                                        </div>
+                                                  </p>
+                                                  <p>
+                                                    If you are not trying to login, please login and change your password. Someone may be trying to
+                                                     access your account illegally.
+                                                  </p>
+                                            </td>
+                                        </tr>
+                                        
+                                        <tr>
+                                            <td>
+                                                <hr
+                                                    style="
+                                                        margin-top: 0px;
+                                                        margin-bottom: 30px;
+                                                    "
+                                                />
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <p>
+                                                    For questions & support
+                                                    regarding this application,
+                                                    please contact us at
+                                                    <a
+                                                        href="mailto:tip-keys@arilia.com"
+                                                        target="_blank"
+                                                    >
+                                                        tip-keys@arilia.com
+                                                    </a>
+                                                    . For question regarding the
+                                                    Telecom Infra Project,
+                                                    please contact us at
+                                                    <a
+                                                        href="mailto:info@telecominfraproject.com"
+                                                    >
+                                                        info@telecominfraproject.com
+                                                    </a>
+                                                    .
+                                                </p>
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td>
+                                                <p>Thank You!</p>
+                                                <p>Arilia Wireless Inc.</p>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <table
+                                                role="presentation"
+                                                border="0"
+                                                cellpadding="0"
+                                                cellspacing="0"
+                                                class="btn btn-primary"
+                                            >
+                                                <tbody></tbody>
+                                            </table>
+                                        </tr>
+                                    </table>
+                                </td>
+                            </tr>
+                            <!-- END MAIN CONTENT AREA -->
+                        </table>
+
+                        <!-- END CENTERED WHITE CONTAINER -->
+
+                        <div class="footer">
+                            <table
+                                border="0"
+                                cellpadding="0"
+                                cellspacing="0"
+                                width="100%"
+                                style="min-width: 100; margin-top: 30px"
+                            >
+                                <tbody>
+                                    <tr>
+                                        <td valign="top" style="padding: 0px">
+                                            <table
+                                                align="left"
+                                                width="100%"
+                                                border="0"
+                                                cellpadding="0"
+                                                cellspacing="0"
+                                                style="min-width: 100%"
+                                            >
+                                                <tbody>
+                                                    <tr></tr>
+                                                    <tr>
+                                                        <p class="align-center">
+                                                            Copyright 2022
+                                                            Arilia Wireless Inc,
+                                                            All rights reserved.
+                                                        </p>
+                                                        <a
+                                                            href="https://arilia.com"
+                                                            target="_blank"
+                                                            >www.arilia.com</a
+                                                        >
+                                                    </tr>
+                                                </tbody>
+                                            </table>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </td>
+                <td>&nbsp;</td>
+            </tr>
+        </table>
+    </body>
+</html>

test_scripts/curl/cli

@@ -175,7 +175,7 @@ listendpoints() {
 }
 
 getlogo() {
-	curl ${FLAGS} -X GET "https://${OWSEC}/wwwassets/open-wifi.svg"
+	curl ${FLAGS} -X GET "https://${OWSEC}/wwwassets/logo.png"
 }
 
 createuser() {

wwwassets/open-wifi.svg

@@ -1,140 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 24.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 251.2 114.2" style="enable-background:new 0 0 251.2 114.2;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#FED206;}
-	.st1{fill:#EB6F53;}
-	.st2{fill:#3BA9B6;}
-	.st3{fill:#414141;}
-</style>
-<g>
-	<path class="st0" d="M219.6,43.3C219.5,43.3,219.5,43.3,219.6,43.3c-1.3,0-2.2-1-2.2-2.2c0-0.2,0-0.4,0-0.6
-		c0-11.9-9.7-21.6-21.6-21.6c-0.2,0-0.4,0-0.6,0c-1.2,0-2.2-0.9-2.2-2.1c0-1.2,0.9-2.2,2.1-2.2c0.2,0,0.5,0,0.7,0
-		c14.3,0,25.9,11.6,25.9,25.9c0,0.2,0,0.5,0,0.7C221.7,42.4,220.7,43.3,219.6,43.3z"/>
-	<path class="st1" d="M212.1,43.3C212,43.3,212,43.3,212.1,43.3c-1.3-0.1-2.2-1.1-2.2-2.3c0-0.2,0-0.4,0-0.6
-		c0-7.7-6.3-14.1-14.1-14.1c-0.2,0-0.4,0-0.6,0c-1.2,0.1-2.2-0.9-2.3-2.1c0-1.2,0.9-2.2,2.1-2.3c0.3,0,0.5,0,0.8,0
-		c10.2,0,18.4,8.3,18.4,18.4c0,0.2,0,0.5,0,0.8C214.2,42.4,213.2,43.3,212.1,43.3z"/>
-	<path class="st2" d="M204.3,43.3c-0.1,0-0.1,0-0.2,0c-1.2-0.1-2.1-1.1-2-2.3c0-0.2,0-0.4,0-0.5c0-3.5-2.8-6.3-6.3-6.3
-		c-0.1,0-0.3,0-0.5,0c-1.2,0.1-2.3-0.8-2.3-2c-0.1-1.2,0.8-2.3,2-2.3c0.3,0,0.6,0,0.9,0c5.9,0,10.7,4.8,10.7,10.7c0,0.3,0,0.5,0,0.9
-		C206.4,42.4,205.4,43.3,204.3,43.3z"/>
-	<g>
-		<g>
-			<g>
-				<path class="st3" d="M61.9,89.9v-4.7h-1.7v-0.9h4.4v0.9h-1.7v4.7H61.9z"/>
-			</g>
-			<g>
-				<path class="st3" d="M65.6,89.9v-5.6h3.8v0.9h-2.9v1.4h2.8v0.9h-2.8V89h2.9v0.9H65.6z"/>
-			</g>
-			<g>
-				<path class="st3" d="M70.7,89.9v-5.6h1V89h2.5v0.9H70.7z"/>
-			</g>
-			<g>
-				<path class="st3" d="M74.9,89.9v-5.6h3.8v0.9h-2.9v1.4h2.8v0.9h-2.8V89h2.9v0.9H74.9z"/>
-			</g>
-			<g>
-				<path class="st3" d="M79.8,87.1c0-1.7,1.3-2.9,2.9-2.9c1.1,0,1.8,0.6,2.2,1.3l-0.8,0.4c-0.3-0.5-0.8-0.8-1.4-0.8
-					c-1.1,0-1.9,0.8-1.9,2c0,1.2,0.8,2,1.9,2c0.6,0,1.1-0.4,1.4-0.8l0.8,0.4c-0.4,0.7-1.1,1.3-2.2,1.3C81.1,90,79.8,88.8,79.8,87.1z
-					"/>
-			</g>
-			<g>
-				<path class="st3" d="M85.5,87.1c0-1.7,1.2-2.9,2.9-2.9c1.7,0,2.9,1.2,2.9,2.9S90,90,88.3,90C86.7,90,85.5,88.8,85.5,87.1z
-					 M90.2,87.1c0-1.2-0.7-2-1.9-2c-1.1,0-1.9,0.9-1.9,2c0,1.1,0.7,2,1.9,2C89.5,89.1,90.2,88.3,90.2,87.1z"/>
-			</g>
-			<g>
-				<path class="st3" d="M96.9,89.9v-4.3l-1.7,4.3h-0.4l-1.7-4.3v4.3h-1v-5.6h1.4l1.5,3.8l1.5-3.8h1.4v5.6H96.9z"/>
-			</g>
-			<g>
-				<path class="st3" d="M103,89.9v-5.6h1v5.6H103z"/>
-			</g>
-			<g>
-				<path class="st3" d="M109.7,89.9l-2.9-4v4h-1v-5.6h1l2.9,3.9v-3.9h1v5.6H109.7z"/>
-			</g>
-			<g>
-				<path class="st3" d="M112.4,89.9v-5.6h3.8v0.9h-2.9v1.4h2.8v0.9h-2.8v2.4H112.4z"/>
-			</g>
-			<g>
-				<path class="st3" d="M120.3,89.9l-1.2-2.1h-1v2.1h-1v-5.6h2.5c1.1,0,1.8,0.7,1.8,1.8c0,1-0.7,1.5-1.3,1.6l1.4,2.2H120.3z
-					 M120.4,86.1c0-0.5-0.4-0.9-1-0.9h-1.4V87h1.4C120,87,120.4,86.6,120.4,86.1z"/>
-			</g>
-			<g>
-				<path class="st3" d="M126.6,89.9l-0.4-1.1h-2.6l-0.4,1.1h-1.1l2.2-5.6h1.2l2.2,5.6H126.6z M124.9,85.3l-1,2.7h2L124.9,85.3z"/>
-			</g>
-			<g>
-				<path class="st3" d="M131.4,89.9v-5.6h2.1c1.1,0,1.7,0.8,1.7,1.6c0,0.9-0.6,1.6-1.7,1.6h-1.6v2.3H131.4z M134.7,86
-					c0-0.7-0.5-1.2-1.2-1.2h-1.6v2.4h1.6C134.2,87.2,134.7,86.6,134.7,86z"/>
-			</g>
-			<g>
-				<path class="st3" d="M139.4,89.9l-1.6-2.3h-1.2v2.3h-0.5v-5.6h2.1c1,0,1.7,0.6,1.7,1.6c0,1-0.7,1.6-1.6,1.6l1.6,2.3H139.4z
-					 M139.4,86c0-0.7-0.5-1.2-1.2-1.2h-1.6v2.4h1.6C138.9,87.2,139.4,86.7,139.4,86z"/>
-			</g>
-			<g>
-				<path class="st3" d="M141.2,87.1c0-1.6,1.1-2.9,2.7-2.9c1.6,0,2.7,1.3,2.7,2.9c0,1.6-1.1,2.9-2.7,2.9
-					C142.3,90,141.2,88.8,141.2,87.1z M146.1,87.1c0-1.4-0.9-2.5-2.2-2.5c-1.4,0-2.2,1-2.2,2.5c0,1.4,0.9,2.5,2.2,2.5
-					C145.2,89.6,146.1,88.5,146.1,87.1z"/>
-			</g>
-			<g>
-				<path class="st3" d="M147,89.3l0.3-0.4c0.3,0.3,0.6,0.6,1.1,0.6c0.8,0,1.2-0.5,1.2-1.3v-4h0.5v4c0,1.2-0.8,1.7-1.7,1.7
-					C147.9,90,147.4,89.8,147,89.3z"/>
-			</g>
-			<g>
-				<path class="st3" d="M151.8,89.9v-5.6h3.5v0.4h-3.1v2.1h3v0.4h-3v2.2h3.1v0.4H151.8z"/>
-			</g>
-			<g>
-				<path class="st3" d="M156.3,87.1c0-1.7,1.3-2.9,2.8-2.9c0.9,0,1.6,0.4,2,1l-0.4,0.3c-0.4-0.5-1-0.8-1.6-0.8
-					c-1.3,0-2.3,1-2.3,2.5c0,1.4,1,2.5,2.3,2.5c0.7,0,1.3-0.3,1.6-0.8l0.4,0.3c-0.5,0.6-1.2,1-2,1C157.5,90,156.3,88.8,156.3,87.1z"
-					/>
-			</g>
-			<g>
-				<path class="st3" d="M163.5,89.9v-5.2h-1.8v-0.4h4.1v0.4H164v5.2H163.5z"/>
-			</g>
-		</g>
-		<g>
-			<polygon class="st3" points="33.7,86.5 41.2,79 48.6,86.5 49.8,86.5 41.2,77.9 32.6,86.5 			"/>
-			<polygon class="st3" points="48.6,87.8 41.2,95.2 33.7,87.8 32.6,87.8 41.2,96.4 49.8,87.8 			"/>
-			<polygon class="st3" points="40.3,86.5 47.8,79 55.3,86.5 56.4,86.5 47.8,77.9 39.2,86.5 			"/>
-			<polygon class="st3" points="55.3,87.8 47.8,95.2 40.3,87.8 39.2,87.8 47.8,96.4 56.4,87.8 			"/>
-		</g>
-	</g>
-</g>
-<g>
-	<path class="st3" d="M51.2,41.3c2,1.1,3.6,2.6,4.7,4.5c1.1,1.9,1.7,4,1.7,6.4c0,2.3-0.6,4.5-1.7,6.4c-1.1,1.9-2.7,3.4-4.7,4.6
-		c-2,1.1-4.2,1.7-6.6,1.7c-2.4,0-4.6-0.6-6.6-1.7c-2-1.1-3.6-2.6-4.7-4.6c-1.1-1.9-1.7-4.1-1.7-6.4c0-2.3,0.6-4.5,1.7-6.4
-		c1.1-1.9,2.7-3.4,4.7-4.5c2-1.1,4.2-1.6,6.6-1.6C47,39.6,49.2,40.2,51.2,41.3z M40.5,44.9c-1.3,0.7-2.3,1.7-3,3
-		c-0.7,1.3-1.1,2.7-1.1,4.2s0.4,3,1.1,4.2c0.8,1.3,1.8,2.3,3,3c1.3,0.7,2.7,1.1,4.1,1.1c1.5,0,2.8-0.4,4.1-1.1c1.3-0.7,2.3-1.8,3-3
-		c0.7-1.3,1.1-2.7,1.1-4.2s-0.4-2.9-1.1-4.2c-0.7-1.3-1.7-2.3-3-3c-1.3-0.7-2.6-1.1-4.1-1.1C43.2,43.8,41.8,44.2,40.5,44.9z"/>
-	<path class="st3" d="M76.9,46.8c1.3,0.8,2.4,1.9,3.1,3.4c0.7,1.4,1.1,3.1,1.1,5c0,1.9-0.4,3.5-1.1,4.9c-0.7,1.4-1.8,2.5-3.1,3.3
-		c-1.3,0.8-2.9,1.2-4.6,1.2c-1.4,0-2.6-0.3-3.7-0.8c-1.1-0.5-2-1.3-2.7-2.4v9.8h-4.6V45.7H66v3.1c0.7-1.1,1.5-1.8,2.6-2.4
-		c1.1-0.5,2.3-0.8,3.7-0.8C74,45.6,75.6,46,76.9,46.8z M75.1,59.1c1-1.1,1.5-2.4,1.5-4.1c0-1.7-0.5-3-1.5-4.1
-		c-1-1.1-2.2-1.6-3.8-1.6c-1.6,0-2.8,0.5-3.8,1.6c-1,1-1.5,2.4-1.5,4.1c0,1.7,0.5,3,1.5,4.1c1,1.1,2.3,1.6,3.8,1.6
-		C72.8,60.7,74.1,60.2,75.1,59.1z"/>
-	<path class="st3" d="M99.3,48.1c1.5,1.7,2.3,4.1,2.3,7.2c0,0.6,0,1.1,0,1.4H87.7c0.3,1.3,0.9,2.4,1.9,3.1c0.9,0.8,2.1,1.1,3.5,1.1
-		c1,0,1.9-0.2,2.7-0.5c0.9-0.4,1.6-0.9,2.3-1.6l2.5,2.6c-0.9,1-2.1,1.8-3.4,2.4c-1.3,0.6-2.8,0.8-4.5,0.8c-1.9,0-3.6-0.4-5.1-1.2
-		c-1.5-0.8-2.6-1.9-3.4-3.3c-0.8-1.4-1.2-3.1-1.2-5c0-1.9,0.4-3.5,1.2-5c0.8-1.4,1.9-2.6,3.4-3.4c1.4-0.8,3.1-1.2,4.9-1.2
-		C95.5,45.6,97.8,46.4,99.3,48.1z M97.4,53.6c0-1.4-0.5-2.5-1.4-3.3c-0.9-0.8-2-1.2-3.4-1.2c-1.3,0-2.4,0.4-3.3,1.2
-		c-0.9,0.8-1.5,1.9-1.7,3.3H97.4z"/>
-	<path class="st3" d="M121.5,47.5c1.2,1.3,1.9,3.1,1.9,5.3v11.7h-4.6V54.1c0-1.3-0.4-2.3-1.1-3.1c-0.7-0.8-1.8-1.1-3-1.1
-		c-1.5,0-2.7,0.5-3.6,1.5s-1.3,2.3-1.3,3.8v9.2h-4.5V45.7h4.5v3.5c1.3-2.4,3.5-3.6,6.7-3.7C118.5,45.5,120.2,46.2,121.5,47.5z"/>
-	<path class="st3" d="M156.5,39.9h4.9l-8.3,24.5h-4.9l-5.6-18.6l-5.7,18.6h-4.8l-8.3-24.5h5l5.8,19.4l5.7-19.4h4.6l5.8,19.5
-		L156.5,39.9z"/>
-	<path class="st3" d="M168,38.4c0.5,0.5,0.7,1.2,0.7,2c0,0.8-0.2,1.4-0.7,1.9c-0.5,0.5-1.1,0.8-1.9,0.8c-0.7,0-1.4-0.3-1.9-0.8
-		c-0.5-0.5-0.7-1.2-0.7-1.9c0-0.8,0.2-1.4,0.7-2c0.5-0.5,1.1-0.8,1.9-0.8C166.9,37.7,167.6,37.9,168,38.4z M164,45.7h4.5v18.7H164
-		V45.7z"/>
-	<path class="st3" d="M174,39.9h16.9l0,4.1h-12.2v6.6h11.1v4.1h-11.1v9.7H174V39.9z"/>
-	<path class="st3" d="M197.9,38.4c0.5,0.5,0.7,1.2,0.7,2c0,0.8-0.2,1.4-0.7,1.9c-0.5,0.5-1.1,0.8-1.9,0.8c-0.7,0-1.4-0.3-1.9-0.8
-		c-0.5-0.5-0.7-1.2-0.7-1.9c0-0.8,0.2-1.4,0.7-2c0.5-0.5,1.1-0.8,1.9-0.8C196.8,37.7,197.4,37.9,197.9,38.4z M193.8,45.7h4.5v18.7
-		h-4.5V45.7z"/>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>