babysparks.com Open in urlscan Pro
34.145.43.103  Public Scan

Submitted URL: http://www.babysparks.com/
Effective URL: https://babysparks.com/
Submission: On January 19 via api from NL — Scanned from NL

Form analysis 15 forms found in the DOM

GET https://babysparks.com/

<form role="search" method="get" id="searchform_65aad6cd60004" class="form-search" action="https://babysparks.com/">
  <i class="dfdicon-header-search-icon inside-search-icon"></i>
  <input type="text" value="" name="s" id="s_65aad6cd60002" class="search-query" placeholder="Search on site..." aria-label="Search on site">
  <input type="submit" value="Search" class="btn">
  <i class="header-search-switcher close-search"></i>
</form>

<form id="form_Payment_pro">
  <div class="modal-body">
    <div class="row">
      <div class="row wpb_row">
        <div class="columns six" style="padding-right: 2em;">
          <h5 class="widget-title dfd-title " style="font-family:Montserrat; font-weight:400; font-style:normal; font-size: 18px; color: #666666 !important;     margin-bottom: -0.6em;"> ACTIVITY PACKAGE:<span id="title-pro"></span>
          </h5>
          <div class="widget-sub-title dfd-sub-title subtitle" style="font-size: 12px; color: #707070 !important; font-style:italic;  margin-bottom: 1em;">(All Prices in USD)</div>
          <div id="div_pro_level1" class="drd-all">
            <div class="mt1">
              <p style="font-family:Montserrat; font-weight:400; font-style:normal; font-size: 16px; color: #666666 !important; margin-bottom: 0em;">Form of Payment</p>
            </div>
            <div class="mt1">
              <input type="radio" id="rb_type_planpro1" name="nm_type_planprol1" class="rd-all rd-l1" type-plan="paid subscription" pay-period="MONT" value="com.babysparks.babysparks.pro_l1m_1_25" price="1.25"> Monthly: $1.25 per month/per child
            </div>
            <div>
              <input type="radio" id="rb_type_planpro2" name="nm_type_planprol1" class="rd-all rd-l1" type-plan="paid subscription" pay-period="YEAR" value="com.babysparks.babysparks.pro_l1y_12_00" price="12.00"> Annually: $12.00 per year/per
              child<span class="green"> (20% discount)</span>
            </div>
          </div>
          <div id="div_pro_level2" class="drd-all">
            <div class="mt1">
              <p style="font-family:Montserrat; font-weight:400; font-style:normal; font-size: 16px; color: #666666 !important; margin-bottom: 0em;">Form of Payment</p>
            </div>
            <div class="mt1">
              <input type="radio" id="rb_type_planpro3" name="nm_type_planprol2" class="rd-all rd-l2" type-plan="paid subscription" pay-period="MONT" value="com.babysparks.babysparks.pro_l2m_2_25" price="2.25"> Monthly: $2.25 per month/per child
            </div>
            <div>
              <input type="radio" id="rb_type_planpro4" name="nm_type_planprol2" class="rd-all rd-l2" type-plan="paid subscription" pay-period="YEAR" value="com.babysparks.babysparks.pro_l2y_21_50" price="21.50"> Annually: $21.50 per year/per
              child<span class="green"> (20% discount)</span>
            </div>
          </div>
          <div id="div_pro_level3" class="drd-all">
            <div class="mt1">
              <p style="font-family:Montserrat; font-weight:400; font-style:normal; font-size: 16px; color: #666666 !important; margin-bottom: 0em;">Form of Payment</p>
            </div>
            <div class="mt1">
              <input type="radio" id="rb_type_planpro5" name="nm_type_planprol3" class="rd-all rd-l3" type-plan="paid subscription" pay-period="MONT" value="com.babysparks.babysparks.pro_l3m_5_00" price="5.00"> Monthly: $5.00 per month/per child
            </div>
            <div>
              <input type="radio" id="rb_type_planpro6" name="nm_type_planprol3" class="rd-all rd-l3" type-plan="paid subscription" pay-period="YEAR" value="com.babysparks.babysparks.pro_l3y_45_00" price="45.00"> Annually: $45.00 per year/per
              child<span class="green"> (25% discount)</span>
            </div>
          </div>
          <div class="row">
            <div class="columns six mt1">
              <p style="font-family:Montserrat; font-weight:400; font-style:normal; font-size: 16px; color: #666666 !important; margin-bottom: 0em;">Number of children:</p>
            </div>
            <div class="columns two">
            </div>
            <div class="form-group columns four mt1">
              <!--<label >Cardholder *</label>-->
              <input style="background-color: #f4f4f4 !important; border-bottom: 0px !important;" type="text" id="inp_children_pro" onkeypress="return isNumber(event)" class="form-control" placeholder="Number of children *" required="">
              <p id="p-short-payment" style="font-family:Montserrat; font-weight:400; font-style:normal; font-size: 16px; color: #97c940 !important; margin-bottom: 0em;">x <span style="color: #97c940;" id="span-short-payment"></span> <span
                  style="color: #666666;" id="span-short-type"> per child</span> </p>
            </div>
          </div>
          <div class="columns twelve" style="background: #0494cd">
            <div class="columns six ">
              <p style="color: #ffffff; padding-top: 8px; font-size: 1.2em; margin-bottom: 8px;">Total Amount</p>
            </div>
            <div class="columns six">
              <p id="total_plan_pro" style="color: #ffffff; font-size: 21px; text-align: right; padding-top: 8px; margin-bottom: 8px; font-weight: bold; "></p>
            </div>
          </div>
        </div>
        <div class="columns six">
          <h5 class="widget-title dfd-title " style="font-family:Montserrat; font-weight:400; font-style:normal; font-size: 18px; color: #666666 !important;     margin-bottom: -0.6em;"> SELECT YOUR METHOD OF PAYMENT </h5>
          <div class="widget-sub-title dfd-sub-title subtitle" style="font-size: 12px; color: #707070 !important; font-style:italic;     margin-bottom: 1em;">* Required field</div>
          <div class="form-credit-list" style="display: table-cell;">
            <div class="columns twelve mt1">
              <img src="../wp-content/uploads/2017/11/tc.png" alt="Buy now BS">
            </div>
            <div class="columns twelve" style="margin-top: 0.7em;">
              <div class="form-group">
                <!--<label >Cardholder *</label>-->
                <input type="text" id="inp_cardholder_pro" class="form-control cls-form-payment-pro" placeholder="Cardholder's Name *" required="">
              </div>
              <div class="form-group" style="display:none;">
                <label for="email">Type of User:</label>
                <select id="sel_type_user_pro" class="form-control" required="">
                  <option value="pro">Profesional</option>
                  <option value="consumer">Consumer</option>
                </select>
              </div>
              <div class="columns six" style="padding-left: 0px;">
                <div class="form-group">
                  <input type="text" id="inp_cc_number_pro" class="form-control cls-form-payment-pro" placeholder="Credit Card Number *" required="">
                </div>
              </div>
              <div class="columns six" style="padding-right:  0px;">
                <div class="form-group">
                  <!--<label >Expiration month *</label>-->
                  <!--<input type="month" id="inp_expiration_date" class="form-control"  required>-->
                  <select name="monts" id="inp_expiration_month_pro" class="cls-form-payment-pro" required="">
                    <option value="" selected="" disabled="">Expiration Month *</option>
                    <option value="01">January</option>
                    <option value="02">February</option>
                    <option value="03">March</option>
                    <option value="04">April</option>
                    <option value="05">May</option>
                    <option value="06">June</option>
                    <option value="07">July</option>
                    <option value="08">August</option>
                    <option value="09">September</option>
                    <option value="10">October</option>
                    <option value="11">November</option>
                    <option value="12">December</option>
                  </select>
                </div>
              </div>
              <div class="columns twelve" style="padding: 0px;">
                <div class="columns six" style="padding-left: 0px;">
                  <div class="form-group">
                    <!--<label >Expiration year *</label>-->
                    <!--<input type="month" id="inp_expiration_date" class="form-control"  required>-->
                    <select name="years" id="inp_expiration_year_pro" class="cls-form-payment-pro" required="">
                      <option value="" selected="" disabled="">Expiration Year *</option>
                      <option value="2017">2017</option>
                      <option value="2018">2018</option>
                      <option value="2019">2019</option>
                      <option value="2020">2020</option>
                      <option value="2021">2021</option>
                      <option value="2022">2022</option>
                      <option value="2023">2023</option>
                      <option value="2024">2024</option>
                      <option value="2025">2025</option>
                      <option value="2026">2026</option>
                      <option value="2027">2027</option>
                      <option value="2028">2028</option>
                    </select>
                  </div>
                </div>
                <div class="columns six " style="padding-right:  0px;">
                  <div class="form-group">
                    <!--<label >CCV *</label>-->
                    <input type="text" id="inp_ccv_pro" class="form-control cls-form-payment-pro" placeholder="CCV *" required="">
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="row wpb_row">
            <div class="columns twelve popover__wrapper">
              <p class="text-under popover__title" style="font-size: 12px; font-style:italic; margin-right: 0em; margin-bottom: 0px"> BabySparks Premium Gives You…</p>
              <div class="push popover__content" style="width: 70%;">
                <p class="popover__message">
                  <i class="fa fa-check green" style="text-indent:-1.4em"></i>Access to 1,300+ development activities &amp; milestones <br><br>
                  <i class="fa fa-check green" style="text-indent:-1.4em"></i>An expert-created program to support the development of children under your care <br><br>
                  <i class="fa fa-check green" style="text-indent:-1.4em"></i>Tools to increase family engagement, invite each family to use the program at home<br><br>
                  <i class="fa fa-check green" style="text-indent:-1.4em"></i>Ability to track each child's progress in real-time (and share it with his/her family) <br><br>
                  <i class="fa fa-check green" style="text-indent:-1.4em"></i>Add unlimited children, caregivers and locations to your account<br><br>
                  <i class="fa fa-check green" style="text-indent:-1.4em"></i>Manage and track progress across your organization through our desktop dashboard <br><br>
                  <i class="fa fa-check green" style="text-indent:-1.4em"></i>Cancel your subscription at any time<br><br>
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="columns twelve mt1">
          <div class="widget-sub-title dfd-sub-title subtitle" style="font-size: 12px; color: #707070 !important; font-style:italic; text-align: center;">By clicking on the button below, you agree to our
            <a href="../terms/" target="_blank">  Terms of Service  </a> <span style="color: #777777;"> &amp; </span> <a href="../privacy/" target="_blank">  privacy policy.  </a></div>
          <div class="center-btn" style="margin-top: 0em;">
            <button type="submit" class="btn btn-get-baby mt1" style="margin-bottom: 10px;">GET BABYSPARKS</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

<form id="form_Account_edit_profile_user">
  <div class="columns twelve">
    <!--<label for="pwd">Password:</label>-->
    <input type="email" id="inp_email_edit_profile" class="form-control" placeholder="Old Password *" required="">
  </div>
  <div class="columns six">
    <!--<label for="email">First Name:</label>-->
    <input type="text" id="inp_firstname_edit_profile" class="form-control" placeholder="First Name *" required="">
  </div>
  <div class="columns six">
    <!--<label for="email">Last Name:</label>-->
    <input type="text" id="inp_lastname_edit_profile" class="form-control" placeholder="Last Name *" required="">
  </div>
  <div class="columns twelve">
    <button type="submit" class="btn modal-create-btn">Save</button>
  </div>
</form>

<form id="form_Account_edit_profile">
  <div class="columns twelve mt1">
    <h5 class="widget-title dfd-title " style="font-family:Montserrat; font-weight:400; font-style:normal; font-size: 18px; color: #666666 !important; margin-bottom: 0px;"> Change your password </h5>
  </div>
  <div class="columns twelve">
    <!--<div class="form-group">											
											<input type="email" id="inp_email_ca" class="form-control" placeholder="Email *" required>
										</div> -->
    <div class="form-group">
      <!--<label for="pwd">Password:</label>-->
      <input type="password" id="inp_oldpassword_edit_profile" class="form-control" placeholder="Old Password *" required="">
    </div>
    <div class="form-group">
      <!--<label for="pwd">Password:</label>-->
      <input type="password" id="inp_pasworrd_edit_profile" class="form-control" placeholder="New Password *" required="">
    </div>
    <div class="form-group">
      <!--<label for="pwd">Confirm Password:</label>-->
      <input type="password" id="inp_cpasworrd__edit_profile" class="form-control" placeholder="Confirm Password *" required="">
    </div>
    <div>
      <button type="submit" class="btn modal-create-btn">CHANGE PASSWORD</button>
    </div>
  </div>
</form>

<form id="form_method_payment_profile">
  <div class="modal-body">
    <div class="row">
      <div class="wpb_row">
        <h5 class="widget-title dfd-title " style="font-family:Montserrat; font-weight:400; font-style:normal; font-size: 18px; color: #666666 !important; margin-bottom: -0.6em;"> Update payment method </h5>
        <div class="widget-sub-title dfd-sub-title subtitle" style="font-size: 12px; color: #707070 !important; font-style:italic; "> * Required field</div>
        <div class="columns twelve form-credit-list">
          <div class="row">
            <div class="columns six">
              <img src="../../wp-content/uploads/2017/11/tc.png" alt="Buy now BS">
            </div>
          </div>
          <div class="row">
            <div class="columns six">
              <div class="form-group">
                <!--<label >Cardholder *</label>-->
                <input type="text" id="inp_cardholder_profile" class="form-control" placeholder="Cardholder's Name *" required="">
              </div>
            </div>
            <div class="columns six">
              <div class="form-group">
                <!--<label >Credit Card Number *</label>-->
                <input type="text" id="inp_cc_number_profile" class="form-control" placeholder="Credit Card Number *" required="">
              </div>
            </div>
          </div>
          <div class="row">
            <div class="columns four">
              <div class="form-group">
                <!--<label >Expiration month *</label>-->
                <!--<input type="month" id="inp_expiration_date" class="form-control"  required>-->
                <select name="monts" id="inp_expiration_month_profile" required="">
                  <option value="" selected="" disabled="">Expiration Month *</option>
                  <option value="01">January</option>
                  <option value="02">February</option>
                  <option value="03">March</option>
                  <option value="04">April</option>
                  <option value="05">May</option>
                  <option value="06">June</option>
                  <option value="07">July</option>
                  <option value="08">August</option>
                  <option value="09">September</option>
                  <option value="10">October</option>
                  <option value="11">November</option>
                  <option value="12">December</option>
                </select>
              </div>
            </div>
            <div class="columns four">
              <div class="form-group">
                <!--<label >Expiration year *</label>-->
                <!--<input type="month" id="inp_expiration_date" class="form-control"  required>-->
                <select name="years" id="inp_expiration_year_profile" required="">
                  <option value="" selected="" disabled="">Expiration Year *</option>
                  <option value="2017">2017</option>
                  <option value="2018">2018</option>
                  <option value="2019">2019</option>
                  <option value="2020">2020</option>
                  <option value="2021">2021</option>
                  <option value="2022">2022</option>
                  <option value="2023">2023</option>
                  <option value="2024">2024</option>
                  <option value="2025">2025</option>
                  <option value="2026">2026</option>
                  <option value="2027">2027</option>
                  <option value="2028">2028</option>
                </select>
              </div>
            </div>
            <div class="columns four">
              <div class="form-group">
                <!--<label >CCV *</label>-->
                <input type="text" id="inp_ccv_profile" class="form-control" placeholder="CCV *" required="">
              </div>
            </div>
          </div>
        </div>
        <div class="columns twelve">
          <div class="widget-sub-title dfd-sub-title subtitle" style="font-size: 12px; color: #707070 !important; font-style:italic; ">By clicking on the button below, you agree to our <a href="../terms/"><u>  Terms of Service </u></a> &amp;
            <a href="../privacy/"><u>  privacy policy. </u> </a></div>
        </div>
        <div class="center-btn mt1">
          <button type="submit" class="btn btn-get-baby mt1">Update</button>
        </div>
      </div>
    </div>
  </div>
</form>

<form id="form_change_subscription_profile">
  <div class="modal-body">
    <div class="row">
      <h5 class="widget-title dfd-title " style="font-family:Montserrat; font-weight:400; font-style:normal; font-size: 18px; color: #666666 !important;     margin-bottom: -0.6em;"> Your Activity Package </h5>
      <div class="widget-sub-title dfd-sub-title subtitle" style="font-size: 12px; color: #707070 !important; font-style:italic; ">(All Prices in USD)</div>
      <div class="row wpb_row">
        <div class="month columns twelve all-subscriptions-change-sld month-subscriptions-change-sld">
          <div class="wpb_wrapper bg-green  " type-plan="paid subscription" pay-period="MONT" value-plan="com.babysparks.babysparks.1_month_3_99">
            <div class="dfd-heading-shortcode">
              <div class="dfd-heading-module-wrap fondo-grey text-center" style="display:none;">
                <div class="inline-block">
                  <div class="">
                    <div class="pay-sub"></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="wpb_text_column title-pay">
              <div class="wpb_wrapper">
                <p class="text-center white">1 Month</p>
              </div>
            </div>
            <div class="wpb_text_column ">
              <div class="wpb_wrapper ">
                <p class="white" style="text-align: center; line-height: 1;"><span style="font-size: 23px; font-weight: 200;"> $ </span><span style="font-size: 35px;"> 3</span>
                  <sup style="font-size: 18px; vertical-align: top; font-weight: 200;">99 </sup></p>
              </div>
            </div>
            <div class="wpb_text_column">
              <div class="wpb_wrapper">
                <p class="text-center white">per month</p>
              </div>
            </div>
          </div>
        </div>
        <div class="year columns twelve all-subscriptions-change-sld annual-subscriptions-change-sld">
          <div class="wpb_wrapper bg-green " type-plan="paid subscription" pay-period="YEAR" value-plan="com.babysparks.babysparks.12_month_23_99">
            <div class="dfd-heading-shortcode ">
              <div class="dfd-heading-module-wrap fondo-grey text-center" style="display:none;">
                <div class="inline-block">
                  <div class="">
                    <div class="pay-sub"></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="wpb_text_column title-pay ">
              <div class="wpb_wrapper">
                <p class="text-center white">1 Year</p>
              </div>
            </div>
            <div class="wpb_text_column ">
              <div class="wpb_wrapper ">
                <p class="white" style="text-align: center; line-height: 1;"><span style="font-size: 23px; font-weight: 200;"> $ </span><span style="font-size: 35px;"> 23</span>
                  <sup style="font-size: 18px; vertical-align: top; font-weight: 200;">99 </sup></p>
              </div>
            </div>
            <div class="wpb_text_column">
              <div class="wpb_wrapper">
                <p class="text-center white">per year</p>
              </div>
            </div>
          </div>
        </div>
        <!--<div class="lifetime columns four all-subscriptions-change-sld lifetime-subscriptions-change-sld">
								<div class="wpb_wrapper bg-blue" type-plan="non consumable" pay-period="FOR_LIFE" value-plan="com.babysparks.babysparks.lifetime_37_99">
									<div class="dfd-heading-shortcode">
										<div class="dfd-heading-module-wrap fondo-grey text-center">
											<div class="inline-block">
												<div class="">
													<div class="pay-sub">60% Discount</div>
												</div>
											</div>
										</div>
									</div>
								<div class="wpb_text_column title-pay">
									<div class="wpb_wrapper">
										<p class="text-center white">Lifetime</p>

									</div> 
								</div> 
								<div class="wpb_text_column  ">
									<div class="wpb_wrapper ">
										<p class="white" style="text-align: center; line-height: 1;"><span style="font-size: 23px; font-weight: 200;"> $ </span><span style="font-size: 35px;"> 37</span> <sup style="font-size: 18px; vertical-align: top; font-weight: 200;">99 </sup></p>

									</div> 
								</div> 
								<div class="wpb_text_column">
									<div class="wpb_wrapper">
										<p class="text-center white">one time</p>
									</div> 
								</div>
								</div>
							</div>
						</div>-->
      </div>
      <div class="wpb_row mt1">
        <h5 class="widget-title dfd-title " style="font-family:Montserrat; font-weight:400; font-style:normal; font-size: 18px; color: #666666 !important;     margin-bottom: -0.6em;"> Update your package at any time </h5>
        <div class="widget-sub-title dfd-sub-title subtitle" style="font-size: 12px; color: #707070 !important; font-style:italic; ">(All Prices in USD)</div>
        <div class="row wpb_row">
          <div class="month columns six all-change month-subscriptions-change">
            <div class="wpb_wrapper bg-blue  all-subscriptions-change " type-plan="paid subscription" pay-period="MONT" value-plan="com.babysparks.babysparks.1_month_3_99">
              <div class="dfd-heading-shortcode">
                <div class="dfd-heading-module-wrap fondo-grey text-center">
                  <div class="inline-block">
                    <div class="">
                      <div class="pay-sub">Pay as you go</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="wpb_text_column title-pay">
                <div class="wpb_wrapper">
                  <p class="text-center white">1 Month</p>
                </div>
              </div>
              <div class="wpb_text_column ">
                <div class="wpb_wrapper ">
                  <p class="white" style="text-align: center; line-height: 1;"><span style="font-size: 23px; font-weight: 200;"> $ </span><span style="font-size: 35px;"> 3</span>
                    <sup style="font-size: 18px; vertical-align: top; font-weight: 200;">99 </sup></p>
                </div>
              </div>
              <div class="wpb_text_column">
                <div class="wpb_wrapper">
                  <p class="text-center white">per month</p>
                </div>
              </div>
            </div>
          </div>
          <div class="year columns six all-change annual-subscriptions-change">
            <div class="wpb_wrapper bg-blue all-subscriptions-change " type-plan="paid subscription" pay-period="YEAR" value-plan="com.babysparks.babysparks.12_month_23_99">
              <div class="dfd-heading-shortcode ">
                <div class="dfd-heading-module-wrap fondo-grey text-center">
                  <div class="inline-block">
                    <div class="">
                      <div class="pay-sub">50% Discount</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="wpb_text_column title-pay ">
                <div class="wpb_wrapper">
                  <p class="text-center white">1 Year</p>
                </div>
              </div>
              <div class="wpb_text_column ">
                <div class="wpb_wrapper ">
                  <p class="white" style="text-align: center; line-height: 1;"><span style="font-size: 23px; font-weight: 200;"> $ </span><span style="font-size: 35px;"> 23</span>
                    <sup style="font-size: 18px; vertical-align: top; font-weight: 200;">99 </sup></p>
                </div>
              </div>
              <div class="wpb_text_column">
                <div class="wpb_wrapper">
                  <p class="text-center white">per year</p>
                </div>
              </div>
            </div>
          </div>
          <!-- 
								NEW PRICE CHANGES
								OLD PACKAGE : com.babysparks.babysparks.lifetime_37_99
								NEW PACKAGE : com.babysparks.babysparks.lifetime_39_99 
							-->
          <div class="lifetime columns six all-change lifetime-subscriptions-change">
            <div class="wpb_wrapper bg-blue all-subscriptions-change  " type-plan="non consumable" pay-period="FOR_LIFE" value-plan="com.babysparks.babysparks.lifetime_39_99">
              <div class="dfd-heading-shortcode">
                <div class="dfd-heading-module-wrap fondo-grey text-center">
                  <div class="inline-block">
                    <div class="">
                      <div class="pay-sub">60% Discount</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="wpb_text_column title-pay">
                <div class="wpb_wrapper">
                  <p class="text-center white">Lifetime</p>
                </div>
              </div>
              <div class="wpb_text_column  ">
                <div class="wpb_wrapper ">
                  <p class="white" style="text-align: center; line-height: 1;"><span style="font-size: 23px; font-weight: 200;"> $ </span><span style="font-size: 35px;"> 39</span>
                    <sup style="font-size: 18px; vertical-align: top; font-weight: 200;">99 </sup></p>
                </div>
              </div>
              <div class="wpb_text_column">
                <div class="wpb_wrapper">
                  <p class="text-center white">one time</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div>
          <div class="columns eight"></div>
          <div class="columns four popover__wrapper">
            <p class="text-under popover__title" style="font-size: 12px; font-style:italic; margin-right: 1em;"> How does it work?</p>
            <div class="push popover__content" style=" width: 210%;">
              <p class="popover__message">
                <i class="fa fa-check green" style="text-indent:-1.4em"></i>You can change your activity package at any time. <br><br>
                <i class="fa fa-check green" style="text-indent:-1.4em"></i>The change will take place at the end of your current subscription period. <br><br>
                <i class="fa fa-check green" style="text-indent:-1.4em"></i>You will only be charged the new rate once the change takes place.
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="wpb_row div-change-lifetime form-credit-list" style="display: inline-block;">
        <div class="columns twelve">
          <img src="../../wp-content/uploads/2017/11/tc.png">
        </div>
        <div class="columns six">
          <div class="form-group">
            <!--<label >Credit Card Number *</label>-->
            <input type="text" id="inp_cardholder_change" class="form-control change-lifetime" placeholder="Cardholder's Name *">
          </div>
        </div>
        <div class="columns six">
          <div class="form-group">
            <!--<label >Credit Card Number *</label>-->
            <input type="text" id="inp_cc_number_change" class="form-control change-lifetime" placeholder="Credit Card Number *">
          </div>
        </div>
        <div class="columns four">
          <div class="form-group">
            <!--<label >Expiration month *</label>-->
            <!--<input type="month" id="inp_expiration_date" class="form-control"  required>-->
            <select name="monts" id="inp_expiration_month_change_lifetime" class="change-lifetime">
              <option value="" selected="" disabled="">Expiration Month *</option>
              <option value="01">January</option>
              <option value="02">February</option>
              <option value="03">March</option>
              <option value="04">April</option>
              <option value="05">May</option>
              <option value="06">June</option>
              <option value="07">July</option>
              <option value="08">August</option>
              <option value="09">September</option>
              <option value="10">October</option>
              <option value="11">November</option>
              <option value="12">December</option>
            </select>
          </div>
        </div>
        <div class="columns four">
          <div class="form-group">
            <!--<label >Expiration year *</label>-->
            <!--<input type="month" id="inp_expiration_date" class="form-control"  required>-->
            <select name="years" id="inp_expiration_year_change" class="change-lifetime">
              <option value="" selected="" disabled="">Expiration Year *</option>
              <option value="2017">2017</option>
              <option value="2018">2018</option>
              <option value="2019">2019</option>
              <option value="2020">2020</option>
              <option value="2021">2021</option>
              <option value="2022">2022</option>
              <option value="2023">2023</option>
              <option value="2024">2024</option>
              <option value="2025">2025</option>
              <option value="2026">2026</option>
              <option value="2027">2027</option>
              <option value="2028">2028</option>
            </select>
          </div>
        </div>
        <div class="columns four">
          <div class="form-group">
            <!--<label >CCV *</label>-->
            <input type="text" id="inp_ccv_change" class="form-control change-lifetime" placeholder="CCV *">
          </div>
        </div>
      </div>
      <div class="wpb_row">
        <div>
          <button type="submit" class="btn btn-get-baby mt1" style="width: 100% !important;">Update Activity Package</button>
        </div>
        <div class="columns twelve">
          <a class="right" id="a-cancel-package-profile" style="font-size: 12px; color: #707070 !important; font-style:italic; cursor: pointer;">Cancel Activity Package</a>
        </div>
      </div>
    </div>
  </div>
</form>

<form>
  <label>
    <span class="wpcf7-form-control-wrap your-name">
      <input type="text" id="name-news" value="" size="40" placeholder="Your Name">
    </span>
  </label>
  <label>
    <span class="wpcf7-form-control-wrap date-88">
      <input type="date" id="kid-dob" value="" aria-required="true" aria-invalid="false"></span></label>
  <label>
    <span class="wpcf7-form-control-wrap your-email">
      <input type="email" id="email-news" value="" size="40" placeholder="Your Email">
    </span>
  </label>
  <input type="submit" id="monthly_overview" value="Get free monthly overview" class="wpcf7-form-control wpcf7-submit get-guide"><span class="ajax-loader"></span>
  <div id="success-message"></div>
  <div id="failureMsg"></div>
</form>

<form id="form_login" class="cls_form_login">
  <div class="modal-body">
    <div class="row wpb_row">
      <div class="columns six">
        <div class="wpb_wrapper"></div>
      </div>
      <div class="columns six vc_custom_1507152012712">
        <div class="form-group">
          <!--<label for="email">Email:</label>-->
          <input type="email" id="inp_email" class="form-control" placeholder="Email" required="">
        </div>
        <div class="form-group">
          <!--<label for="pwd">Password:</label>-->
          <input type="password" id="inp_pasworrd" class="form-control" placeholder="Password" required="">
        </div>
        <div>
          <button type="submit" class="btn modal-login-btn">LOGIN</button>
          <p style="color: #888787; text-align: right;"><a id="md-fyour-password" style="cursor: pointer;color: #888787;">Forgot your password?</a></p>
        </div>
      </div>
    </div>
  </div>
</form>

<form id="form_fyour_password" metho="">
  <div class="modal-body">
    <div class="row wpb_row">
      <div class="columns six">
        <div class="wpb_wrapper"></div>
      </div>
      <div class="columns six vc_custom_1507152012712">
        <div class="form-group">
          <!--<label for="email">Email:</label>-->
          <input type="email" id="inp_email_reset" class="form-control" placeholder="Email" required="">
        </div>
        <div>
          <button type="submit" class="btn modal-login-btn">Submit</button>
        </div>
      </div>
    </div>
  </div>
</form>

<form id="form_modal_updt_password" metho="">
  <div class="modal-body">
    <div class="row wpb_row">
      <div class="columns six">
        <div class="wpb_wrapper"></div>
      </div>
      <div class="columns six vc_custom_1507152012712">
        <div class="form-group">
          <!--<label for="email">Email:</label>-->
          <input type="password" id="inp_password_updt" class="form-control" placeholder="New Password" required="">
        </div>
        <div class="form-group">
          <!--<label for="pwd">Password:</label>-->
          <input type="password" id="inp_cpassword_updt" class="form-control" placeholder="Confirm New Password" required="">
        </div>
        <div>
          <button type="submit" class="btn modal-login-btn">SAVE NEW PASSWORD</button>
        </div>
      </div>
    </div>
  </div>
</form>

<form id="form_Account_Pro">
  <div class="modal-body">
    <div class="row wpb_row">
      <div class="columns six">
        <div class="wpb_wrapper"></div>
      </div>
      <div class="columns six vc_custom_1507152012712">
        <h5 class="widget-title dfd-title " style="font-family:Montserrat; font-weight:400; font-style:normal; font-size: 18px; color: #666666 !important;"> Create Your Account </h5>
        <div class="columns six">
          <div class="form-group">
            <!--<label for="email">First Name:</label>-->
            <input type="text" id="inp_firstname_ca_pro" class="form-control" placeholder="First Name *" required="">
          </div>
        </div>
        <div class="columns six">
          <div class="form-group">
            <!--<label for="email">Last Name:</label>-->
            <input type="text" id="inp_lastname_ca_pro" class="form-control" placeholder="Last Name *" required="">
          </div>
        </div>
        <div class="columns twelve">
          <div class="form-group">
            <!--<label for="email">Email:</label>-->
            <input type="email" id="inp_email_ca_pro" class="form-control" placeholder="Email *" required="">
          </div>
          <div class="form-group">
            <!--<label for="email">Email:</label>-->
            <input type="text" id="inp_business_ca_pro" class="form-control" placeholder="Company name *" required="">
          </div>
          <div class="form-group">
            <!--<label for="pwd">Password:</label>-->
            <input type="password" id="inp_pasworrd_ca_pro" class="form-control" placeholder="Password *" required="">
          </div>
          <div class="form-group">
            <!--<label for="pwd">Confirm Password:</label>-->
            <input type="password" id="inp_cpasworrd_ca_pro" class="form-control" placeholder="Confirm Password *" required="">
          </div>
          <div>
            <button type="submit" class="btn modal-create-btn">Create Account</button>
            <p style="color: #888787; text-align: left; margin-bottom: 0em; margin-top: 1.2em;">Already Have an Account? <a href="" id="" class="green btn-md-login">Login</a></p>
            <!--<button id="btn-md-login" type="button" class="btn modal-login-btn" >LOGIN</button>-->
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

<form>
  <div>
    <div class="nf-before-form-content"><nf-section>
        <div class="nf-form-fields-required">Fields marked with an <span class="ninja-forms-req-symbol">*</span> are required</div>
      </nf-section></div>
    <div class="nf-form-content "><nf-fields-wrap><nf-field>
          <div id="nf-field-52-container" class="nf-field-container firstname-container  label-above col-6 ">
            <div class="nf-before-field"><nf-section>
              </nf-section></div>
            <div class="nf-field">
              <div id="nf-field-52-wrap" class="field-wrap firstname-wrap" data-field-id="52">
                <div class="nf-field-label">
                  <label for="nf-field-52" id="nf-label-field-52" class="">
                  </label>
                </div>
                <div class="nf-field-element">
                  <input type="text" value="" class="ninja-forms-field nf-element" id="nf-field-52" name="fname" autocomplete="given-name" placeholder="First Name" aria-invalid="false" aria-describedby="nf-error-52"
                    aria-labelledby="nf-label-field-52">
                </div>
              </div>
            </div>
            <div class="nf-after-field"><nf-section>
                <div class="nf-input-limit"></div>
                <div id="nf-error-52" class="nf-error-wrap nf-error" role="alert"></div>
              </nf-section></div>
          </div>
        </nf-field><nf-field>
          <div id="nf-field-53-container" class="nf-field-container lastname-container  label-above col-6 ">
            <div class="nf-before-field"><nf-section>
              </nf-section></div>
            <div class="nf-field">
              <div id="nf-field-53-wrap" class="field-wrap lastname-wrap" data-field-id="53">
                <div class="nf-field-label">
                  <label for="nf-field-53" id="nf-label-field-53" class="">
                    <span class="ninja-forms-req-symbol">*</span>
                  </label>
                </div>
                <div class="nf-field-element">
                  <input type="text" value="" class="ninja-forms-field nf-element" id="nf-field-53" name="lname" autocomplete="family-name" placeholder="Last Name" aria-invalid="false" aria-describedby="nf-error-53"
                    aria-labelledby="nf-label-field-53" aria-required="true" required="">
                </div>
              </div>
            </div>
            <div class="nf-after-field"><nf-section>
                <div class="nf-input-limit"></div>
                <div id="nf-error-53" class="nf-error-wrap nf-error" role="alert"></div>
              </nf-section></div>
          </div>
        </nf-field><nf-field>
          <div id="nf-field-55-container" class="nf-field-container phone-container  label-above  textbox-container">
            <div class="nf-before-field"><nf-section>
              </nf-section></div>
            <div class="nf-field">
              <div id="nf-field-55-wrap" class="field-wrap phone-wrap textbox-wrap" data-field-id="55">
                <div class="nf-field-label">
                  <label for="nf-field-55" id="nf-label-field-55" class="">
                    <span class="ninja-forms-req-symbol">*</span>
                  </label>
                </div>
                <div class="nf-field-element">
                  <input type="tel" value="" class="ninja-forms-field nf-element" id="nf-field-55" name="phone" autocomplete="tel" placeholder="Phone Number" aria-invalid="false" aria-describedby="nf-error-55" aria-labelledby="nf-label-field-55"
                    aria-required="true" required="">
                </div>
              </div>
            </div>
            <div class="nf-after-field"><nf-section>
                <div class="nf-input-limit"></div>
                <div id="nf-error-55" class="nf-error-wrap nf-error" role="alert"></div>
              </nf-section></div>
          </div>
        </nf-field><nf-field>
          <div id="nf-field-54-container" class="nf-field-container email-container  label-above ">
            <div class="nf-before-field"><nf-section>
              </nf-section></div>
            <div class="nf-field">
              <div id="nf-field-54-wrap" class="field-wrap email-wrap" data-field-id="54">
                <div class="nf-field-label">
                  <label for="nf-field-54" id="nf-label-field-54" class="">
                    <span class="ninja-forms-req-symbol">*</span>
                  </label>
                </div>
                <div class="nf-field-element">
                  <input type="email" value="" class="ninja-forms-field nf-element" id="nf-field-54" name="email" autocomplete="email" placeholder="Company Email" aria-invalid="false" aria-describedby="nf-error-54" aria-labelledby="nf-label-field-54"
                    aria-required="true" required="">
                </div>
              </div>
            </div>
            <div class="nf-after-field"><nf-section>
                <div class="nf-input-limit"></div>
                <div id="nf-error-54" class="nf-error-wrap nf-error" role="alert"></div>
              </nf-section></div>
          </div>
        </nf-field><nf-field>
          <div id="nf-field-56-container" class="nf-field-container firstname-container  label-above ">
            <div class="nf-before-field"><nf-section>
              </nf-section></div>
            <div class="nf-field">
              <div id="nf-field-56-wrap" class="field-wrap firstname-wrap" data-field-id="56">
                <div class="nf-field-label">
                  <label for="nf-field-56" id="nf-label-field-56" class="">
                    <span class="ninja-forms-req-symbol">*</span>
                  </label>
                </div>
                <div class="nf-field-element">
                  <input type="text" value="" class="ninja-forms-field nf-element" id="nf-field-56" name="fname" autocomplete="given-name" placeholder="Company Name" aria-invalid="false" aria-describedby="nf-error-56"
                    aria-labelledby="nf-label-field-56" aria-required="true" required="">
                </div>
              </div>
            </div>
            <div class="nf-after-field"><nf-section>
                <div class="nf-input-limit"></div>
                <div id="nf-error-56" class="nf-error-wrap nf-error" role="alert"></div>
              </nf-section></div>
          </div>
        </nf-field><nf-field>
          <div id="nf-field-60-container" class="nf-field-container firstname-container  label-above ">
            <div class="nf-before-field"><nf-section>
              </nf-section></div>
            <div class="nf-field">
              <div id="nf-field-60-wrap" class="field-wrap firstname-wrap" data-field-id="60">
                <div class="nf-field-label">
                  <label for="nf-field-60" id="nf-label-field-60" class="">
                  </label>
                </div>
                <div class="nf-field-element">
                  <input type="text" value="" class="ninja-forms-field nf-element" id="nf-field-60" name="fname" autocomplete="given-name" placeholder="Number of employees (optional)" aria-invalid="false" aria-describedby="nf-error-60"
                    aria-labelledby="nf-label-field-60">
                </div>
              </div>
            </div>
            <div class="nf-after-field"><nf-section>
                <div class="nf-input-limit"></div>
                <div id="nf-error-60" class="nf-error-wrap nf-error" role="alert"></div>
              </nf-section></div>
          </div>
        </nf-field><nf-field>
          <div id="nf-field-59-container" class="nf-field-container submit-container  label-above  textbox-container">
            <div class="nf-before-field"><nf-section>
              </nf-section></div>
            <div class="nf-field">
              <div id="nf-field-59-wrap" class="field-wrap submit-wrap textbox-wrap" data-field-id="59">
                <div class="nf-field-label"></div>
                <div class="nf-field-element">
                  <input id="nf-field-59" class="ninja-forms-field nf-element " type="submit" value="Send">
                </div>
                <div class="nf-error-wrap"></div>
              </div>
            </div>
            <div class="nf-after-field"><nf-section>
                <div class="nf-input-limit"></div>
                <div id="nf-error-59" class="nf-error-wrap nf-error" role="alert"></div>
              </nf-section></div>
          </div>
        </nf-field></nf-fields-wrap></div>
    <div class="nf-after-form-content"><nf-section>
        <div id="nf-form-errors-6" class="nf-form-errors" role="alert"><nf-errors></nf-errors></div>
        <div class="nf-form-hp"><nf-section>
            <label id="nf-label-field-hp-6" for="nf-field-hp-6" aria-hidden="true"> If you are a human seeing this field, please leave it empty. <input id="nf-field-hp-6" name="nf-field-hp" class="nf-element nf-field-hp" type="text" value=""
                aria-labelledby="nf-label-field-hp-6">
            </label>
          </nf-section></div>
      </nf-section></div>
  </div>
</form>

<form id="form_Account">
  <div class="modal-body">
    <div class="row wpb_row">
      <div class="columns six">
        <div class="wpb_wrapper"></div>
      </div>
      <div class="columns six vc_custom_1507152012712">
        <h5 class="widget-title dfd-title " style="font-family:Montserrat; font-weight:400; font-style:normal; font-size: 18px; color: #666666 !important;"> Create Your Account </h5>
        <div class="columns six">
          <div class="form-group">
            <!--<label for="email">First Name:</label>-->
            <input type="text" id="inp_firstname_ca" class="form-control" placeholder="First Name *" required="">
          </div>
        </div>
        <div class="columns six">
          <div class="form-group">
            <!--<label for="email">Last Name:</label>-->
            <input type="text" id="inp_lastname_ca" class="form-control" placeholder="Last Name *" required="">
          </div>
        </div>
        <div class="columns twelve">
          <div class="form-group">
            <!--<label for="email">Email:</label>-->
            <input type="email" id="inp_email_ca" class="form-control" placeholder="Email *" required="">
          </div>
          <div class="form-group">
            <!--<label for="pwd">Password:</label>-->
            <input type="password" id="inp_pasworrd_ca" class="form-control" placeholder="Password *" required="">
          </div>
          <div class="form-group">
            <!--<label for="pwd">Confirm Password:</label>-->
            <input type="password" id="inp_cpasworrd_ca" class="form-control" placeholder="Confirm Password *" required="">
          </div>
          <div>
            <button type="submit" class="btn modal-create-btn">Create Account</button>
            <p style="color: #888787; text-align: left; margin-bottom: 0em; margin-top: 1.2em;">Already Have an Account? <a href="" id="" class="green btn-md-login">Login</a></p>
            <!--<button id="btn-md-login" type="button" class="btn modal-login-btn" >LOGIN</button>-->
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

<form id="form_Payment">
  <div class="modal-body">
    <div class="row">
      <h5 class="widget-title dfd-title " style="font-family:Montserrat; font-weight:400; font-style:normal; font-size: 18px; color: #666666 !important;     margin-bottom: -0.6em;margin-left: 8px;"> Select Your Activity Package </h5>
      <div class="widget-sub-title dfd-sub-title subtitle" style="font-size: 12px; color: #707070 !important; font-style:italic; margin-left: 8px;">(All Prices in USD)</div>
      <div class="row wpb_row" style="margin: 0 0px;">
        <div class="month suc-normal  columns four">
          <div id="id_monthly_plan" class="month-sub wpb_wrapper bg-blue cls-sel-plan-consumer" type-plan="paid subscription" pay-period="MONT" value-plan="com.babysparks.babysparks.1_month_3_99">
            <div class="dfd-heading-shortcode">
              <div class="dfd-heading-module-wrap fondo-grey text-center">
                <div class="inline-block">
                  <div class="">
                    <div class="pay-sub">Pay as you go</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="wpb_text_column title-pay">
              <div class="wpb_wrapper">
                <p class="text-center white">1 Month</p>
              </div>
            </div>
            <div class="wpb_text_column ">
              <div class="wpb_wrapper ">
                <p class="white" style="text-align: center; line-height: 1;"><span style="font-size: 23px; font-weight: 200;"> $ </span><span style="font-size: 35px;"> 3</span>
                  <sup style="font-size: 18px; vertical-align: top; font-weight: 200;">99 </sup></p>
              </div>
            </div>
            <div class="wpb_text_column">
              <div class="wpb_wrapper">
                <p class="text-center white">per month</p>
              </div>
            </div>
          </div>
        </div>
        <div class="month-promo promotions promotions-month columns four" style="display:none;">
          <div id="ribbon"><span>YOUR OFFER</span></div>
          <div id="" class="promotions-month-sub id_promo_plan wpb_wrapper bg-blue cls-sel-plan-consumer-promotions" type-plan="" pay-period="" value-plan="">
            <div class="dfd-heading-shortcode">
              <div class="dfd-heading-module-wrap fondo-grey text-center">
                <div class="inline-block">
                  <div class="">
                    <div id="" class="promo-legend pay-sub"></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="wpb_text_column title-pay">
              <div class="wpb_wrapper">
                <p id="" class="promo-title text-center white"></p>
              </div>
            </div>
            <div class="wpb_text_column  ">
              <div class="wpb_wrapper ">
                <p class="white" style="text-align: center; line-height: 1;"><span style="font-size: 23px; font-weight: 200;"> $ </span><span class="promo-price" style="font-size: 35px;" id=""> 2</span>
                  <sup class="promo-cents" style="font-size: 18px; vertical-align: top; font-weight: 200;" id="">99 </sup></p>
              </div>
            </div>
            <div class="wpb_text_column">
              <div class="wpb_wrapper">
                <p id="" class="promo-subtitle text-center white"></p>
              </div>
            </div>
          </div>
        </div>
        <div class="year  suc-normal  columns four">
          <div id="id_annual_plan" class="year-sub wpb_wrapper bg-green cls-sel-plan-consumer" type-plan="paid subscription" pay-period="YEAR" value-plan="com.babysparks.babysparks.12_month_23_99">
            <div class="dfd-heading-shortcode">
              <div class="dfd-heading-module-wrap fondo-grey text-center">
                <div class="inline-block">
                  <div class="">
                    <div class="pay-sub">50% Discount</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="wpb_text_column title-pay ">
              <div class="wpb_wrapper">
                <p class="text-center white">1 Year</p>
              </div>
            </div>
            <div class="wpb_text_column ">
              <div class="wpb_wrapper ">
                <p class="white" style="text-align: center; line-height: 1;"><span style="font-size: 23px; font-weight: 200;"> $ </span><span style="font-size: 35px;"> 1</span>
                  <sup style="font-size: 18px; vertical-align: top; font-weight: 200;">99 </sup></p>
              </div>
            </div>
            <div class="wpb_text_column">
              <div class="wpb_wrapper">
                <p class="text-center white">per month</p>
              </div>
            </div>
          </div>
          <div id="id_annual_plan_note" class="columns twelve">
            <div class="widget-sub-title dfd-sub-title subtitle" style="font-size: 12px; color: #707070 !important; font-style:italic;margin-left: 5px; "> Paid Annually: $23.99</div>
          </div>
        </div>
        <div class="year-promo promotions promotions-year columns four" style="display:none;">
          <div id="ribbon"><span>YOUR OFFER</span></div>
          <div id="" class="promotions-year-sub id_promo_plan wpb_wrapper bg-blue cls-sel-plan-consumer-promotions" type-plan="" pay-period="" value-plan="">
            <div class="dfd-heading-shortcode">
              <div class="dfd-heading-module-wrap fondo-grey text-center">
                <div class="inline-block">
                  <div class="">
                    <div id="" class=" promo-legend pay-sub"></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="wpb_text_column title-pay">
              <div class="wpb_wrapper">
                <p id="" class="promo-title text-center white"></p>
              </div>
            </div>
            <div class="wpb_text_column  ">
              <div class="wpb_wrapper ">
                <p class="white" style="text-align: center; line-height: 1;"><span style="font-size: 23px; font-weight: 200;"> $ </span><span class="promo-price" style="font-size: 35px;" id=""> 2</span>
                  <sup class="promo-cents" style="font-size: 18px; vertical-align: top; font-weight: 200;" id="">99 </sup></p>
              </div>
            </div>
            <div class="wpb_text_column">
              <div class="wpb_wrapper">
                <p id="" class="promo-subtitle text-center white"></p>
              </div>
            </div>
          </div>
        </div>
        <!-- 
								NEW PRICE CHANGES
								OLD PACKAGE : com.babysparks.babysparks.lifetime_37_99
								NEW PACKAGE : com.babysparks.babysparks.lifetime_39_99 
							-->
        <div class="lifetime suc-normal columns four">
          <div id="id_lifetime_plan" class="lifetime-sub wpb_wrapper bg-blue cls-sel-plan-consumer" type-plan="non consumable" pay-period="FOR_LIFE" value-plan="com.babysparks.babysparks.lifetime_39_99">
            <div class="dfd-heading-shortcode">
              <div class="dfd-heading-module-wrap fondo-grey text-center">
                <div class="inline-block">
                  <div class="" style="display:none;">
                    <div class="pay-sub">60% Discount</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="wpb_text_column title-pay">
              <div class="wpb_wrapper">
                <p class="text-center white">Lifetime</p>
              </div>
            </div>
            <div class="wpb_text_column  ">
              <div class="wpb_wrapper ">
                <p class="white" style="text-align: center; line-height: 1;"><span style="font-size: 23px; font-weight: 200;"> $ </span><span style="font-size: 35px;"> 39</span>
                  <sup style="font-size: 18px; vertical-align: top; font-weight: 200;">99 </sup></p>
              </div>
            </div>
            <div class="wpb_text_column">
              <div class="wpb_wrapper">
                <p class="text-center white">one time</p>
              </div>
            </div>
          </div>
        </div>
        <div class="lifetime-promo promotions promotions-lifetime columns four" style="display:none;">
          <div id="ribbon"><span>YOUR OFFER</span></div>
          <div id="" class="promotions-lifetime-sub id_promo_plan wpb_wrapper bg-blue cls-sel-plan-consumer-promotions" type-plan="" pay-period="" value-plan="">
            <div class="dfd-heading-shortcode">
              <div class="dfd-heading-module-wrap fondo-grey text-center">
                <div class="inline-block">
                  <div class="">
                    <div id="" class="promo-legend pay-sub"></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="wpb_text_column title-pay">
              <div class="wpb_wrapper">
                <p id="" class="promo-title text-center white"></p>
              </div>
            </div>
            <div class="wpb_text_column  ">
              <div class="wpb_wrapper ">
                <p class="white" style="text-align: center; line-height: 1;"><span style="font-size: 23px; font-weight: 200;"> $ </span><span class="promo-price" style="font-size: 35px;" id=""> 2</span>
                  <sup class="promo-cents" style="font-size: 18px; vertical-align: top; font-weight: 200;" id="">99 </sup></p>
              </div>
            </div>
            <div class="wpb_text_column">
              <div class="wpb_wrapper">
                <p id="" class="promo-subtitle text-center white"></p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="row wpb_row ">
        <div class="columns four">
          <div class="widget-sub-title dfd-sub-title subtitle" style="font-size: 12px; color: #707070 !important; font-style:italic; "> </div>
        </div>
        <div class="columns four">
          <div class="widget-sub-title dfd-sub-title subtitle" style="font-size: 12px; color: #707070 !important; font-style:italic;margin-left: 5px; "></div>
        </div>
        <div class="columns four popover__wrapper">
          <p class="text-under popover__title" style="font-size: 12px; font-style:italic; margin-right: 1em;"> BabySparks Premium Gives You…</p>
          <div class="push popover__content">
            <p class="popover__message">
              <i class="fa fa-check green" style="text-indent:-1.4em"></i>Access to 1,300+ development activities &amp; milestones <br><br>
              <i class="fa fa-check green" style="text-indent:-1.4em"></i>An expert-created program to support your child’s development <br><br>
              <i class="fa fa-check green" style="text-indent:-1.4em"></i>Weekly development reports summarize progress<br><br>
              <i class="fa fa-check green" style="text-indent:-1.4em"></i>Browse activities for any situation <br><br>
              <i class="fa fa-check green" style="text-indent:-1.4em"></i>Expert-written articles about development<br><br>
              <i class="fa fa-check green" style="text-indent:-1.4em"></i>Sync up to 5 devices (add family and caregivers) <br><br>
              <i class="fa fa-check green" style="text-indent:-1.4em"></i>Add up to 5 babies to your account<br><br>
              <i class="fa fa-check green" style="text-indent:-1.4em"></i>Cancel your susbcription at any time
            </p>
          </div>
        </div>
      </div>
      <div class="wpb_row">
        <h5 class="widget-title dfd-title " style="font-family:Montserrat; font-weight:400; font-style:normal; font-size: 18px; color: #666666 !important; margin-bottom: -0.6em;">
        </h5>
        <div class="widget-sub-title dfd-sub-title subtitle" style="font-size: 12px; color: #707070 !important; font-style:italic;margin-left: 8px; "> * Required field</div>
        <div class="columns twelve form-credit-list" style="margin-left: 8px;margin-right: 10px;width: 98%;">
          <div class="columns twelve mt1">
            <div class="columns six">
              <div class="form-group">
                <!--<label >Cardholder *</label>-->
                <input type="text" id="inp_cardholder" class="form-control" placeholder="Cardholder's Name *" required="">
              </div>
            </div>
            <div class="columns six">
              <img src="./../wp-content/uploads/2017/11/tc.png" alt="Buy now BS" class="img_convert">
            </div>
          </div>
          <div class="form-group" style="display:none;">
            <label for="email">Type of User:</label>
            <select id="sel_type_user" class="form-control" required="">
              <option value="pro">Profesional</option>
              <option value="consumer">Consumer</option>
            </select>
          </div>
          <!--<div class="form-group" id="div_plans_consumer">
								<input type="radio" id="rb_type_plan" name="nm_type_plan" type-plan="paid subscription" pay-period="MONT" value="com.babysparks.babysparks.1_month_3_99" required>Monthly<br>
								<input type="radio" id="rb_type_plan" name="nm_type_plan"  type-plan="paid subscription" pay-period="YEAR" value="com.babysparks.babysparks.12_month_23_99">Annual<br>
								<input type="radio" id="rb_type_plan" name="nm_type_plan"  type-plan="non consumable" pay-period="FOR_LIFE" value="com.babysparks.babysparks.lifetime_37_99">For Life							
							</div>

							<div class="form-group" id="div_plans_pro">
								<input type="radio" id="rb_type_planpro" name="nm_type_planpro" type-plan="paid subscription" pay-period="MONT" value="com.babysparks.babysparks.pro_l1m_1_25" required>Month Pro - L1<br>
								<input type="radio" id="rb_type_planpro" name="nm_type_planpro"  type-plan="paid subscription" pay-period="YEAR" value="com.babysparks.babysparks.pro_l1y_12_00">Yearly Pro - L1<br>

								<input type="radio" id="rb_type_planpro" name="nm_type_planpro" type-plan="paid subscription" pay-period="MONT" value="com.babysparks.babysparks.pro_l2m_2_25" >Month Pro - L2<br>
								<input type="radio" id="rb_type_planpro" name="nm_type_planpro"  type-plan="paid subscription" pay-period="YEAR" value="com.babysparks.babysparks.pro_l2y_21_50">Yearly Pro - L2<br>

								<input type="radio" id="rb_type_planpro" name="nm_type_planpro" type-plan="paid subscription" pay-period="MONT" value="com.babysparks.babysparks.pro_l3m_5_00" >Month Pro - L3<br>
								<input type="radio" id="rb_type_planpro" name="nm_type_planpro"  type-plan="paid subscription" pay-period="YEAR" value="com.babysparks.babysparks.pro_l3y_44_00">Yearly Pro - L4<br>

								<div class="form-group" id="div_num_children">
								<label >Number of Children:</label>
								<input type="text" id="inp_num_children" class="form-control"  >
								</div>

								<div class="col-md-6">

									<div class="form-group">
										<label >CCV:</label>
										<input type="text" id="inp_ccv" class="form-control"  required>
									</div>

									<div class="form-group">
										<label >Expiration month:</label>
										<input type="month" id="inp_expiration_date" class="form-control"  required>
									</div>
									
									<div class="form-group">
										<label >Phone:</label>
										<input type="text" id="inp_phone" class="form-control"  value="" required>
									</div>	

									<div class="form-group">
										<label >Address:</label>
										<input type="text" id="inp_address" class="form-control"   value="" required>
									</div>	

								</div>
								
							</div> -->
          <div class="columns twelve">
            <div class="columns three">
              <div class="form-group">
                <!--<label >Credit Card Number *</label>-->
                <input type="text" id="inp_cc_number" class="form-control" placeholder="Credit Card Number *" required="">
              </div>
            </div>
            <div class="columns three">
              <div class="form-group">
                <!--<label >Expiration month *</label>-->
                <!--<input type="month" id="inp_expiration_date" class="form-control"  required>-->
                <select name="monts" id="inp_expiration_month" required="">
                  <option value="" selected="" disabled="">Expiration Month *</option>
                  <option value="01">January</option>
                  <option value="02">February</option>
                  <option value="03">March</option>
                  <option value="04">April</option>
                  <option value="05">May</option>
                  <option value="06">June</option>
                  <option value="07">July</option>
                  <option value="08">August</option>
                  <option value="09">September</option>
                  <option value="10">October</option>
                  <option value="11">November</option>
                  <option value="12">December</option>
                </select>
              </div>
            </div>
            <div class="columns three">
              <div class="form-group">
                <!--<label >Expiration year *</label>-->
                <!--<input type="month" id="inp_expiration_date" class="form-control"  required>-->
                <select name="years" id="inp_expiration_year" required="">
                  <option value="" selected="" disabled="">Expiration Year *</option>
                  <option value="2017">2017</option>
                  <option value="2018">2018</option>
                  <option value="2019">2019</option>
                  <option value="2020">2020</option>
                  <option value="2021">2021</option>
                  <option value="2022">2022</option>
                  <option value="2023">2023</option>
                  <option value="2024">2024</option>
                  <option value="2025">2025</option>
                  <option value="2026">2026</option>
                  <option value="2027">2027</option>
                  <option value="2028">2028</option>
                </select>
              </div>
            </div>
            <div class="columns three">
              <div class="form-group">
                <!--<label >CCV *</label>-->
                <input type="text" id="inp_ccv" class="form-control" placeholder="CCV *" required="">
              </div>
            </div>
          </div>
          <!--<div class="columns four">
						    	<div class="form-group">
									<label >Phone *</label>
									<input type="text" id="inp_phone" class="form-control"  required>
								</div>
							</div>
							
							<div class="columns four">
						    	<div class="form-group">
									<label >Address *</label>
									<input type="text" id="inp_address" class="form-control"  required>
								</div>
						    </div>-->
        </div>
        <div class="columns twelve">
          <div class="widget-sub-title dfd-sub-title subtitle" style="font-size: 12px; color: #707070 !important; font-style:italic; "> By clicking on the button below, you agree to our
            <a href="http://appetakeoff.com/babysparks/terms/" target="_blank"> <u> Terms of Service  </u></a> &amp; <a href="http://appetakeoff.com/babysparks/privacy/" target="_blank"><u>  privacy policy. </u> </a></div>
        </div>
        <div class="center-btn mt1">
          <button type="submit" class="btn btn-get-baby mt1">GET BABYSPARKS</button>
        </div>
      </div>
    </div>
  </div>
</form>

<form>
  <div>
    <div class="nf-before-form-content"><nf-section>
        <div class="nf-form-fields-required">Fields marked with an <span class="ninja-forms-req-symbol">*</span> are required</div>
      </nf-section></div>
    <div class="nf-form-content "><nf-fields-wrap><nf-field>
          <div id="nf-field-27-container" class="nf-field-container textarea-container  label-above ">
            <div class="nf-before-field"><nf-section>
              </nf-section></div>
            <div class="nf-field">
              <div id="nf-field-27-wrap" class="field-wrap textarea-wrap" data-field-id="27">
                <div class="nf-field-label">
                  <label for="nf-field-27" id="nf-label-field-27" class=""> Did you find what you were looking for? <span class="ninja-forms-req-symbol">*</span>
                  </label>
                </div>
                <div class="nf-field-element">
                  <textarea id="nf-field-27" name="nf-field-27" aria-invalid="false" aria-describedby="nf-error-27" class="ninja-forms-field nf-element" placeholder="No? Why?" aria-labelledby="nf-label-field-27" aria-required="true"
                    required=""></textarea>
                </div>
              </div>
            </div>
            <div class="nf-after-field"><nf-section>
                <div class="nf-input-limit"></div>
                <div id="nf-error-27" class="nf-error-wrap nf-error" role="alert"></div>
              </nf-section></div>
          </div>
        </nf-field><nf-field>
          <div id="nf-field-32-container" class="nf-field-container email-container  label-above ">
            <div class="nf-before-field"><nf-section>
              </nf-section></div>
            <div class="nf-field">
              <div id="nf-field-32-wrap" class="field-wrap email-wrap" data-field-id="32">
                <div class="nf-field-label">
                  <label for="nf-field-32" id="nf-label-field-32" class=""> Email </label>
                </div>
                <div class="nf-field-element">
                  <input type="email" value="" class="ninja-forms-field nf-element" id="nf-field-32" name="email" autocomplete="email" aria-invalid="false" aria-describedby="nf-error-32" aria-labelledby="nf-label-field-32">
                </div>
              </div>
            </div>
            <div class="nf-after-field"><nf-section>
                <div class="nf-input-limit"></div>
                <div id="nf-error-32" class="nf-error-wrap nf-error" role="alert"></div>
              </nf-section></div>
          </div>
        </nf-field><nf-field>
          <div id="nf-field-30-container" class="nf-field-container submit-container  label-above did_you_find  textbox-container">
            <div class="nf-before-field"><nf-section>
              </nf-section></div>
            <div class="nf-field">
              <div id="nf-field-30-wrap" class="field-wrap submit-wrap textbox-wrap" data-field-id="30">
                <div class="nf-field-label"></div>
                <div class="nf-field-element">
                  <input id="nf-field-30" class="ninja-forms-field nf-element " type="submit" value="Submit">
                </div>
                <div class="nf-error-wrap"></div>
              </div>
            </div>
            <div class="nf-after-field"><nf-section>
                <div class="nf-input-limit"></div>
                <div id="nf-error-30" class="nf-error-wrap nf-error" role="alert"></div>
              </nf-section></div>
          </div>
        </nf-field></nf-fields-wrap></div>
    <div class="nf-after-form-content"><nf-section>
        <div id="nf-form-errors-3" class="nf-form-errors" role="alert"><nf-errors></nf-errors></div>
        <div class="nf-form-hp"><nf-section>
            <label id="nf-label-field-hp-3" for="nf-field-hp-3" aria-hidden="true"> If you are a human seeing this field, please leave it empty. <input id="nf-field-hp-3" name="nf-field-hp" class="nf-element nf-field-hp" type="text" value=""
                aria-labelledby="nf-label-field-hp-3">
            </label>
          </nf-section></div>
      </nf-section></div>
  </div>
</form>

Text Content

 * What is BabySparks
 * Online Classes
 * Parenting App
 * Parenting Resources
 * Login
 * Join Us

* 

* --------------------------------------------------------------------------------

* 
  Edit Account & Language

* --------------------------------------------------------------------------------

* 
  My Subscriptions

* --------------------------------------------------------------------------------

* 
  My Classes

* --------------------------------------------------------------------------------

* 
  Contact Us

* --------------------------------------------------------------------------------

* Logout
My Profile
* Contact Us
* Logout
es


PARENTING IS A JOURNEY.
WE HAVE YOUR BACK.

Online Classes Parenting App Parent Resources



WHY BABYSPARKS?





Built for the critical
first 3 years of life

30,000+ 5-star
parent reviews

Online classes taught by
leading parenting experts



Expert-created content
backed by science

Used by over 9 million
parents worldwide

Smart technology that
adapts to your child





ONLINE PARENTING CLASSES

 * Hundreds of sessions to choose from, covering sleep, nutrition, discipline,
   potty training, and much more
 * 3 ways to learn: Live group classes, on-demand classes, and private coaching


Browse Classes

 * 1
 * 2


PARENTING APP

 * #1 development program app in the world
 * Thousands of personalized activities and milestones for ages 0-3
 * 20 minutes a day, lifelong benefits


Parenting App Parenting App


PARENT RESOURCES

 * From tummy time to tantrums, and everything in-between, we’ve got you
   covered!
 * Over 450 articles with new content added every week


Explore Resources



SEE WHAT OUR PARENTS ARE SAYING




SO AWESOME!!!

Awesome, especially for first time parents! 

…There is a good mix of different kinds of activities and every day is
different. The videos and instructions are clear and easy to follow…

AFRICANSTDURST

03/22/2018


FANTASTIC

Not only is this a great tool for children but for parents as well. 

…..It has reading material, age appropriate milestones, parenting guides and
tips. I love it, my infant loves it, my toddler loves it. I could not be
happier!

CARLOSMCSQUIZY

02/15/2019


WELL USED!

This is hands-down the most comprehensive developmental app I’ve seen and
used. …. Each day took no more than 20 minutes to complete, but those 20 minutes
were so valuable to not only her development, but they also served as a building
block for my own understanding of child development…

SMRK418

01/19/2021


EACH ACTIVITY IS BROKEN DOWN

It takes the guess work out of planning and remembering which activities to
introduce to your child… 

Each activity is broken down into information about targeted milestones and
includes articles related to development… 

JEHSBFJWOANEHW

05/21/2020


SO AWESOME!!!

… I have found this app to be an indispensable tool in enriching my children’s
development. 

…It is very easy to use, covers very important areas of their development and
incorporates a wide variety of activities, and all the while I’m am bonding with
my child.

JFMF4

01/02/2019


COOL

I get so excited every day/week to read what’s next and try new things with my
toddler.

…Every parent should have this and anyone who interacts with children. It’s
unlike any learning app I’ve seen. 

BABYTEAGAN

04/15/2018


SO AWESOME!!!

Awesome, especially for first time parents! 

…There is a good mix of different kinds of activities and every day is
different. The videos and instructions are clear and easy to follow…

AFRICANSTDURST

03/22/2018


FANTASTIC

Not only is this a great tool for children but for parents as well. 

…..It has reading material, age appropriate milestones, parenting guides and
tips. I love it, my infant loves it, my toddler loves it. I could not be
happier!

CARLOSMCSQUIZY

02/15/2019


WELL USED!

This is hands-down the most comprehensive developmental app I’ve seen and
used. …. Each day took no more than 20 minutes to complete, but those 20 minutes
were so valuable to not only her development, but they also served as a building
block for my own understanding of child development…

SMRK418

01/19/2021


EACH ACTIVITY IS BROKEN DOWN

It takes the guess work out of planning and remembering which activities to
introduce to your child… 

Each activity is broken down into information about targeted milestones and
includes articles related to development… 

JEHSBFJWOANEHW

05/21/2020


SO AWESOME!!!

… I have found this app to be an indispensable tool in enriching my children’s
development. 

…It is very easy to use, covers very important areas of their development and
incorporates a wide variety of activities, and all the while I’m am bonding with
my child.

JFMF4

01/02/2019


COOL

I get so excited every day/week to read what’s next and try new things with my
toddler.

…Every parent should have this and anyone who interacts with children. It’s
unlike any learning app I’ve seen. 

BABYTEAGAN

04/15/2018







JOIN BABYSPARKS!


START YOUR CHILD'S PERSONALIZED DEVELOPMENT
PROGRAM TODAY!




JOIN BABYSPARKS!


START YOUR CHILD'S PERSONALIZED DEVELOPMENT
PROGRAM TODAY!

Sign Up!




ABOUT US
GIFT CARD
FAQs
THE SCIENCE
THE TEAM
CHILDCARE PROVIDERS
TERMS OF SERVICE AND PRIVACY POLICY
support@babysparks.com


Copyright © 2021 BabySparks LLC. All rights reserved
 * What is BabySparks
 * Online Classes
 * Parenting App
 * Parenting Resources
 * Login
 * Join Us

X
GET BABYSPARKS
Step 2 of 2

ACTIVITY PACKAGE:

(All Prices in USD)

Form of Payment

Monthly: $1.25 per month/per child
Annually: $12.00 per year/per child (20% discount)

Form of Payment

Monthly: $2.25 per month/per child
Annually: $21.50 per year/per child (20% discount)

Form of Payment

Monthly: $5.00 per month/per child
Annually: $45.00 per year/per child (25% discount)

Number of children:



x per child

Total Amount



SELECT YOUR METHOD OF PAYMENT

* Required field
Type of User: Profesional Consumer

Expiration Month * January February March April May June July August September
October November December
Expiration Year * 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028


BabySparks Premium Gives You…

Access to 1,300+ development activities & milestones

An expert-created program to support the development of children under your care

Tools to increase family engagement, invite each family to use the program at
home

Ability to track each child's progress in real-time (and share it with his/her
family)

Add unlimited children, caregivers and locations to your account

Manage and track progress across your organization through our desktop dashboard

Cancel your subscription at any time



By clicking on the button below, you agree to our Terms of Service & privacy
policy.
GET BABYSPARKS
X
EDIT YOUR ACCOUNT


YOUR ACCOUNT

Save

CHANGE YOUR PASSWORD

CHANGE PASSWORD
X
EDIT YOUR METHOD OF PAYMENT


UPDATE PAYMENT METHOD

* Required field
Expiration Month * January February March April May June July August September
October November December
Expiration Year * 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028

By clicking on the button below, you agree to our Terms of Service & privacy
policy.
Update
X
UPDATE YOUR PACKAGE


YOUR ACTIVITY PACKAGE

(All Prices in USD)

1 Month

$ 3 99

per month

1 Year

$ 23 99

per year

UPDATE YOUR PACKAGE AT ANY TIME

(All Prices in USD)
Pay as you go

1 Month

$ 3 99

per month

50% Discount

1 Year

$ 23 99

per year

60% Discount

Lifetime

$ 39 99

one time

How does it work?

You can change your activity package at any time.

The change will take place at the end of your current subscription period.

You will only be charged the new rate once the change takes place.

Expiration Month * January February March April May June July August September
October November December
Expiration Year * 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028

Update Activity Package
Cancel Activity Package


CURIOUS ABOUT WHAT TO EXPECT FROM
YOUR CHILD THIS MONTH?

From 0-36 months

Let us know your child's age and we will send you FREE monthly updates
with key milestones, helpful parenting tips, and more!







X
LOGIN BABYSPARKS

LOGIN

Forgot your password?

X
PASSWORD RESET

Submit
X
RESET PASSWORD

SAVE NEW PASSWORD
X
GET BABYSPARKS
Step 1 of 2

CREATE YOUR ACCOUNT



Create Account

Already Have an Account? Login

Fill the form below and we will be in touch with you shortly with more
information regarding how BabySparks can help your working parents.
Fields marked with an * are required
*


*


*


*




If you are a human seeing this field, please leave it empty.

X
GET BABYSPARKS
Step 1 of 2

CREATE YOUR ACCOUNT



Create Account

Already Have an Account? Login

X
GET BABYSPARKS
Step 2 of 2
Logged in as: (Not me)

SELECT YOUR ACTIVITY PACKAGE

(All Prices in USD)
Pay as you go

1 Month

$ 3 99

per month

YOUR OFFER

$ 2 99



50% Discount

1 Year

$ 1 99

per month

Paid Annually: $23.99
YOUR OFFER

$ 2 99



60% Discount

Lifetime

$ 39 99

one time

YOUR OFFER

$ 2 99



BabySparks Premium Gives You…

Access to 1,300+ development activities & milestones

An expert-created program to support your child’s development

Weekly development reports summarize progress

Browse activities for any situation

Expert-written articles about development

Sync up to 5 devices (add family and caregivers)

Add up to 5 babies to your account

Cancel your susbcription at any time

* Required field
Type of User: Profesional Consumer
Expiration Month * January February March April May June July August September
October November December
Expiration Year * 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028

By clicking on the button below, you agree to our Terms of Service & privacy
policy.
GET BABYSPARKS

Fields marked with an * are required
Did you find what you were looking for? *


Email



If you are a human seeing this field, please leave it empty.