<!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-6">
      <div>
        <div class="highlights-tb"> <a href="#" target="_blank"> <img src="{$URL_ROOT}images/highlights-icon.png" /><span>{$LinksDetails.home_heading1}</span></a> </div>
        <div id="wrapContent">
          <div class="slider"> 
            <!-- Wrapper for slides -->
            <ul class="bxslider">
              {foreach from=$side_silder item=sdsldr name=slide_bname}
              <li><img src="{$ROOT}uploads/content/w/576/{$sdsldr.image}" width="576px" height="320px" /></li>
              {/foreach}
            </ul>
          </div>
        </div>
      </div>
      <div>
        <div id="c_12782" class="portlet_content">
          <h1>{$latest_stories.1.type}</h1>
        </div>
        <div style="width: 100%; margin: 10px 0px 0px 0px;">
          <div class="scroll-pane">
            <div>
              <table cellspacing="0" id="gvlatestStory" style="width:100%;border-collapse:collapse;">
                {foreach from=$latest_stories item=lstories}
                <tr>
                  <td align="left" valign="middle" style="width:20%;"><div class="feed_item">
                      <div class="feed_item_title"> <a href='#' target="_blank" rel="nofollow">{$lstories.Name}</a> </div>
                      <table cellpadding="0" cellspacing="0">
                        <tr>
                          <td valign="top"><img id="gvlatestStory_img_LstStiry_0" src="{$ROOT}uploads/content/100/100/{$lstories.image}" style="float:left;margin-right:10px" /> '{$lstories.content}' </td>
                        </tr>
                      </table>
                    </div></td>
                </tr>
                {/foreach}
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    
    
    
  
  <!-------------------------todo-------------------->
  <div class="col-sm-6">	
    	<div>
        
      <div class="ibresults-tb"> <a href="#"> <img src="{$URL_ROOT}images/ibresults-icon.png"/><span>{$LinksDetails.home_heading2}</span></a> </div>
        <div class="col-sm-6">
          <h1 class="imgvdoh1">{$photoGallery.1.type}</h1>
          <div class="title-bullet" style="border-top: 3px solid #ca2221;"> </div>
          <div id="phtovdo-in">
            <div class="imgvdo-box"> <a href="{$ROOT}photogallery.php?type={$photoGallery.1.TYPE}"> <img src="{$URL_ROOT}uploads/content/281/226/{$photoGallery.1.image}"> <span>{$photoGallery.1.Name} </span></a> </div>
            <div class="read-box clear-fix"> <a href="{$ROOT}photogallery.php?type={$photoGallery.1.TYPE}" style=" color: #eee;"> View More </a></div>
             </div>
        </div>
        <div class="col-sm-6">
          <h1 class="imgvdoh1">{$videoGallery.1.type}</h1>
          <div class="title-bullet" style="border-top: 3px solid #ca2221;"> </div>
          <div id="phtovdo-inl">
            <div class="imgvdo-box imgvdo1" style="cursor: pointer;">
              <iframe  src="https://www.youtube.com/embed/{$videoGallery.1.videolink}" frameborder="0" allowfullscreen></iframe>
              <span> {$videoGallery.1.Name}</span> </div>
            
            <div class="read-box clear-fix"> <a href="{$ROOT}photogallery.php?type={$videoGallery.1.TYPE}" style="    color: #eee;">View More </a></div>
             </div>
        </div>
      </div>
      </div>
      <div class="col-sm-6">
      				<div class="content-right">
                            <h1>{$extradata.1.type}</h1>
                            <div class="title-bullet" style="border-top: 3px solid #ca2221;">
                            </div>
                            <div class="row">
                                <div class="col-sm-6 imgvdo-box_1">
                                    <a href="{$extradata.1.photourl}">
                                        <img src="{$ROOT}uploads/content/281/220/{$extradata.1.image}"></a>
                                        <span>
                                            {$extradata.1.Name}
                                        </span>
                                        <div class="read-box clear-fix">
                                       <a href="{$extrathing.1.photourl}" style="    color: #eee;"> View More</a>
                                    </div>
                                </div>
                                <div class="col-sm-6 imgvdo-box_1">
                                <div class="newbox" style="height: 273px;border: 1px solid;">
                                  <div class="newbox-head"> {$footer_news.1.type} </div>
                                  <div style="padding:10px; height: 83%; overflow:auto"> 
                                    <!--<h3><span></span></h3>-->
                                    <marquee style="height:100%" direction="up" onMouseOver="this.stop()" onMouseOut="this.start()">
                                    {foreach from=$footer_news item=foo_footer_news name=foot_name}
                                    	<a href="{$foo_footer_news.url}">{$foo_footer_news.Name}{if $foo_footer_news.icon!=""}&nbsp;&nbsp;&nbsp;<img  src="{$ROOT}uploads/media/new.gif">{/if}</a><br>
                                    {/foreach}
                                    </marquee>
                                  </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>
    </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=$sponcers 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>
