PROJECT TITLE

Samartha Academy In CSS

ENROLLMENT NO GROUP MEMBERS

1811480084 Raj Chorghe
1811480079 Mayur Meshram
 MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION

PILLAI HOC POLYTECHNIC, RASAYANI (1148)

MICRO PROJECT
ACADEMIC YEAR: 2020-21

TITLE OF PROJECT

Samartha Academy In CSS

……………………………………………………………
Program: Computer engineering Program Code: CO5I
………………………………………………………………………………………..
Course: CSS Course Code: 22519
………………………………………………………………………………………..

Name of the Guide: Jayesh Patil

 MAHARASHTRA STATE
BOARD OF TECHNICAL EDUCATION
Certificate
This is to certify that Mr. /Ms. Raj Pandharinnath chorghe

Roll No. of 5th Semester of Diploma in Computer engineering

…………………………of Institute PILLAI HOC POLYTECHNIC (Code: 1148) has

completed the Micro Project satisfactorily in Subject –CSS (22519) for the
academic year 2020- 2021 as prescribed in the curriculum.

Place: Rasayani Enrollment No: 1811480084

Date: 12-02-2021 Exam. Seat No: …………………………………….

Subject Teacher Head of the Department Principal

 MAHARASHTRA STATE
BOARD OF TECHNICAL EDUCATION
Certificate
This is to certify that Mr. /Ms. Mayur Vinod Meshram

Roll No. of 5th Semester of Diploma in Computer engineering

…………………………of Institute PILLAI HOC POLYTECHNIC (Code: 1148) has

completed the Micro Project satisfactorily in Subject –CSS (22519) for the
academic year 2020- 2021 as prescribed in the curriculum.

Place: Rasayani Enrollment No: 1811480079

Date: 12-02-2021 Exam. Seat No: …………………………………….

Subject Teacher Head of the Department Principal

Sr. Names of Group Member Roll Enrollment Seat No.
No. No. No.
Raj Chorghe 1811480084
1
Mayur Meshram 1811480079
2

Name of the Guide: Jayesh Patil

 WEEKLY PROGRESS REPORT

MICRO PROJECT
DATE OF SIGN OF
SR.NO WEEK ACTIVITY OBSERVATION THE GUIDE
.
1 1st Formation of group & Allocation of
Project Topic

2 2nd Information Search

3 3rd
Ideas about how to do project
4 4th
Discussion of Micro Project
5 5th
First Report Checking
6 6th
Discussion & Points given for project file
preparation
7 7th
Editing of project file
8 8th
Second Report Checking
9 9th
Final Report Checking
10 10th Submission of Project/ Charts

11 11th Submission of Project File

12 12th Viva & Checking

Signature of the Guide

 ANNEXURE II
Evaluation Sheet for the Micro Project
Academic Year: 2020-2021 Name of the Faculty: ………………………………………………
Course: CSS Course Code: 22519 Semester: 5th
Title of the Project:. Samartha Academy in css

………………………………………………………………………………………………………………………………………………..
COs addressed by Micro Project:
A:
B:
Major learning outcomes achieved by students by doing the project:
Practical Outcome: ………………………………………………………………………………………………………………….
………………………………………………………………………………………………………………………………………………..
Unit outcomes in Cognitive domain: ………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………..
Outcomes in Affective domain: ………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………..
Comments/suggestions about team work /leadership/inter-personal communication (if
any): ……………………………………………………………………………………………………………………………………….
………………………………………………………………………………………………………………………………………………..
………………………………………………………………………………………………………………………………………………..
………………………………………………………………………………………………………………………………………………..

Marks out of 6 Marks out of 4

for performance for
Roll No. Student Name in group activity performance Total out
(D5 Col.8) in oral/ of 10
presentation
(D5 Col.9)
Raj Chorghe
Mayur Meshram

(Signature of Faculty)
 REPORT ON MICROPROJECT OF CSS

Client-side scripting is changing interface behaviors within a specific web page in

response to mouse or keyboard actions, or at specified timing events. In this case, the
dynamic behavior occurs within the presentation. The client-side content is
generated on the user's local computer system.

Such web pages use presentation technology called rich interfaced pages. Client-side

scripting languages like JavaScript or Action Script, used for Dynamic HTML
(DHTML) and Flash technologies respectively, are frequently used to orchestrate
media types (sound, animations, changing text, etc.) of the presentation. Client-side
scripting also allows the use of remote scripting, a technique by which the DHTML
page requests additional information from a server, using a hidden frame, XML Http
Requests, or a Web service.

In our project we have developed a website in which we have create a timetable for
students with various functionality.

We have menu bar as the name of the weeks. Form validation normally used to occur
at the server, after the client had entered all the necessary data and then pressed the
Save button.

We have used HTML (Hyper Text Markup Language) for our front end design. For
backup functions we have used Java Script for form validation. Why is this necessary
to create this kind of website to improve the experience the students and to improve
the user experience we have used or create or separate sections and in different
sections we have used different elements of java script?
 CODE OF THE PROJECT

HTML CODE:-

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Samartha Academy</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">

<!-- Favicons -->

<link href="img/favicon.png" rel="icon">
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">

<!-- Google Fonts -->

<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,300i,400,400i,500,600,700,700i|
Montserrat:300,400,500,600,700" rel="stylesheet">

<!-- Bootstrap CSS File -->

<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<!-- Libraries CSS Files -->

<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">

<!-- Main Stylesheet File -->

<link href="css/style.css" rel="stylesheet">

</head>

<body>
<!--==========================
Header
============================-->
<header id="header">

<div id="topbar">
<div class="container">
<div class="social-links">
<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
<a href="#" class="instagram"><i class="fa fa-instagram"></i></a>
</div>
</div>
 </div>

<div class="container">

<div class="logo float-left">

<!-- Uncomment below if you prefer to use an image logo -->
<span><img src="img/logo1.png" width="100px" height="220px" alt=""
></span>

</div>

<nav class="main-nav float-left d-none d-lg-block">

<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="enq.html">Enquiry</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="faculty.html">Faculty</a></li>
<li><a href="#footer">contact</a></li>
<li class="drop-down"><a href="enq.html">Courses</a>
<ul>
<li class="drop-down"><a href="enq.html">5th-10th</a>

<ul>
<li><a href="schedule.html">Marathi</a></li>
<li><a href="schedule.html">English</a></li>
 <li><a href="schedule.html">Maths</a></li>
<li><a href="schedule.html">Science</a></li>
<li><a href="schedule.html">History</a></li>
<li><a href="schedule.html">Geography</a></li>
<li><a href="schedule.html">Hindi/Sanskrit</a></li>
</ul>
</li>

<li class="drop-down"><a href="#">11th-12th</a>

<ul>
<li><a href="schedule.html">Physics</a></li>
<li><a href="schedule.html">Chemistry</a></li>
<li><a href="schedule.html">Maths</a></li>
<li><a href="schedule.html">Biology</a></li>

</ul>
</li>
<li class="drop-down"><a href="#">Commerce </a>
<ul>
<li><a href="schedule.html">Accountancy</a></li>
<li><a href="schedule.html">Economics</a></li>
<li><a href="schedule.html">Entrepreneurship</a></li>
<li><a href="schedule.html">Mathematics</a></li>
<li><a href="schedule.html">Physical Education</a></li>
 <li><a href="schedule.html">Political Science</a></li>
</ul>
</li>
<li class="drop-down"><a href="#">Arts</a>
<ul>
<li><a href="schedule.html">Sociology</a></li>
<li><a href="schedule.html">Geography</a></li>
<li><a href="schedule.html">History</a></li>
<li><a href="schedule.html">Psychology</a></li>
<li><a href="schedule.html">Economics</a></li>
</ul>
</li>

</ul>
</li>

</ul>
</nav><!-- .main-nav -->

</div>
</header><!-- #header -->

<!--==========================
Intro Section
============================-->
<section id="intro" class="clearfix">
 <div class="container d-flex h-100">
<div class="row justify-content-center align-self-center">
<div class="col-md-6 intro-info order-md-first order-last">
<h2>Samartha<br><span>Academy</span></h2>
<div>
<a href="#about" class="btn-get-started scrollto">Get Started</a>
</div>
</div>

<div class="col-md-6 intro-img order-md-last order-first">

<img src="img/intro-img.svg" alt="" class="img-fluid">
</div>
</div>

</div>
</section><!-- #intro -->

<!--==========================
About Us Section
============================-->

<main id="main">

<section id="about">
 <div class="container">
<div class="row">

<div class="col-lg-5 col-md-6">

<div class="about-img">
<img src="img/about-img.jpg" alt="">
</div>
</div>

<div class="col-lg-7 col-md-6">

<div class="about-content">
<h2>About Us</h2>
<h3>Samarth coaching Classes.</h3>
<p>For student appearing for exam like "V to IX std,S.S.C Board Exam".
SAMARTH ACADEMY provides the most ideal platform built on the knowledge,
teaching passion and priciples of the founder Mr.Pravin Mandlik</p>
<p>Samarth Academy has been actively serving and supporting the
students in making their academic career for over 14 years.At SAMARTH
ACADEMY,WE give more importance to concept clearance.</p>
<ul>
<li><i class="ion-android-checkmark-circle"></i> Small batch
size.</li>
<li><i class="ion-android-checkmark-circle"></i> Professional
experienced teachers.</li>
<li><i class="ion-android-checkmark-circle"></i> Revision classes just
before exam.</li>
</ul>
</div>
 </div>
</div>
</div>

</section><!-- #about -->

<!--==========================
Footer
============================-->
<footer id="footer" class="section-bg">
<div class="footer-top">
<div class="container">

<div class="row">

<div class="col-lg-6">

<div class="row">

<div class="col-sm-6">

<div class="footer-info">
<h3>Samarth</h3>
<p>Samarth Academy has always believed in commending the
students to inspire them to scale grater heights. Samarth Academy always
teaches to all students that "Always remember that your present situation is
not your final destination. The best is yet to come"</p>
</div>

<div class="footer-newsletter">
<h4>Our Teaching Methodology</h4>
<p>Samarth Academy is the place of knowledge. E-class is
revolutionary product, developedto help the student ease the burden of
students and score more marks.
We are focusing around making students love learning and get them
excited about learning new chapters and topics.</p>
<form action="" method="post">
<input type="email" name="email"><input type="submit"
value="Subscribe">
</form>
</div>

</div>

<div class="col-sm-6">
<div class="footer-links">
<h4>Useful Links</h4>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#about">About us</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="faculty.html">Faculty</a></li>
 </ul>
</div>

<div class="footer-links">
<h4>Contact Us</h4>
<p>
Sadguru Bungalow <br>
Plot no-11,Sector-12,Road no-10<br>
New Panvel <br>
<strong>Phone:</strong> +91 9819604048<br>
<strong>Email:</strong> [email protected]<br>
</p>
</div>

<div class="social-links">
<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
<a href="#" class="instagram"><i class="fa fa-instagram"></i></a>
<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
</div>

</div>

</div>

</div>
 <div id="footer" class="col-lg-6">

<div class="form">

<h4>Send us a message</h4>
<form action="" method="post" role="form" class="contactForm">
<div class="form-group">
<input type="text" name="name" class="form-control" id="name"
placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at
least 4 chars" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="email" class="form-control" name="email" id="email"
placeholder="Your Email" data-rule="email" data-msg="Please enter a valid
email" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject"
placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8
chars of subject" />
<div class="validation"></div>
</div>
<div class="form-group">
<textarea class="form-control" name="message" rows="5" data-
rule="required" data-msg="Please write something for us"
placeholder="Message"></textarea>
 <div class="validation"></div>
</div>

<div id="sendmessage">Your message has been sent. Thank you!

</div>
<div id="errormessage"></div>

<div class="text-center"><button type="submit" title="Send

Message">Send Message</button></div>
</form>
</div>

</div>

</div>

</div>
</div>

<div class="container">
<div class="copyright">
&copy; Copyright <strong>Samarth Academy</strong>. All Rights
Reserved
</div>
<div class="credits">
 <!--
All the links in the footer should remain intact.
You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form:
https://bootstrapmade.com/buy/?theme=Rapid
-->
Designed by <a href="index.html">Samarth Academy</a>
</div>
</div>
</footer><!-- #footer -->

<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>

<!-- Uncomment below i you want to use a preloader -->
<!-- <div id="preloader"></div> -->

<!-- JavaScript Libraries -->

<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jquery/jquery-migrate.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/mobile-nav/mobile-nav.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Contact Form JavaScript File -->
<script src="contactform/contactform.js"></script>

<!-- Template Main Javascript File -->

<script src="js/main.js"></script>

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Samartha Academy - Faculty List</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">

<!-- Favicons -->

<link href="img/favicon.png" rel="icon">
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">

<!-- Google Fonts -->

 <link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,300i,400,400i,500,600,700,700i|
Montserrat:300,400,500,600,700" rel="stylesheet">

<!-- Bootstrap CSS File -->

<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<!-- Libraries CSS Files -->

<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">

<!-- Main Stylesheet File -->

<link href="css/style.css" rel="stylesheet">

<!-- =======================================================
Theme Name: Rapid
Theme URL: https://bootstrapmade.com/rapid-multipurpose-bootstrap-
business-template/
Author: BootstrapMade.com
License: https://bootstrapmade.com/license/
======================================================= -->
</head>

<body>
<!--==========================
Header
============================-->
<header id="header">

<div id="topbar">
<div class="container">
<div class="social-links">
<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
<a href="#" class="instagram"><i class="fa fa-instagram"></i></a>
</div>
</div>
</div>

<div class="container">

<div class="logo float-left">

<!-- Uncomment below if you prefer to use an image logo -->
<span><img src="img/logo1.png" width="100px" height="220px" alt=""
></span>

</div>

<nav class="main-nav float-left d-none d-lg-block">

<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="enq.html">Enquiry</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="faculty.html">Faculty</a></li>
<li><a href="#footer">contact</a></li>
<li class="drop-down"><a href="enq.html">Courses</a>
<ul>
<li class="drop-down"><a href="enq.html">5th-10th</a>

<ul>
<li><a href="schedule.html">Marathi</a></li>
<li><a href="schedule.html">English</a></li>
<li><a href="schedule.html">Maths</a></li>
<li><a href="schedule.html">Science</a></li>
<li><a href="schedule.html">History</a></li>
<li><a href="schedule.html">Geography</a></li>
<li><a href="schedule.html">Hindi/Sanskrit</a></li>
</ul>
</li>

<li class="drop-down"><a href="#">11th-12th</a>

<ul>
<li><a href="schedule.html">Physics</a></li>
 <li><a href="schedule.html">Chemistry</a></li>
<li><a href="schedule.html">Maths</a></li>
<li><a href="schedule.html">Biology</a></li>

</ul>
</li>
<li class="drop-down"><a href="#">Commerce </a>
<ul>
<li><a href="schedule.html">Accountancy</a></li>
<li><a href="schedule.html">Economics</a></li>
<li><a href="schedule.html">Entrepreneurship</a></li>
<li><a href="schedule.html">Mathematics</a></li>
<li><a href="schedule.html">Physical Education</a></li>
<li><a href="schedule.html">Political Science</a></li>
</ul>
</li>
<li class="drop-down"><a href="#">Arts</a>
<ul>
<li><a href="schedule.html">Sociology</a></li>
<li><a href="schedule.html">Geography</a></li>
<li><a href="schedule.html">History</a></li>
<li><a href="schedule.html">Psychology</a></li>
<li><a href="schedule.html">Economics</a></li>
</ul>
</li>
 </ul>
</li>

</ul>
</nav><!-- .main-nav -->

</div>
</header><!-- #header -->

<!--==========================
Intro Section
============================-->

<br><br> <section id="intro" class="clearfix"><br><br>

<div class="container d-flex h-100">

<table height="400px" width="100%" border="2" align="center">

<tr><td colspan=9 align=center> <FONT COLOR="DARKCYAN">CLASS TIME
TABLE</font></td></tr>

<tr>
<td align="center">
<td>8:30-9:30
<td>9:30-10:30
<td>10:3-11:30
<td>11:30-12:30
<td>12:30-2:00
<td>2:00-3:00
<td>3:00-4:00
<td>4:00-5:00
</tr>
<tr>
<td align="center">MONDAY
<td align="center">---<td align="center"><font color="blue">SUB1<br>
<td align="center"><font color="pink">SUB2<br>
<td align="center"><font color="red">SUB3<br>
<td rowspan="6"align="center">L<br>U<br>N<br>C<br>H
<td align="center"><font color="maroon">SUB4<br>
<td align="center"><font color="brown">SUB5<br>
<td align="center">counselling class
</tr>
<tr>
<td align="center">TUESDAY
<td align="center"><font color="blue">SUB1<br>
<td align="center"><font color="red">SUB2<br>
<td align="center"><font color="pink">SUB3<br>
<td align="center">---
<td align="center"><font color="orange">SUB4<BR>
<td align="center"><font color="maroon">SUB5<br>
<td align="center">library
</tr>
<tr>
<td align="center">WEDNESDAY
<td align="center"><font color="pink">SUB1<br>
<td align="center"><font color="orange">SUB2<BR>
<td align="center"><font color="brown">SWA<br>
<td align="center">---
<td colspan="3" align="center"><font color="green"> lab
</tr>
<tr>
<td align="center">THURSDAY
<td align="center">SUB1<br>
<td align="center"><font color="brown">SUB2<br>
<td align="center"><font color="orange">SUB3<BR>
<td align="center">---
<td align="center"><font color="blue">SUB4<br>
<td align="center"><font color="red">SUB5<br>
<td align="center">library
</tr>
<tr>
<td align="center">FRIDAY
<td align="center"><font color="orange">SUB1<BR>
<td align="center"><font color="maroon">SUB2<br>
<td align="center"><font color="blue">SUB3<br>
<td align="center">---
<td align="center"><font color="pink">SUB4<br>
<td align="center"><font color="brown">SUB5<br>
<td align="center">library
</tr>
<tr>
<td align="center">SATURDAY
<td align="center"><font color="red">SUB1<br>
<td colspan="3" align="center">seminar
<td align="center"><font color="pink">SUB4<br>
<td align="center"><font color="brown">SUB5<br>
<td align="center">library
</tr>

</table><br>
</form></td>
</tr>
</table>
</div>
</section><!-- #intro -->

<main id="main">

<section id="about">

<div class="container">
<div class="row">
 <div class="col-lg-5 col-md-6">
<div class="about-img">
<img src="img/about-img.jpg" alt="">
</div>
</div>

<div class="col-lg-7 col-md-6">

<div class="about-content">
<h2>About Us</h2>
<h3>Samarth coaching Classes.</h3>
<p>For student appearing for exam like "V to IX std,S.S.C Board Exam".
SAMARTH ACADEMY provides the most ideal platform built on the knowledge,
teaching passion and priciples of the founder Mr.Pravin Mandlik</p>
<p>Samarth Academy has been actively serving and supporting the
students in making their academic career for over 14 years.At SAMARTH
ACADEMY,WE give more importance to concept clearance.</p>
<ul>
<li><i class="ion-android-checkmark-circle"></i> Small batch
size.</li>
<li><i class="ion-android-checkmark-circle"></i> Professional
experienced teachers.</li>
<li><i class="ion-android-checkmark-circle"></i> Revision classes just
before exam.</li>
</ul>
</div>
</div>
</div>
 </div>

</section><!-- #about -->

<!--==========================
Footer
============================-->
<footer id="footer" class="section-bg">
<div class="footer-top">
<div class="container">

<div class="row">

<div class="col-lg-6">

<div class="row">

<div class="col-sm-6">

<div class="footer-info">
<h3>Samarth</h3>
<p>Samarth Academy has always believed in commending the
students to inspire them to scale grater heights. Samarth Academy always
teaches to all students that "Always remember that your present situation is
not your final destination. The best is yet to come"</p>
</div>
 <div class="footer-newsletter">
<h4>Our Teaching Methodology</h4>
<p>Samarth Academy is the place of knowledge. E-class is
revolutionary product, developedto help the student ease the burden of
students and score more marks.
We are focusing around making students love learning and get them
excited about learning new chapters and topics.</p>
<form action="" method="post">
<input type="email" name="email"><input type="submit"
value="Subscribe">
</form>
</div>

</div>

<div class="col-sm-6">
<div class="footer-links">
<h4>Useful Links</h4>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#about">About us</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="faculty.html">Faculty</a></li>

</ul>
</div>
 <div class="footer-links">
<h4>Contact Us</h4>
<p>
Sadguru Bungalow <br>
Plot no-11,Sector-12,Road no-10<br>
New Panvel <br>
<strong>Phone:</strong> +91 9819604048<br>
<strong>Email:</strong> [email protected]<br>
</p>
</div>

<div class="social-links">
<a href="index.html" class="twitter"><i class="fa fa-
twitter"></i></a>
<a href="index.html" class="facebook"><i class="fa fa-
facebook"></i></a>
<a href="index.html" class="instagram"><i class="fa fa-
instagram"></i></a>
<a href="index.html" class="linkedin"><i class="fa fa-
linkedin"></i></a>
</div>

</div>

</div>
 </div>

<div id="footer" class="col-lg-6">

<div class="form">

<h4>Send us a message</h4>
<form action="" method="post" role="form" class="contactForm">
<div class="form-group">
<input type="text" name="name" class="form-control" id="name"
placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at
least 4 chars" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="email" class="form-control" name="email" id="email"
placeholder="Your Email" data-rule="email" data-msg="Please enter a valid
email" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject"
placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8
chars of subject" />
<div class="validation"></div>
</div>
<div class="form-group">
 <textarea class="form-control" name="message" rows="5" data-
rule="required" data-msg="Please write something for us"
placeholder="Message"></textarea>
<div class="validation"></div>
</div>

<div id="sendmessage">Your message has been sent. Thank you!

</div>
<div id="errormessage"></div>

<div class="text-center"><button type="submit" title="Send

Message">Send Message</button></div>
</form>
</div>

</div>

</div>

</div>
</div>

<div class="container">
<div class="copyright">
&copy; Copyright <strong>Samarth Academy</strong>. All Rights
Reserved
 </div>
<div class="credits">

Designed by <a href="index.html">Samarth Academy</a>

</div>
</div>
</footer><!-- #footer -->

<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>

<!-- Uncomment below i you want to use a preloader -->
<!-- <div id="preloader"></div> -->

<!-- JavaScript Libraries -->

<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jquery/jquery-migrate.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/mobile-nav/mobile-nav.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Contact Form JavaScript File -->
<script src="contactform/contactform.js"></script>

<!-- Template Main Javascript File -->

<script src="js/main.js"></script>

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Samartha Academy-Gallery</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">

<!-- Favicons -->

<link href="img/favicon.png" rel="icon">
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">

<!-- Google Fonts -->

<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,300i,400,400i,500,600,700,700i|
Montserrat:300,400,500,600,700" rel="stylesheet">

<!-- Bootstrap CSS File -->

<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Libraries CSS Files -->
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">

<!-- Main Stylesheet File -->

<link href="css/style.css" rel="stylesheet">

<!-- =======================================================
Theme Name: Rapid
Theme URL: https://bootstrapmade.com/rapid-multipurpose-bootstrap-
business-template/
Author: BootstrapMade.com
License: https://bootstrapmade.com/license/
======================================================= -->
</head>

<body>
<!--==========================
Header
============================-->
<header id="header">
 <div id="topbar">
<div class="container">
<div class="social-links">
<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
<a href="#" class="instagram"><i class="fa fa-instagram"></i></a>
</div>
</div>
</div>

<div class="container">

<div class="logo float-left">

<!-- Uncomment below if you prefer to use an image logo -->
<span><img src="img/logo1.png" width="100px" height="220px" alt=""
></span>

</div>

<nav class="main-nav float-left d-none d-lg-block">

<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="enq.html">Enquiry</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="faculty.html">Faculty</a></li>
<li><a href="#footer">contact</a></li>
<li class="drop-down"><a href="enq.html">Courses</a>
<ul>
<li class="drop-down"><a href="enq.html">5th-10th</a>

<ul>
<li><a href="schedule.html">Marathi</a></li>
<li><a href="schedule.html">English</a></li>
<li><a href="schedule.html">Maths</a></li>
<li><a href="schedule.html">Science</a></li>
<li><a href="schedule.html">History</a></li>
<li><a href="schedule.html">Geography</a></li>
<li><a href="schedule.html">Hindi/Sanskrit</a></li>
</ul>
</li>

<li class="drop-down"><a href="#">11th-12th</a>

<ul>
<li><a href="schedule.html">Physics</a></li>
<li><a href="schedule.html">Chemistry</a></li>
<li><a href="schedule.html">Maths</a></li>
<li><a href="schedule.html">Biology</a></li>
 </ul>
</li>
<li class="drop-down"><a href="#">Commerce </a>
<ul>
<li><a href="schedule.html">Accountancy</a></li>
<li><a href="schedule.html">Economics</a></li>
<li><a href="schedule.html">Entrepreneurship</a></li>
<li><a href="schedule.html">Mathematics</a></li>
<li><a href="schedule.html">Physical Education</a></li>
<li><a href="schedule.html">Political Science</a></li>
</ul>
</li>
<li class="drop-down"><a href="#">Arts</a>
<ul>
<li><a href="schedule.html">Sociology</a></li>
<li><a href="schedule.html">Geography</a></li>
<li><a href="schedule.html">History</a></li>
<li><a href="schedule.html">Psychology</a></li>
<li><a href="schedule.html">Economics</a></li>
</ul>
</li>

</ul>
</li>

</ul>
 </nav><!-- .main-nav -->

</div>
</header><!-- #header -->

<!--==========================
Intro Section
============================-->

<script>
var slideIndex = 1;
showDivs(slideIndex);

function plusDivs(n) {
showDivs(slideIndex += n);
}

function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
 x[slideIndex-1].style.display = "block";
}
</script>

<style>
.mySlides {display:none;}
</style>
<link rel="stylesheet" href="css/w3.css">
<body onload="plusDivs(1)">
<!--==========================
Intro Section
============================-->
<br><br>
<section id="intro" class="clearfix"><br><br>
<div class="container d-flex h-100">

<div class="w3-content w3-display-container">

<img class="mySlides" src="img/logo1.png" style="width:100%">
<img class="mySlides" src="img/group2.jpg" style="width:100%">
<img class="mySlides" src="img/group1.jpg" style="width:100%">
<img class="mySlides" src="img/group3.jpg" style="width:100%">

<button class="w3-button w3-black w3-display-left" onclick="plusDivs(-

1)">&#10094;</button>
 <button class="w3-button w3-black w3-display-right"
onclick="plusDivs(1)">&#10095;</button>
</div>

</div>

</section>

<main id="main">

<section id="about">

<div class="container">
<div class="row">

<div class="col-lg-5 col-md-6">

<div class="about-img">
<img src="img/about-img.jpg" alt="">
</div>
</div>

<div class="col-lg-7 col-md-6">

<div class="about-content">
<h2>About Us</h2>
<h3>Samarth coaching Classes.</h3>
 <p>For student appearing for exam like "V to IX std,S.S.C Board Exam".
SAMARTH ACADEMY provides the most ideal platform built on the knowledge,
teaching passion and priciples of the founder Mr.Pravin Mandlik</p>
<p>Samarth Academy has been actively serving and supporting the
students in making their academic career for over 14 years.At SAMARTH
ACADEMY,WE give more importance to concept clearance.</p>
<ul>
<li><i class="ion-android-checkmark-circle"></i> Small batch
size.</li>
<li><i class="ion-android-checkmark-circle"></i> Professional
experienced teachers.</li>
<li><i class="ion-android-checkmark-circle"></i> Revision classes just
before exam.</li>
</ul>
</div>
</div>
</div>
</div>

</section><!-- #about -->

<!--==========================
Footer
============================-->
<footer id="footer" class="section-bg">
<div class="footer-top">
<div class="container">
 <div class="row">

<div class="col-lg-6">

<div class="row">

<div class="col-sm-6">

<div class="footer-info">
<h3>Samarth</h3>
<p>Samarth Academy has always believed in commending the
students to inspire them to scale grater heights. Samarth Academy always
teaches to all students that "Always remember that your present situation is
not your final destination. The best is yet to come"</p>
</div>

<div class="footer-newsletter">
<h4>Our Teaching Methodology</h4>
<p>Samarth Academy is the place of knowledge. E-class is
revolutionary product, developedto help the student ease the burden of
students and score more marks.
We are focusing around making students love learning and get them
excited about learning new chapters and topics.</p>
<form action="" method="post">
<input type="email" name="email"><input type="submit"
value="Subscribe">
</form>
 </div>

</div>

<div class="col-sm-6">
<div class="footer-links">
<h4>Useful Links</h4>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#about">About us</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="faculty.html">Faculty</a></li>

</ul>
</div>

<div class="footer-links">
<h4>Contact Us</h4>
<p>
Sadguru Bungalow <br>
Plot no-11,Sector-12,Road no-10<br>
New Panvel <br>
<strong>Phone:</strong> +91 9819604048<br>
<strong>Email:</strong> [email protected]<br>
</p>
</div>
 <div class="social-links">
<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
<a href="#" class="instagram"><i class="fa fa-instagram"></i></a>
<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
</div>

</div>

</div>

</div>

<div id="footer" class="col-lg-6">

<div class="form">

<h4>Send us a message</h4>
<form action="" method="post" role="form" class="contactForm">
<div class="form-group">
<input type="text" name="name" class="form-control" id="name"
placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at
least 4 chars" />
<div class="validation"></div>
</div>
<div class="form-group">
 <input type="email" class="form-control" name="email" id="email"
placeholder="Your Email" data-rule="email" data-msg="Please enter a valid
email" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject"
placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8
chars of subject" />
<div class="validation"></div>
</div>
<div class="form-group">
<textarea class="form-control" name="message" rows="5" data-
rule="required" data-msg="Please write something for us"
placeholder="Message"></textarea>
<div class="validation"></div>
</div>

<div id="sendmessage">Your message has been sent. Thank you!

</div>
<div id="errormessage"></div>

<div class="text-center"><button type="submit" title="Send

Message">Send Message</button></div>
</form>
</div>

</div>
 </div>

</div>
</div>

<div class="container">
<div class="copyright">
&copy; Copyright <strong>Samarth Academy</strong>. All Rights
Reserved
</div>
<div class="credits">
<!--
All the links in the footer should remain intact.
You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form:
https://bootstrapmade.com/buy/?theme=Rapid
-->
Designed by <a href="index.html">Samarth Academy</a>
</div>
</div>
</footer><!-- #footer -->

<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>

<!-- Uncomment below i you want to use a preloader -->
<!-- <div id="preloader"></div> -->

<!-- JavaScript Libraries -->

<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jquery/jquery-migrate.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/mobile-nav/mobile-nav.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Contact Form JavaScript File -->
<script src="contactform/contactform.js"></script>

<!-- Template Main Javascript File -->

<script src="js/main.js"></script>

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Samartha Academy - Faculty List</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">

<!-- Favicons -->

<link href="img/favicon.png" rel="icon">
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">

<!-- Google Fonts -->

<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,300i,400,400i,500,600,700,700i|
Montserrat:300,400,500,600,700" rel="stylesheet">

<!-- Bootstrap CSS File -->

<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<!-- Libraries CSS Files -->

<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">

<!-- Main Stylesheet File -->

<link href="css/style.css" rel="stylesheet">
<!-- =======================================================
Theme Name: Rapid
Theme URL: https://bootstrapmade.com/rapid-multipurpose-bootstrap-
business-template/
Author: BootstrapMade.com
License: https://bootstrapmade.com/license/
======================================================= -->
</head>

<body>
<!--==========================
Header
============================-->
<header id="header">

<div id="topbar">
<div class="container">
<div class="social-links">
<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
<a href="#" class="instagram"><i class="fa fa-instagram"></i></a>
</div>
</div>
</div>
 <div class="container">

<div class="logo float-left">

<!-- Uncomment below if you prefer to use an image logo -->
<span><img src="img/logo1.png" width="100px" height="220px" alt=""
></span>

</div>

<nav class="main-nav float-left d-none d-lg-block">

<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="enq.html">Enquiry</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="faculty.html">Faculty</a></li>
<li><a href="#footer">contact</a></li>
<li class="drop-down"><a href="enq.html">Courses</a>
<ul>
<li class="drop-down"><a href="enq.html">5th-10th</a>

<ul>
<li><a href="schedule.html">Marathi</a></li>
<li><a href="schedule.html">English</a></li>
<li><a href="schedule.html">Maths</a></li>
 <li><a href="schedule.html">Science</a></li>
<li><a href="schedule.html">History</a></li>
<li><a href="schedule.html">Geography</a></li>
<li><a href="schedule.html">Hindi/Sanskrit</a></li>
</ul>
</li>

<li class="drop-down"><a href="#">11th-12th</a>

<ul>
<li><a href="schedule.html">Physics</a></li>
<li><a href="schedule.html">Chemistry</a></li>
<li><a href="schedule.html">Maths</a></li>
<li><a href="schedule.html">Biology</a></li>

</ul>
</li>
<li class="drop-down"><a href="#">Commerce </a>
<ul>
<li><a href="schedule.html">Accountancy</a></li>
<li><a href="schedule.html">Economics</a></li>
<li><a href="schedule.html">Entrepreneurship</a></li>
<li><a href="schedule.html">Mathematics</a></li>
<li><a href="schedule.html">Physical Education</a></li>
<li><a href="schedule.html">Political Science</a></li>
 </ul>
</li>
<li class="drop-down"><a href="#">Arts</a>
<ul>
<li><a href="schedule.html">Sociology</a></li>
<li><a href="schedule.html">Geography</a></li>
<li><a href="schedule.html">History</a></li>
<li><a href="schedule.html">Psychology</a></li>
<li><a href="schedule.html">Economics</a></li>
</ul>
</li>

</ul>
</li>

</ul>
</nav><!-- .main-nav -->

</div>
</header><!-- #header -->

<!--==========================
Intro Section
============================-->
<br><br><br><br>
<section id="intro" class="clearfix">
<div class="container d-flex h-100">
<table height="400px" width=100%" border='5' cellspacing='5'
cellpadding='5' align="center">
<tr><td colspan='10'><h1 align='center'>VIEW FACULTY
LIST</h1></td></tr>
<tr><th>SR
NO</th><th>Name</th><th>Qualification</th><th>Experience</th><th>Subj
ect</th><th>Standard</th><th>Address</th><th>City</th><th>Mobile</th>
<th>Email</th></tr>
<tr><th>1</th><th>Mrs Sayali Patil</th><th>BSC</th><th>7
Years</th><th>Maths</th><th>IX</th><th>Panvel</th><th>Mumbai</th><t
h>9098765434</th><th>[email protected]</th></tr>
<tr><th>1</th><th>Mrs Sanaya Sathe</th><th>B.Com</th><th>3
Years</th><th>Science</th><th>IX</th><th>Panvel</th><th>Mumbai</th>
<th>8098765434</th><th>[email protected]</th></tr>
<tr><th>1</th><th>Mr Rohit Kulkarni</th><th>Msc</th><th>4
Years</th><th>English</th><th>IX</th><th>Panvel</th><th>Mumbai</th><
th>9898765434</th><th>[email protected]</th></tr>
</table></div></section>

<main id="main">

<section id="about">

<div class="container">
<div class="row">
 <div class="col-lg-5 col-md-6">
<div class="about-img">
<img src="img/about-img.jpg" alt="">
</div>
</div>

<div class="col-lg-7 col-md-6">

<div class="about-content">
<h2>About Us</h2>
<h3>Samarth coaching Classes.</h3>
<p>For student appearing for exam like "V to IX std,S.S.C Board Exam".
SAMARTH ACADEMY provides the most ideal platform built on the knowledge,
teaching passion and priciples of the founder Mr.Pravin Mandlik</p>
<p>Samarth Academy has been actively serving and supporting the
students in making their academic career for over 14 years.At SAMARTH
ACADEMY,WE give more importance to concept clearance.</p>
<ul>
<li><i class="ion-android-checkmark-circle"></i> Small batch
size.</li>
<li><i class="ion-android-checkmark-circle"></i> Professional
experienced teachers.</li>
<li><i class="ion-android-checkmark-circle"></i> Revision classes just
before exam.</li>
</ul>
</div>
</div>
</div>
 </div>

</section><!-- #about -->

<!--==========================
Footer
============================-->
<footer id="footer" class="section-bg">
<div class="footer-top">
<div class="container">

<div class="row">

<div class="col-lg-6">

<div class="row">

<div class="col-sm-6">

<div class="footer-info">
<h3>Samarth</h3>
<p>Samarth Academy has always believed in commending the
students to inspire them to scale grater heights. Samarth Academy always
teaches to all students that "Always remember that your present situation is
not your final destination. The best is yet to come"</p>
</div>
 <div class="footer-newsletter">
<h4>Our Teaching Methodology</h4>
<p>Samarth Academy is the place of knowledge. E-class is
revolutionary product, developedto help the student ease the burden of
students and score more marks.
We are focusing around making students love learning and get them
excited about learning new chapters and topics.</p>
<form action="" method="post">
<input type="email" name="email"><input type="submit"
value="Subscribe">
</form>
</div>

</div>

<div class="col-sm-6">
<div class="footer-links">
<h4>Useful Links</h4>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#about">About us</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="faculty.html">Faculty</a></li>

</ul>
</div>
 <div class="footer-links">
<h4>Contact Us</h4>
<p>
Sadguru Bungalow <br>
Plot no-11,Sector-12,Road no-10<br>
New Panvel <br>
<strong>Phone:</strong> +91 9819604048<br>
<strong>Email:</strong> [email protected]<br>
</p>
</div>

<div class="social-links">
<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
<a href="#" class="instagram"><i class="fa fa-instagram"></i></a>
<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
</div>

</div>

</div>

</div>

<div id="footer" class="col-lg-6">

 <div class="form">

<h4>Send us a message</h4>
<form action="" method="post" role="form" class="contactForm">
<div class="form-group">
<input type="text" name="name" class="form-control" id="name"
placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at
least 4 chars" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="email" class="form-control" name="email" id="email"
placeholder="Your Email" data-rule="email" data-msg="Please enter a valid
email" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject"
placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8
chars of subject" />
<div class="validation"></div>
</div>
<div class="form-group">
<textarea class="form-control" name="message" rows="5" data-
rule="required" data-msg="Please write something for us"
placeholder="Message"></textarea>
<div class="validation"></div>
</div>
 <div id="sendmessage">Your message has been sent. Thank you!
</div>
<div id="errormessage"></div>

<div class="text-center"><button type="submit" title="Send

Message">Send Message</button></div>
</form>
</div>

</div>

</div>

</div>
</div>

<div class="container">
<div class="copyright">
&copy; Copyright <strong>Samarth Academy</strong>. All Rights
Reserved
</div>
<div class="credits">
<!--
All the links in the footer should remain intact.
 You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form:
https://bootstrapmade.com/buy/?theme=Rapid
-->
Designed by <a href="index.html">Samarth Academy</a>
</div>
</div>
</footer><!-- #footer -->

<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>

<!-- Uncomment below i you want to use a preloader -->
<!-- <div id="preloader"></div> -->

<!-- JavaScript Libraries -->

<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jquery/jquery-migrate.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/mobile-nav/mobile-nav.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Contact Form JavaScript File -->
<script src="contactform/contactform.js"></script>

<!-- Template Main Javascript File -->

<script src="js/main.js"></script>

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Samartha Academy-Admission Form</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">

<!-- Favicons -->

<link href="img/favicon.png" rel="icon">
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">

<!-- Google Fonts -->

<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,300i,400,400i,500,600,700,700i|
Montserrat:300,400,500,600,700" rel="stylesheet">
 <!-- Bootstrap CSS File -->
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<!-- Libraries CSS Files -->

<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">

<!-- Main Stylesheet File -->

<link href="css/style.css" rel="stylesheet">

<script language="javascript">
function check()
{

if(document.form1.fname.value=="")
{
alert("Please enter First Name");
document.form1.fname.focus();
return false;
}

if(document.form1.add.value=="")
{
 alert("Please enter Address");
document.form1.add.focus();
return false;
}
if(document.form1.city.value=="")
{
alert("Please enter City");
document.form1.city.focus();
return false;
}
if(document.form1.mob.value=="")
{
alert("Please enter Mobile No.");
document.form1.mob.focus();
return false;
}
if(document.form1.courses.value=="")
{
alert("Please Select Courses");
document.form1.courses.focus();
return false;
}
if(document.form1.std.value=="")
{
alert("Please Select STD");
document.form1.courses.focus();
 return false;
}
if(document.form1.email.value=="")
{
alert("Please enter your email address");
document.form1.email.focus();
return false;
}
e=document.form1.email.value;
f1=e.indexOf('@');
f2=e.indexOf('@',f1+1);
e1=e.indexOf('.');
e2=e.indexOf('.',e1+1);
n=e.length;

if(!(f1>0 && f2==-1 && e1>0 && e2==-1 && f1!=e1+1 && e1!=f1+1 && f1!=n-1
&& e1!=n-1))
{
alert("Please Enter valid Email");
document.form1.email.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<!--==========================
Header
============================-->
<header id="header">

<div id="topbar">
<div class="container">
<div class="social-links">
<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
<a href="#" class="instagram"><i class="fa fa-instagram"></i></a>
</div>
</div>
</div>

<div class="container">

<div class="logo float-left">

<!-- Uncomment below if you prefer to use an image logo -->
<span><img src="img/logo1.png" width="100px" height="220px" alt=""
></span>

</div>
<nav class="main-nav float-left d-none d-lg-block">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="enq.html">Enquiry</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="faculty.html">Faculty</a></li>
<li><a href="#footer">contact</a></li>
<li class="drop-down"><a href="enq.html">Courses</a>
<ul>
<li class="drop-down"><a href="enq.html">5th-10th</a>

<ul>
<li><a href="schedule.html">Marathi</a></li>
<li><a href="schedule.html">English</a></li>
<li><a href="schedule.html">Maths</a></li>
<li><a href="schedule.html">Science</a></li>
<li><a href="schedule.html">History</a></li>
<li><a href="schedule.html">Geography</a></li>
<li><a href="schedule.html">Hindi/Sanskrit</a></li>
</ul>
</li>

<li class="drop-down"><a href="#">11th-12th</a>

<ul>
<li><a href="schedule.html">Physics</a></li>
<li><a href="schedule.html">Chemistry</a></li>
<li><a href="schedule.html">Maths</a></li>
<li><a href="schedule.html">Biology</a></li>

</ul>
</li>
<li class="drop-down"><a href="#">Commerce </a>
<ul>
<li><a href="schedule.html">Accountancy</a></li>
<li><a href="schedule.html">Economics</a></li>
<li><a href="schedule.html">Entrepreneurship</a></li>
<li><a href="schedule.html">Mathematics</a></li>
<li><a href="schedule.html">Physical Education</a></li>
<li><a href="schedule.html">Political Science</a></li>
</ul>
</li>
<li class="drop-down"><a href="#">Arts</a>
<ul>
<li><a href="schedule.html">Sociology</a></li>
<li><a href="schedule.html">Geography</a></li>
<li><a href="schedule.html">History</a></li>
<li><a href="schedule.html">Psychology</a></li>
<li><a href="schedule.html">Economics</a></li>
 </ul>
</li>

</ul>
</li>

</ul>
</nav><!-- .main-nav -->

</div>
</header><!-- #header -->

<!--==========================
Intro Section
============================-->
<br><br><br><br>
</section><!-- #intro -->
<br>
<!--==========================
Intro Section
============================-->
<section id="intro" class="clearfix"><br><br>
<div class="container d-flex h-100">

<table height="400px" width="100%" border="2" align="center">

 <tr>
<td width="132" rowspan="2" valign="top"><span class="style8"><img
src="">
</span></td>
<td width="468" height="57"><h3 align="center"><span
class="style8">Please Fill In the following enquiry form.</span></h3></td>
</tr>
<tr>
<td><form name="form1" method="post" action="newenq.php"
onSubmit="return check();">
<table width="801" border="1" cellpadding=5 cellspacing=5 align="left">

<tr>
<td class="style7"><b>Name</b></td>
<td><input type="text" name="fname" id="fname"></td>
</tr>

<tr>
<td valign="top" class="style7"><b>Address</b></td>
<td><textarea name="add" id="add"></textarea></td>
</tr>
<tr>
<td valign="top" class="style7"><b>City</b></td>
<td><input name="city" type="text" id="city"></td>
</tr>
<tr>
<td valign="top" class="style7"><b>Mobile No.</b></td>
 <td><input name="mob" type="text" id="mob"></td>
</tr>
<tr>
<td valign="top" class="style7"><b>Email ID.</b></td>
<td><input name="email" type="text" id="email"></td>
</tr>

<tr>
<td valign="top" class="style7"><b>STD</b></td>
<td><select name="std"><option>5th</option>
<option>6th</option>
<option>7th</option>
<option>8th</option>
<option>9th</option>
<option>10th</option>

<option>11th</option>
<option>12th</option>

</select>
</td>
<tr>
<td>&nbsp;</td>
<td><input type="Submit" name="Submit"
value="Submit"></td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
 </table><br>
</form></td>
</tr>
</table>

</div>
</section><!-- #intro -->

<main id="main">

<section id="about">

<div class="container">
<div class="row">

<div class="col-lg-5 col-md-6">

<div class="about-img">
<img src="img/about-img.jpg" alt="">
</div>
</div>

<div class="col-lg-7 col-md-6">

<div class="about-content">
<h2>About Us</h2>
<h3>Samarth coaching Classes.</h3>
 <p>For student appearing for exam like "V to IX std,S.S.C Board Exam".
SAMARTH ACADEMY provides the most ideal platform built on the knowledge,
teaching passion and priciples of the founder Mr.Pravin Mandlik</p>
<p>Samarth Academy has been actively serving and supporting the
students in making their academic career for over 14 years.At SAMARTH
ACADEMY,WE give more importance to concept clearance.</p>
<ul>
<li><i class="ion-android-checkmark-circle"></i> Small batch
size.</li>
<li><i class="ion-android-checkmark-circle"></i> Professional
experienced teachers.</li>
<li><i class="ion-android-checkmark-circle"></i> Revision classes just
before exam.</li>
</ul>
</div>
</div>
</div>
</div>

</section><!-- #about -->

<!--==========================
Footer
============================-->
<footer id="footer" class="section-bg">
<div class="footer-top">
<div class="container">
 <div class="row">

<div class="col-lg-6">

<div class="row">

<div class="col-sm-6">

<div class="footer-info">
<h3>Samarth</h3>
<p>Samarth Academy has always believed in commending the
students to inspire them to scale grater heights. Samarth Academy always
teaches to all students that "Always remember that your present situation is
not your final destination. The best is yet to come"</p>
</div>

<div class="footer-newsletter">
<h4>Our Teaching Methodology</h4>
<p>Samarth Academy is the place of knowledge. E-class is
revolutionary product, developedto help the student ease the burden of
students and score more marks.
We are focusing around making students love learning and get them
excited about learning new chapters and topics.</p>
<form action="" method="post">
<input type="email" name="email"><input type="submit"
value="Subscribe">
</form>
 </div>

</div>

<div class="col-sm-6">
<div class="footer-links">
<h4>Useful Links</h4>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#about">About us</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="faculty.html">Faculty</a></li>

</ul>
</div>

<div class="footer-links">
<h4>Contact Us</h4>
<p>
Sadguru Bungalow <br>
Plot no-11,Sector-12,Road no-10<br>
New Panvel <br>
<strong>Phone:</strong> +91 9819604048<br>
<strong>Email:</strong> [email protected]<br>
</p>
</div>
 <div class="social-links">
<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
<a href="#" class="instagram"><i class="fa fa-instagram"></i></a>
<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
</div>

</div>

</div>

</div>

<div id="footer" class="col-lg-6">

<div class="form">

<h4>Send us a message</h4>
<form action="" method="post" role="form" class="contactForm">
<div class="form-group">
<input type="text" name="name" class="form-control" id="name"
placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at
least 4 chars" />
<div class="validation"></div>
</div>
<div class="form-group">
 <input type="email" class="form-control" name="email" id="email"
placeholder="Your Email" data-rule="email" data-msg="Please enter a valid
email" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject"
placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8
chars of subject" />
<div class="validation"></div>
</div>
<div class="form-group">
<textarea class="form-control" name="message" rows="5" data-
rule="required" data-msg="Please write something for us"
placeholder="Message"></textarea>
<div class="validation"></div>
</div>

<div id="sendmessage">Your message has been sent. Thank you!

</div>
<div id="errormessage"></div>

<div class="text-center"><button type="submit" title="Send

Message">Send Message</button></div>
</form>
</div>

</div>
 </div>

</div>
</div>

<div class="container">
<div class="copyright">
&copy; Copyright <strong>Samarth Academy</strong>. All Rights
Reserved
</div>
<div class="credits">
<!--
All the links in the footer should remain intact.
You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form:
https://bootstrapmade.com/buy/?theme=Rapid
-->
Designed by <a href="index.html">Samarth Academy</a>
</div>
</div>
</footer><!-- #footer -->

<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>

<!-- Uncomment below i you want to use a preloader -->
<!-- <div id="preloader"></div> -->

<!-- JavaScript Libraries -->

<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jquery/jquery-migrate.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/mobile-nav/mobile-nav.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Contact Form JavaScript File -->
<script src="contactform/contactform.js"></script>

<!-- Template Main Javascript File -->

<script src="js/main.js"></script>

</body>
</html>