@extends('front/layout')
@section('page_title','Animation')
@section('container')

<div class="row ClassSub">

	<div class="scrollsec">
		<div class="ClassNum">
			<div class="cls6">6<sup>th</sup></div>
			<div class="cls7">7<sup>th</sup></div>
			<div class="cls8">8<sup>th</sup></div>
			<div class="cls9">9<sup>th</sup></div>
			<div class="cls10">10<sup>th</sup></div>
			<div class="cls11">11<sup>th</sup></div>
			<div class="cls12">12<sup>th</sup></div>
		</div>
	</div>
	<div class="scrollsec">
		<div class="Subjs">
			<span class="physub">Physics</span>
			<span class="chemsub">Chemistry</span>
			<span class="mathsub">Maths</span>
			<span class="biosub">Biology</span>
		</div>
	</div>
	
	<div class="subCont">
		<h2 class="pgttl">11<sup>th</sup> Chemistry</h2>
		
		<h4>Mole Concept - 1</h4>
		<div class="resptbl">
		  <table>
			<tr>
				<td><a href="boards.html"><img src="images/video_icon.png" alt="click to view slides"><br/>Boards</a></td>
				<td><a href="boards.html"><span class="tblttl">Subtopic (Slide No.)</span>Subtopic (5), Subtopic (17), Subtopic (25), Subtopic (46)</a></td>
			</tr>
			<tr>
				<td><a href="javascript:;"><img src="images/video_icon.png" alt="click to view slides"><br/>Advanced</a></td>
				<td><a href="javascript:;">Subtopic (5), Subtopic (17), Subtopic (25), Subtopic (46)</a></td>
			</tr>
		  </table>
		</div>
		
		<h4>Atomic Structure - 2</h4>
		<div class="resptbl">
		  <table>
			<tr>
				<td><a href="javascript:;"><img src="images/video_icon.png" alt="click to view slides"><br/>Boards</a></td>
				<td><a href="javascript:;">Subtopic (5), Subtopic (17), Subtopic (25), Subtopic (46)</a></td>
			</tr>
		  </table>
		</div>
	
	</div>
	
</div><!-- ClassSub ends here -->

@endsection