bnmbertsurhetertertertertertertertpdf'tdfg

hjkhghopjkertteerterterterertertrtoirh bnmbertsurhetertertertertertertertpdf'tdfg

<?php
require("header.php");
?>

<section class="page-banner">
            <div class="image-layer" style="background-image:url(images/main-slider/gal-hh.jpg);"></div>
            
            <div class="banner-inner">
                <div class="auto-container">
                    <div class="inner-container clearfix">
                        <h1>kerala masters</h1>
                        <div class="page-nav">
                            <ul class="bread-crumb clearfix">
                                <li><a href="index-main.html">Home</a></li>
                                <li class="active">kerala masters</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>

<section id="about" class="about" >
      <div class="container" data-aos="fade-up">
                              			  							           
		<center>
			<div class="sec-title" style="padding-top: 100px;">
                 <center><h2><span class="dot" style="color:black;"> DISTRICT OFFICE BEARERS</span></h2></center>
                                
              </div>		
      <table>
 
  <thead>
    
  </thead>
  <tbody>
   <tr>
       <td data-label="">Chairman</td>
      <td data-label=""> Babu P V</td> 
	  <td data-label="">9605758291</td> 
	    <td data-label=""><img src="images/main-slider/tr-babau.png" style="height: 125px;width: 115px;"></td> 
	  	  
    </tr>
	
	 <tr>
       <td data-label="">Convenor</td>
      <td data-label=""> Sudhi Chandran</td> 
	  <td data-label=""> 9747681879</td>
    <td data-label=""><img src="images/main-slider/tr-sec.png" style="height: 125px;width: 115px;"></td> 	  
	  	  
    </tr>
	
		
		
	
  </tbody>
</table>
</center><br><br>

<center>
				
      <table>
 
  <thead>
    
  </thead>
  <tbody>
   
		
		
	
  </tbody>
</table>
</center><br><br>

<style>

table {
  border: 1px solid green;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 85%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #7e303030;
  border:1px solid green;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: justify;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid green;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid green;
    display: block;
    font-size: .8em;
    text-align: center;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}

/* general styling */
body {
  font-family: "Open Sans", sans-serif;
  line-height: 1.25;
}
</style>

</div>
    </section>

<?php
require("footer.php");
?>

</body>

</html>