<!DOCTYPE html>
<html
  lang="en"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:o="urn:schemas-microsoft-com:office:office"
>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta name="x-apple-disable-message-reformatting" />
    <title></title>
    <!--[if mso]>
      <noscript>
        <xml>
          <o:OfficeDocumentSettings>
            <o:PixelsPerInch>96</o:PixelsPerInch>
          </o:OfficeDocumentSettings>
        </xml>
      </noscript>
    <![endif]-->
    <style>
      table,
      td,
      div,
      h1,
      p {
        font-family: Arial, sans-serif;
      }
    </style>
  </head>
  <body style="margin: 0; padding: 0">
    <table
      role="presentation"
      style="
        width: 100%;
        border-collapse: collapse;
        border: 0;
        border-spacing: 0;
        background: #ffffff;
      "
    >
      <tr>
        <td align="center" style="padding: 0">
          <table
            role="presentation"
            style="
              width: 630px;
              border-collapse: collapse;
              border: 1px solid #cccccc;
              border-spacing: 0;
              text-align: left;
               background-color: #f7faff;
            "
          >
            <tr
           >
              <td>
                <img src="{{ base_url }}/img/img-1/header-bg.png">
              </td>
            </tr>
            <tr>
              <td>
                <table
                  role="presentation"
                  style="
                    width: 100%;
                    border-collapse: collapse;
                    border: 0;
                    border-spacing: 0;
                    margin-bottom: 30px;
                  "
                >
                  <tr>
                    <td style="padding: 20px 30px;">
                      <h1
                        style="
                           font-size: 21px;
                          margin: 0 0 20px 0;

                        "
                      >
                      Hi {{ name }},
                      </h1>
                      <p
                        style="
                          margin: 0 0 12px 0;
                          font-size: 14px;
                        "
                      >
                        Your realtor has invited you to download and use Map It Client, a sister app, to Map It Realtour.
                      </p>
                      <p style="font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Please Sign-in using,</p>
                      <p style="font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">email: {{email}}
                      </p>
                      <p style="font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">password: {{password}}
                      </p>
                      <br/>
                      <p style="font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Download client app here</p>
                      <p>
                      	<a
                          href="https://play.google.com/store/apps/details?id=com.mapit.customer"
                          style="
                            margin: 0 0 25px 0;
                            padding-right: 20px;
                            font-size: 16px;
                            line-height: 24px;
                          "
                        >
                          <img
                            src="{{ base_url }}/img/img-1/google-play.png"
                            alt=""
                            style="height: auto;"
                          />
                        </a>
                        <a
                          href="https://apps.apple.com/us/app/map-it-client/id1621458700"
                          style="
                            margin: 0 0 25px 0;
                            padding-right: 20px;
                            font-size: 16px;
                            line-height: 24px;
                          "
                        >
                          <img
                            src="{{ base_url }}/img/img-1/app-store.png"
                            alt=""
                            style="height: auto;"
                          />
                        </a>
                      </p>
                      <br/>
                      <p style="font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">
                        If you want to generate a new password please click the following reset password link
                      </p>
                      <p>
                        <a href="{{ reset_link }}"><b>Reset Password</b></a>
                      </p>
                    </td>
                  </tr>
                  <tr>
                    <td style="padding: 0">
                      <table
                        role="presentation"
                        style="
                          width: 100%;
                          border-collapse: collapse;
                          border: 0;
                          border-spacing: 0;
                        "
                      >
                        <tr>
                          <td
                            style="
                              width: 260px;
                              background-repeat: no-repeat;
                              vertical-align: top;
                            "
                            background="{{ base_url }}/img/img-1/bg.png"
                          >
                            <p
                              style="
                                margin: 0 0 25px 0;
                                padding-left: 20px;
                                font-size: 16px;
                                line-height: 24px;
                                font-family: Arial, sans-serif;
                              "
                            >
                              <img
                                src="{{ base_url }}/img/img-1/mobile1.png"
                                alt=""
                                style="height: auto; display: block;position: relative;top: 30px;left: 20px;"
                              />
                            </p>

                          </td>
                          <td
                            style="
                              width: 260px;
                              padding: 20px ;
                              border-radius: 31px;
                              background-color: rgba(112, 112, 112, 0.05);
                            "
                          >
                            <p
                              style="
                                margin: 0 0 12px 0;
                                font-size: 14px;
                                line-height: 24px;
                              "
                            >
                            Map It Client is an app that allows you to be in sync with your realtor/agent. When your agent receives the list of homes you would like to see, he/she will then create that list into a route using Map It Realtour. Once they create this route it is then assigned to you, and you can now follow your agent via Map it Client using the same in app navigation your agent does on their app Map It Realtour.
                            </p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td style="padding: 0">
                <table
                  role="presentation"
                  style="
                    width: 100%;
                    border-collapse: collapse;
                    border: 0;
                    border-spacing: 0;
                    margin-bottom: 30px;
                  "
                >
                  <tr>
                    <td
                      style="
                        width: 260px;
                        vertical-align: top;
                        padding: 20px ;
                        border-radius: 31px;
                        background-color: rgba(112, 112, 112, 0.05);
                      "
                    >
                      <p
                        style="
                          margin: 0 0 15px 0;
                          font-size: 14px;
                          line-height: 24px;
                        "
                      >
                      The list of homes will be numbered from 1 to … and will be red. Once you arrive to each home the pin will turn green, and you will be able to add notes and pictures for this home (just like your agent can). Both you and your agents notes and pictures will be saved and synced so both can view what each liked or disliked about each home. Once you are done you just click the navigate button and your off to the next home where all the previous steps are redone.
                      </p>
                      <p
                        style="
                          margin: 0 0 15px 0;
                          font-size: 14px;
                          line-height: 24px;
                        "
                      >
                      Once you have visited all the homes your route will be saved in route history. Roue history will have all your saved routes (homes visited) with the saved notes and pictures for each home. Now when the time comes, you’ll be able to look back and see what home you liked best.
                      </p>
                    </td>
                    <td
                      style="
                        width: 260px;
                        background-size: cover;
                        background-repeat: no-repeat;
                      "
                      background="{{ base_url }}/img/img-1/bg-3.png"
                    >
                      <p
                        style="
                          margin: 0 0 25px 0;
                          padding-left: 20px;
                          font-size: 16px;
                          line-height: 24px;
                          font-family: Arial, sans-serif;
                          vertical-align: center;
                        "
                      >
                        <img
                          src="{{ base_url }}/img/img-1/mobile2.png"
                          alt=""
                          style="height: auto; display: block"
                        />
                      </p>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td style="padding: 0; background-size: cover;
              background-repeat: no-repeat;background-position: 24px 30px;" background="{{ base_url }}/img/img-1/bg-4.png" >
                <table
                  role="presentation"
                  style="
                    width: 100%;
                    border-collapse: collapse;
                    border: 0;
                    border-spacing: 0;
                  "
                >
                  <tr>
                    <td
                      style="
                        width: 260px;
                      "
                    >
                      <p
                        style="
                          margin: 0 0 25px 0;
                          padding-left: 20px;
                          font-size: 16px;
                          line-height: 24px;
                          font-family: Arial, sans-serif;
                          vertical-align: center;
                        "
                      >
                        <img
                          src="{{ base_url }}/img/img-1/mobile3.png"
                          alt=""
                          style="height: auto; display: block"
                        />
                      </p>
                    </td>
                    <td
                      style="
                        width: 260px;
                      "
                    >
                      <p
                        style="
                          margin: 0 0 15px 0;
                          font-size: 14px;
                          line-height: 24px;
                          border-radius: 31px;
                          background-color: rgba(112, 112, 112, 0.05);
                          vertical-align: top;
                          padding: 20px;
                        "
                      >
                      Map it Client also has in app messaging where you are able to message your agent anytime. You will also be able to see calls logged, when emails are sent, notes taken by you, routes you’ve seen and when, and much more in your activity section.
                      </p>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td style="padding: 0; background-size: cover;
              background-repeat: no-repeat;" background="{{ base_url }}/img/img-1/bg-6.png" >
                <table
                  role="presentation"
                  style="
                    width: 100%;
                    border-collapse: collapse;
                    border: 0;
                    border-spacing: 0;
                  "
                >
                  <tr>
                    <td>
                      <p
                        style="
                          padding: 20px;
                          font-size: 16px;
                          line-height: 24px;
                          font-family: Arial, sans-serif;
                          vertical-align: center;
                        "
                      >
                        <img
                          src="{{ base_url }}/img/img-1/mobile4.png"
                          alt=""
                          style="height: auto; display: block;margin: 0 auto;"
                        />
                      </p>
                      <p  style="
                      padding: 30px 20px;
                      font-size: 14px;
                      line-height: normal;
                      color: #fff;
                      margin: 0;
                    ">
                        This is not all. Map it Client also allows the agent to sync your listing with you (if you have one) where you can share with family, friends or anyone you meet.
                      </p>
                    </td>

                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td >
                <table
                  role="presentation"
                  style="
                    width: 100%;
                    border-collapse: collapse;
                    border: 0;
                    border-spacing: 0;
                  "
                >
                  <tr>
                    <td
                      style="
                        width: 260px;
                      "
                    >
                      <p
                        style="
                          margin: 0 0 15px 0;
                          font-size: 14px;
                          line-height: 24px;
                          border-radius: 31px;
                          background-color: rgba(112, 112, 112, 0.05);
                          vertical-align: top;
                          padding: 20px;
                        "
                      >
                      Map it Client is the app that keeps you in sync with your agent and helps you organize all your home buying details. Map it Client is by invite only. And it is free to you.
                      </p>
                      <p
                      style="
                      margin: 50px 0 15px 0;
                      font-size: 14px;
                      line-height: 24px;
                      padding-left: 20px;
                      ">
                        We hope you enjoy Map It Client.
                      </p>

                      <p
                      style="
                      margin: 0px 0 0px 0;
                      font-size: 14px;
                      line-height: normal;
                      padding-left: 20px;
                      ">Best Regards,</p>
                      <p
                      style="
                      margin: 0px 0 0px 0;
                      font-size: 14px;
                      line-height: normal;
                      padding-left: 20px;
                      ">Map It Realtour Support</p>
                    </td>
                    <td
                      style="
                        width: 260px;
                        background-size: contain;
                        background-repeat: no-repeat;
                      "

                      background="{{ base_url }}/img/img-1/bg-7.png"
                    >
                      <p
                        style="
                          margin: 0 0 25px 0;
                          padding-left: 20px;
                          font-size: 16px;
                          line-height: 24px;
                          font-family: Arial, sans-serif;
                        "
                      >
                        <img
                          src="{{ base_url }}/img/img-1/mobile5.png"
                          alt=""
                          style="height: auto; display: block"
                        />
                      </p>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td >
                <table
                  role="presentation"
                  style="
                    width: 100%;
                    border-collapse: collapse;
                    border: 0;
                    border-spacing: 0;
                    margin-bottom: 20px;
                  "
                >
                  <tr>
                    <td
                      style="
                        width: 350px;
                      "
                    >


                    </td>
                    <td
                      style="
                        width: 260px;
                      "
                    >
                      <a
                      href="https://play.google.com/store/apps/details?id=com.mapit.customer"
                        style="
                          margin: 0 0 25px 0;
                          padding-right: 20px;
                          font-size: 16px;
                          line-height: 24px;
                        "
                      >
                        <img
                          src="{{ base_url }}/img/img-1/google-play.png"
                          alt=""
                          style="height: auto;"
                        />
                      </a>
                      <a
                      href="https://apps.apple.com/us/app/map-it-client/id1621458700"
                        style="
                          margin: 0 0 25px 0;
                          padding-right: 20px;
                          font-size: 16px;
                          line-height: 24px;
                        "
                      >
                        <img
                          src="{{ base_url }}/img/img-1/app-store.png"
                          alt=""
                          style="height: auto;"
                        />
                      </a>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td background="{{ base_url }}/img/img-1/footer-bg.png" style="width: 100%;background-size: cover;background-repeat: no-repeat;padding: 20px;" >
                <table width="36%" align="left" class="footer-table content first">
                  <tr>
                    <td valign="middle">
                      <img src="{{ base_url }}/img/img-1/footer-logo.png" alt="">
                    </td>
                  </tr>
                </table>
                <table width="30%" align="left" class="footer-table content first">
                  <tr>
                    <td valign="middle">
                      <a href="mailto:support@mapitrealtour.com"
                      style="
                      margin: 0 0 15px 0;
                      font-size: 12px;
                      line-height: normal;
                      color: #fff;
                      text-decoration: none;
                    ">
                        <img src="{{ base_url }}/img/img-1/mail.png" alt="">
                        support@mapitrealtour.com
                      </a>
                    </td>

                  </tr>
                  <tr>
                    <td valign="middle" >
                      <a href="https://mapitrealtour.com/"
                      style="
                      margin: 0 0 15px 0;
                      font-size: 12px;
                      line-height: normal;
                      color: #fff;
                      text-decoration: none;
                    ">
                        <img src="{{ base_url }}/img/img-1/mail.png" alt="">
                        https://mapitrealtour.com
                      </a>
                    </td>

                  </tr>
                </table>
                <table width="30% " align="left" class="footer-table content first" style="text-align: right;">
                  <tr>
                  </tr>
                </table>
                <table width="36% " align="left" class="footer-table content first" style="margin-top: 20px;">
                  <tr>
                    <td >
                      <p href="https://mapitrealtour.com/"
                      style="
                      margin: 0 0 15px 0;
                      font-size: 10px;
                      line-height: normal;
                      color: #fff;
                    ">

                       All Rights Reserved. Copyright 2016 DKP Productions LLC
                      </p>
                    </td>
                  </tr>
                </table>
                <table width="30% " align="left" class="footer-table content first" style="margin-top: 20px;">
                  <tr style="vertical-align: top;">
                    <td  width="50">
                      <p href="https://mapitrealtour.com/"
                      style="
                      margin: 0 0 15px 0;
                      font-size: 10px;
                      line-height: normal;
                      color: #fff;
                    ">

                       Follow us
                      </p>
                    </td>
                    <td >
                      <a href="https://www.facebook.com/Map-It-Realtour-144250172831154"
                      style="
                      font-size: 12px;
                      line-height: normal;
                      color: #fff;
                      text-decoration: none;
                    ">
                        <img src="{{ base_url }}/img/img-1/fb.png" alt="">
                      </a>
                      <a href="https://www.pinterest.com/dkpproductionsl/_created/"
                      style="
                      font-size: 12px;
                      line-height: normal;
                      color: #fff;
                      text-decoration: none;
                    ">
                        <img src="{{ base_url }}/img/img-1/pinterest.png" alt="">
                      </a>
                      <a href="https://twitter.com/mapitrealtour"
                      style="
                      font-size: 12px;
                      line-height: normal;
                      color: #fff;
                      text-decoration: none;
                    ">
                        <img src="{{ base_url }}/img/img-1/twitter.png" alt="">
                      </a>
                      <a href="https://www.youtube.com/channel/UC3YfXXQfNiPRDoL4B7trI2A/playlists%20"
                      style="
                      font-size: 12px;
                      line-height: normal;
                      color: #fff;
                      text-decoration: none;
                    ">
                        <img src="{{ base_url }}/img/img-1/youtube.png" alt="">
                      </a>
                    </td>
                  </tr>
                </table>
                <table width="30% " align="left" class="footer-table content first" style="text-align: right;margin-top: 20px;">
                  <tr>
                    <td >
                      <a href="https://mapitrealtour.com/privacy-policy/"
                      style="
                      margin: 0 0 15px 0;
                      font-size: 12px;
                      line-height: normal;
                      color: #fff;
                      text-decoration: none;
                    ">
                        Privacy Policy
                      </a>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>
