profileView.html

<?=view('nav')?>

  <div class="overlayexp">
       <div class="expmodal">
          <div class="modelhead"><button id="closeexp">x</button><h4>Add Experience</h4></div>
           <center><form >
               <input type="text" id="" placeholder="title" class="signupinput" required>
               <input type="text" id="" placeholder="Company" class="signupinput" required>
               <input type="text" id="" placeholder="Location" class="signupinput" required>
               <select name="" id="expyears" class="signupinput">
                <option value="0">Year</option>
               </select>
               <select name="" id="expmonth" style="margin:10px;" class="signupinput">
                <option value="0">Month</option>
                <option value="0">January</option>
                <option value="0">Fabruary</option>
                <option value="0">March</option>
                <option value="0">April</option>
                <option value="0">May</option>
                <option value="0">June</option>
                <option value="0">July</option>
                <option value="0">August</option>
                <option value="0">September</option>
                <option value="0">October</option>
                <option value="0">November</option>
                <option value="0">December</option>

               </select><br>
               <input type="submit" value="Sign Up" class="signupbtn"><br>
               <p style="color:#f91d1d; padding:10px;padding-top:20px;" id="experror"></p>
               
           </form></center>
       </div>
   </div>

    <div class="overlaysetting">
       <div class="settingmodal">
         <button id="closesetting"><i class="fa fa-times"></i></button>
        <div class="tab">
  <button class="tablinks" onclick="openCity(event, 'Password')">Change Password</button>
  <button class="tablinks" onclick="openCity(event, 'Username')">Change Username</button>
  <button class="tablinks" onclick="openCity(event, 'Email')">Change Email</button>
  <button class="tablinks" onclick="openCity(event, 'cover')">Change Cover Image</button>
</div>

<!-- Tab content -->
<div id="Password" class="tabcontent">
  <h3 style="padding:20px;">Change Password</h3>
  <br>
  <form action="">
    <input type="password" id="oldpass" class="signupinput" placeholder="Old Password" required>
    <input type="password" id="newpass" class="signupinput" placeholder="New Password" required>
    <button type="submit" style="width:200px;" class="signupbtn">Change Password</button>
  </form>
</div>

<div id="Username" class="tabcontent">
  <h3 style="padding:20px;">Change Username</h3>
 <br>
 <form action="">
    <input type="text" id="newusername" class="signupinput" placeholder="New Username" required>
    <input type="password" id="pass" class="signupinput" placeholder="Your Password" required>
    <button type="submit" style="width:200px;" class="signupbtn">Change Username</button>
  </form>
</div>

<div id="Email" class="tabcontent">
  <h3 style="padding:20px;">Change Email</h3>
  <br>
  <form action="">
    <input type="email" id="newemail" class="signupinput" placeholder="New Email" required>
    <input type="password" id="pass" class="signupinput" placeholder="Your Password" required>
    <button type="submit" style="width:200px;" class="signupbtn">Change Email</button>
  </form>
</div>
<div id="cover" class="tabcontent">
  <h3 style="padding:20px;">Change Cover Image</h3>
  <br>
  <form action="">
    <input type="file" class="signupinput ">
    <button type="submit" style="width:200px;" class="signupbtn">Change Password</button>
  </form>
</div>
       </div>
     </div>

<div class="container" style="padding-top:70px; height:420px; background:url(https://jooinn.com/images/blue-21.jpg);">
  <button class="settings"><i class="fa fa-gear"></i></button>
  <center><div class="profile_image">
    <div class="profileover"><center><h3><i class="fa fa-camera"></i></h3></center></div>
      <img src="https://eabiawak.com/wp-content/uploads/2017/07/photo.png" alt=""><br>
    
    </div></center>
</div>
<center><div class="panels skills" style="  display: inline-block; margin-top:50px;">
  <h1 style="float:left; padding:20px;">Skills</h1>
  <button class="addskill">Add Skills</button>
  <div class="skill">
<div class="skilladd">
  <form action="">
    <input type="text" class="signupinput" placeholder="Your skills eg. Designing.." id="skill">
    <button type="submit" class="signupbtn">Add Skill</button>
  </form>
</div>
    <h3 style="margin-top: 100px;">You dont have any Education..</h3></div>
</div></center><br>
<div class="container" style="margin-top:50px;">
  <h1 style=" padding:20px; padding-left:50px; display: inline-block;">Experience</h1>
  <button class="openexp">Add Experince</button>
  <center><div class="myexperinece">
    <div>
      <h3>My Company</h3>
      <button><i class="fa fa-times"></i></button>
    </div>
  </div></center>
</div>

<div class="container" style="margin-top:50px;">
  <h1 style=" padding:20px; padding-left:50px; display: inline-block;">Experience</h1>
  <button class="openexp">Add Experince</button>
  <center><div class="myexperinece">
    <div>
      <h3>My Company</h3>
      <button><i class="fa fa-times"></i></button>
    </div>
  </div></center>
</div>




<?=view('footer')?>