<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
{include file="mss_meta.html"}
<script type="text/javascript" src="{$URL_ROOT}js/custom.js"></script>
<script>
$(document).ready(function () {
	$('.bxslider').bxSlider({
		auto: true,
		autoControls: true
	});
});
</script>
</head>
<body>
<div id="site-width"> 
  <!----- header start------> 
  
  {include file="mss_head.html"} 
  
  <!----- header end------> 
  <!----- slider start------>
  <div class="container">
    <div id="slider-box">
      <div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 1200px; height: 444px; overflow: hidden;"> 
        <!-- Loading Screen -->
        <div u="loading" style="position: absolute; top: 0px; left: 0px;">
          <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; background-color: #000000; top: 0px; left: 0px; width: 100%; height: 100%;"> </div>
          <div style="position: absolute; display: block; background: url(img/loading.gif) no-repeat center center; top: 0px; left: 0px; width: 100%; height: 100%;"> </div>
        </div>
        <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 1200px; height: 444px; overflow: hidden;"> {foreach from=$silder item=sldr}
          <div> <img u="image" src="{$ROOT}uploads/content/{$sldr.image}" /> </div>
          {/foreach} </div>
      </div>
      <div id="bnnr-left"> <a href="{$URL_ROOT}" > <img src="{$URL_ROOT}images/admision.png" name="Image27" border="0"></a> <a href="{$URL_ROOT}" > <img src="{$URL_ROOT}images/online-appli.png" name="Image28" border="0"></a>
        <div class="newbox" style="    height: 72%;">
          <div class="newbox-head"> Student Login </div>
          <div style="padding:10px;     height: 100%;"> 
            <!--<h3><span></span></h3>-->
            <form action="{$ROOT}index.php" method="post"  style="margin:0px;">
              <span id="mod_login_usernametext">
              <label for="mod_login_username">Username</label>
              </span><br>
              <input type="text" name="username" id="mod_login_username" class="form-control" size="10">
              <span id="mod_login_passwordtext">
              <label for="mod_login_password">Password</label>
              </span><br>
              <input type="password" name="password" id="mod_login_password" class="form-control" size="10">
              <input type="checkbox" name="remember" id="mod_login_remember" class="" value="yes">
              <span id="mod_login_remembermetext">
              <label for="mod_login_remember">Remember me</label>
              </span> <br>
              <input type="submit" name="login" class="btn btn-primary" value="Login">
            </form>
          </div>
          <div class="clear-fix" style="padding: 7px 0px 7px 5px; color: White; background: #ca2221; border-radius: 0px 0px 5px 5px; padding: 5px 0px 5px 7px;"> </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!----- slider end------> 
<!--- content---->
<div class="container">
  <div class="row">
   
   <!--------------------------------------------------------->
  
    <div class="col-sm-12">
      <div>
       <div id="wrapContent">
          
          <div style="clear: both;">
            {foreach from=$photogallerys item=abc_photogallerys}
                   <div class="imgvdo-page-album">
                   
                   {if $abc_photogallerys.type=="photo_gallery" }
                        
                            <img title="Governors' awards" height="140px" width="175px" src="{$ROOT}uploads/content/{$abc_photogallerys.image}" style=" margin-top:20px; width: 99%;">
                        <span title="Governors' awards">
                                {$abc_photogallerys.Name}
                            </span>
                            {elseif $abc_photogallerys.type=="extra"}
                            <img title="Governors' awards" height="140px" width="175px" src="{$ROOT}uploads/content/{$abc_photogallerys.image}" style=" margin-top:20px; width: 99%;">
                        <span title="Governors' awards">
                                {$abc_photogallerys.Name}
                            </span>

                            {else}
                             <iframe  src="https://www.youtube.com/embed/{$abc_photogallerys.videolink}" frameborder="0" allowfullscreen style=" margin-top:20px; width: 99%;"></iframe>
                             <span title="Governors' awards">
                                {$abc_photogallerys.Name}
                            </span>
                            
                       {/if}     
                            
                            
                           

                            
                            
                   
                    </div>{/foreach}
                
                   
                
                
                  
                
        </div>

          
          
        </div>
      </div>
      
    </div>
    
    
   
   
  
  <!-------------------------todo-------------------->
  
  </div>
</div>
<div class="container">
  <div id="carousel-example-generic1" class="carousel slide" data-ride="carousel"> 
    <!--- content end----> 
    <!---- client ---->
    <div id="client-box">
      <div id="wrap"> {foreach from=$advertisements item=adds}
        <div class="c-logo-box "> <img src="{$ROOT}uploads/content/167/45/{$adds.image}" /> </div>
        <div style="width: 0%; float: left;"> &nbsp; </div>
        {/foreach} </div>
    </div>
  </div>
</div>
<!---- client end----> 
<!---- footer----> 
{include file="mss_footer.html"} 
<!---- footer end---->

</body>
</html>
