<!DOCTYPE html>
<html lang="en">
  <?php
    echo $style;
  ?>
  <style>

  </style>
  <body data-spy="scroll" data-target="#navbarResponsive">
    <div id="home">
    <?php echo $menu;?>

      <!--- Start Carousel Image Slider -->
      <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="5000" >
        <ol class="carousel-indicators">
          <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
		  <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
          <!-- Slide One -->
          <div class="carousel-item active" style="background-image: url('/mainsite/img/landingpage/image.jpg');" alt="" >            
          <div class="carousel-caption">
              <h3 style="text-transform: none; font-weight: bold;">Hindu College & High Schools` Council</h3>
              <h4>A Fruitful tree of Knowledge</h4>
          </div>
          </div>

		  
        </div>
        <!--- End Carousel Inner -->
        <!--- Previous & Next Buttons -->
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
      <!--- End Carousel Image Slider -->
    </div>
    <!--- End Home Section -->
    <!--- Start Organization Profile Section -->
    <div id="profile" class="offset" style="margin-top:22px;">
      <div class=" light">
      <div class="narrow">
        <div class="os-animation" data-animation="fadeInUp" style="text-align: justify;text-justify: inter-word;">
          <h3 class="heading" style="text-transform: uppercase; font-size: 30px;">Organization Profile</h3>
          <div class="heading-underline"></div>
          <div class="row">
          <div class="col-sm-12 col-lg-12">
          <span class="bodyfont mobilejust" style="color: #65696b; ">
          <p>
            Great men and leading Members of the Guntur Bar like Sri Desiraju Hanumantha Rao, Annamraju Sitapati Rao, Madhavapeddi Hanumantha Rao, K.Narasimha Rao, Tumuluri Nagabhushanam, Kompalli Kotilingam and P.S.T.Sai were some of the stalwarts responsible for constituting it into a multifaceted educational and later Hindu College and High Schools Council.We Owe it to their vision for what we are today.
        </p>
        <p>
            200 years of British rule in India has produced only clerks -if not physically, mentally and attitudinally- and good-for-nothing “educated” householders. The need for ‘man-making' education, as Swami Vivekananda exhorted, had been felt all through the centuries in our country, especially in the Pre-Independence days. Guntur was no exception to the prevailing situation.
        </p>
        <p>
            In those days, Guntur was a small, nevertheless important town inhabited by great people, politicians, lawyers, doctors, literary luminaries, businessmen and educationists. It was a nerve center of activity in several fields, especially political. The contribution of Guntur to Freedom struggle is quite substantial. The visits of the two towering personalities, Mahatma Gandhi and Jawaharlal Nehru in the 1930s to Guntur and Vijayawada bear the amplest testimony to this.
        </p>
        <p>
            Thus, when everything else was going on well, it was in the field of education that Guntur was just lagging behind. Madras was the only nearby city of reckoning for any well-meaning person to pursue higher education in those days of Composite Madras State. One can guess how affordable it was!
        </p>
        <p>
            It is precisely with this background that Hindu College was established in 1935, by a group of highly educated, patriotic and philanthropic gentlemen of Guntur, with the loftiest ideal of ‘dispelling darkness' from the society and to prevent any further erosion of values and virtues from all walks of life. The motto of our college, “Tamasoma jyotirgamaya”, taken from the “Brithadaranyaka Upanishad”, sumps up all this!
        </p>
          </span>
          <div class="topmargin"></div>
          </div>
          </div>
        </div>
      </div>
      </div>
    </div>
    <!--- End Organization Profile Section -->
    <!--- Start Organization Profile Section -->
    <div id="whygrasport" class="offset">
      <div class="row light">
      <div class="narrow">
        <div class="os-animation" data-animation="fadeInUp" style="text-align: center;text-justify: inter-word;">
          <h3 class="heading" style="text-transform: uppercase; font-size: 30px;">Why Hindu Council?</h3>
          <div class="heading-underline"></div>
          <div class="row" style="margin-top:-10px;">
            <div class="col-sm-12 col-lg-6">
              <img src="/mainsite/img/expert/faculty.png" height="90px" width="90px" style="display: block;  margin-left: auto; margin-right: auto; background-color: white;">
              <span class="bodyfont" style="font-weight: normal; text-align: center;">
              Highly Qualified Faculty
              </span>
              <div class="margintop"></div>
            </div>
            <div class="col-sm-12 col-lg-6">
              <img src="/mainsite/img/expert/lab.png" height="90px" width="90px" style="display: block;  margin-left: auto; margin-right: auto; background-color: white;">
              <span class="bodyfont" style="font-weight: normal; text-justify: inter-word;">
                World Class lab Facilities
              </span>
              <div class="margintop"></div>
            </div>
          </div>
          <div class="row" style="margin-top:0px;">
            <div class="col-sm-12 col-lg-6">
              <img src="/mainsite/img/expert/location.png" height="90px" width="90px" style="display: block;  margin-left: auto; margin-right: auto; background-color: white;">
              <span class="bodyfont" style="font-weight: normal; text-align: center;">
                City Centered Campus
              </span>
              <div class="margintop"></div>
            </div>
            <div class="col-sm-12 col-lg-6">
              <img src="/mainsite/img/expert/technical1.png" height="90px" width="90px" style="display: block;  margin-left: auto; margin-right: auto; background-color: white;">
              <span class="bodyfont" style="font-weight: normal; text-justify: inter-word;">
                Technical Development Skills
              </span>
              <div class="margintop"></div>
            </div>
          </div>

        </div>
      </div>
    </div>
    <!--- End Organization Profile Section -->

  <style>
    img:hover {
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
    }
  </style>
  <div id="collabarations" class="offset">
    <div class="narrow">
      <div class="container-fluid">
        <div class="row padding">
          <div class="col-md-12 os-animation" data-animation="fadeInUp">
            <h3 class="heading" style="text-transform: uppercase; font-size: 30px;">Our Journey</h3>
            <div class="heading-underline"></div>
            <div class="row">
              <div class="col-md-3">
              <img src="/mainsite/img/journey/school.png" height="80px" width="80px" style="display: block;  margin-left: auto; margin-right: auto;">
              <h5 style="margin-top:10px; text-transform: capitalize; text-align: center; color: #023e73; font-weight: bold;">Schools</h5>
              <h5 style="margin-top:-5px; font-size: 18px; text-transform: uppercase; text-align: center; color: #65696b; font-weight: bold;">5</h5>
              <div class="margintop"></div>
              </div>
              <div class="col-md-3">
              <img src="/mainsite/img/journey/college.jpg" height="80px" width="80px" style="display: block;  margin-left: auto; margin-right: auto;">
              <h5 style="margin-top:10px; text-transform: capitalize; text-align: center; color: #023e73; font-weight: bold;">Colleges</h5>
              <h5 style="margin-top:-5px; font-size: 18px; text-transform: uppercase; text-align: center; color: #65696b; font-weight: bold;">7</h5>
              <div class="margintop"></div>
              </div>
              <div class="col-md-3">
              <img src="/mainsite/img/journey/student.png" height="80px" width="80px" style="display: block;  margin-left: auto; margin-right: auto;">
              <h5 style="margin-top:10px; text-transform: capitalize; text-align: center; color: #023e73; font-weight: bold;">Students</h5>
              <h5 style="margin-top:-5px; font-size: 18px;  text-transform: uppercase; text-align: center; color: #65696b; font-weight: bold;">5000+</h5>
              <div class="margintop"></div>
              </div>

              <div class="col-md-3">
              <img src="/mainsite/img/journey/faculty.png" height="80px" width="80px" style="display: block;  margin-left: auto; margin-right: auto;">
              <h5 style="margin-top:10px; text-transform: capitalize; text-align: center; color: #023e73; font-weight: bold;">Faculty</h5>
              <h5 style="margin-top:-5px; font-size: 18px;  text-transform: uppercase; text-align: center; color: #65696b; font-weight: bold;">300+</h5>
              <div class="margintop"></div>
              </div>

            </div>
            <div class="row">
              <div class="col-md-3">
              <img src="/mainsite/img/journey/research.png" height="80px" width="80px" style="display: block;  margin-left: auto; margin-right: auto;">
              <h5 style="margin-top:10px; text-transform: capitalize; text-align: center; color: #023e73; font-weight: bold;">Research</h5>
              <h5 style="margin-top:-5px; font-size: 18px; text-transform: uppercase; text-align: center; color: #65696b; font-weight: bold;">5</h5>
              <div class="margintop"></div>
              </div>
              <div class="col-md-3">
              <img src="/mainsite/img/journey/emplo.jpg" height="80px" width="80px" style="display: block;  margin-left: auto; margin-right: auto;">
              <h5 style="margin-top:10px; text-transform: capitalize; text-align: center; color: #023e73; font-weight: bold;">Employability</h5>
              <h5 style="margin-top:-5px; font-size: 18px; text-transform: uppercase; text-align: center; color: #65696b; font-weight: bold;">7</h5>
              <div class="margintop"></div>
              </div>
              <div class="col-md-3">
              <img src="/mainsite/img/journey/nss.jpg" height="80px" width="80px" style="display: block;  margin-left: auto; margin-right: auto;">
              <h5 style="margin-top:10px; text-transform: capitalize; text-align: center; color: #023e73; font-weight: bold;">NSS Centers</h5>
              <h5 style="margin-top:-5px; font-size: 18px;  text-transform: uppercase; text-align: center; color: #65696b; font-weight: bold;">5</h5>
              <div class="margintop"></div>
              </div>

              <div class="col-md-3">
              <img src="/mainsite/img/journey/ncc.png" height="80px" width="80px" style="display: block;  margin-left: auto; margin-right: auto;">
              <h5 style="margin-top:10px; text-transform: capitalize; text-align: center; color: #023e73; font-weight: bold;">NCC Centers</h5>
              <h5 style="margin-top:-5px; font-size: 18px;  text-transform: uppercase; text-align: center; color: #65696b; font-weight: bold;">3</h5>
              <div class="margintop"></div>
              </div>

            </div>
          </div>        
        </div>
      </div>
    </div>
  </div>
  <!--experts -->

  <div id="recommandations" class="offset">
    <div class="narrow">
      <div class="container-fluid">
        <div class="row padding">
          <div class="col-12 os-animation" data-animation="fadeInUp">
            <h3 class="heading" style="text-transform: uppercase; font-size: 30px;">Recommandations</h3>
            <div class="heading-underline"></div>
          </div>
          <div class="col-md-12">
            <div class="os-animation" data-animation="fadeInUp">
              <div id="blog-slider" class="owl-carousel owl-theme">
                <div class="row blog">
                  <div class="col-md-12">
                    <blockquote>
                      <i class="fas fa-quote-left"></i>
                      My child is enjoying classes more and more, each and everyday.
                      <hr class="blog-hr" />
                      <cite>&#8212; Rajesh's Mom</cite>
                    </blockquote>
                  </div>
                </div>

                <div class="row blog">
                  <div class="col-md-12">
                    <blockquote>
                      <i class="fas fa-quote-left"></i>
                      It's really great of you for maintaing such standards.
                      <hr class="blog-hr" />
                      <cite>&#8212; Aruns's Father</cite>
                    </blockquote>
                  </div>
                </div>


              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- -->

  <!-- -->
  <!-- -->
  <!-- -->
  <!-- -->
  <!-- -->
  <!-- -->
  <!-- -->
  <!-- -->

	
    
<?php echo $script;?>
	<script type="text/javascript">
	$(document).ready(function () {
	});
	</script>
  </body>
</html>
