<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.navbar {
  overflow: hidden;
  background-color: #333;
  background-color: red;
  font-family: Arial, Helvetica, sans-serif;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: orange;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  background-color: blue;
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content .header {
  background: orange;
  padding: 16px;
  color: white;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  background-color: #ccc;
  background-color: lightyellow;
  height: 250px;
}

.column a {
  float: none;
  color: black;
  padding: 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.column a:hover {
  background-color: #ddd;
  background-color: orange;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    height: auto;
  }
}
</style>
</head>
<body>


  <div id="group3" class="tab-pane fade res_sylabus_table">
      <h3>Group - 3</h3>
            <p style="text-align: justify;">
	            <div style="overflow-x:auto;">
	                <table border="1" width="100%" cellpadding="6" cellspacing="1">
	
   
	<tbody><tr>
		<td>Prayer ( Click on Slokas to view full slokas)</td>
		<td colspan="3">
		<ul class="gruop_list">
			<li><a href= "\attachments/Group-3  bhagawad gita.php">Gita Slokas on Gyan, Sadhana, Karma</li>
			
		</ul>
			<li><a href= "\attachments/Group-3  bhajagovindam.php">Bhajagovindam </li>
			
		</ul>
		</td>
	</tr>
	<tr>	
		<td>Health &amp; Hygiene</td>
		<td colspan="3">
		<ul class="gruop_list">
			<li>Saving Habits</li>
			<li>Personal health and hygiene</li>
			<li>Management of Thought Breath and Time</li>
		</ul>	
	</td></tr><tr>
		<td>Story Telling</td>
		<td colspan="3">
		<ul class="gruop_list">
			<li>Life of Vivekananda and Ramakrishna</li>
			<li>Lives of Regional saints of India</li>
			<li>Lives of Freedom fighters</li>
			<li>Message of Gita in day to day life</li>
			
		</ul>
		</td>
	</tr>	
	<tr>
		<td>Miscellaneous</td>
		<td colspan="3">
		<ul class="gruop_list">
			<li>Ideals of Sai Education</li>
			<li>Importance of Prayer, Omkar, Japa and Dhyana</li>
			<li>5 D's</li>
			<li>5 Elements and its Inter-Relationship with Man</li>
			<li>Community Living like Participation in family work</li>
			<li>Synthesis of Major Religions</li>
			<li>Cultural Habits and Manners of India</li>
			<li>National Integration</li>
			<li>Role of intuition</li>
			
		</ul>
		</td>

	</tr><tr>
		<td>Project Activities</td>
		<td colspan="3">
		<ul class="gruop_list">
			<li>Camps, Seminar, Debates, Symposia, Shramdhan</li>
			<li>Training as Seva dal/ B V Guru, Project Work, Study Circle</li>
			<li>Experiential Learning</li>
			<li>VIP programme</li>
		</ul>
		</td>
	</tr>	<tr>		<td>Vedas</td>		<td colspan="3">		<ul class="gruop_list">		<li>Narayana suktham, Medha suktham, Bhu suktham, Sri suktham.</li>		</ul>		</td>	</tr>
	<tr>
		<td>Group Singing</td>
		<td colspan="3">		<ul class="gruop_list">		<li>Sundaram Bhajans</li>		</ul>		</td>
	</tr>
		
</tbody></table>
</div>
</p>
</div>
    
</div>