<?php include("app/design/html/head.php"); ?>

<div class="col-main">
<!--<div class="home_slider"><?php /* include("app/content/cms/home.php"); */ ?></div>-->


<script>
$(function(){
	$('.pix_diapo').diapo();
});

</script>

    <section> 
    
    	<div  style="overflow:hidden; width:930px; margin: 10px auto; padding: 0px;"> 
                <div class="pix_diapo">

                    <div data-thumb="images/library_pics/6.JPG" data-time="7000">
                        <img src="images/library_pics/6.JPG">
					  <div class="elemHover caption fromLeft" style=" font-weight: bold; color: #ff0; bottom:70px; width:auto; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px;">
							The Library
                        </div>
                        <div class="caption elemHover fromRight" style="padding-top:5px;">
                             Entrance/Exit
                        </div>
                    </div>
                    
					  <div data-thumb="images/library_pics/9.JPG">
                        <img src="images/library_pics/9.JPG">
						 <div class="elemHover caption fromLeft" style=" font-weight: bold; color: #ff0; bottom:70px; width:auto; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px;">
							Depository Area. 
                        </div>
                        <div class="caption elemHover fromRight" style="padding-top:5px;">
                            This is where you leave your things.
                        </div>
                    </div>
					
					  <div data-thumb="images/library_pics/2.JPG">
                        <img src="images/library_pics/2.JPG">
						<div class="elemHover caption fromLeft" style=" font-weight: bold; color: #ff0; bottom:70px; width:auto; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px;">
							 Card Catalogue. 
                        </div>
                       <div class="caption elemHover fromRight" style="padding-top:5px;">
                           Inside the box are the card catalogue needed in searching different learning resources inside the library.
                        </div>
                    </div>
					  <div data-thumb="images/library_pics/1.JPG">
                        <img src="images/library_pics/1.JPG">
						<div class="elemHover caption fromLeft" style=" font-weight: bold; color: #ff0; bottom:70px; width:auto; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px;">
							  Reference.
                        </div>
                         <div class="caption elemHover fromRight" style="padding-top:5px;">
                          This is where you can find books such as encyclopedia, dictionary, etc.,
                        </div>
                    </div>
					  <div data-thumb="images/library_pics/7.JPG">
                        <img src="images/library_pics/7.JPG">
						<div class="elemHover caption fromLeft" style=" font-weight: bold; color: #ff0; bottom:70px; width:auto; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px;">
							  Feasibility Study/ Newspapers. 
                        </div>
                         <div class="caption elemHover fromRight" style="padding-top:5px;">
                           This is where you can find Feasibility Study/ Newspapers. 
                        </div>
                    </div>
					  <div data-thumb="images/library_pics/4.JPG">
                        <img src="images/library_pics/4.JPG">
						<div class="elemHover caption fromLeft" style=" font-weight: bold; color: #ff0; bottom:70px; width:auto; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px;">
							 Periodicals/Yearbook.
                        </div>
                       <div class="caption elemHover fromRight" style="padding-top:5px;">
                            The periodicals/yearbook section contains newspapers, magazines, yearbook ,journals and other types of writings that are published on a periodic basis rather than just at one time.

                    </div>
                    </div>
					  <div data-thumb="images/library_pics/5.JPG">
                        <img src="images/library_pics/5.JPG">
						<div class="elemHover caption fromLeft" style=" font-weight: bold; color: #ff0; bottom:70px; width:auto; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px;">
							 Reserve.
                        </div>
                        <div class="caption elemHover fromRight" style="padding-top:5px;">
                            This is where you can find reserved library materials.
                        </div>
                    </div>
                    <div data-thumb="images/library_pics/10.JPG">
                        <img src="images/library_pics/10.JPG"> 
						<div class="elemHover caption fromLeft" style=" font-weight: bold; color: #ff0; bottom:70px; width:auto; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px;">
							The Library.
                        </div>
                       <div class="caption elemHover fromRight" style="padding-top:5px;">
                             Everyone is free to do their research, to read, to use and borrow different available learning resources.
                        </div>
                       
                    </div>
                         <div data-thumb="images/library_pics/computer.JPG">
                        <img src="images/library_pics/computer.JPG"> 
						<div class="elemHover caption fromLeft" style=" font-weight: bold; color: #ff0; bottom:70px; width:auto; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px;">
							Computers.
                        </div>
                       <div class="caption elemHover fromRight" style="padding-top:5px;">
                            Available for online research.
                        </div>
                    </div>
                    
                    <div data-thumb="images/library_pics/empty.JPG" data-time="7000">
                        <img src="images/library_pics/empty.JPG">
						<div class="elemHover caption fromLeft" style=" font-weight: bold; color: #ff0; bottom:70px; width:auto; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px;">
							The Library.
                        </div>
                          <div class="caption elemHover fromRight" style="padding-top:5px;">
                               Everyone is free to do their research, to read, to use and borrow different available learning resources.
                        </div>
                    </div>
               </div>
                
        </div>
    
    
    </section>

<div class="diapo_slider"><?php include("app/content/cms/slider_home.php"); ?></div>
<div class="stat"><?php include("app/content/cms/home_stat.php"); ?></div>
</div>

<?php include("app/design/html/footer.php"); ?>