diff --git a/www/application/views/users/view_startpaymus.php b/www/application/views/users/view_startpaymus.php
index 410fcd63..818c6359 100644
--- a/www/application/views/users/view_startpaymus.php
+++ b/www/application/views/users/view_startpaymus.php
@@ -9,18 +9,159 @@
             <!--begin::Header-->
             <div class="card-header border-0 pt-5">
                 <h3 class="card-title align-items-start flex-column">
-                    <span class="card-label fw-bolder fs-3 mb-1">Account Settings</span>
+                    <span class="card-label fw-bolder fs-3 mb-1">Payment Methods</span>
                     <span class="text-muted mt-1 fw-bold fs-7">Last updated:</span>
                 </h3>
                 <div class="card-toolbar">
-
+                    Credit / Debit Card
                 </div>
             </div>
             <!--end::Header-->
             <!--begin::Body-->
             <div class="card-body py-3">
                 <!--begin::Table container-->
-                
+
+                <!--begin::Input group-->
+                <div class="d-flex flex-column mb-7 fv-row">
+                    <!--begin::Label-->
+                    <label class="d-flex align-items-center fs-6 fw-bold form-label mb-2">
+                        <span class="required">Name On Card</span>
+                        <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Specify a card holder's name"></i>
+                    </label>
+                    <!--end::Label-->
+                    <input type="text" class="form-control form-control-solid" placeholder="" name="card_name" value="Max Doe" />
+                </div>
+                <!--end::Input group-->
+                <!--begin::Input group-->
+                <div class="d-flex flex-column mb-7 fv-row">
+                    <!--begin::Label-->
+                    <label class="required fs-6 fw-bold form-label mb-2">Card Number</label>
+                    <!--end::Label-->
+                    <!--begin::Input wrapper-->
+                    <div class="position-relative">
+                        <!--begin::Input-->
+                        <input type="text" class="form-control form-control-solid" placeholder="Enter card number" name="card_number" value="4111 1111 1111 1111" />
+                        <!--end::Input-->
+                        <!--begin::Card logos-->
+                        <div class="position-absolute translate-middle-y top-50 end-0 me-5">
+                            <img src="/metronic8/demo8/assets/media/svg/card-logos/visa.svg" alt="" class="h-25px" />
+                            <img src="/metronic8/demo8/assets/media/svg/card-logos/mastercard.svg" alt="" class="h-25px" />
+                            <img src="/metronic8/demo8/assets/media/svg/card-logos/american-express.svg" alt="" class="h-25px" />
+                        </div>
+                        <!--end::Card logos-->
+                    </div>
+                    <!--end::Input wrapper-->
+                </div>
+                <!--end::Input group-->
+
+                <!--begin::Input group-->
+                <div class="row mb-10">
+                    <!--begin::Col-->
+                    <div class="col-md-8 fv-row">
+                        <!--begin::Label-->
+                        <label class="required fs-6 fw-bold form-label mb-2">Expiration Date</label>
+                        <!--end::Label-->
+                        <!--begin::Row-->
+                        <div class="row fv-row">
+                            <!--begin::Col-->
+                            <div class="col-6">
+                                <select name="card_expiry_month" class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Month">
+                                    <option></option>
+                                    <option value="1">1</option>
+                                    <option value="2">2</option>
+                                    <option value="3">3</option>
+                                    <option value="4">4</option>
+                                    <option value="5">5</option>
+                                    <option value="6">6</option>
+                                    <option value="7">7</option>
+                                    <option value="8">8</option>
+                                    <option value="9">9</option>
+                                    <option value="10">10</option>
+                                    <option value="11">11</option>
+                                    <option value="12">12</option>
+                                </select>
+                            </div>
+                            <!--end::Col-->
+                            <!--begin::Col-->
+                            <div class="col-6">
+                                <select name="card_expiry_year" class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Year">
+                                    <option></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>
+                                    <option value="2029">2029</option>
+                                    <option value="2030">2030</option>
+                                    <option value="2031">2031</option>
+                                    <option value="2032">2032</option>
+                                </select>
+                            </div>
+                            <!--end::Col-->
+                        </div>
+                        <!--end::Row-->
+                    </div>
+                    <!--end::Col-->
+                    <!--begin::Col-->
+                    <div class="col-md-4 fv-row">
+                        <!--begin::Label-->
+                        <label class="d-flex align-items-center fs-6 fw-bold form-label mb-2">
+                            <span class="required">CVV</span>
+                            <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Enter a card CVV code"></i>
+                        </label>
+                        <!--end::Label-->
+                        <!--begin::Input wrapper-->
+                        <div class="position-relative">
+                            <!--begin::Input-->
+                            <input type="text" class="form-control form-control-solid" minlength="3" maxlength="4" placeholder="CVV" name="card_cvv" />
+                            <!--end::Input-->
+                            <!--begin::CVV icon-->
+                            <div class="position-absolute translate-middle-y top-50 end-0 me-3">
+                                <!--begin::Svg Icon | path: icons/duotune/finance/fin002.svg-->
+                                <span class="svg-icon svg-icon-2hx">
+																		<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+																			<path d="M22 7H2V11H22V7Z" fill="black" />
+																			<path opacity="0.3" d="M21 19H3C2.4 19 2 18.6 2 18V6C2 5.4 2.4 5 3 5H21C21.6 5 22 5.4 22 6V18C22 18.6 21.6 19 21 19ZM14 14C14 13.4 13.6 13 13 13H5C4.4 13 4 13.4 4 14C4 14.6 4.4 15 5 15H13C13.6 15 14 14.6 14 14ZM16 15.5C16 16.3 16.7 17 17.5 17H18.5C19.3 17 20 16.3 20 15.5C20 14.7 19.3 14 18.5 14H17.5C16.7 14 16 14.7 16 15.5Z" fill="black" />
+																		</svg>
+																	</span>
+                                <!--end::Svg Icon-->
+                            </div>
+                            <!--end::CVV icon-->
+                        </div>
+                        <!--end::Input wrapper-->
+                    </div>
+                    <!--end::Col-->
+                </div>
+                <!--end::Input group-->
+
+                <!--begin::Input group-->
+                <div class="d-flex flex-stack">
+                    <!--begin::Label-->
+                    <div class="me-5">
+                        <label class="fs-6 fw-bold form-label">Save Card for further billing?</label>
+                        <div class="fs-7 fw-bold text-muted">If you need more info, please check budget planning</div>
+                    </div>
+                    <!--end::Label-->
+                    <!--begin::Switch-->
+                    <label class="form-check form-switch form-check-custom form-check-solid">
+                        <input class="form-check-input" type="checkbox" value="1" checked="checked" />
+                        <span class="form-check-label fw-bold text-muted">Save Card</span>
+                    </label>
+                    <!--end::Switch-->
+                </div>
+                <!--end::Input group-->
+                <!--begin::Actions-->
+                <div class="text-center pt-15">
+                    <button type="reset" id="kt_modal_new_card_cancel" class="btn btn-light me-3">Discard</button>
+                    <button type="submit" id="kt_modal_new_card_submit" class="btn btn-primary">
+                        <span class="indicator-label">Submit</span>
+                        <span class="indicator-progress">Please wait...
+															<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
+                    </button>
+                </div>
+                <!--end::Actions-->
                 <!--end::Table container-->
             </div>
             <!--begin::Body-->