From 082dd9a871d19a8a2b3da7e62574f968e2c88e76 Mon Sep 17 00:00:00 2001
From: Asif <ferdous.asif2012@gmail.com>
Date: Fri, 8 Jun 2018 09:42:28 +0800
Subject: [PATCH] fixed personal info frontend

---
 public/home.html | 186 +++++++++++++++++++++++++++++++++--------------
 1 file changed, 133 insertions(+), 53 deletions(-)

diff --git a/public/home.html b/public/home.html
index c13d4ba..dcf391d 100644
--- a/public/home.html
+++ b/public/home.html
@@ -261,19 +261,19 @@
                                         </label>
                                     </div>
 
-                                    <p class="fix-name fix">Fedrick Darel Auditore</p>
+                                    <p class="fix-name fix">Asif Ferdous</p>
                                     <p class="fix-role">Importer</p>
 
                                 </div>
                             </div>
 
-                            <div class="form-label-divider">
+                            <div class="form-label-divider" >
                                 <span class="label-span">Personal Information</span>
                             </div>
 
                             <div class="form-divider"></div>
 
-                            <div class="form-row txt-center">
+                            <div class="form-row txt-center" data-popup="formPopup23">
                                 <a href="#" style="width:50%; margin-left:25%;" class="button block green">Edit</a>
                             </div>
 
@@ -281,19 +281,19 @@
 
                             <div class="form-row-group">
                                 <div class="form-row no-padding">
-                                    <label id="company-name" type="text" class="form-element">Fedrick Darel</label>
+                                    <label id="company-name" type="text" class="form-element">importer</label>
                                 </div>
                                 <div class="form-row no-padding">
-                                    <label id="registration-no" type="text" class="form-element">Auditore</label>
+                                    <label id="registration-no" type="text" class="form-element">Asif ferdous</label>
                                 </div>
                                 <div class="form-row no-padding">
-                                    <label id="registration-no" type="text" class="form-element">fedrickdarel@gmail.com</label>
+                                    <label id="registration-no" type="text" class="form-element">ferdous.asif2012@gmail.com</label>
                                 </div>
                                 <div class="form-row no-padding">
-                                    <label id="registration-no" type="text" class="form-element">http://www.Azure.com</label>
+                                    <label id="registration-no" type="text" class="form-element">http://www.ferdous.com</label>
                                 </div>
                                 <div class="form-row no-padding">
-                                    <label id="registration-no" type="text" class="form-element">Founder and CEO</label>
+                                    <label id="registration-no" type="text" class="form-element">CEO</label>
                                 </div>
                             </div>
 
@@ -322,9 +322,9 @@
                     <li>
                         <a href="home.html"><i class="fa fa-home"></i> Home</a>
                     </li>
-                    <li>
-                        <a href="#"><i class="fa fa-bell"></i> Notice</a>
-                    </li>
+                    <!--<li>-->
+                        <!--<a href="#"><i class="fa fa-bell"></i>piyal</a>-->
+                    <!--</li>-->
                     <li>
                         <a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
                         <ul>
@@ -339,21 +339,21 @@
                             <li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
                         </ul>
                     </li>
-                    <li>
-                        <a href="#"><i class="fa fa-comments"></i> Messenger</a>
-                    </li>
+                    <!--<li>-->
+                        <!--<a href="#"><i class="fa fa-comments"></i> Messenger</a>-->
+                    <!--</li>-->
                     <li>
                         <a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
                     </li>
-                    <li>
-                        <a href="example-element.html"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
-                        <ul>
-                            <li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
-                            <li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
-                            <li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
-                            <li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
-                        </ul>
-                    </li>
+                    <!--<li>-->
+                        <!--<a href="example-element.html"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>-->
+                        <!--<ul>-->
+                            <!--<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>-->
+                            <!--<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>-->
+                            <!--<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>-->
+                            <!--<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>-->
+                        <!--</ul>-->
+                    <!--</li>-->
                 </ul>
             </div>
             <!-- Menu navigation end -->
@@ -611,7 +611,7 @@
                                         </label>
                                     </div>
 
-                                    <p class="fix-name fix">Fedrick Darel Auditore</p>
+                                    <p class="fix-name fix">Asif ferdous</p>
                                     <p class="fix-role">Importer</p>
 
                                 </div>
@@ -635,11 +635,27 @@
                                         </a>
                                     </div>
 
-                                    <div class="profile-menu-branch">
+                                    <!--<div class="profile-menu-branch">-->
+                                        <!--<a href="#">-->
+                                            <!--<img class="avatar-img" src="images/Azure-Branch-Icon.png" width="80" height="80" />-->
+                                            <!--<div>-->
+                                                <!--Branch Information-->
+                                            <!--</div>-->
+                                        <!--</a>-->
+                                    <!--</div>-->
+                                    <div class="profile-menu-xAxisP">
                                         <a href="#">
-                                            <img class="avatar-img" src="images/Azure-Branch-Icon.png" width="80" height="80" />
+                                            <img class="avatar-img" src="images/Azure-DeliveryIcon.png" width="80" height="80" />
                                             <div>
-                                                Branch Information
+                                                Delivery Information
+                                            </div>
+                                        </a>
+                                    </div>
+                                    <div class="profile-menu-personal">
+                                        <a href="#">
+                                            <img class="avatar-img" src="images/Azure-Personal-Icon.png" width="80" height="80" />
+                                            <div>
+                                                Personal Information
                                             </div>
                                         </a>
                                     </div>
@@ -655,27 +671,27 @@
                                 <div class="profile-menu">
 
                                     <!-- Deliver Profile Start Here -->
-                                    <div class="profile-menu-xAxisP">
-                                        <a href="#">
-                                            <img class="avatar-img" src="images/Azure-DeliveryIcon.png" width="80" height="80" />
-                                            <div>
-                                                Delivery Information
-                                            </div>
-                                        </a>
-                                    </div>
+                                    <!--<div class="profile-menu-xAxisP">-->
+                                        <!--<a href="#">-->
+                                            <!--<img class="avatar-img" src="images/Azure-DeliveryIcon.png" width="80" height="80" />-->
+                                            <!--<div>-->
+                                                <!--Delivery Information-->
+                                            <!--</div>-->
+                                        <!--</a>-->
+                                    <!--</div>-->
                                     <!-- Delivery Profile End Here-->
 
-                                    <div class="profile-menu-divider"></div>
+                                    <!--<div class="profile-menu-divider"></div>-->
 
-                                    <!-- Branch Profile Start Herer -->
-                                    <div class="profile-menu-xAxisM">
-                                        <a href="#">
-                                            <img class="avatar-img" src="images/Azure-Staff-Icon.png" width="80" height="80" />
-                                            <div>
-                                                Staff<br />Information
-                                            </div>
-                                        </a>
-                                    </div>
+                                    <!--&lt;!&ndash; Branch Profile Start Herer &ndash;&gt;-->
+                                    <!--<div class="profile-menu-xAxisM">-->
+                                        <!--<a href="#">-->
+                                            <!--<img class="avatar-img" src="images/Azure-Staff-Icon.png" width="80" height="80" />-->
+                                            <!--<div>-->
+                                                <!--Staff<br />Information-->
+                                            <!--</div>-->
+                                        <!--</a>-->
+                                    <!--</div>-->
                                     <!-- Branch Profile End Here -->
 
                                 </div>
@@ -686,14 +702,14 @@
                             <!-- Staff Profile Start Here -->
                             <div class="form-row txt-center">
                                 <div class="profile-menu">
-                                    <div class="profile-menu-personal">
-                                        <a href="#">
-                                            <img class="avatar-img" src="images/Azure-Personal-Icon.png" width="80" height="80" />
-                                            <div>
-                                                Personal Information
-                                            </div>
-                                        </a>
-                                    </div>
+                                    <!--<div class="profile-menu-personal">-->
+                                        <!--<a href="#">-->
+                                            <!--<img class="avatar-img" src="images/Azure-Personal-Icon.png" width="80" height="80" />-->
+                                            <!--<div>-->
+                                                <!--Personal Information-->
+                                            <!--</div>-->
+                                        <!--</a>-->
+                                    <!--</div>-->
                                 </div>
                             </div>
 
@@ -710,6 +726,70 @@
     </div>
 
     <!--POPUP HTML CONTENT START -->
+
+    <div class="popup-overlay" id="formPopup23">
+        <!-- if you dont want overlay add class .no-overlay -->
+        <div class="popup-container">
+            <div class="popup-header">
+                <h3 class="popup-title">Personal Information</h3>
+                <span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
+            </div>
+            <div class="popup-content">
+
+                <div class="form-row-group with-icons-no-padding">
+                    <div class="form-row no-padding">
+                        <div class="form-element-title">
+                            <label style="color: #000">Role</label>
+                        </div>
+                        <input type="text" class="form-element" placeholder="importer" required />
+                    </div>
+                    <div class="form-row no-padding">
+                        <div class="form-element-title">
+                            <label style="color: #000">Full Name</label>
+                        </div>
+                        <input type="text" class="form-element" placeholder="Asif Ferdous" required />
+                    </div>
+
+                    <div class="form-row no-padding">
+                        <div class="form-element-title">
+                            <label style="color: #000">Email</label>
+                        </div>
+                        <input type="text" class="form-element" placeholder="ferdous.asif2012@gmail.com" required />
+                    </div>
+
+                    <div class="form-row no-padding">
+                        <div class="form-element-title">
+                            <label style="color: #000">Website</label>
+                        </div>
+                        <input type="text" class="form-element" placeholder="http://ferdous.com" required />
+                    </div>
+
+                    <div class="form-row no-padding">
+                        <div class="form-element-title">
+                            <label style="color: #000">Position</label>
+                        </div>
+                        <input type="text" class="form-element" placeholder="CEO" required />
+                    </div>
+
+
+
+
+
+
+
+
+
+                </div>
+
+            </div>
+            <div class="popup-footer">
+                <button class="button blue" data-dismiss="true">Save</button>
+            </div>
+        </div>
+    </div>
+
+
+    <!--personal popup -->
     <div class="popup-overlay" id="formPopup">
         <!-- if you dont want overlay add class .no-overlay -->
         <div class="popup-container">