Zm-079/feat/footer-UI-changed

emails-temp/assessment/buyernotification.mjml

@@ -105,36 +105,59 @@
       <mj-section background-color="#ffffff"> </mj-section>
     </mj-wrapper>
 
-    <mj-wrapper> </mj-wrapper>
-    <mj-wrapper> </mj-wrapper>
-    <mj-wrapper> </mj-wrapper>
+    <mj-section>
+      <mj-column>
+        <mj-spacer mj-class="sp-xl" />
+      </mj-column>
+    </mj-section>
 
-    <mj-section full-width="full-width" background-color="#33a467">
-      <mj-column width="600px">
+    <mj-section mj-class="bg-green" background-color="#009254">
+      <mj-column width="100%">
         <mj-image
-          src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/assessment/n-logo.png"
-          alt="Logo"
-          width="150px"
-          height="32px"
+          width="124px"
+          src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/purchase-confirmation/icons/logo_white.png"
         />
       </mj-column>
-
       <mj-column width="100%">
-        <mj-social font-size="24px" align="center">
-          <mj-social-element name="instagram" href="https://www.instagram.com/hnginternship/" />
-          <mj-social-element name="facebook" href="https://facebook.com/Hnginternship/" />
-          <mj-social-element name="twitter" href="https://twitter.com/hnginternship" />
-          <mj-social-element name="linkedin" href="https://www.linkedin.com/company/hng-internship/" />
+        <mj-social inner-padding="12px">
+          <mj-social-element
+            icon-size="24px"
+            background-color="transparent"
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/purchase-confirmation/icons/instagram.png"
+            name="instagram"
+            href="https://www.instagram.com/hnginternship"
+          />
+          <mj-social-element
+            icon-size="24px"
+            background-color="transparent"
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/purchase-confirmation/icons/facebook.png"
+            name="facebook"
+            href="https://www.facebook.com/HNG.INC"
+          />
+          <mj-social-element
+            icon-size="24px"
+            background-color="transparent"
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/purchase-confirmation/icons/twitter.png"
+            name="twitter"
+            href="https://twitter.com/hnginternship"
+          />
+          <mj-social-element
+            icon-size="24px"
+            background-color="transparent"
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/purchase-confirmation/icons/linkedin.png"
+            name="linkedin"
+            href="https://ng.linkedin.com/company/hng-internship"
+          />
         </mj-social>
-
-        <mj-text align="center" font-size="14px" padding-bottom="0px" color="#fff"
-          >Beaverto, Oregon, Washington County, USA</mj-text
-        >
-        <mj-text align="center" font-size="14px" color="#fff"
-          >Copyright © 2023 Zuriportfolio, All rights reserved.</mj-text
-        >
-        <mj-text align="center" color="#fff"><a href="#">Unsubscribe</a></mj-text>
+      </mj-column>
+      <mj-column width="100%">
+        <mj-text align="center" mj-class="p-2" color="#fff"> Beaverto, Oregon,Washington County, USA </mj-text>
+        <mj-text align="center" mj-class="p-2" color="#fff" padding="8px 0 12px">
+          Copyright &copy;2023 Zuriportfolio, All rights reserved.
+        </mj-text>
       </mj-column>
     </mj-section>
+
+    <mj-section> </mj-section>
   </mj-body>
 </mjml>

emails-temp/assessment/newbadge.mjml

@@ -58,50 +58,57 @@
         </mj-button>
       </mj-column>
     </mj-section>
-    <mj-section background-color="#009254">
+
+    <mj-section>
       <mj-column>
+        <mj-spacer mj-class="sp-xl" />
+      </mj-column>
+    </mj-section>
+
+    <mj-section mj-class="bg-green" background-color="#009254">
+      <mj-column width="100%">
         <mj-image
-          src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/logoo.png"
-          alt="zuriportfolio logo"
-          width="125px"
+          width="124px"
+          src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/purchase-confirmation/icons/logo_white.png"
         />
-        <mj-social align="center" icon-size="24px" mode="horizontal">
+      </mj-column>
+      <mj-column width="100%">
+        <mj-social inner-padding="12px">
           <mj-social-element
+            icon-size="24px"
+            background-color="transparent"
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/purchase-confirmation/icons/instagram.png"
             name="instagram"
-            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/instagram.png"
-          ></mj-social-element>
+            href="https://www.instagram.com/hnginternship"
+          />
           <mj-social-element
+            icon-size="24px"
+            background-color="transparent"
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/purchase-confirmation/icons/facebook.png"
             name="facebook"
-            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/facebook.png"
-          ></mj-social-element>
+            href="https://www.facebook.com/HNG.INC"
+          />
           <mj-social-element
+            icon-size="24px"
+            background-color="transparent"
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/purchase-confirmation/icons/twitter.png"
             name="twitter"
-            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/twitter.png"
-          ></mj-social-element>
+            href="https://twitter.com/hnginternship"
+          />
           <mj-social-element
+            icon-size="24px"
+            background-color="transparent"
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/purchase-confirmation/icons/linkedin.png"
             name="linkedin"
-            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/linkedin.png"
-          ></mj-social-element>
+            href="https://ng.linkedin.com/company/hng-internship"
+          />
         </mj-social>
-        <mj-text color="#fff" font-family="Verdana" font-size="14px" letter-spacing="0.048px" align="center">
-          Beaverton, Oregon, Washington County, USA
-        </mj-text>
-        <mj-text color="#fff" font-size="14px" align="center" letter-spacing="0.048px">
-          Copyright © 2023 Zuriportfolio, All rights reserved.
+      </mj-column>
+      <mj-column width="100%">
+        <mj-text align="center" mj-class="p-2" color="#fff"> Beaverto, Oregon,Washington County, USA </mj-text>
+        <mj-text align="center" mj-class="p-2" color="#fff" padding="8px 0 12px">
+          Copyright &copy;2023 Zuriportfolio, All rights reserved.
         </mj-text>
-        <mj-button
-          padding="0px"
-          color="#96D4AB"
-          font-family="Verdana"
-          font-size="12px"
-          font-weight="600"
-          padding="10px 20px"
-          align="center"
-          border-radius="8px"
-          href="#"
-        >
-          Unsubscribe
-        </mj-button>
       </mj-column>
     </mj-section>
   </mj-body>

emails-temp/assessment/sellernotification.mjml

@@ -66,16 +66,21 @@
             Hi <span style="font-weight: bold">{{$name}}</span>,
           </mj-text>
           <mj-text font-family="Verdana" color="#000" font-size="16px">
-            This is to notify you that
-            <span style="font-weight: bold">{{ $buyer_name }}</span> has completed the
+            This is to inform you that
+            <span style="font-weight: bold">{{ $buyer_name }}</span> has successfully completed the
             <span style="font-weight: bold">{{ $service }} </span>
-            internal assessment you assigned to them. Their results have been submitted to you for review.
+            internal assessment you assigned to them. The assessment results have been submitted to you for your review.
           </mj-text>
           <mj-text font-family="Verdana" color="#000" font-size="16px">
-            You can view their results and provide feedback by logging in to your account, click on the button below to
-            login.
+            Guidelines for Assessment Review:
+            <p>Please follow these steps to review the assessment and provide feedback:</p>
+            <ol>
+              <li>Log in to your account.</li>
+              <li>Navigate to the 'Assessment' section.</li>
+              <li>Locate the assessment named "<span style="font-weight: bold">{{ $service }}</span>."</li>
+              <li>Examine the results and offer feedback as necessary.</li>
+            </ol>
           </mj-text>
-
           <mj-button
             href="https://zuriportfolio.com/login"
             border-radius="10px"
@@ -87,7 +92,8 @@
           >
 
           <mj-text font-family="Verdana" color="#000" font-size="16px" padding-bottom="30px">
-            If you have any questions about your results, please contact our support group at
+            If you have any queries regarding the assessment or require further assistance, please don't hesitate to
+            contact our support team at
             <a href="mailto:[email protected]" style="font-weight: bold; color: #000">[email protected]</a>
           </mj-text>
         </mj-column>