MerryMart Wholesale

Edit Page

Page Title

Heading

Body

Content

<h4 class="mb-4">Two (2) types of membership:</h4>
            <div class="row row-cols-1 row-cols-md-2 g-4 mb-5">
              <div class="col">
                <div class="card h-100 p-3 p-md-4 shadow border-0">
                  <div class="card-body">
                     <h3 class="txt-merryblue">Individual Member</h3>
                    <p>Suitable for person/s who frequently avail bulk buying for their grocery and household needs.</p>
                    <h6 class="fw-bold">Required Documents</h6>
                    <ul>
                      <li>Scanned copy of one (1) valid I.D</li>
                      <li>Scanned copy of 1x1 photo</li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="col">
                <div class="card h-100 p-3 p-md-4 shadow border-0">
                  <div class="card-body">
                   <h3 class="txt-merryblue">Business Member</h3>
                    <p>Caters to business owners and/or entrepreneurs who prefer buying supplies at wholesale prices.</p>
                    <h6 class="fw-bold">Required Documents</h6>
                    <ul>
                      <li>Scanned copy of one (1) valid I.D</li>
                      <li>Scanned copy of 1x1 photo</li>
                      <li>Scanned copy of Business or Barangay permit</li>
                      <li>Scanned copy / Photo of your business and/or storefront</li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            
            <h1 class="text-primary mb-4">Membership Process!</h1>
              <section class="p-2 p-md-4">
                <div class="row py-2">
                  <div class="col-1">
                    <div style="border-radius: 50%;
                                width: 50px;
                                height: 50px;
                                padding: 10px;
                                background: #fff;
                                border: 3px solid #333333;
                                color: #333333;
                                text-align: center;
                                font-size: 28px;
                                line-height: 28px">
                        <p>1</p>
                    </div>
                  </div>
                  <div class="col-11">
                    <h3>Register</h3>
                    <p class="mt-n2">Go to <a href="https://merrymartwholesale.com">www.merrymartwholesale.com</a> --- you may opt to register either email address or sign up with your gmail or facebook account.</p>
                  </div>
                </div>
                <div class="row py-2">
                  <div class="col-1">
                    <div style="border-radius: 50%;
                                width: 50px;
                                height: 50px;
                                padding: 10px;
                                background: #fff;
                                border: 3px solid #333333;
                                color: #333333;
                                text-align: center;
                                font-size: 28px;
                                line-height: 28px">
                        <p>2</p>
                    </div>
                  </div>
                  <div class="col-11">
                    <h3>Verify your email address </h3>
                    <p class="mt-n2">A verification link will be sent to your nominated email account.</p>
                  </div>
                </div>
                <div class="row py-2">
                  <div class="col-1">
                    <div style="border-radius: 50%;
                                width: 50px;
                                height: 50px;
                                padding: 10px;
                                background: #fff;
                                border: 3px solid #333333;
                                color: #333333;
                                text-align: center;
                                font-size: 28px;
                                line-height: 28px">
                        <p>3</p>
                    </div>
                  </div>
                  <div class="col-11">
                    <h3 >Select your Membership Application Type</h3>
                    <p class="mt-n2">Choose from Individual or Business membership type and complete your Member’s information.</p>
                  </div>
                </div>
                <div class="row py-2">
                  <div class="col-1">
                    <div style="border-radius: 50%;
                                width: 50px;
                                height: 50px;
                                padding: 10px;
                                background: #fff;
                                border: 3px solid #333333;
                                color: #333333;
                                text-align: center;
                                font-size: 28px;
                                line-height: 28px">
                        <p>4</p>
                    </div>
                  </div>
                  <div class="col-11">
                    <h3>Submit the required documents</h3>
                    <p class="mt-n2">Only members with complete requirements will be verified. Members with pending requirements may already enjoy browsing through MerryMart Wholesale Online Grocery but will be required to complete documents before proceeding to checkout.</p>
                  </div>
                </div>
                <div class="row py-2">
                  <div class="col-1">
                    <div style="border-radius: 50%;
                                width: 50px;
                                height: 50px;
                                padding: 10px;
                                background: #fff;
                                border: 3px solid #333333;
                                color: #333333;
                                text-align: center;
                                font-size: 28px;
                                line-height: 28px">
                        <p>5</p>
                    </div>
                  </div>
                  <div class="col-11">
                    <h3>Delivery Address(es)</h3>
                    <p class="mt-n2">Provide and save your Delivery Address(es) ahead for your convenience.</p>
                  </div>
                </div>
                <div class="row py-2">
                  <div class="col-1">
                    <div style="border-radius: 50%;
                                width: 50px;
                                height: 50px;
                                padding: 10px;
                                background: #fff;
                                border: 3px solid #333333;
                                color: #333333;
                                text-align: center;
                                font-size: 28px;
                                line-height: 28px">
                        <p>5</p>
                    </div>
                  </div>
                  <div class="col-11">
                    <h3>Completion</h3>
                    <p class="mt-n2">You may now enjoy the perks of being a MerryShopper!</p>
                  </div>

Preview