staff profile create code

❆ STAFF PROFILE CREATE CODE ❆

.

❆ ➯ અહીં સ્ટાફ પ્રોફાઈલ તૈયાર કરવા જરૂરી કોર્ડ - માહિતી મુકવામાં આવશે.

❆ staff profile create code ❆

❆ ➯ Staff Profile - All Resume Demo Click here

 ❆  Staff Profile - All Resume  ❆


➯Tr. Mohandas Karamchand Gandhi (Mahatma Gandhiji)
➯ Designation : Assistant Teacher
➯ Education Qualification : M.A.B.ed with HINDI  
❆  Maharaja Krishnakumarsinhji Bhavnagar University, Gujarat , India  ❆




    
❆ 👉 Name of Employee : Tr. Mohandas Karamchand Gandhi (Mahatma Gandhiji) 

    
❆ 👉 M.Ed./M.A. Edu. %--

    
❆ 👉 PG Subject %M.A(Gujarati)(52.37%)

    
❆ 👉 Ph.D/NET/SLET Subject--

    
❆ 👉 Date of Appointment-First  Present21-08-1998  21-08-1998

    
❆ 👉  write text 1 111

    
❆ 👉  write text 2 222
    

    
❆ 👉  write text 3 333

  
    
❆ 👉  write text 4 444
    

    
❆ 👉  write text 5 555

  
    
❆ 👉  write text 0 000
    


_____2_____


➯Tr. Sardar Vallabhbhai Patel 
➯ Designation : Assistant Teacher
➯ Education Qualification : M.A.B.ed with HINDI  
❆  Maharaja Krishnakumarsinhji Bhavnagar University, Gujarat , India  ❆




    
❆ 👉 Name of Employee : Tr. Sardar Vallabhbhai Patel 

    
❆ 👉 M.Ed./M.A. Edu. %--

    
❆ 👉 PG Subject %M.A(Gujarati)(52.37%)

    
❆ 👉 Ph.D/NET/SLET Subject--

    
❆ 👉 Date of Appointment-First  Present21-08-1998  21-08-1998

    
❆ 👉  write text 1 111

    
❆ 👉  write text 2 222
    

    
❆ 👉  write text 3 333

  
    
❆ 👉  write text 4 444
    

    
❆ 👉  write text 5 555

  
    
❆ 👉  write text 0 000
    


_____3_____


➯ Dr. Bheem Rao AmbedkarJi
➯ Designation : Assistant Teacher
➯ Education Qualification : M.A.B.ed with HINDI  
❆  Maharaja Krishnakumarsinhji Bhavnagar University, Gujarat , India  ❆




    
❆ 👉 Name of Employee : Dr. Bheem Rao AmbedkarJi 

    
❆ 👉 M.Ed./M.A. Edu. %--

    
❆ 👉 PG Subject %M.A(Gujarati)(52.37%)

    
❆ 👉 Ph.D/NET/SLET Subject--

    
❆ 👉 Date of Appointment-First  Present21-08-1998  21-08-1998

    
❆ 👉  write text 1 111

    
❆ 👉  write text 2 222
    

    
❆ 👉  write text 3 333

  
    
❆ 👉  write text 4 444
    

    
❆ 👉  write text 5 555

  
    
❆ 👉  write text 0 000
    


_____4______


➯Tr. Sardar Vallabhbhai Patel 
➯ Designation : Assistant Teacher
➯ Education Qualification : M.A.B.ed with HINDI  
❆  Maharaja Krishnakumarsinhji Bhavnagar University, Gujarat , India  ❆




    
❆ 👉 Name of Employee : Tr. Sardar Vallabhbhai Patel 

    
❆ 👉 M.Ed./M.A. Edu. %--

    
❆ 👉 PG Subject %M.A(Gujarati)(52.37%)

    
❆ 👉 Ph.D/NET/SLET Subject--

    
❆ 👉 Date of Appointment-First  Present21-08-1998  21-08-1998

    
❆ 👉  write text 1 111

    
❆ 👉  write text 2 222
    

    
❆ 👉  write text 3 333

  
    
❆ 👉  write text 4 444
    

    
❆ 👉  write text 5 555

  
    
❆ 👉  write text 0 000
    


_____5_____


➯Dr Sarvepalli Radhakrishnan
➯ Designation : Assistant Teacher
➯ Education Qualification : M.A.B.ed with HINDI  
❆ The Presidency College in Madras and the University of Calcutta, India  ❆




    
❆ 👉 Name of Employee :  Dr Sarvepalli Radhakrishnan 

    
❆ 👉 M.Ed./M.A. Edu. %--

    
❆ 👉  write text 0 000


    
❆ 👉  write text 1 111



    
❆ 👉  write text 2 222
    

    
❆ 👉  write text 3 333

  
    
❆ 👉  write text 4 444
    

    
❆ 👉  write text 5 555

    
❆ 👉  write text 6 666

    
❆ 👉  write text 7 777
    
    
❆ 👉  write text 8 888

    
❆ 👉  write text 9 999
       
    


_____6_____

❆ ➯ staff profile create code HTML Click here

<style>

#jInput {
  background-image: url('/css/searchicon.png');
  background-position: 5px 5px;
  background-repeat: no-repeat;
  width: 50%;
  font-size: 14px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 2px;
   height:20px;
}

#jTable {
  border-collapse: collapse;
  width: 90%;
  border: 0px solid #0d0d;
  font-size: 9px;
  text-align: left;
 
}

#jTable th, #jTable td {
  text-align: left;
  padding: 0px;
font-family:hind vadodara;
}

#jTable tr {
  border-bottom: 1px solid #ddd;
}

#jTable tr.jheader, #jTable tr:hover {
  background-color:#ffff;
  color:#111;
} 
 


.bg3 {
  /* The image used */
  background-image: url("https://wallpapercave.com/wp/yY8wb08.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}  
  


  
</style>

<body>
 
  
<center><p style="border-radius: 15px 15px 15px 15px; box-shadow: 1px 1px 4px #005807; color: green; font-family: hind vadodara; font-size: 13px; text-align: center; text-shadow: 2px 2px 5px #005807; width: 30%;"> ❆  staff profile create code  ❆</p></center>

 
 
 <div class="accordion-item">
    <div class="accordion-item-header">
     ❆ ➯ Staff Profile - All Resume Demo  Click here
    </div>
    <div class="accordion-item-body">
      <div class="accordion-item-body-content">
 <pre style="background: rgb(253, 253, 236); border: 1px groove; color: #111111; font-family: hind vadodara; font-size: 13px; line-height: inherit; margin-bottom: 0px; margin-top: 0px; outline: 0px; overflow-wrap: break-word; overflow: inherit; padding: 1px; text-align: left; text-shadow: 2px 2px 5px #005807; vertical-align: baseline; white-space: pre-wrap;"><div class="bg3">
<center><p style="background-color: aque; border-radius: 15px 15px 15px 15px; box-shadow: 1px 1px 4px #005807; color: purple; font-family: hind vadodara; font-size: 15px; text-align: center; text-shadow: 2px 2px 5px #005807; width: 30%;"> ❆  Staff Profile - All Resume  ❆</p>
<div id="jTable" style="box-sizing: border-box; display: flex; flex-wrap: wrap; font-size: 14px;"><div style="box-sizing: border-box; flex: 0 0 100%; max-width: 100%; position: relative;"><div style="background-clip: border-box; border-radius: 0.25rem; box-shadow: rgba(0, 0, 0, 0.125) 0px 0px 15px, rgba(0, 0, 0, 0.2) 0px 10px 13px; box-sizing: border-box; display: flex; flex-direction: column; margin-bottom: 0rem; min-width: 0px; overflow-wrap: break-word; position: relative;">
<div style="background-color: #ffcc99; border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; box-sizing: border-box; color: white; padding: 0.9rem;"><div style="box-sizing: border-box;"><img src="https://static.punjabkesari.in/multimedia/2023_1image_03_42_51021006300.jpg" style="border-radius: 100%; border-style: 2px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 13px 16px; box-sizing: border-box; float: left; height: 100px; width: 90px;" /></div>
<p style="font-family: arial; font-size: 17px; padding-left: 120px;">➯Tr. Mohandas Karamchand Gandhi (Mahatma Gandhiji)
<span style="font-size: 14px;">➯ Designation : Assistant Teacher</span>
<span style="color: black; font-size: 13px;">➯ Education Qualification : M.A.B.ed with HINDI  
❆ <u> Maharaja Krishnakumarsinhji Bhavnagar University, Gujarat , India </u> ❆</span></p></div>

<div style="background-color: #ffff; border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-top: 0px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; padding: 0px;">
<ul style="box-sizing: border-box; display: flex; flex-direction: column !important; flex-flow: column wrap; flex-wrap: wrap; list-style: none; margin-bottom: 0px; margin-top: 0px; padding-left: 25px;">

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 Name of Employee : <span class="float-right" style="box-sizing: border-box; float: right;">Tr. Mohandas Karamchand Gandhi (Mahatma Gandhiji) </span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 M.Ed./M.A. Edu. %<span class="float-right" style="box-sizing: border-box; float: right;">--</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 PG Subject %<span class="float-right" style="box-sizing: border-box; float: right;">M.A(Gujarati)(52.37%)</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 Ph.D/NET/SLET Subject<span class="float-right" style="box-sizing: border-box; float: right;">--</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 Date of Appointment-First  Present<span class="float-right" style="box-sizing: border-box; float: right;">21-08-1998  21-08-1998</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 1 <span class="float-right" style="box-sizing: border-box; float: right;">111</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 2 <span class="float-right" style="box-sizing: border-box; float: right;">222</span></li>
    

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 3 <span class="float-right" style="box-sizing: border-box; float: right;">333</span></li>

  
    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 4 <span class="float-right" style="box-sizing: border-box; float: right;">444</span></li>
    

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 5 <span class="float-right" style="box-sizing: border-box; float: right;">555</span></li>

  
    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 0 <span class="float-right" style="box-sizing: border-box; float: right;">000</span></li>
    
</ul>
</div></div></div></div>
_____2_____
<div id="jTable" style="box-sizing: border-box; display: flex; flex-wrap: wrap; font-size: 14px;"><div style="box-sizing: border-box; flex: 0 0 100%; max-width: 100%; position: relative;"><div style="background-clip: border-box; border-radius: 0.25rem; box-shadow: rgba(0, 0, 0, 0.125) 0px 0px 15px, rgba(0, 0, 0, 0.2) 0px 10px 13px; box-sizing: border-box; display: flex; flex-direction: column; margin-bottom: 0rem; min-width: 0px; overflow-wrap: break-word; position: relative;">
<div style="background-color: #99d6ff; border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; box-sizing: border-box; color: white; padding: 0.9rem;"><div style="box-sizing: border-box;"><img src="https://m.media-amazon.com/images/I/61-nj5BXiNL._SX569_.jpg" style="border-radius: 100%; border-style: 2px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 13px 16px; box-sizing: border-box; float: right; height: 100px; width: 90px;" /></div>
<p style="font-family: arial; font-size: 17px; padding-left: 90px;">➯Tr. Sardar Vallabhbhai Patel 
<span style="font-size: 14px;">➯ Designation : Assistant Teacher</span>
<span style="color: black; font-size: 13px;">➯ Education Qualification : M.A.B.ed with HINDI  
❆ <u> Maharaja Krishnakumarsinhji Bhavnagar University, Gujarat , India </u> ❆</span></p></div>

<div style="background-color: #ffff; border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-top: 0px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; padding: 0px;">
<ul style="box-sizing: border-box; display: flex; flex-direction: column !important; flex-flow: column wrap; flex-wrap: wrap; list-style: none; margin-bottom: 0px; margin-top: 0px; padding-left: 25px;">

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 Name of Employee : <span class="float-right" style="box-sizing: border-box; float: right;">Tr. Sardar Vallabhbhai Patel </span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 M.Ed./M.A. Edu. %<span class="float-right" style="box-sizing: border-box; float: right;">--</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 PG Subject %<span class="float-right" style="box-sizing: border-box; float: right;">M.A(Gujarati)(52.37%)</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 Ph.D/NET/SLET Subject<span class="float-right" style="box-sizing: border-box; float: right;">--</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 Date of Appointment-First  Present<span class="float-right" style="box-sizing: border-box; float: right;">21-08-1998  21-08-1998</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 1 <span class="float-right" style="box-sizing: border-box; float: right;">111</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 2 <span class="float-right" style="box-sizing: border-box; float: right;">222</span></li>
    

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 3 <span class="float-right" style="box-sizing: border-box; float: right;">333</span></li>

  
    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 4 <span class="float-right" style="box-sizing: border-box; float: right;">444</span></li>
    

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 5 <span class="float-right" style="box-sizing: border-box; float: right;">555</span></li>

  
    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 0 <span class="float-right" style="box-sizing: border-box; float: right;">000</span></li>
    
</ul>
</div></div></div></div>
_____3_____
<div id="jTable" style="box-sizing: border-box; display: flex; flex-wrap: wrap; font-size: 14px;"><div style="box-sizing: border-box; flex: 0 0 100%; max-width: 100%; position: relative;"><div style="background-clip: border-box; border-radius: 0.25rem; box-shadow: rgba(0, 0, 0, 0.125) 0px 0px 15px, rgba(0, 0, 0, 0.2) 0px 10px 13px; box-sizing: border-box; display: flex; flex-direction: column; margin-bottom: 0rem; min-width: 0px; overflow-wrap: break-word; position: relative;">
<div style="background-color: #cde67c; border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; box-sizing: border-box; color: white; padding: 0.9rem;"><div style="box-sizing: border-box;"><img src="https://images.meesho.com/images/products/120644590/3ktcg_512.webp" style="border-radius: 100%; border-style: 2px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 13px 16px; box-sizing: border-box; float: left; height: 100px; width: 90px;" /></div>
<p style="font-family: arial; font-size: 17px; padding-left: 120px;">➯ Dr. Bheem Rao AmbedkarJi
<span style="font-size: 14px;">➯ Designation : Assistant Teacher</span>
<span style="color: black; font-size: 13px;">➯ Education Qualification : M.A.B.ed with HINDI  
❆ <u> Maharaja Krishnakumarsinhji Bhavnagar University, Gujarat , India </u> ❆</span></p></div>

<div style="background-color: #ffff; border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-top: 0px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; padding: 0px;">
<ul style="box-sizing: border-box; display: flex; flex-direction: column !important; flex-flow: column wrap; flex-wrap: wrap; list-style: none; margin-bottom: 0px; margin-top: 0px; padding-left: 25px;">

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 Name of Employee : <span class="float-right" style="box-sizing: border-box; float: right;">Dr. Bheem Rao AmbedkarJi </span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 M.Ed./M.A. Edu. %<span class="float-right" style="box-sizing: border-box; float: right;">--</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 PG Subject %<span class="float-right" style="box-sizing: border-box; float: right;">M.A(Gujarati)(52.37%)</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 Ph.D/NET/SLET Subject<span class="float-right" style="box-sizing: border-box; float: right;">--</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 Date of Appointment-First  Present<span class="float-right" style="box-sizing: border-box; float: right;">21-08-1998  21-08-1998</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 1 <span class="float-right" style="box-sizing: border-box; float: right;">111</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 2 <span class="float-right" style="box-sizing: border-box; float: right;">222</span></li>
    

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 3 <span class="float-right" style="box-sizing: border-box; float: right;">333</span></li>

  
    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 4 <span class="float-right" style="box-sizing: border-box; float: right;">444</span></li>
    

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 5 <span class="float-right" style="box-sizing: border-box; float: right;">555</span></li>

  
    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 0 <span class="float-right" style="box-sizing: border-box; float: right;">000</span></li>
    
</ul>
</div></div></div></div>
_____4______
<div id="jTable" style="box-sizing: border-box; display: flex; flex-wrap: wrap; font-size: 14px;"><div style="box-sizing: border-box; flex: 0 0 100%; max-width: 100%; position: relative;"><div style="background-clip: border-box; border-radius: 0.25rem; box-shadow: rgba(0, 0, 0, 0.125) 0px 0px 15px, rgba(0, 0, 0, 0.2) 0px 10px 13px; box-sizing: border-box; display: flex; flex-direction: column; margin-bottom: 0rem; min-width: 0px; overflow-wrap: break-word; position: relative;">
<div style="background-color: pink; border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; box-sizing: border-box; color: white; padding: 0.9rem;"><div style="box-sizing: border-box;"><img src="https://m.media-amazon.com/images/I/61-nj5BXiNL._SX569_.jpg" style="border-radius: 100%; border-style: 2px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 13px 16px; box-sizing: border-box; float: right; height: 100px; width: 90px;" /></div>
<p style="font-family: arial; font-size: 17px; padding-left: 90px;">➯Tr. Sardar Vallabhbhai Patel 
<span style="font-size: 14px;">➯ Designation : Assistant Teacher</span>
<span style="color: black; font-size: 13px;">➯ Education Qualification : M.A.B.ed with HINDI  
❆ <u> Maharaja Krishnakumarsinhji Bhavnagar University, Gujarat , India </u> ❆</span></p></div>

<div style="background-color: #ffff; border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-top: 0px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; padding: 0px;">
<ul style="box-sizing: border-box; display: flex; flex-direction: column !important; flex-flow: column wrap; flex-wrap: wrap; list-style: none; margin-bottom: 0px; margin-top: 0px; padding-left: 25px;">

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 Name of Employee : <span class="float-right" style="box-sizing: border-box; float: right;">Tr. Sardar Vallabhbhai Patel </span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 M.Ed./M.A. Edu. %<span class="float-right" style="box-sizing: border-box; float: right;">--</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 PG Subject %<span class="float-right" style="box-sizing: border-box; float: right;">M.A(Gujarati)(52.37%)</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 Ph.D/NET/SLET Subject<span class="float-right" style="box-sizing: border-box; float: right;">--</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 Date of Appointment-First  Present<span class="float-right" style="box-sizing: border-box; float: right;">21-08-1998  21-08-1998</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 1 <span class="float-right" style="box-sizing: border-box; float: right;">111</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 2 <span class="float-right" style="box-sizing: border-box; float: right;">222</span></li>
    

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 3 <span class="float-right" style="box-sizing: border-box; float: right;">333</span></li>

  
    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 4 <span class="float-right" style="box-sizing: border-box; float: right;">444</span></li>
    

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 5 <span class="float-right" style="box-sizing: border-box; float: right;">555</span></li>

  
    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 0 <span class="float-right" style="box-sizing: border-box; float: right;">000</span></li>
    
</ul>
</div></div></div></div>
_____5_____
<div id="jTable" style="box-sizing: border-box; display: flex; flex-wrap: wrap; font-size: 14px;"><div style="box-sizing: border-box; flex: 0 0 100%; max-width: 100%; position: relative;"><div style="background-clip: border-box; border-radius: 0.25rem; box-shadow: rgba(0, 0, 0, 0.125) 0px 0px 15px, rgba(0, 0, 0, 0.2) 0px 10px 13px; box-sizing: border-box; display: flex; flex-direction: column; margin-bottom: 0rem; min-width: 0px; overflow-wrap: break-word; position: relative;">
<div style="background-color: black; border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; box-sizing: border-box; color: white; padding: 0.9rem;"><div style="box-sizing: border-box;"><img src="https://www.obituarytoday.com/uploads/1460702332_sarvpalli-radhakrushnan.jpg" style="border-radius: 100%; border-style: 2px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 13px 16px; box-sizing: border-box; float: left; height: 100px; width: 90px;" /></div>
<p style="font-family: arial; font-size: 17px; padding-left: 120px;">➯Dr Sarvepalli Radhakrishnan
<span style="font-size: 14px;">➯ Designation : Assistant Teacher</span>
<span style="color: yellow; font-size: 13px;">➯ Education Qualification : M.A.B.ed with HINDI  
❆ <u>The Presidency College in Madras and the University of Calcutta, India </u> ❆</span></p></div>

<div style="background-color:white; border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-top: 0px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; padding: 0px;">
<ul style="box-sizing: border-box; display: flex; flex-direction: column !important; flex-flow: column wrap; flex-wrap: wrap; list-style: none; margin-bottom: 0px; margin-top: 0px; padding-left: 25px;">

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 Name of Employee : <span class="float-right" style="box-sizing: border-box; float: right;"> Dr Sarvepalli Radhakrishnan </span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 32px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉 M.Ed./M.A. Edu. %<span class="float-right" style="box-sizing: border-box; float: right;">--</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 0 <span class="float-right" style="box-sizing: border-box; float: right;">000</span></li>


    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 1 <span class="float-right" style="box-sizing: border-box; float: right;">111</span></li>



    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 2 <span class="float-right" style="box-sizing: border-box; float: right;">222</span></li>
    

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 3 <span class="float-right" style="box-sizing: border-box; float: right;">333</span></li>

  
    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 4 <span class="float-right" style="box-sizing: border-box; float: right;">444</span></li>
    

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 5 <span class="float-right" style="box-sizing: border-box; float: right;">555</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 6 <span class="float-right" style="box-sizing: border-box; float: right;">666</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 7 <span class="float-right" style="box-sizing: border-box; float: right;">777</span></li>
    
    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 8 <span class="float-right" style="box-sizing: border-box; float: right;">888</span></li>

    <li class="nav-item nav-link" style="border-bottom: 1px solid rgba(0, 0, 0, 0.125); box-sizing: border-box; display: block; font-weight: normal; height: 35px; margin: 0px; padding: 0.5rem 1rem;">❆ 👉  write text 9 <span class="float-right" style="box-sizing: border-box; float: right;">999</span></li>
       
    
</ul>
</div></div></div></div>
_____6_____
</center>
</div></pre>
</div></div></div>
  
  
  

  
</body>
  
  
  
	<script type="text/javascript">
		const accordionItemHeaders = document.querySelectorAll(".accordion-item-header");

accordionItemHeaders.forEach(accordionItemHeader => {
  accordionItemHeader.addEventListener("click", event => {
    
    // Uncomment in case you only want to allow for the display of only one collapsed item at a time!
    
    // const currentlyActiveAccordionItemHeader = document.querySelector(".accordion-item-header.active");
    // if(currentlyActiveAccordionItemHeader && currentlyActiveAccordionItemHeader!==accordionItemHeader) {
    //   currentlyActiveAccordionItemHeader.classList.toggle("active");
    //   currentlyActiveAccordionItemHeader.nextElementSibling.style.maxHeight = 0;
    // }

    accordionItemHeader.classList.toggle("active");
    const accordionItemBody = accordionItemHeader.nextElementSibling;
    if(accordionItemHeader.classList.contains("active")) {
      accordionItemBody.style.maxHeight = accordionItemBody.scrollHeight + "px";
    }
    else {
      accordionItemBody.style.maxHeight = 0;
    }
    
  });
});
      
                 
      
function jFunction() {
  var input, filter, table, tr, td, i, txtValue;
  input = document.getElementById("jInput");
  filter = input.value.toUpperCase();
  table = document.getElementById("jTable");
  tr = table.getElementsByTagName("tr");
  for (i = 0; i < tr.length; i++) {
    td = tr[i].getElementsByTagName("td")[0];
    if (td) {
      txtValue = td.textContent || td.innerText;
      if (txtValue.toUpperCase().indexOf(filter) > -1) {
        tr[i].style.display = "";
      } else {
        tr[i].style.display = "none";
      }
    }       
  }
}                  
         

	</script>

 
<div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">
<img border="0" height="18" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7L4Qz6LGPr09qAc9P1ZPnGsKOWd6QqmisXUUUQbp6MBOE6jOB-y9WycfdnL79VeiVFWJ9cIO8Txj4_OcUL5fEzBeUkiS1CBbPsZK5bmPQOf9VRi7r19rLcLw9_TXc9AOU5fTd1USDbR8/s640/47.png" style="border-radius: 15px; box-shadow: rgb(0, 88, 7) 1px 1px 4px; color: green; text-align: center; width: 100%;" width="640" /></div>
<div class="separator" style="clear: both; text-align: center;"><br /></div>

❆ ➯ More...

  ❆ ➯ This section is working mode_ 

Follow @jpsutariya1