diff --git a/www/application/controllers/Member.php b/www/application/controllers/Member.php
index 5d9e2c8..802cb08 100644
--- a/www/application/controllers/Member.php
+++ b/www/application/controllers/Member.php
@@ -195,6 +195,38 @@ class Member extends Member_Controller {
         }
     }
 
+    public function addPageCards() {
+        $data = array();
+
+        if ($_SERVER['REQUEST_METHOD'] == 'POST') {
+
+            $action_name = "VIDEOCARD";
+            $member_id = $_SESSION["member_id"];
+            $data["page_id"] = $this->input->get('page_id');
+            $data["page_key"] = $this->input->get('page_key');
+
+            /*    if ($member_id > 0 && $page_key != '') {
+              //echo 'yes';
+              $mysql = "SELECT * FROM members_pages WHERE member_id = " . $_SESSION["member_id"] . " AND page_key='$page_key'";
+              $r = $this->db->query($mysql);
+              $drow = $r->row();
+
+              if (isset($drow)) {
+              $data['title'] = $drow->title;
+              $data['description'] = $drow->description;
+              $data['what_page'] = $drow->page_mode;
+              $this->renderMemberPages('view_mypage', $data);
+              $page_toindex = false;
+              }
+              }
+             */
+         //   echo "HERETTTT";
+            $data["start_page"] = 200;
+            $page_string  = $this->load->view('member/addpages/' . $action_name, $data, TRUE);
+            echo $page_string;
+        }
+    }
+
     public function addNotecard() {
         $data = array();
 
@@ -256,26 +288,26 @@ class Member extends Member_Controller {
         $result = array();
 
         $files = scandir('upload');
-/*
-        $output = '<div class="row">';
+        /*
+          $output = '<div class="row">';
 
-        if (false !== $files) {
-            foreach ($files as $file) {
-                if ('.' != $file && '..' != $file) {
-                    $output .= '
-                            <div class="col-md-2">
-                             <img src="' . $folder_name . $file . '" class="img-thumbnail" width="175" height="175" style="height:175px;" />
-                             <button type="button" class="btn btn-link remove_image" id="' . $file . '">Remove</button>
-                            </div>
-                            ';
-                }
-            }
-        }
-        $output .= '</div>';
- * /
- * 
- */
-        $output="Completed";
+          if (false !== $files) {
+          foreach ($files as $file) {
+          if ('.' != $file && '..' != $file) {
+          $output .= '
+          <div class="col-md-2">
+          <img src="' . $folder_name . $file . '" class="img-thumbnail" width="175" height="175" style="height:175px;" />
+          <button type="button" class="btn btn-link remove_image" id="' . $file . '">Remove</button>
+          </div>
+          ';
+          }
+          }
+          }
+          $output .= '</div>';
+         * /
+         * 
+         */
+        $output = "Completed";
         echo $output;
     }
 
diff --git a/www/application/views/member/addpages/NOTECARD.php b/www/application/views/member/addpages/NOTECARD.php
index 4de50b1..7187cd1 100644
--- a/www/application/views/member/addpages/NOTECARD.php
+++ b/www/application/views/member/addpages/NOTECARD.php
@@ -4,7 +4,7 @@
             <h4 class="card-title">Add New Note</h4>
         </div>
         <div class="card-body">
-            <form class="form">
+            <form class="form" id="noteForm">
                 <input type="hidden" id='member_id' name='member_id' value="<?= $_SESSION["member_id"] ?>" />
                 <input type="hidden" id='page_id' name='page_id' value="<?= $page_id ?>" />
 
@@ -53,6 +53,7 @@
         var posting = $.post(url, post_data);
         // Put the results in a div
         posting.done(function (data) {
+             document.getElementById("noteForm").reset();
             $('#save_detail').html(data);
             $('#pagebt').prop('disabled', false);
         });
diff --git a/www/application/views/member/addpages/VIDEOCARD.php b/www/application/views/member/addpages/VIDEOCARD.php
index 71a3124..86670e1 100644
--- a/www/application/views/member/addpages/VIDEOCARD.php
+++ b/www/application/views/member/addpages/VIDEOCARD.php
@@ -1,108 +1,108 @@
-<!--
-<div class="card">
-    <div class="card-content">
-        <div class="card-body">
-            <h4 class="card-title">Add Video</h4>
-        </div>
+<?
+$startPage = 100;
+$startPage = isset($start_page) ? $start_page : 100;
+?>
 
-        <form class="md-form" method="POST" action="/member/upload" enctype="multipart/form-data">
-
-
-
-            <input type="hidden" name="page_key" value="<?= $page_key ?>" >
-            <input type="hidden" id='member_id' name='member_id' value="<?= $_SESSION["member_id"] ?>" />
-            <input type="hidden" id='page_id' name='page_id' value="<?= $page_id ?>" />
-
-
-            <div class="form-group">
-                <label for="feedback1" class="sr-only">Note Title</label>
-                <input type="text" id="feedback1" class="form-control" placeholder="Name" name="name">
-            </div>
-
-            <div class="form-group">
-                <label for="feedback1" class="sr-only">Note Title</label>
-                <textarea id="feedback3" rows="4" class="form-control" name="message" placeholder="Description"></textarea>
-            </div>
-
-
-
-
-            <div class="file-field">
-                <div class="btn btn-primary btn-sm float-left">
-                    <span>Choose files</span>
-                    <input type="file" name="uploadedFile" />
-                </div>
-                <div class="file-path-wrapper">
-                </div>
-            </div>
-
-              <div class="form-actions">
-                
-                <input type="submit" class="btn btn-primary mr-1" name="uploadBtn" value="Upload" />
-            </div>
-        </form>
-
-    </div>
-</div>
-</div>
-</div>
--->
-
-<section id="dropzone-examples">
+<section id="start_100">
 
     <!-- button file upload starts -->
     <div class="row">
         <div class="col-12">
             <div class="card">
                 <div class="card-header">
-                    <h4 class="card-title">Media & Video</h4>
+                    <h4 class="card-title">Media & Video Contents</h4>
                 </div>
                 <div class="card-content">
                     <div class="card-body">
+                        <div id="start_10099">
 
-                        <div style="padding-bottom: 10px;">
-                            <p class="card-text">This example uploads a multiple files using dropzone js library. Using this method,
-                                user gets an option to select th</p>
-                            <button id="select-files" class="btn btn-primary mb-1"><i class="icon-file2"></i> Click me to select
-                                files</button>
-                            <form action="/member/upload" class="dropzone dropzone-area" id="dropzoneFrom">
-                                <div class="dz-message">Drop Files Here To Upload</div>
-                            </form>
-                        </div>
-                        <div class="form-group">
-                            <label for="feedback1" class="sr-only">Note Title</label>
-                            <input type="text" id="feedback1" class="form-control" placeholder="Name" name="name">
-                        </div>
+                            <? if (100 == $startPage) { ?>
+                                <form class="form" id="startForm">
+                                    <input type="hidden" id='member_id' name='member_id' value="<?= $_SESSION["member_id"] ?>" />
+                                    <input type="hidden" id='page_id' name='page_id' value="<?= $page_id ?>" />
 
-                        <div class="form-group">
-                            <label for="feedback3" class="sr-only">Suggestion</label>
-                            <textarea id="feedback3" rows="4" class="form-control" name="message" placeholder="Description"></textarea>
-                        </div>
-
-                        <div class="form-actions" style="text-align:right;">
-                            <button type="reset" class="btn btn-outline-warning">Cancel</button>
-                            <button type="button" class="btn btn-info" id="submit-all">Submit</button>
-
-                            <!-- button type="submit" onclick="startUpload(<?= $_SESSION['member_id'] ?>, 0, );" class="btn btn-primary mr-1">Submit</button -->
-                        </div>
-
-                        <br />
-                        <div id="preview"></div>
-                        <br />
+                                    <div class="form-body">
+                                        <div class="form-group">
+                                            <label for="feedback1" class="sr-only">Note Title</label>
+                                            <input type="text" id="feedback1" class="form-control" placeholder="Title" name="title" value="<?= isset($title) ? $title : '' ?>" required>
+                                        </div>
 
 
-                    </div>
+                                        <div class="form-group">
+                                            <label for="feedback3" class="sr-only">Detail</label>
+                                            <textarea id="feedback3" rows="6" class="form-control" name="detail" placeholder="Note Detail" required=""><?= isset($details) ? $details : '' ?></textarea>
+                                        </div>
+                                    </div>
 
-                </div>
-            </div>
-        </div>
-    </div>
+                                    <div class="form-actions" style="text-align:right;">
+                                        <div id="save_detail"></div>  <button type="submit" class="btn btn-primary mr-1" id="pagebt" onclick="return startUploadPageMedia(this.form);">Next</button>
+                                    </div>      
 
-</section>
+                                </form>
 
-<div id="dropzone"></div>
+                                   
+<script type="text/javascript">
+<!--
 
-<!-- script src="/assets2/vendors/js/extensions/dropzone.min.js"></script -->
+    function startUploadPageMedia(form) {
+        $('#save_detail').html('Adding');
+        $('#pagebt').prop('disabled', true);
+
+        alert(form.member_id.value);
+        var post_data = {
+            'member_id': form.member_id.value,
+            'title': form.title.value,
+            'detail': form.detail.value,
+            'page_id': form.page_id.value
+        };
+        // alert(1);
+        // Get some values from elements on the page:
+        var url = "/member/addPageCards";
+        // Send the data using post
+        var posting = $.post(url, post_data);
+        // Put the results in a div
+        posting.done(function (data) {
+            $('#start_100').html(data);
+           // $('#start_100').html(null);
+            $('#pagebt').prop('disabled', false);
+        });
+        return false;
+    }
+
+
+// -->
+</script>
+
+                            <? } ?>
+
+                            <? if (200 == $startPage) { ?>
+                                <div class="form-group">
+                                    <b>Title : jdjds fjdsf;lds;lkdsdfklds f;ldslkds g;ldsglds</b> 
+                                    <br>
+                                    <b>Description :  gds lkfjdslfkds sd;lkds ;lsgkdsg ;lkds;gdsgd ;lkkd sdgk  gklkddkjhagajsnsa as fskf akf a'alfalf</b> 
+                                </div>
+
+
+                                <div style="padding-bottom: 10px;">
+                                    <p class="card-text">Add the media and video files at below - the max file size if 50 MB, you may add up to 15 files. </p>
+                                    <button id="select-files" class="btn btn-primary mb-1"><i class="icon-file2"></i> Click me to select
+                                        files</button>
+                                    <form action="/member/upload" class="dropzone dropzone-area" id="dropzoneFrom">
+                                        <div class="dz-message">Drop Files Here To Upload</div>
+                                    </form>
+                                </div>
+
+
+                                <div class="form-actions" style="text-align:right;">
+                                    <button type="reset" class="btn btn-outline-warning">Cancel</button>
+                                    <button type="button" class="btn btn-info" id="submit-all">Submit</button>
+                                </div>
+
+                                <br />
+                                <div id="preview"></div>
+                                <br />
+                                
+                                
 
 <script type="text/javascript">
 <!--
@@ -125,7 +125,7 @@
                         var _this = this;
                         _this.removeAllFiles();
                     }
-               //    list_image();
+                    //    list_image();
                 });
             },
         };
@@ -151,34 +151,19 @@
 
 
 
-
-    /********************************************
-     *               Multiple Files              *
-     ********************************************/
-    //             Dropzone.options.dpzMultipleFiles = {
-    //                 paramName: "file", // The name that will be used to transfer the file
-    //                 maxFilesize: 0.5, // MB
-    //                 clickable: true
-    //            }
-
-
-    /********************************************************
-     *               Use Button To Select Files              *
-     ********************************************************/
-    new Dropzone(document.body, {// Make the whole body a dropzone
+    new Dropzone(document.body, {
         url: "/member/upload", // Set the url
         previewsContainer: "#dropzoneFrom", // Define the container to display the previews
-        clickable: "#select-files", // Define the element that should be used as click trigger to select files.
+        clickable: "#select-files", 
         autoProcessQueue: false,
         acceptedFiles: ".png,.jpg,.gif,.bmp,.jpeg,.mp4",
-        maxFiles: 10,
-        parallelUploads:10,
+        maxFiles: 15,
+        parallelUploads: 15,
         init: function () {
             var submitButton = document.querySelector('#submit-all');
             myDropzone = this;
             submitButton.addEventListener("click", function () {
-          alert(3333);        
-        myDropzone.processQueue();
+                myDropzone.processQueue();
             });
             this.on("complete", function () {
                 if (this.getQueuedFiles().length == 0 && this.getUploadingFiles().length == 0)
@@ -186,39 +171,49 @@
                     var _this = this;
                     _this.removeAllFiles();
                 }
-            //    list_image();
+                //    list_image();
             });
         },
 
     });
 
-        function list_image()
-        {
-            $.ajax({
-                url: "/member/upload",
-                success: function (data) {
-                    $('#preview').html(data);
-                }
-            });
-        }
-
-    function startUpload(member_id, page_id) {
-
-        $('#share_detail').html('Processing...');
-        $('#acc' + page_id).prop('disabled', true);
+    function list_image()
+    {
         $.ajax({
-            url: "/member/upload?proc=PROCESS&page_id=" + page_id + "&member_id=" + member_id
-        }).done(function (data) {
-            $('#share_detail').html(data);
-            $('#acc' + page_id).prop('disabled', false);
+            url: "/member/upload",
+            success: function (data) {
+                $('#preview').html(data);
+            }
         });
-        return false;
     }
 
 
+    //let member_id = '<?= $_SESSION["member_id"] ?>';
 
 
 
 // -->
 </script>
 
+
+                                
+                            <? } ?>      
+
+
+                        </div>
+
+
+
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+</section>
+
+<!-- div id="dropzone"></div -->
+
+
+
diff --git a/www/application/views/member/view_mypage.php b/www/application/views/member/view_mypage.php
index ff5c21d..8814efe 100644
--- a/www/application/views/member/view_mypage.php
+++ b/www/application/views/member/view_mypage.php
@@ -88,5 +88,3 @@ if ($what_page == "DEFAULT") {
     </div>
 </div>
 <!-- END: Content-->
-
-