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
Effective URL: https://babysparks.com/
Submission: On January 19 via api from NL — Scanned from NL
Form analysis
15 forms found in the DOMGET 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 & 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;"> & </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> &
<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 & 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> & <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.