Kerala University B.com Computer Application Project On Website Development
Kerala University B.com Computer Application Project On Website Development
Kerala University B.com Computer Application Project On Website Development
As a part of our degree of B.Com Commerce with Computer Application we have selected
the development of a website of “Indhira Janardhanan Vidya Mandir”. In this project we are
planning to develop a fully equipped website to satisfy the needs of a website user as well as
the institution.
Indhira Janardhanan Vidya Mandir is an English medium school affiliated to CBSE. The
institution aiming to empower students to acquire, demonstrate, articulate and value
knowledge and skills that will support them; as lifelong learners, to participate in and
contribute to the global world and practice the core value of the school respect, tolerance and
inclusion, and excellence in all fields of their career. Indhira Janardhanan Vidya Mandir,
founded in the year 1992 the school was named after the first principal Mrs. Indhira
Janardhanan . The institutions main aim is to impart students with ethical and moral values
believing in the religion of oneness and creating a dynamic personality for the society. Hence
Indhira Janardhanan Vidya Mandir seeks to develop in students’ intellectual curiosity,
eagerness for learning, ability to utilize their knowledge for social welfare and discover their
talents so as to emerge as dynamic personality and to create youthful and smart generation.
Planning a new website is a tough task as it requires investigation, study, research within a
stipulated time but it is a must for competency. With an increase in modern technology we
need to update our system of education institutions also.
To develop this website we use two core languages HTML and CSS. HTML provides the
structure of the page whereas CSS the layout, for a variety of device. Enabling the website
with many features helps the company in handling data. This website works in all the popular
operating systems.
1
REVIEW OF LITERATURE
A site (location) on the World Wide Web. Each website contains a home page, which is the
first document users see when they enter the site. The site might also contain additional
documents and files. Each site is owned and managed by an individual, company or
organization.
The internet society is focused on ensuring that a healthy, sustainable internet is available to
everyone today and for the next billion users. Technology based programs are the new trend
in the economy. Internet technology is important in many different industries because it
allows people to communicate and share information’s with each other. Internet technology
has changed, and will continue to change, the way that it does everything and how people
interact in daily life
Now the technologies go through artificial intelligence, virtual reality and so on. People don’t
waste much time to acquire knowledge they want everything in fingertip. For transferring
data before them technologies has made a great advantage with the programming languages
like HTML, CSS etc... They make use of components, device, and protocols to do so.
Information is accessible at a lower cost too.
Hypertext Markup Language (HTML) is the standard markup language for creating web
pages and web applications. With Cascading Style Sheets (CSS), and JavaScript, it forms a
triad of cornerstone technologies for the World Wide Web. Web browsers receive HTML
documents from a web server or from local storage and render them into multimedia web
pages. HTML describes the structure of a web page semantically and originally included cues
for the appearance of the document.
HTML elements are the building blocks of HTML pages. With HTML constructs, images
and other objects, such as interactive forms, may be embedded into the rendered page. It
provides a means to create structured documents by denoting structural semantics for text
2
such as headings, paragraphs, lists, links, quotes and other items. HTML elements are
delineated by tags, written using angle brackets. Tags such as <img /> and <input />
introduce content into the page directly. Others such as <p>...</p> surround and provide
information about document text and may include other tags as sub-elements. Browsers do
not display the HTML tags, but use them to interpret the content of the page.
HTML can embed programs written in a scripting language such as JavaScript which affect
the behavior and content of web pages. Inclusion of CSS defines the look and layout of
content. The World Wide Web Consortium (W3C), maintainer of both the HTML and the
CSS standards, has encouraged the use of CSSoIn 1980, physicist Tim Berners-Lee, a
contractor at CERN, proposed and prototyped ENQUIRE, a system for CERN researchers to
use and share documents. In 1989, Berners-Lee wrote a memo proposing an Internet-based
hypertext system. Berners-Lee specified HTML and wrote the browser and server software in
late 1990. That year, Berners-Lee and CERN data systems engineer Robert Cailliau
collaborated on a joint request for funding, but the project was not formally adopted by
CERN. In his personal note from 1990 he listed "some of the many areas in which hypertext
is used" and put an encyclopedia first.
The first publicly available description of HTML was a document called "HTML Tags", first
mentioned on the Internet by Tim Berners-Lee in late 1991. It describes 18 elements
comprising the initial, relatively simple design of HTML. Except for the hyperlink tag, these
were strongly influenced by SGMLguid, an in-house Standard Generalized Markup
Language (SGML)-based documentation format at CERN. Eleven of these elements still
exist in HTML 4.
HTML is a markup language that web browsers use to interpret and compose text, images,
and other material into visual or audible web pages. Default characteristics for every item of
HTML markup are defined in the browser, and these characteristics can be altered or
enhanced by the web page designer's additional use of CSS. Many of the text elements are
found in the 1988 ISO technical report TR 9537 Techniques for using SGML, which in turn
covers the features of early text formatting languages such as that used by the RUNOFF
command developed in the early 1960s for the CTSS (Compatible Time-Sharing System)
operating system: these formatting commands were derived from the commands used by
3
typesetters to manually format documents. The draft expired after six months, but was
notable for its acknowledgment of the NCSA Mosaic browser's custom tag for embedding in-
line images, reflecting the IETF's philosophy of basing standards on successful prototypes.
Similarly, Dave Raggett's competing Internet-Draft, "HTML+ (Hypertext Markup Format)",
from late 1993, suggested standardizing already-implemented features like tables and fill-out
forms.
After the HTML and HTML+ drafts expired in early 1994, the IETF created an HTML
Working Group, which in 1995 completed "HTML 2.0", the first HTML specification
intended to be treated as a standard against which future implementations should be based.
Further development under the auspices of the IETF was stalled by competing interests.
Since 1996, the HTML specifications have been maintained, with input from commercial
software vendors, by the World Wide Web Consortium (W3C). However, in 2000, HTML
also became an international standard (ISO/IEC 15445:2000). HTML 4.01 was published in
late 1999, with further errata published through 2001. In 2004, development began on
HTML5 in the Web Hypertext Application Technology Working Group (WHATWG), which
became a joint deliverable with the W3C in 2008, and completed and standardized on 28
October 2014.ver explicit presentational HTML since 1997
Before Cascading Style Sheets (CSS) there was very little that could be done to change the
design of a web page. While Hyper Text Markup Language (HTML) creates documents for
the World Wide Web, it was specifically designed to hold the content of a web page. Housed
in a separate file, CSS adds the style and design to a web page. The term cascading comes
from the ability to combine multiple CSS files to determine the style for one page.
As more people started using HTML, the demand grew for more design capabilities, which
would allow developers to control how web documents looked. But browsers offered limited
capabilities for styling. In 1993 NCSA Mosaic was released, making the web more popular
than ever, but it only offered limited capability to change fonts and colors.
In October 1994, Tim Berners-Lee formed the World Wide Web Consortium, (W3C) at the
Massachusetts Institute of Technology Laboratory for Computer Science. The W3C has
members that are government entities, businesses, educational institutions and individuals.
4
The W3C creates recommendations that are used to keep the web experience consistent
among different browsers.
HakonWium Lie released the first draft of “Cascading HTML Style Sheets” in October 1994.
Brent Bos was also building Argo, a browser that had style sheets which could be used by
other markup languages. In all, nine different style sheet proposals were submitted. The
discussions on the www-style mailing list, which was created in May 1995, influenced the
development of CSS.
Although it took 3 years for any browser to come close to fully implementing CSS, August
1996 Microsoft Internet Explorer became the first browser to support CSS. Netscape
followed suit in supporting CSS, but also implemented an alternative JavaScript Style Sheets,
which were never fully completed, and are now deprecated. To this day, there are differences
in the way CSS is implemented in different browsers, leading developers to use hacks to
make web pages look consistent in different browsers.
Because level 3 was separated into modules, there will be no single CSS 4 release. Some
level 4 modules which build on level 3 functions have released. New functionality has been
added in other modules. Modules will continue to be released to continue to add and update
features.
Although there are some limitations, CSS has added functionality and design to web pages
which were once simple documents. The advantages of CSS include content and presentation
being in separate files, consistency of format throughout a site, reduction of bandwidth,
accessibility, the ability to easily change the style of a site, and the ability to change the
design of a web page for different devices. If you take a moment to imagine a website where
the only design features are font and color changes, you will recognize that CSS has
contributed greatly to the popularity, ease of use and accessibility of the internet.
Your operating system is the software that runs your computer system. Windows is an
example of an operating system. Each operating system has its own way of rendering web
pages and even each version. So if you’re running Windows Vista and your friend is running
Windows XP your pages may render differently
5
STATEMENT OF PROBLEM
The first foot for developing is the identification of basic as well as concrete need. The
development of a new website or an improvement in the existing system is purely based on
the user’s request to change or improve. Without the investigation for a solution nothing
makes a good sense. So, firstly for dealing with the issue we had done background
investigation, fact finding analysis as well as presentation of findings
The study is conducted at “Indhira Janardhanan Vidya Mandir” at Maruthorvattam. The main
objective of the study is to find out the functioning of the institution and the problem faced
by the institution and also to check the effectiveness of the institution. Try to create a digital
platform for the institution through creation of a website for the institution.
6
NEED AND SIGNIFICANCE OF STUDY
IMPORTANCE OF A WEBSITE
Not every organization can afford television advertising, but a website provides a
visualization element and is always available to anyone with Internet access. If a customer
has questions that can be better answered on a website than over the phone, this is a valuable
asset to your marketing mix.
There is a good possibility that you found this website through a search engine such as
Google. Between 80-95 percent of all website traffic usually comes from search engines.
You can target visitors who are actively looking for you, your product, your service, or your
information. A website is an extremely cost effective way to advertise to those who are
already interested in what you have to offer.
No other medium for being available 24/7/365 even compares to a website. With the modest
cost of developing a website and putting it online, there is nothing even close to being as cost
effective. Printed materials are easily misplaced. TV and radio commercials air at preset
times. A website can be visited at a time that is convenient for the visitor, and it is more
engaging when designed correctly.
A website is interactive:
Even just a few years ago, most websites were nothing more than an electronic brochure.
Their real potential was not being realized. That has now changed dramatically. Website
visitors have the ability to control and interact with a well designed website. You can take a
virtual tour, spin an object around to see all sides, provide direct feedback, and much more.
7
A website can target each visitor specifically:
Every visitor's needs are met with an effective website design. With proper targeting, you
have their attention because they are already interested. By strategically planning your
website, you can customize each area to the type of website visitor who can benefit from it.
It is even possible to customize web pages to individual users for added convenience.
A website is easily updated:
Unlike printed materials, websites can be changed on a minute by minute basis if needed.
The expensive production costs of video, and the editing time needed for a good
advertisement, make websites even more attractive. Plus, video can be provided on a website,
and printed materials can be made available for instant download on a website.
By making printed materials available on a website, it benefits both you and your website
visitors. They have instant access so they do not have to wait for your mail to arrive, and you
save on printing and mailing. Your website can have even more impact because you can
illustrate things such as movements and animation that printed materials alone cannot show.
8
OBJECTIVES OF THE STUDY
The main objective behind the study was to have more practical knowledge about the
institution’s functioning and creating a website for the institution and understanding activities
and management of the institution.
PRIMARY OBJECTIVE
SECONDARY OBJECTIVES
9
RESEARCH METHODOLOGY
Methodology means all the methods and techniques that are used for conducting researches.
It is a way to scientific and systematic research for potent information on a specific and
source the research problem and help in arriving solutions, by relating the available data with
unknown aspects of the problem. In any research, different methods to arrive at the result of
the study conducted. Exploratory research has used to collect the data relating to the topic
and understand the study. It has been carried out by two main source of information they are;
SOURCES OF DATA
PRIMARY DATA
Primary data means the firsthand / time information collected by the researchers. It is
collected directly from employees, department heads and the organization study guiding the
institution. It is collected through observation and direct interview. It has based on this
objective. It includes;
Primary data are collected through discussion with principal, vice principal, and other
teaching and non-teaching staffs.
Through observation.
Through interview.
SECONDARY DATA
Secondary data means second-hand data which has already been collected by some other
persons at some other times or some other purpose.
Institution records.
Institution files.
Annual reports.
Project reports.
Institution website.
Internet.
10
DIRECT INTERVIEW
Direct interview is the method of collecting information about a topic from a person by
personally interacting with that person by asking details about the topic.
We conducted an interview with the Principal, Mrs. Chithra Krishnan Vice Principal, Mrs.
Meera Devi, and with other teachers and non-teaching staffs of the institution. They provided
us with lot of details about the school, the year of establishment, aim of the institution,
vision, mission of the institution etc.
We collected the information about the school from the library of the institution. From the
library we got information from the old magazines and other books of the school.
INTERNET
We also collected information from the internet; we make use of the existing website of the
school for downloading the images of the institution. We also got the GPS location of the
school.
We got information from the old records of the institution from their office about the fee
structure, number of students, number of staffs, number of teachers, and we also got the
information about the total area of the school, the year of establishment of the school,
ONSITE OBSERVATION
It is a process which involves observing, recording, and interpreting the expert’s problem-
solving process while it takes place. The knowledge developer does more listening than
talking; avoids giving advice and usually does not pass his/her own judgment on what is
being observed, even if it seems incorrect; and most of all, does not argue with the expert
while the expert is performing the task. Compared to the process of interviewing, on-site
observation brings the knowledge developer closer to the actual steps, technique and
procedures used by the expert.
11
Here we collected data through onsite observation. It helps us to make a good interaction
with the management which gives lot of information about the institution and the activities.
12
THEORETICAL BACKGROUND
HTML is an ever changing language. With every new version, the standards revolving
around it are constantly changing to allow for stricter, but cleaner and more efficient code
that contains more features than before. HTML has gone through several changes since its
inception.
HTML 1.0
HTML 1.0 was the first release of HTML to the world. Not many people were involved in
website creation at the time, and the language was very limiting. There really wasn’t much
you could do with it bar getting some simple text onto the web.
HTML 2.0
HTML 2.0 included everything from the original 1.0 specification but added a few new
features to the mix. HTML 2.0 was the standard for website design until January 1997 and
defined many core HTML features for the first time.
HTML 3.0
More and more people were getting into the HTML game around now, and while the
previous standards offered some decent abilities to webmasters, they thirsted for more
abilities and tags. They wanted to enhance the look of their sites.
This is where trouble started. A company called Netscape was the clear leader in the browser
market at the time, with a browser called Netscape Navigator. To appease the cries of the
HTML authors, they introduced new proprietary tags and attributes into their Netscape
Navigator browser. These new abilities were called Netscape extension tags. This caused big
problems as other browsers tried to replicate the effects of these tags so as not to be left
behind but could not get their browsers to display things the same way. This meant that if
you designed a page with Netscape ETs, the page would look bad in other browsers. This
caused confusion and irritation for the markup pioneers.
13
At this time, a HTML working group, led by a man named Dave Raggett introduced a new
HTML draft, HTML 3.0. It included many new and improved abilities for HTML, and
promised far more powerful opportunities for webmasters to design their pages. Sadly, the
browsers were awfully slow in implementing any of the new improvements, only adding in a
few and leaving out the rest.
HTML 3.2
The browser-specific tags kept coming, and it became increasingly apparent that a standard
needed to be found. To this end, the World Wide Web Consortium was founded in 1994 to
standardize the language and keep it evolving in the right direction. Their first work was
code-named WILBUR, and later became known as HTML 3.2. This was a toned-down
change to the existing standards, leaving many of the big steps forward for later versions.
Most of the extensions tags that had been introduced by Netscape did not make it into these
new standards. It soon caught on and became the official standard in January ’97, and today
practically all browsers support it fully.
HTML 4.01
HTML 4.0 was a large evolution of the HTML standards, and the last iteration of classic
HTML. Early in development it had the code-name COUGAR. Most of the new functionality
brought in this time is from the ill-fated HTML 3.0 spec, as well as a host of trimmings on
old tags, a focus on internationalization, and support for HTML’s new supporting
presentational language, cascading style sheets..
HTML 4.0 was recommended by the W3C in December ’97 and became the official standard
in April 1998. Browser support was undertaken surprisingly earnestly by Microsoft in their
Internet Explorer browser, and the market-leading IE5 have excellent support for almost all
of the new tags and attributes. In comparison, Netscape’s terribly flawed Navigator 4.7 was
inept when it came to HTML 4.0 and even basic CSS. Modern browsers however, are a vast
improvement.
14
XHTML 1.0
Close to the beginning of the 21st century the W3C issued their specifications of XHTML
1.0 as a recommendation. Since January 26, 2000 it stands as the joint-standard with HTML
4.01. XHTML marks a departure from the way new specs have worked — it is an entirely
new branch of HTML, incorporating the rigors of XML, so that code must be properly
written if it is to work once it reaches the reader’s browser. There weren’t many new or
deprecated tags and attributes in XHTML, but some things changed with a view of increased
accessibility and functionality. It’s mainly just a new set of coding rules.
HTML5
After HTML 4.01 and XHTML 1.0, the guys who were in control of HTML’s direction got
sidetracked working on a new proposal for XHTML 2. At the same time, clever web
developers were innovating constantly, hacking new functionality into websites and
browsers. The path that XHTML 2 was taking started to look both boring and unrealistic, and
it became pretty clear that a new approach was needed.
It was around this time that a bunch of pragmatic web technology fans, browser programmers
and specification writers started building something of their own, outside of the usual W3C
procedures. They called themselves the Web Hypertext Application Technology Working
Group (WHATWG), and developed a new spec. After some soul-searching, the W3C
decided that HTML was still the future of the web. XHTML 2 was discontinued and HTML5
became the new specification that everyone’s effort should be poured into.
HTML5 is designed for the web, both now and in the future. This is the specification that we
will be working with for the next decade at least, so the process of its development is
relatively slow and considered. Many parts will be familiar, but there are also plenty of new
elements, attributes and abilities to get excited about.
15
ORGANISATION PROFILE
Indira Janardhanan Vidya Mandir was started as a kindergarten school in the year 1992.
Slowly and steadily it has grown into a senior secondary school with classes up to standard
XII. It is a co-educational English medium school affiliated to C.B.S.E., New Delhi and is
situated in a tranquil place near Maruthorvattom.
The primary wing Play School, L.K.G and U.K.G is housed near Administration Block
while Std. I and Std X are accommodated in our own two storied building. The higher
Classes Std XI is located near to our School Ground. Our school has well equipped
Laboratories and a computer Centre, Smart Class with projector in 5 classes and a well-
Stocked Library
Our school has classes from L.K.G to Standard XII, following the syllabus prescribed by
C.B.S.E. in the senior secondary section viz. Standards XI and XII, subjects offered are
Mathematics, Physics, Chemistry, Biology, Economics, Business Studies, Accountancy and
Computer Science. Under languages, English is compulsory. Other languages offered are
Hindi and Malayalam.
The Indira Janardhanan Educational Charitable Trust, IJECT was formed and registered in
the year 1995 under the Travancore Cochin Literary, Scientific and Charitable Societies
Regulations Act 12 of 1955. The core objective of this Trust is to Manage, Improve and
Develop the students and the School.
The Mission of the school is on the holistic development of the students entrusted to its carte.
Apart from academic excellence, the school emphasis on cognitive development, value
education, inculcation of good behavior and conduct.
To encourage children to think independently, to be passionate about what they wish to do, to
value excellence. To be a learning mode all their lives. With knowledge, confidence,
16
compassion and cheer, children must proceed to make the world a better place than they
found it.
The complete details of the school with reference to CBSE circular no.3/10 dated 18/10/2010
and circular no.88/2011 dated 5/12/2012.
17
NAME POST HELD ADDRESS
MR.SONY.J.KALYA CHAIRMAN 67B, KALYAN,KALAVAMCODAM P.O,
N KUMAR CHERTHALA
MRS.P.JAYAKUMAR SECRETARY KRISHNANENDU,MARUTHORVATTOM P.O,
I
MR.M.CHIDAMBAR ADMINISTRATOR KANNATTUPARAMBIL,MARUTHORVATTOM
AM P.O,CHERTHALA
MRS.BINDU L MEMBER BINDU PATTANAKAD P.O,CHERTHALA
TEACHER SEDANAM
MR. C.A. JOSEPH NOMINATED BY H.NO. MNRA-60,KOCHI – 22
MEMBER TRUST
CHAMPAPPILLY
MRS. RITA RANI MEMBER TABOR, SEA VIEW WARD,ALAPPUZHA
PANAVELIL NOMINATED BY
TRUST
MRS.MANJU PARENT MEMBER VALAMTHARAYIL ,VARANAM
UNNIKRISHNAN P.O,CHERTHALA
18
CAMPUS GEOGRAPHICAL DETAILS
19
Particulars of Teaching Staff
Designation Total
No Principal 1
Vice Principal 1
PGT 0
TGT 9
PRT 4
Librarian 1
Others 5
Achievements
20
NEED OF THE WEBSITE
After investigating and analyzing we found that the old website has lots of limitation in the
website like (notifications cannot be uploaded, lack of information in website about the
institution etc.) user experience is the key factor to retain the existing ones and to reach out to
the new one. From the above statements, in investigation we came to a point that the
institution required a new attractive website which solves all user problems. Users experience
will be a key factor to retain the existing ones. Updating information is an important aspect
which will help in winning the loyalty of the users.
By a website we can upgrade the overall function of the institution as well as user experience
by deploying telematics, embedded software and infotainment in seamless and user –
friendly manner. Indira Janardhanan Vidya Mandir will also being one of the schools
providing digital service to the users and proper information about their functioning of the
institution. At present all the activities of the institution are done manually.
Indira Janardhanan Vidya Mandir focuses on best education for the students at a reasonable
fee for their functioning. The change in global scenario has not been counted by them. Now a
day’s online media are required for every educational institution for providing details about
their existence in the society and to be noted by the society.
21
DATA ANALYSIS
Analysis of data is a process of inspecting, cleaning, transforming and modeling data with the
goals of highlighting useful information, suggesting conclusions, and supporting decision
making. System Analysis is a process of gathering and interpreting facts, diagnosing
problems and using information to recommend improvements on the system. Data analysis
has multiple facts approaches, encompassing diverse techniques under a variety of names, in
the different business, science, and social science domains.
This will thoroughly help to understand the existing system and determine how computers
can best be used to make its operation more effective.
Here the system of analyst should study a system with an eye on solving its problem using
computers. It is the essential part for the development of a project by a system analyst. Data
mining is a particular data analysis technique that focuses on modeling and knowledge
discovery for predictive rather than purely descriptive purposes. Business intelligence covers
data analysis that relies heavily aggregation, focusing on business information.
System analysis is a problem solving activity that requires intensive communication between
the system developers. System Analysis is concerned with becoming aware of the problem,
identifying the relevant and the most decisional variables, analyzing and synthesizing the
various factors and determining an optional or at least a satisfactory solution or program of
22
action. Information obtained through different processes such as gathering and interpreting
facts, diagnosing problems, etc. are used to recommend improvements to the new system.
All procedure requirements must be analyzed and documented in the form of detailed Data
Flow Diagrams (DFD’S). Data dictionary, logical data structures and miniature
specifications, System analysis also includes sub-dividing of complex process involving the
entire system, identification of data store and manual processes. In statistical applications,
some people divide data analysis into descriptive statistics, exploratory data analysis (EDA),
and confirmatory data analysis (CDA). EDA focuses on discovering new features in the data
and CDA on confirming or falsifying existing hypotheses. Predictive analytics focuses on
application of statistical or structural models for predictive forecasting or classification, while
text analytics applies statistical linguistic and structural techniques to extract and classify
information’s from textual sources, a species of unstructured data. All are varieties of data
analysis. Data integration is a precursor to data analysis, and data analysis is closely linked to
data visualization and data dissemination. The term data analysis is sometimes used as a
synonym for data modeling.
23
SOFTWARE DEVELOPMENT
Software is a collection of instructions that enable the user to interact with a computer, its
hardware, or perform tasks. Without software, most computers would be useless. For
example, without your Internet browser software, you could not surf the Internet or read this
page and without an operating system, the browser could not run on your computer.
A software development simply means, the process of dividing software development work
into distinct phases to improve design, product management, and project management. It is
also known as a software development life cycle. A software process or known as software
methodology is a set of related activities that leads to the production of the software. These
activities may involve the development of the software from the scratch, or, modifying an
existing system.
Software Development Process Software Life Cycle or SDLC provides a series of steps to be
followed to design and develop a software product efficiently. SDLC framework includes the
following steps:
24
Communication
This is the first step where the user initiates the request for a desired software product. He
contacts the service provider and tries to negotiate the terms. He submits his request to the
service providing organization in writing.
Requirement Gathering
This step onwards the software development team works to carry on the project. The tea
holds discussions with various stakeholders from problem domain and tries to bring out as
much information as possible on their requirements. The requirements are contemplated and
segregated into user requirements, system requirements and functional requirements.
Feasibility Study
After requirement gathering, the team comes up with a rough plan of software process. At
this step the team analyzes if an offer can be made to fulfill all requirements of the user and
if there is any possibility of software being no more useful. It is found out, if the project is
financially, practically and technologically feasible for the organization to take up. There are
many algorithms available, which help the developers to conclude the feasibility of a
software project.
System Analysis
At this step the developers decide a roadmap of their plan and try to bring up the best
software model suitable for the project. System analysis includes Understanding of software
product limitations, learning system related problems or changes to be done in existing
systems beforehand, identifying and addressing the impact of project on organization and
personnel etc. The project team analyzes the scope of the project and plans the schedule and
resources accordingly.
Software Design
Next step is to bring down whole knowledge of requirements and analysis on the desk and
design the software product. The inputs from users and information gathered in requirement
gathering phase are the inputs of this step. The output of this step comes in the form of two
designs; logical design and physical design. Engineers produce meta-data and data
dictionaries, logical diagrams, data-flow diagrams and in some cases pseudo codes.
25
Coding
This step is also known as programming phase. The implementation of software design starts
in terms of writing program code in the suitable programming language and developing
error-free executable programs efficiently.
Testing
An estimate says that 50% of whole software development process should be tested. Errors
may ruin the software from critical level to its own removal. Software testing is done while
coding by the developers and thorough testing is conducted by testing experts at various
levels of code such as module testing, program testing, product testing, in-house testing and
testing the product at user’s end. Early discovery of errors and their remedy is the key to
reliable software.
Integration
Software may need to be integrated with the libraries, databases and other program. This
stage of SDLC is involved in the integration of software with outer world entities.
Implementation
This means installing the software on user machines. At times, software needs post-
installation configurations at user end. Software is tested for portability and adaptability and
integration related issues are solved during implementation.
26
V – Model
The major drawback of waterfall model is we move to the next stage only when the previous
one is finished and there was no chance to go back if something is found wrong in later
stages. V-Model provides means of testing of software at each stage in reverse manner.
At every stage, test plans and test cases are created to verify and validate the product
according to the requirement of that stage. For example, in requirement gathering stage the
test team prepares all the test cases in correspondence to the requirements. Later, when the
product is developed and is ready for testing, test cases of this stage verify the software
against its validity towards requirements at this stage.
This makes both verification and validation go in parallel. This model is also known as
verification and validation model.
27
FEASIBILITY ANALYSIS
Feasibility analysis is the study of how successfully a project can be completed, accounting
for factors that affect it such as economic, technological, legal and scheduling factors. Project
managers use feasibility studies to determine potential positive and negative outcomes of a
project before investing a considerable amount of time and money into it. A feasibility study
includes an estimate of the level of expertise required for a project and who can provide it,
quantitative and qualitative assessments of other essential resources, identification of critical
points, a general timetable, and a general cost estimate.
So we have to conduct a feasibility study before the website development and we should
consider the following:
Technical Feasibility
Economic Feasibility
The purpose of the economic feasibility assessment is to determine the positive economic
benefits to the institution that the proposed system will provide. It includes quantification and
identification of all the benefits expected. This assessment typically involves a cost/benefits
analysis. According to our website it is economically feasible.
Operational Feasibility
Operational feasibility is the measure of how well a proposed system solves the problems,
and takes advantage of the opportunities identified during scope definition and how it
satisfies the requirements identified in the requirements analysis phase of system
development.
Legal Feasibility
It determines whether the proposed system conflicts with legal requirements. Our website is
satisfies the legal requirements.
28
HARDWARE AND SOFTWARE REQUIREMENTS
HARDWARE REQUIREMENTS
Server slide
Processor : Pentium IV
Client Side
SOFTWARE REQUIREMENTS
Server Side
Client Side
29
FEATURES OF PROPOSED WEBSITE
It is important to understand the characteristics that can make or break the effectiveness of
your online investment. An unattractive or poorly built site will do more to hurt your
institution than to help it. The most effective website will reflect best practices across all of
these elements.
Home
A home page or index page has various related meaning to do with websites. When the user
first opens a web browser, it automatically brings to this page which is also sometimes called
the “startup page”. It most often refers to the initial page or main page of a website,
sometimes called “front page”. It includes the most priced moments of Indhira Janardhanan
Vidya Mandir and a link to the various facilities of Indhira Janardhanan Vidya Mandir. It is
one of the most important pages of a website.
Achievements
Here the users will get knowledge on achievements and awards got by the Indhira
Janardhanan Vidya Mandir.
Service
This feature enables the company to receive service bookings from he customers. So they can
easily handle the service booking data’s and other information from the clients.
Notifications
Apart from traditional ways the users will be provided with necessary information from the
institution on this webpage.(examination date, exam time table ,new information for
students, teachers and parents)
Contact Form
Users are free to contact with the officials for further inquisitions and enquiry. The new
proposed system will reply within 24hrs.
30
Contact Us
All the contact information’s for the public as well as the customers are provided here.
Everyone can have contact with the authorities and clear their doubt at real time. Mainly this
area is equipped with information’s like Email Id, Phone number, Fax number etc.
About us
All the details regarding the institution is drafted and displayed here. Institution’s history and
how the institution came into existence are provided.
31
ADVANTAGES OF PROPOSED WEBSITE
In this modern era, people and companies are on the internet for information. And if you are
in the business world, information is critical. You need to have a website for your customers.
It needs to contain information about what you can do for them. We put forward the
advantages of new proposed website for “Indhira Janardhanan Vidya Mandir”.
1. Improve communication
Teachers, staff, parents, students – all need to communicate. And a more interactive website
allows them to do this with greater ease..
If you incorporate your social media accounts into your website, like Twitter and Facebook,
you can also make use of these to broadcast information. Many people are familiar with
social media sites, and they may check their Twitter feeds more than their emails, so this can
be an excellent way to improve comk2munication.
If you launch an app as well as your website, you can use this to send push notifications. This
can be an excellent way to get information to people without having so send emails or spend
money on text messages.
With an interactive site that makes use of a VLE, you can often get things done online much
quicker and save money as well. For example:
32
3. Enhance the learning experience
An interactive website can also improve the learning experience. Students can get
access to materials that were not available in the class, and they can check notes and
resources from anywhere.
It can be a useful tool for working in groups because students can set up rooms in the VLE
where they can share notes and ideas. Essentially, it can become an extension of the
classroom. Resource sections can also be added to the website, including:
documents;
videos;
images;
presentations.
These can then be accessed by students and parents so that they can get more out of the
website.
You also want your brand image to be positive, and you can achieve this through taking the
time and care to update a website and provide information to the community. You may be
marketing your website online, and an interactive site can ensure that when people arrive at
your website, they see your school in the best light.
Make sure your school website is more interactive to get more from it. It is not difficult to do,
and as long as you have a good designer with some good ideas, you can incorporate any
features you want. Take a look at other school websites and find some that you like, then set
about improving your website for the school and the whole community.
33
SUMMARY
Indhira Janardhanan Vidya Mandir is one of the popular educational institution in Cherthala.
Indhira Janardhanan Vidya Mandir is well known for its quality of education and care for
their students. In this project we develop a website for “Indhira Janardhanan Vidya Mandir”.
Now a days education is an important factor in the social status and more over people look
for the educational qualification of other people. Among the parents Indhira Janardhanan
Vidya Mandir is one of the unavoidable entities while considering in which school their child
has to study. Indhira Janardhanan Vidya Mandir play an important role in education sector
and it is the greatest fear for other institutions. Day by day Indhira Janardhanan Vidya
Mandir is growing entity in the minds of public. This project helps us to know more about
Indhira Janardhanan Vidya Mandir and guided us to collect relevant information to develop a
website for them.
Indhira Janardhanan Vidya Mandir is the popular educational institution in the peoples mind
but it has limitations which create a friction for the further development so we recommended
some points which act as new stepping stones in the life of Indhira Janardhanan Vidya
Mandir. With the new proposed website they will have a direct contact with the parents and
will be able to know the feedback from them. A well equipped atmosphere and most
probably smiley faces can brighten up the image which leads to the satisfaction of the
students and parents.
34
FINDINGS
Our candidate system Indhira Janardhanan Vidya Mandir is a fast growing educational
institution with more than 20 teachers and 5 non teaching staffs. The evolution of the
institution is really remarkable. The number of students of the institution is increasing and
the institution have enough human resources to cater the needs of their students. The
institution is in its stages of development in regard to the number of students and facilities.
The institution has incorporated with latest and best technical facilities available around the
globe.
Here our candidate system Indhira Janardhanan Vidya Mandir is lacking a good and an
attractive website which is necessary, while considering the market. This result in lack of
website and reachability, of the institution. The problems arising from non-availability of 24
hours customer service facility has also contributed to the dissatisfaction of the parents.
For better communication with the parents and students the website which we have created is
necessary and it can also overcome the above limitations of the institution that they are
facing.
35
RECOMMENDATIONS
Our candidate system Indhira Janardhanan Vidya Mandir is an educational institution which
counts on quality of education as their main objective. The major aim of the institution
involves providing better quality education to their students with a fees that the papernts can
afford. Indhira Janardhanan Vidya Mandir is a well known and are recognized institution for
their quality of education.
As our candidate system lacks a good website we are here with the following
recommendations.
36
37
38
39
40
41
42
43
44
45
46
47
48
CODING
About Us.HTML
<!DOCTYPE html>
<!--[if IE 8 ]><html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US"
lang="en-US"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-
US" lang="en-US"><!--<![endif]-->
<head>
<!-- Basic Page Needs -->
<meta charset="utf-8">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<title>Indira Janardhanan Vidya Mandir</title>
<meta name="author" content="themesflat.com">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
<!-- Theme Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/style.css">
<!-- Responsive -->
<link rel="stylesheet" type="text/css" href="stylesheets/responsive.css">
<!-- Colors --> <link rel="stylesheet" type="text/css" href="stylesheets/colors/color1.css"
id="colors">
<!-- Animation Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/animate.css">
<!-- Animation headline Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/headline.css">
<!-- REVOLUTION LAYERS STYLES -->
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css">
<!-- Favicon and touch icons -->
49
<link href="icon/apple-touch-icon-48-precomposed.png" rel="icon" sizes="48x48">
<link href="icon/apple-touch-icon-32-precomposed.png" rel="icon">
<link href="icon/favicon.png" rel="icon">
<!--[if lt IE 9]>
<script src="javascript/html5shiv.js"></script>
<script src="javascript/respond.min.js"></script>
<![endif]-->
</head>
<body class="header_sticky">
<!-- Preloader -->
<div id="loading-overlay"> <div class="loader"></div>
</div>
<!-- Boxed -->
<div class="boxed">
<div class="flat-header-wrap"> <!-- Header --> <div class="header widget-header clearfix">
<div class="container">
<div class="header-wrap clearfix">
<div class="row">
<div class="col-lg-3">
<div id="logo" class="logo">
<a href="index.html" rel="home">
<img src="images/logo1.png" alt="image">
</a>
</div><!-- /.logo -->
</div>
<div class="col-lg-9">
<div class="wrap-widget-header clearfix">
<aside class="widget widget-info">
<div class="textwidget clearfix">
<div class="info-icon">
<i class="fa fa-map-marker"></i> </div>
50
<div class="info-text">
<h6>Maruthorvattom, Muttathipparambu</h6>
<p>Cherthal, Alappuzha, Kerala - 688 001</p>
</div>
</div>
</aside>
<aside class="widget widget-info">
<div class="textwidget clearfix">
<div class="info-icon">
<i class="fa fa-phone"></i>
</div>
<div class="info-text">
<h6>0478-282-1075</h6>
<p>[email protected]</p>
</div>
</div>
</aside>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.header-wrap -->
</div>
</div><!-- /.header --> <header id="header" class="header header-classic header-style1">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="flat-wrap-header">
<div class="nav-wrap clearfix">
<nav id="mainnav" class="mainnav">
<ul class="menu">
<li><a href="index.html">Home</a></li>
51
<li class="active"><a href="about-us.html">About Us</a></li>
<li><a href="facilities.html">Facilities</a></li>
<li><a href="Courses.html">Courses</a></li>
<li><a href="faculties.html">Faculties</a></li>
<li><a href="contact.html">Contact</a></li>
</ul><!-- /.menu -->
</nav><!-- /.mainnav -->
<div class="btn-menu">
<span></span>
</div><!-- //mobile menu button -->
</div><!-- /.nav-wrap -->
</div>
</div>
</div> </div>
</header>
</div>
<!-- Page title -->
<div class="page-title parallax parallax1">
<div class="section-overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="page-title-heading">
<h1 class="title">About Us</h1>
</div><!-- /.page-title-captions -->
<div class="breadcrumbs">
<ul>
<li class="home"><i class="fa fa-home"></i><a href="index.html">Home</a></li>
<li>About Us</li>
</ul>
</div><!-- /.breadcrumbs -->
52
</div><!-- /.col-md-12 -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.page-title -->
<section class="section-aboutus wrap-blance blancejqurey bg-section2 clearfix">
<div id="blance1" class="featured-aboutus float-left"> <img src="images/about.jpg"
alt="image">
</div>
<div id="blance2" class="info-aboutus float-left">
<div class="title-section style2 left">
<h1 class="title"><span>We advise</span> you, you call the right decision!</h1>
<div class="sub-title">
Indhira Janardhanan an Vidhya Mandir, founded in the year 1992 the school was named after
the first principal Mrs. Indhira Janardhanan. We assure your child the quality vale education.
</div>
<div class="sub-title">
The institution aiming to empower students to acquire, demonstrate, articulate and value
knowledge
</div>
</div>
<div class="about-counter">
<div class="flat-counter float-left color-another text-center">
<div class="content-counter float-left">
<div class="icon-count">
<i class="ti-headphone-alt"></i>
</div>
<div class="numb-count" data-to="120" data-speed="2000" data-waypoint-
active="yes">20</div>
<div class="name-count">Faculties</div>
</div>
</div><!-- /.flat-counter -->
53
<div class="flat-counter color-another float-left text-center">
<div class="content-counter float-left"> <div class="icon-count">
<i class="ti-bookmark-alt"></i>
</div>
<div class="numb-count" data-to="50" data-speed="2000" data-waypoint-
active="yes">160</div>
<div class="name-count">Students</div>
</div>
</div><!-- /.flat-counter -->
<div class="flat-counter color-another float-left text-center">
<div class="content-counter">
<div class="icon-count">
<i class="ti-heart-broken"></i>
</div>
<div class="numb-count" data-to="240" data-speed="2000" data-waypoint-
active="yes">15</div>
<div class="name-count">Programmes</div>
</div>
</div><!-- /.flat-counter -->
</div>
</div>
</section>
<section class="flat-row padingbotom">
<div class="container">
<div class="row"> <div class="col-lg-6 history-text">
<div class="title-section style3 left"><br/><br/><br/>
<h1 class="title">Who We Are?</h1>
</div>
<p>Indhira Janardhanan an Vidhya Mandir is an English medium school affiliated to CBSE.
The institution aiming to empower students to acquire, demonstrate, articulate and value
knowledge and skills that will support them; as lifelong learners, to participate in and
54
contribute to the global world and practice the core value of the school respect, tolerance and
inclusion, and excellence in all fields of their career. Indhira Janardhanan an Vidhya Mandir,
founded in the year 1992 the school was named after the first principal Mrs. Indhira
Janardhanan . The institutions main aim is to impart students with ethical and moral values
believing in the religion of oneness and creating a dynamic personality for the society. Hence
Indhira Janardhanan an Vidhya Mandir seeks to develop in students’ intellectual curiosity,
eagerness for learning, ability to utilize their knowledge for social welfare and discover their
talents so as to emerge as dynamic personality and to create youthful and smart
generation.</p>
</div>
<div class="col-lg-6">
<div class="main-history">
<img src="images/sideimg1.jpg" alt="image">
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer widget-footer">
<div class="container">
<div class="row"> <div class="col-lg-4 col-sm-6 reponsive-mb30">
<div class="widget-logo">
<div id="logo-footer" class="logo">
<a href="index.html" rel="home">
<img src="images/logo1.png" alt="image">
</a>
</div>
<p>The institution aiming to empower students to acquire, demonstrate, articulate and value
knowledge</p>
<ul class="flat-information">
55
<li><i class="fa fa-map-marker"></i><a href="#">Maruthorvattom,
Muttathiparambu<br/>Cherthala, Alappuzha, Kerala</a></li>
<li><i class="fa fa-phone"></i><a href="#">+91 0478-282-1075</a></li>
<li><i class="fa fa-envelope"></i><a href="#">[email protected]</a></li>
</ul>
</div>
</div><!-- /.col-md-3 -->
<div class="col-lg-4 col-sm-6 reponsive-mb30">
<div class="widget widget-out-link clearfix">
<h5 class="widget-title">Our Links</h5>
<ul class="one-half">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="facilities.html.html">Facilities</a></li>
<li><a href="Courses.html">Courses</a></li> <li><a href="team-
v1.html">Faculties</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div><!-- /.col-md-3 -->
<div class="col-lg-4 col-sm-6 reponsive-mb30">
<div class="widget widget-letter">
<h5 class="widget-title">Newsletter</h5>
<p class="info-text">Subscribe our newsletter gor get noti-fication about new updates,
etc.</p>
<form id="subscribe-form" class="flat-mailchimp" method="post" action="#" data-
mailchimp="true">
<div class="field clearfix" id="subscribe-content">
<p class="wrap-input-email">
<input type="text" tabindex="2" id="subscribe-email" name="subscribe-email"
placeholder="Enter Your Email">
56
</p>
<p class="wrap-btn">
<button type="button" id="subscribe-button" class="flat-button subscribe-submit"
title="Subscribe now">SUBSCRIBE</button>
</p>
</div>
<div id="subscribe-msg"></div>
</form>
</div>
</div><!-- /.col-md-3 -->
</div><!-- /.row --> </div><!-- /.container -->
</footer>
<!-- Bottom -->
<div class="bottom">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="copyright">
<p>@2018 <a href="#">Indira Janardhanan Vidya Mandir</a>. All rights reserved.
</p>
</div>
</div>
<div class="col-md-6 col-sm-6">
<ul class="social-links style2 text-right">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-vimeo"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<li><a href="#"><i class="fa fa-skype"></i></a></li>
</ul>
</div>
57
</div>
</div><!-- /.container -->
</div><!-- bottom --> <!-- Go Top -->
<a class="go-top">
<i class="fa fa-angle-up"></i>
</a>
</div>
<!-- Javascript -->
<script src="javascript/jquery.min.js"></script>
<script src="javascript/tether.min.js"></script>
<script src="javascript/bootstrap.min.js"></script>
<script src="javascript/jquery.easing.js"></script>
<script src="javascript/jquery-waypoints.js"></script>
<script src="javascript/jquery.cookie.js"></script>
<script src="javascript/parallax.js"></script>
<script src="javascript/jquery-countTo.js"></script>
<script src="javascript/main.js"></script>
</body>
</html>
58
Contact.HTML
<!DOCTYPE html>
<!--[if IE 8 ]><html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US"
lang="en-US"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-
US" lang="en-US"><!--<![endif]-->
<head>
<!-- Basic Page Needs -->
<meta charset="utf-8">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<title>Indira Janardhanan Vidya Mandir</title>
<meta name="author" content="themesflat.com">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
<!-- Theme Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/style.css">
<!-- Responsive -->
<link rel="stylesheet" type="text/css" href="stylesheets/responsive.css">
<!-- Colors --><link rel="stylesheet" type="text/css" href="stylesheets/colors/color1.css"
id="colors">
<!-- Animation Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/animate.css">
<!-- Animation headline Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/headline.css">
<!-- REVOLUTION LAYERS STYLES -->
59
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css">
<!-- Favicon and touch icons -->
<link href="icon/apple-touch-icon-48-precomposed.png" rel="icon" sizes="48x48">
<link href="icon/apple-touch-icon-32-precomposed.png" rel="icon">
<link href="icon/favicon.png" rel="icon">
<!--[if lt IE 9]>
<script src="javascript/html5shiv.js"></script>
<script src="javascript/respond.min.js"></script>
<![endif]-->
</head>
<body class="header_sticky">
<!-- Preloader -->
<div id="loading-overlay"> <div class="loader"></div>
</div>
<!-- Boxed -->
<div class="boxed">
<div class="flat-header-wrap"> <!-- Header --> <div class="header widget-header clearfix">
<div class="container">
<div class="header-wrap clearfix">
<div class="row">
<div class="col-lg-3">
<div id="logo" class="logo">
<a href="index.html" rel="home">
<img src="images/logo1.png" alt="image">
</a>
</div><!-- /.logo -->
</div>
<div class="col-lg-9">
<div class="wrap-widget-header clearfix">
<aside class="widget widget-info">
60
<div class="textwidget clearfix">
<div class="info-icon">
<i class="fa fa-map-marker"></i> </div>
<div class="info-text">
<h6>Maruthorvattom, Muttathipparambu</h6>
<p>Cherthal, Alappuzha, Kerala - 688 001</p>
</div>
</div>
</aside>
<aside class="widget widget-info">
<div class="textwidget clearfix">
<div class="info-icon">
<i class="fa fa-phone"></i>
</div>
<div class="info-text">
<h6>0478-282-1075</h6>
<p>[email protected]</p>
</div>
</div>
</aside>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.header-wrap -->
</div>
</div><!-- /.header --> <header id="header" class="header header-classic header-style1">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="flat-wrap-header">
<div class="nav-wrap clearfix">
61
<nav id="mainnav" class="mainnav">
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="facilities.html">Facilities</a></li>
<li><a href="Courses.html">Courses</a></li>
<li><a href="faculties.html">Faculties</a></li>
<li class="active"><a href="contact.html">Contact</a></li>
</ul><!-- /.menu -->
</nav><!-- /.mainnav -->
<div class="btn-menu">
<span></span>
</div><!-- //mobile menu button -->
</div><!-- /.nav-wrap -->
</div>
</div>
</div> </div>
</header>
</div>
<!-- Page title -->
<div class="page-title parallax parallax1">
<div class="section-overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="page-title-heading">
<h1 class="title">Connect Us</h1>
</div><!-- /.page-title-captions -->
<div class="breadcrumbs">
<ul>
<li class="home"><i class="fa fa-home"></i><a href="index.html">Home</a></li>
62
<li>Connect Us</li>
</ul>
</div><!-- /.breadcrumbs -->
</div><!-- /.col-md-12 -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.page-title -->
<section class="flat-row page-contact">
<div class="container"> <div class="wrap-formcontact style2">
<div class="row">
<div class="col-lg-6">
<div class="flat-maps box-shadow3">
<img src="images/contact.jpg">
</div>
</div>
<div class="col-lg-6">
<div class="margin-left40">
<h1>Get In Touch With Us !</h1>
<p>Fill out the form below to recieve a free and confidential.</p>
<form id="contactform" class="contactform style4 clearfix" method="post"
action="./contact/contact-process.php" novalidate="novalidate">
<span class="flat-input"><input name="name" type="text" value="" placeholder="Name*"
required="required"></span>
<span class="flat-input"><input name="email" type="email" value="" placeholder="Email"
required="required"></span>
<span class="flat-input"><input name="url" type="url" value="" placeholder="Website"
required="required"></span>
<span class="flat-input"><textarea name="message" placeholder="Messages"
required="required"></textarea></span>
<span class="flat-input"><button name="submit" type="submit" class="flat-button"
id="submit" title="Submit now">send messages</button></span>
63
</form>
</div>
</div>
</div>
</div> </div>
</section>
<!-- Footer -->
<footer class="footer widget-footer">
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-6 reponsive-mb30">
<div class="widget-logo">
<div id="logo-footer" class="logo">
<a href="index.html" rel="home">
<img src="images/logo1.png" alt="image">
</a>
</div>
<p>The institution aiming to empower students to acquire, demonstrate, articulate and value
knowledge</p>
<ul class="flat-information">
<li><i class="fa fa-map-marker"></i><a href="#">Maruthorvattom,
Muttathiparambu<br/>Cherthala, Alappuzha, Kerala</a></li>
<li><i class="fa fa-phone"></i><a href="#">+91 0478-282-1075</a></li>
<li><i class="fa fa-envelope"></i><a href="#">[email protected]</a></li>
</ul>
</div>
</div><!-- /.col-md-3 -->
<div class="col-lg-4 col-sm-6 reponsive-mb30"> <div class="widget widget-out-link
clearfix">
<h5 class="widget-title">Our Links</h5>
<ul class="one-half">
64
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="facilities.html.html">Facilities</a></li>
<li><a href="Courses.html">Courses</a></li>
<li><a href="team-v1.html">Faculties</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div><!-- /.col-md-3 -->
<div class="col-lg-4 col-sm-6 reponsive-mb30">
<div class="widget widget-letter">
<h5 class="widget-title">Newsletter</h5>
<p class="info-text">Subscribe our newsletter gor get noti-fication about new updates,
etc.</p>
<form id="subscribe-form" class="flat-mailchimp" method="post" action="#" data-
mailchimp="true">
<div class="field clearfix" id="subscribe-content">
<p class="wrap-input-email">
<input type="text" tabindex="2" id="subscribe-email" name="subscribe-email"
placeholder="Enter Your Email">
</p>
<p class="wrap-btn">
<button type="button" id="subscribe-button" class="flat-button subscribe-submit"
title="Subscribe now">SUBSCRIBE</button> </p>
</div>
<div id="subscribe-msg"></div>
</form>
</div>
</div><!-- /.col-md-3 -->
</div><!-- /.row -->
</div><!-- /.container -->
65
</footer>
<!-- Bottom -->
<div class="bottom">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="copyright">
<p>@2018 <a href="#">Indira Janardhanan Vidya Mandir</a>. All rights reserved.
</p>
</div>
</div>
<div class="col-md-6 col-sm-6">
<ul class="social-links style2 text-right">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-vimeo"></i></a></li><li><a href="#"><i class="fa fa-
instagram"></i></a></li>
<li><a href="#"><i class="fa fa-skype"></i></a></li>
</ul>
</div>
</div>
</div><!-- /.container -->
</div><!-- bottom -->
<!-- Go Top -->
<a class="go-top">
<i class="fa fa-angle-up"></i>
</a>
</div>
<!-- Javascript -->
<script src="javascript/jquery.min.js"></script>
<script src="javascript/tether.min.js"></script>
66
<script src="javascript/bootstrap.min.js"></script>
<script src="javascript/jquery.easing.js"></script>
<script src="javascript/jquery-waypoints.js"></script>
<script src="javascript/jquery-validate.js"></script>
<script src="javascript/jquery.cookie.js"></script>
<script src="javascript/parallax.js"></script>
<script src="javascript/gmap3.min.js"></script> <script
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBtwK1Hd3iMGyF6ffJSRK7I_ST
NEXxPdcQ ®ion=GB"></script>
<script src="javascript/main.js"></script>
</body>
</html>
67
Courses.HTML
<!DOCTYPE html>
<!--[if IE 8 ]><html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US"
lang="en-US"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-
US" lang="en-US"><!--<![endif]-->
<head>
<!-- Basic Page Needs -->
<meta charset="utf-8">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<title>Indira Janardhanan Vidya Mandir</title>
<meta name="author" content="themesflat.com">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
<!-- Theme Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/style.css">
<!-- Responsive -->
<link rel="stylesheet" type="text/css" href="stylesheets/responsive.css">
<!-- Colors --><link rel="stylesheet" type="text/css" href="stylesheets/colors/color1.css"
id="colors">
<!-- Animation Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/animate.css">
<!-- Animation headline Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/headline.css">
<!-- REVOLUTION LAYERS STYLES -->
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css">
<!-- Favicon and touch icons -->
68
<link href="icon/apple-touch-icon-48-precomposed.png" rel="icon" sizes="48x48">
<link href="icon/apple-touch-icon-32-precomposed.png" rel="icon">
<link href="icon/favicon.png" rel="icon">
<!--[if lt IE 9]>
<script src="javascript/html5shiv.js"></script>
<script src="javascript/respond.min.js"></script>
<![endif]-->
</head>
<body class="header_sticky">
<!-- Preloader -->
<div id="loading-overlay"> <div class="loader"></div>
</div>
<!-- Boxed -->
<div class="boxed">
<div class="flat-header-wrap"> <!-- Header --> <div class="header widget-header clearfix">
<div class="container">
<div class="header-wrap clearfix">
<div class="row">
<div class="col-lg-3">
<div id="logo" class="logo">
<a href="index.html" rel="home">
<img src="images/logo1.png" alt="image">
</a>
</div><!-- /.logo -->
</div>
<div class="col-lg-9">
<div class="wrap-widget-header clearfix">
<aside class="widget widget-info">
<div class="textwidget clearfix">
<div class="info-icon">
<i class="fa fa-map-marker"></i> </div>
69
<div class="info-text">
<h6>Maruthorvattom, Muttathipparambu</h6>
<p>Cherthal, Alappuzha, Kerala - 688 001</p>
</div>
</div>
</aside>
<aside class="widget widget-info">
<div class="textwidget clearfix">
<div class="info-icon">
<i class="fa fa-phone"></i>
</div>
<div class="info-text">
<h6>0478-282-1075</h6>
<p>[email protected]</p>
</div>
</div>
</aside>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.header-wrap -->
</div>
</div><!-- /.header --> <header id="header" class="header header-classic header-style1">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="flat-wrap-header">
<div class="nav-wrap clearfix">
<nav id="mainnav" class="mainnav">
<ul class="menu">
<li><a href="index.html">Home</a></li>
70
<li><a href="about-us.html">About Us</a></li>
<li><a href="facilities.html">Facilities</a></li>
<li class="active"><a href="Courses.html">Courses</a></li>
<li><a href="faculties.html">Faculties</a></li>
<li><a href="contact.html">Contact</a></li>
</ul><!-- /.menu -->
</nav><!-- /.mainnav -->
<div class="btn-menu">
<span></span>
</div><!-- //mobile menu button -->
</div><!-- /.nav-wrap -->
</div>
</div>
</div> </div>
</header>
</div>
<!-- Page title -->
<div class="page-title parallax parallax1">
<div class="section-overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="page-title-heading">
<h1 class="title">Courses</h1>
</div><!-- /.page-title-captions -->
<div class="breadcrumbs">
<ul>
<li class="home"><i class="fa fa-home"></i><a href="index.html">Home</a></li>
<li>Courses</li>
</ul>
</div><!-- /.breadcrumbs -->
71
</div><!-- /.col-md-12 -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.page-title -->
<section class="section-aboutus wrap-blance blancejqurey bg-section2 clearfix">
<div id="blance1" class="featured-aboutus float-left"> <img src="images/sideimg2.jpg"
alt="image">
</div>
<div id="blance2" class="info-aboutus float-left">
<div class="title-section style2 left">
<h1 class="title"><span>Our</span> Courses</h1>
<div class="sub-title">
<h4>KIDS PROGRAMMES</h4>
For every child ‘HOME’ is the first school and Parents the first teachers. Basic Schooling
works up on and compliments the essence of the foundation laid at home. At school we try to
reach out to a child's individual personality & temperament as we slowly try to shift them
into an environment of "Play, Learn and Grow". Our main aim is to provide our children with
enriching activities to facilitate their overall development. A synopsis of the learning
outcomes expected from a child on completion of each grade beginning at Play Group (PG),
up until they complete Upper Kindergarten (UKG) is explained below
</div><br/>
<div class="sub-title">
<h4>LOWER & UPPER KINDERGARTEN</h4>
As they move into the higher section of their preschool years they leave behind all
apprehensions & inhibitions, and start exhibiting more self confidence. They improve their
language skills by identifying & writing Small & Capital Letters, recognizing Words starting
with these letters, beginning sounds of corresponding words, rhyming words (e.g. cat, bat,
mat etc), learn to complete sentences with 3 letter words & match words to pictures. Their
Math Skills are horned through learning to write numbers from 1 to 10, Counting & writing
numbers against corresponding number of objects, +1 addition, concept of ‘before, after & in
between’, reinforcing concepts of ‘tall & short, big & small, rough & smooth, fat & thin’, etc.
72
Identify & sort object based on similar lengths, colours, shapes etc. They are also given the
opportunity to widen their horizon in the Theme Knowledge & Understanding through
various informative topics discussed that include Parts of the Body, 5 Senses & its functions,
Family, Modes of Transport, Underwater World, Solar System etc. With a thorough
understanding of the above subjects, they are slowly able to move into the intriguing essence
of true learning.
</div> <br/>
<div class="sub-title">
<h4>1 TO 10</h4> We offer regular courses from 1 to 10th standards.
</div><br/>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer widget-footer">
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-6 reponsive-mb30">
<div class="widget-logo">
<div id="logo-footer" class="logo">
<a href="index.html" rel="home">
<img src="images/logo1.png" alt="image">
</a>
</div>
<p>The institution aiming to empower students to acquire, demonstrate, articulate and value
knowledge</p>
<ul class="flat-information">
<li><i class="fa fa-map-marker"></i><a href="#">Maruthorvattom,
Muttathiparambu<br/>Cherthala, Alappuzha, Kerala</a></li>
<li><i class="fa fa-phone"></i><a href="#">+91 0478-282-1075</a></li>
<li><i class="fa fa-envelope"></i><a href="#">[email protected]</a></li>
73
</ul>
</div> </div><!-- /.col-md-3 -->
<div class="col-lg-4 col-sm-6 reponsive-mb30">
<div class="widget widget-out-link clearfix">
<h5 class="widget-title">Our Links</h5>
<ul class="one-half">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="facilities.html.html">Facilities</a></li>
<li><a href="Courses.html">Courses</a></li>
<li><a href="team-v1.html">Faculties</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div><!-- /.col-md-3 -->
<div class="col-lg-4 col-sm-6 reponsive-mb30">
<div class="widget widget-letter">
<h5 class="widget-title">Newsletter</h5>
<p class="info-text">Subscribe our newsletter gor get noti-fication about new updates,
etc.</p>
<form id="subscribe-form" class="flat-mailchimp" method="post" action="#" data-
mailchimp="true">
<div class="field clearfix" id="subscribe-content">
<p class="wrap-input-email">
<input type="text" tabindex="2" id="subscribe-email" name="subscribe-email"
placeholder="Enter Your Email">
</p> <p class="wrap-btn">
<button type="button" id="subscribe-button" class="flat-button subscribe-submit"
title="Subscribe now">SUBSCRIBE</button>
</p>
</div>
74
<div id="subscribe-msg"></div>
</form>
</div>
</div><!-- /.col-md-3 -->
</div><!-- /.row -->
</div><!-- /.container -->
</footer>
<!-- Bottom -->
<div class="bottom">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="copyright">
<p>@2018 <a href="#">Indira Janardhanan Vidya Mandir</a>. All rights reserved.
</p>
</div>
</div>
<div class="col-md-6 col-sm-6">
<ul class="social-links style2 text-right">
<li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-
twitter"></i></a></li>
<li><a href="#"><i class="fa fa-vimeo"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<li><a href="#"><i class="fa fa-skype"></i></a></li>
</ul>
</div>
</div>
</div><!-- /.container -->
</div><!-- bottom -->
<!-- Go Top -->
<a class="go-top">
75
<i class="fa fa-angle-up"></i>
</a>
</div>
<!-- Javascript -->
<script src="javascript/jquery.min.js"></script>
<script src="javascript/tether.min.js"></script>
<script src="javascript/bootstrap.min.js"></script>
<script src="javascript/jquery.easing.js"></script>
<script src="javascript/jquery-waypoints.js"></script>
<script src="javascript/jquery.cookie.js"></script>
<script src="javascript/parallax.js"></script>
<script src="javascript/jquery-countTo.js"></script> <script
src="javascript/main.js"></script>
</body>
</html>
76
Facilities.HTML
<!DOCTYPE html>
<!--[if IE 8 ]><html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US"
lang="en-US"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-
US" lang="en-US"><!--<![endif]-->
<head>
<!-- Basic Page Needs -->
<meta charset="utf-8">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<title>Indira Janardhanan Vidya Mandir</title>
<meta name="author" content="themesflat.com">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
<!-- Theme Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/style.css">
<!-- Responsive -->
<link rel="stylesheet" type="text/css" href="stylesheets/responsive.css"> <!-- Colors -->
<link rel="stylesheet" type="text/css" href="stylesheets/colors/color1.css" id="colors">
<!-- Animation Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/animate.css">
<!-- Animation headline Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/headline.css">
<!-- REVOLUTION LAYERS STYLES -->
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css">
<!-- Favicon and touch icons -->
<link href="icon/apple-touch-icon-48-precomposed.png" rel="icon" sizes="48x48">
77
<link href="icon/apple-touch-icon-32-precomposed.png" rel="icon">
<link href="icon/favicon.png" rel="icon">
<!--[if lt IE 9]>
<script src="javascript/html5shiv.js"></script>
<script src="javascript/respond.min.js"></script>
<![endif]-->
</head>
<body class="header_sticky">
<!-- Preloader --> <div id="loading-overlay">
<div class="loader"></div>
</div>
<!-- Boxed -->
<div class="boxed">
<div class="flat-header-wrap">
<!-- Header -->
<div class="header widget-header clearfix"> <div class="container"> <div class="header-
wrap clearfix">
<div class="row">
<div class="col-lg-3">
<div id="logo" class="logo">
<a href="index.html" rel="home">
<img src="images/logo1.png" alt="image">
</a>
</div><!-- /.logo -->
</div>
<div class="col-lg-9">
<div class="wrap-widget-header clearfix">
<aside class="widget widget-info">
<div class="textwidget clearfix">
<div class="info-icon"> <i class="fa fa-map-marker"></i>
</div>
78
<div class="info-text">
<h6>Maruthorvattom, Muttathipparambu</h6>
<p>Cherthal, Alappuzha, Kerala - 688 001</p>
</div>
</div>
</aside>
<aside class="widget widget-info">
<div class="textwidget clearfix">
<div class="info-icon">
<i class="fa fa-phone"></i>
</div>
<div class="info-text">
<h6>0478-282-1075</h6>
<p>[email protected]</p>
</div>
</div>
</aside>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.header-wrap -->
</div> </div><!-- /.header -->
<header id="header" class="header header-classic header-style1">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="flat-wrap-header">
<div class="nav-wrap clearfix">
<nav id="mainnav" class="mainnav">
<ul class="menu">
<li><a href="index.html">Home</a></li>
79
<li><a href="about-us.html">About Us</a></li>
<li class="active"><a href="facilities.html">Facilities</a></li>
<li><a href="Courses.html">Courses</a></li>
<li><a href="faculties.html">Faculties</a></li>
<li><a href="contact.html">Contact</a></li>
</ul><!-- /.menu -->
</nav><!-- /.mainnav -->
<div class="btn-menu">
<span></span>
</div><!-- //mobile menu button -->
</div><!-- /.nav-wrap -->
</div>
</div> </div>
</div>
</header>
</div>
<!-- Page title -->
<div class="page-title parallax parallax1">
<div class="section-overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="page-title-heading">
<h1 class="title">Facilities</h1>
</div><!-- /.page-title-captions -->
<div class="breadcrumbs">
<ul>
<li class="home"><i class="fa fa-home"></i><a href="index.html">Home</a></li>
<li>Facilities</li>
</ul>
</div><!-- /.breadcrumbs -->
80
</div><!-- /.col-md-12 -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.page-title --> <section class="section-aboutus wrap-blance blancejqurey bg-
section2 clearfix">
<div id="blance1" class="featured-aboutus float-left">
<img src="images/sideimg2.jpg" alt="image">
</div>
<div id="blance2" class="info-aboutus float-left">
<div class="title-section style2 left">
<h1 class="title"><span>Our</span> Facilities</h1>
<div class="sub-title">
<h5>Smart Class Room</h5>
Smartclass is a digital initiative of Educomp, which is rapidly transforming the way teachers
teach and students learn in schools with innovative and meaningful use of technology. These
sessions assist s06tudents to learn difficult and abstract curriculum concepts watching highly
engaging visuals and animations.This makes learning an enjoyable experience for students
while improving their overall academic performance in school. We have equipped 5 class
rooms with Smart Class for the students.
</div><br/>
<div class="sub-title">
<h5>Computer Lab</h5>
In this age of Information Technology, an early exposure to basics of computer is imperative
for every child. Familiarity with the computer and its various aspects is as important for
students as any other subject in the curriculum. We realise this and have set up a Computer
Lab that is equipped with the latest models of computers and software which will help the
students overcome any inhibitions they could have about using computers
</div> <br/>
<div class="sub-title">
<h5>Physics Lab</h5>
81
Our Physics lab is equipped with all the necessary equipment required for the practical
understanding of the theories learned in textbooks. These include various gauges, lenses and
mirrors and other electrical instruments.
</div><br/>
<div class="sub-title">
<h5>Chemisrty Lab</h5>
Our Chemistry Lab provides students with hands-on experience under the supervision of
experienced teachers.
</div><br/>
<div class="sub-title">
<h5>Biology Lab</h5>
The Biology lab is also equipped with various tools such as Microscope, specimens and
slides, charts and tables
</div><br/>
<div class="sub-title">
<h5>Maths Lab</h5>
At IJVM, we believe the subject needs to be taught in more creative ways. That’s why we
have a Maths lab, which teaches mathematical problems solving through practical methods.
Our Maths Lab is equipped with tools aimed at making this possible.
</div><br/>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer widget-footer">
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-6 reponsive-mb30">
<div class="widget-logo">
<div id="logo-footer" class="logo">
<a href="index.html" rel="home">
82
<img src="images/logo1.png" alt="image">
</a>
</div>
<p>The institution aiming to empower students to acquire, demonstrate, articulate and value
knowledge</p>
<ul class="flat-information">
<li><i class="fa fa-map-marker"></i><a href="#">Maruthorvattom,
Muttathiparambu<br/>Cherthala, Alappuzha, Kerala</a></li>
<li><i class="fa fa-phone"></i><a href="#">+91 0478-282-1075</a></li>
<li><i class="fa fa-envelope"></i><a href="#">[email protected]</a></li>
</ul>
</div>
</div><!-- /.col-md-3 -->
<div class="col-lg-4 col-sm-6 reponsive-mb30">
<div class="widget widget-out-link clearfix">
<h5 class="widget-title">Our Links</h5>
<ul class="one-half">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="facilities.html.html">Facilities</a></li>
<li><a href="Courses.html">Courses</a></li>
<li><a href="team-v1.html">Faculties</a></li>
<li><a href="contact.html">Contact</a></li> </ul>
</div>
</div><!-- /.col-md-3 -->
<div class="col-lg-4 col-sm-6 reponsive-mb30">
<div class="widget widget-letter">
<h5 class="widget-title">Newsletter</h5>
<p class="info-text">Subscribe our newsletter gor get noti-fication about new updates,
etc.</p>
83
<form id="subscribe-form" class="flat-mailchimp" method="post" action="#" data-
mailchimp="true">
<div class="field clearfix" id="subscribe-content">
<p class="wrap-input-email">
<input type="text" tabindex="2" id="subscribe-email" name="subscribe-email"
placeholder="Enter Your Email">
</p>
<p class="wrap-btn">
<button type="button" id="subscribe-button" class="flat-button subscribe-submit"
title="Subscribe now">SUBSCRIBE</button>
</p>
</div>
<div id="subscribe-msg"></div>
</form>
</div>
</div><!-- /.col-md-3 -->
</div><!-- /.row -->
</div><!-- /.container -->
</footer> <!-- Bottom -->
<div class="bottom">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="copyright">
<p>@2018 <a href="#">Indira Janardhanan Vidya Mandir</a>. All rights reserved.
</p>
</div>
</div>
<div class="col-md-6 col-sm-6">
<ul class="social-links style2 text-right">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
84
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-vimeo"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<li><a href="#"><i class="fa fa-skype"></i></a></li>
</ul>
</div>
</div>
</div><!-- /.container -->
</div><!-- bottom --> <!-- Go Top -->
<a class="go-top">
<i class="fa fa-angle-up"></i>
</a>
</div>
<!-- Javascript -->
<script src="javascript/jquery.min.js"></script>
<script src="javascript/tether.min.js"></script>
<script src="javascript/bootstrap.min.js"></script>
<script src="javascript/jquery.easing.js"></script>
<script src="javascript/jquery-waypoints.js"></script>
<script src="javascript/jquery.cookie.js"></script>
<script src="javascript/parallax.js"></script>
<script src="javascript/jquery-countTo.js"></script>
<script src="javascript/main.js"></script>
</body>
</html>
85
Faculties.HTML
<!DOCTYPE html>
<!--[if IE 8 ]><html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US"
lang="en-US"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-
US" lang="en-US"><!--<![endif]-->
<head>
<!-- Basic Page Needs -->
<meta charset="utf-8">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<title>Indira Janardhanan Vidya Mandir</title>
<meta name="author" content="themesflat.com">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
<!-- Theme Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/style.css">
<!-- Responsive -->
<link rel="stylesheet" type="text/css" href="stylesheets/responsive.css"> <!-- Colors -->
<link rel="stylesheet" type="text/css" href="stylesheets/colors/color1.css" id="colors">
<!-- Animation Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/animate.css">
<!-- Animation headline Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/headline.css">
<!-- REVOLUTION LAYERS STYLES -->
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css">
<!-- Favicon and touch icons -->
<link href="icon/apple-touch-icon-48-precomposed.png" rel="icon" sizes="48x48">
<link href="icon/apple-touch-icon-32-precomposed.png" rel="icon">
86
<link href="icon/favicon.png" rel="icon">
<!--[if lt IE 9]>
<script src="javascript/html5shiv.js"></script>
<script src="javascript/respond.min.js"></script>
<![endif]-->
</head>
<body class="header_sticky">
<!-- Preloader --> <div id="loading-overlay">
<div class="loader"></div>
</div>
<!-- Boxed -->
<div class="boxed">
<div class="flat-header-wrap">
<!-- Header -->
<div class="header widget-header clearfix"> <div class="container"> <div class="header-
wrap clearfix">
<div class="row">
<div class="col-lg-3">
<div id="logo" class="logo">
<a href="index.html" rel="home">
<img src="images/logo1.png" alt="image">
</a>
</div><!-- /.logo -->
</div>
<div class="col-lg-9">
<div class="wrap-widget-header clearfix">
<aside class="widget widget-info">
<div class="textwidget clearfix">
<div class="info-icon"> <i class="fa fa-map-marker"></i>
</div>
<div class="info-text">
87
<h6>Maruthorvattom, Muttathipparambu</h6>
<p>Cherthal, Alappuzha, Kerala - 688 001</p>
</div>
</div>
</aside>
<aside class="widget widget-info">
<div class="textwidget clearfix">
<div class="info-icon">
<i class="fa fa-phone"></i>
</div>
<div class="info-text">
<h6>0478-282-1075</h6>
<p>[email protected]</p>
</div>
</div>
</aside>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.header-wrap -->
</div> </div><!-- /.header -->
<header id="header" class="header header-classic header-style1">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="flat-wrap-header">
<div class="nav-wrap clearfix">
<nav id="mainnav" class="mainnav">
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Us</a></li>
88
<li><a href="facilities.html">Facilities</a></li>
<li><a href="Courses.html">Courses</a></li>
<li class="active"><a href="faculties.html">Faculties</a></li>
<li><a href="contact.html">Contact</a></li>
</ul><!-- /.menu -->
</nav><!-- /.mainnav -->
<div class="btn-menu">
<span></span>
</div><!-- //mobile menu button -->
</div><!-- /.nav-wrap -->
</div>
</div> </div>
</div>
</header>
</div>
<!-- Page title -->
<div class="page-title parallax parallax1">
<div class="section-overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="page-title-heading">
<h1 class="title">Courses</h1>
</div><!-- /.page-title-captions -->
<div class="breadcrumbs">
<ul>
<li class="home"><i class="fa fa-home"></i><a href="index.html">Home</a></li>
<li>Faculties</li>
</ul>
</div><!-- /.breadcrumbs -->
</div><!-- /.col-md-12 -->
89
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.page-title --> <section class="section-aboutus wrap-blance blancejqurey bg-
section2 clearfix">
<div id="blance1" class="featured-aboutus float-left">
<img src="images/about.jpg" alt="image">
</div>
<div id="blance2" class="info-aboutus float-left">
<div class="title-section style2 left">
<h1 class="title"><span>Our</span> Team</h1>
<div class="sub-title">
The institution aiming to empower students to acquire, demonstrate, articulate and value
knowledge and skills that will support them; as lifelong learners, to participate in and
contribute to the global world and practice the core value of the school respect, tolerance and
inclusion, and excellence in all fields of their career. We know that the quality faculties are
the strength of every successful educational institutions. Its our duty to provide a unique
learning environment by fostering self-esteem and self-confidence thus our children will
discover and meet their full potential while equipping them for imminent schooling. Its
obviouse that we maintain a group of quality faculties.
</div><br/>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer widget-footer">
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-6 reponsive-mb30">
<div class="widget-logo">
<div id="logo-footer" class="logo"><a href="index.html" rel="home">
<img src="images/logo1.png" alt="image">
90
</a>
</div>
<p>The institution aiming to empower students to acquire, demonstrate, articulate and value
knowledge</p>
<ul class="flat-information">
<li><i class="fa fa-map-marker"></i><a href="#">Maruthorvattom,
Muttathiparambu<br/>Cherthala, Alappuzha, Kerala</a></li>
<li><i class="fa fa-phone"></i><a href="#">+91 0478-282-1075</a></li>
<li><i class="fa fa-envelope"></i><a href="#">[email protected]</a></li>
</ul>
</div>
</div><!-- /.col-md-3 -->
<div class="col-lg-4 col-sm-6 reponsive-mb30">
<div class="widget widget-out-link clearfix">
<h5 class="widget-title">Our Links</h5>
<ul class="one-half">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="facilities.html.html">Facilities</a></li>
<li><a href="Courses.html">Courses</a></li>
<li><a href="team-v1.html">Faculties</a></li>
<li><a href="contact.html">Contact</a></li>
</ul> </div>
</div><!-- /.col-md-3 -->
<div class="col-lg-4 col-sm-6 reponsive-mb30">
<div class="widget widget-letter">
<h5 class="widget-title">Newsletter</h5>
<p class="info-text">Subscribe our newsletter gor get noti-fication about new updates,
etc.</p>
<form id="subscribe-form" class="flat-mailchimp" method="post" action="#" data-
mailchimp="true">
91
<div class="field clearfix" id="subscribe-content">
<p class="wrap-input-email">
<input type="text" tabindex="2" id="subscribe-email" name="subscribe-email"
placeholder="Enter Your Email">
</p>
<p class="wrap-btn"> <button type="button" id="subscribe-button" class="flat-button
subscribe-submit" title="Subscribe now">SUBSCRIBE</button>
</p>
</div>
<div id="subscribe-msg"></div>
</form>
</div>
</div><!-- /.col-md-3 -->
</div><!-- /.row -->
</div><!-- /.container -->
</footer> <!-- Bottom -->
<div class="bottom">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="copyright">
<p>@2018 <a href="#">Indira Janardhanan Vidya Mandir</a>. All rights reserved.
</p>
</div>
</div>
<div class="col-md-6 col-sm-6">
<ul class="social-links style2 text-right">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-vimeo"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
92
<li><a href="#"><i class="fa fa-skype"></i></a></li>
</ul>
</div>
</div>
</div><!-- /.container -->
</div><!-- bottom -->
<!-- Go Top --> <a class="go-top">
<i class="fa fa-angle-up"></i>
</a>
</div>
<!-- Javascript -->
<script src="javascript/jquery.min.js"></script>
<script src="javascript/tether.min.js"></script>
<script src="javascript/bootstrap.min.js"></script>
<script src="javascript/jquery.easing.js"></script>
<script src="javascript/jquery-waypoints.js"></script>
<script src="javascript/jquery.cookie.js"></script>
<script src="javascript/parallax.js"></script>
<script src="javascript/jquery-countTo.js"></script>
<script src="javascript/main.js"></script>
</body>
</html>
93
Index.HTML
<!DOCTYPE html>
<!--[if IE 8 ]><html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US"
lang="en-US"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-
US" lang="en-US"><!--<![endif]-->
<head>
<!-- Basic Page Needs -->
<meta charset="utf-8">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<title>Indira Janardhanan Vidya Mandir</title>
<meta name="author" content="themesflat.com">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
<!-- Theme Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/style.css">
<!-- Responsive -->
<link rel="stylesheet" type="text/css" href="stylesheets/responsive.css"> <!-- Colors -->
<link rel="stylesheet" type="text/css" href="stylesheets/colors/color1.css" id="colors">
<!-- Animation Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/animate.css">
<!-- Animation headline Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/headline.css">
<!-- REVOLUTION LAYERS STYLES -->
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css">
<!-- Favicon and touch icons -->
<link href="icon/apple-touch-icon-48-precomposed.png" rel="icon" sizes="48x48">
94
<link href="icon/apple-touch-icon-32-precomposed.png" rel="icon">
<link href="icon/favicon.png" rel="icon">
<!--[if lt IE 9]>
<script src="javascript/html5shiv.js"></script>
<script src="javascript/respond.min.js"></script>
<![endif]-->
</head>
<body class="header_sticky">
<!-- Preloader --> <div id="loading-overlay">
<div class="loader"></div>
</div>
<!-- Boxed -->
<div class="boxed">
<div class="flat-header-wrap">
<!-- Header -->
<div class="header widget-header clearfix"> <div class="container"> <div class="header-
wrap clearfix">
<div class="row">
<div class="col-lg-3">
<div id="logo" class="logo">
<a href="index.html" rel="home">
<img src="images/logo1.png" alt="image">
</a>
</div><!-- /.logo -->
</div>
<div class="col-lg-9">
<div class="wrap-widget-header clearfix">
<aside class="widget widget-info">
<div class="textwidget clearfix">
<div class="info-icon"> <i class="fa fa-map-marker"></i>
</div>
95
<div class="info-text">
<h6>Maruthorvattom, Muttathipparambu</h6>
<p>Cherthal, Alappuzha, Kerala - 688 001</p>
</div>
</div>
</aside>
<aside class="widget widget-info">
<div class="textwidget clearfix">
<div class="info-icon">
<i class="fa fa-phone"></i>
</div>
<div class="info-text">
<h6>0478-282-1075</h6>
<p>[email protected]</p>
</div>
</div>
</aside>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.header-wrap -->
</div> </div><!-- /.header -->
<header id="header" class="header header-classic header-style1">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="flat-wrap-header">
<div class="nav-wrap clearfix">
<nav id="mainnav" class="mainnav">
<ul class="menu">
<li class="active"><a href="index.html">Home</a></li>
96
<li><a href="about-us.html">About Us</a></li>
<li><a href="facilities.html">Facilities</a></li>
<li><a href="Courses.html">Courses</a></li>
<li><a href="faculties.html">Faculties</a></li>
<li><a href="contact.html">Contact</a></li>
</ul><!-- /.menu -->
</nav><!-- /.mainnav -->
<div class="btn-menu">
<span></span>
</div><!-- //mobile menu button -->
</div><!-- /.nav-wrap -->
</div>
</div> </div>
</div>
</header>
</div>
<div id="rev_slider_1078_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container
slide-overlay" data-alias="classic4export" data-source="gallery" style="margin:0px
auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
<!-- START REVOLUTION SLIDER 5.3.0.2 auto mode -->
<div id="rev_slider_1078_1" class="rev_slider fullwidthabanner" style="display:none;"
data-version="5.3.0.2">
<div class="slotholder"></div>
<ul><!-- SLIDE -->
<!-- SLIDE 1 -->
<li data-index="rs-3050" data-transition="fade" data-slotamount="7" data-hideafterloop="0"
data-hideslideonmobile="off" data-easein="Power4.easeInOut" data-
easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0" data-
saveperformance="off" data-title="Ken Burns" data-param1="" data-param2="" data-
param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-
param8="" data-param9="" data-param10="" data-description="">
97
<!-- <div class="overlay">
</div> -->
<!-- MAIN IMAGE -->
<img src="images/slides/6.jpg" alt="" data-bgposition="center center" data-kenburns="off"
data-duration="30000" data-ease="Linear.easeNone" data-scalestart="100" data-
scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 0" data-
offsetend="0 0" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 12 -->
<div class="tp-caption title-slide"
id="slide-3050-layer-1"
data-x="['left','left','left','left']" data-hoffset="['35','20','50','50']"
data-y="['middle','middle','middle','middle']" data-voffset="['-82','-82','-82','-82']"
data-fontsize="['60','60','50','33']"
data-lineheight="['70','70','50','35']"
data-fontweight="['700','700','700','700']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text" data-responsive_offset="on" data-
frames='[{"delay":100,"speed":3000,"frame":"0","from":"x:[-
175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[100%];y:0;s:
inherit;e:inherit;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame"
:"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[10,10,10,10]"
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0"
data-paddingleft="[0,0,0,0]"
style="z-index: 16; white-space: nowrap;">Elegant & Efficient!
</div>
<!-- LAYER NR. 12 -->
98
<div class="tp-caption sub-title position"
id="slide-3050-layer-3"
data-x="['left','left','left','left']" data-hoffset="['35','25','50','50']"
data-y="['middle','middle','middle','middle']" data-voffset="['-122','-122','-122','-122']"
data-fontsize="['16',16','16','14']"
data-fontweight="['600','600','600','600']"
data-width="['660','660','660','300']"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1100,"speed":3000,"frame":"0","from":"x:[-
175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[100%];y:0;s:
inherit;e:inherit;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame"
:"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 17; white-space: nowrap;text-transform:left;">KEEPING THE THIRST OF
KNOWLEDGE
</div>
<!-- LAYER NR. 13 -->
<div class="tp-caption sub-title"
id="slide-3050-layer-4"
data-x="['left','left','left','left']" data-hoffset="['35','20','50','50']"
data-y="['middle','middle','middle','middle']" data-voffset="['12','12','-20,'-20']"
data-fontsize="['18',18','18','16']"
data-lineheight="['30','30','22','16']"
data-fontweight="['400','400','400','400']"
data-width="['800',800','800','450']"
99
data-height="none"
data-whitespace="['nowrap',normal','normal','normal']"
data-type="text"
data-responsive_offset="on" data-
frames='[{"delay":1100,"speed":3000,"frame":"0","from":"x:[-
175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[100%];y:0;s:
inherit;e:inherit;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame"
:"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 17; white-space: normal;">empower students to acquire, <br/>demonstrate,
articulate and value knowledge
</div>
<a href="contactus.html" target="_self" class="tp-caption flat-button style2 text-center"
data-
frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mas
k":"x:0px;y:[100%];s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":2000,"ease":"Power
4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:in
herit;e:inherit;","ease":"Power2.easeInOut"}]'
data-x="['center','center','center','center']" data-hoffset="['-318','-200','-30','-70']"
data-y="['middle','middle','middle','middle']" data-voffset="['106','106','80','110']"
data-fontweight="['700','700','700','700']"
data-width="['auto']" data-height="['auto']"
style="z-index: 3;">Know More
</a><!-- END LAYER LINK -->
</li>
<!-- SLIDE 2 -->
100
<li data-index="rs-3051" data-transition="fade" data-slotamount="7" data-hideafterloop="0"
data-hideslideonmobile="off" data-easein="Power4.easeInOut" data-
easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0" data-
saveperformance="off" data-title="Ken Burns" data-param1="" data-param2="" data-
param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-
param8="" data-param9="" data-param10="" data-description="">
<!-- <div class="overlay">
</div> -->
<!-- MAIN IMAGE -->
<img src="images/slides/9.jpg" alt="" data-bgposition="center center" data-kenburns="off"
data-duration="30000" data-ease="Linear.easeNone" data-scalestart="100" data-
scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 0" data-
offsetend="0 0" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 12 -->
<div class="tp-caption title-slide"
id="slide-3051-layer-1"
data-x="['left','left','left','left']" data-hoffset="['35','20','50','50']"
data-y="['middle','middle','middle','middle']" data-voffset="['-82','-82','-82','-82']"
data-fontsize="['60','60','50','33']"
data-lineheight="['70','70','50','35']" data-fontweight="['700','700','700','700']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":100,"speed":3000,"frame":"0","from":"x:[-
175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[100%];y:0;s:
inherit;e:inherit;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame"
:"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
101
data-paddingtop="[10,10,10,10]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0"
data-paddingleft="[0,0,0,0]"
style="z-index: 16; white-space: nowrap;">Elegant & Efficient!
</div>
<!-- LAYER NR. 12 -->
<div class="tp-caption sub-title position"
id="slide-3051-layer-3"
data-x="['left','left','left','left']" data-hoffset="['35','25','50','50']" data-
y="['middle','middle','middle','middle']" data-voffset="['-122','- 122','-122','-122']"
data-fontsize="['16',16','16','14']"
data-fontweight="['600','600','600','600']"
data-width="['660','660','660','300']"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1100,"speed":3000,"frame":"0","from":"x:[-
175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[100%];y:0;s:
inherit;e:inherit;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame"
:"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 17; white-space: nowrap;text-transform:left;">KEEPING THE THIRST OF
KNOWLEDGE
</div>
<!-- LAYER NR. 13 --> <div class="tp-caption sub-title"
102
id="slide-3051-layer-4"
data-x="['left','left','left','left']" data-hoffset="['35','20','50','50']"
data-y="['middle','middle','middle','middle']" data-voffset="['12','12','- 20,'-20']"
data-fontsize="['18',18','18','16']"
data-lineheight="['30','30','22','16']"
data-fontweight="['400','400','400','400']"
data-width="['800',800','800','450']"
data-height="none"
data-whitespace="['nowrap',normal','normal','normal']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1100,"speed":3000,"frame":"0","from":"x:[-
175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[100%];y:0;s:
inherit;e:inherit;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame"
:"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]" style="z-index: 17; white-space: normal;">empower students to
acquire, <br/>demonstrate, articulate and value knowledge
</div>
<a href="#" target="_self" class="tp-caption flat-button style2 text-center"
data-
frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mas
k":"x:0px;y:[100%];s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":2000,"ease":"Power
4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:in
herit;e:inherit;","ease":"Power2.easeInOut"}]'
data-x="['center','center','center','center']" data-hoffset="['-318','-200','-30','- 70']"
data-y="['middle','middle','middle','middle']" data-voffset="['106','106','80','110']"
data-fontweight="['700','700','700','700']"
103
data-width="['auto']"
data-height="['auto']"
style="z-index: 3;">Know More
</a><!-- END LAYER LINK -->
</li>
</ul>
</div>
</div><!-- END REVOLUTION SLIDER -->
<section class="flat-row section-iconbox">
<div class="container"> <div class="row">
<div class="col-lg-5">
<div class="title-section style3 left">
<h1 class="title">Our School</h1>
</div>
</div>
<div class="col-lg-7">
<div class="title-section padding-left50">
<div class="sub-title style3">
The institution aiming to empower students to acquire, demonstrate, articulate and value
knowledge and skills that will support them.
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="iconbox style3">
<div class="box-header">
<div class="box-icon">
<i class="ti-pie-chart"></i>
</div>
104
</div>
<div class="box-content">
<h5 class="box-title">Smart Class Rooms</h5> <p>Smart classrooms and digital aid, which
is rapidly transforming the way teachers teach and students.</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="iconbox style3">
<div class="box-header">
<div class="box-icon">
<i class="ti-bar-chart"></i>
</div>
</div>
<div class="box-content">
<h5 class="box-title">Computer Lab</h5>
<p>We are providing state of the art computer lab with latest technological updations.</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="iconbox style3">
<div class="box-header">
<div class="box-icon">
<i class="ti-bell"></i>
</div>
</div> <div class="box-content">
<h5 class="box-title">Library</h5>
<p>For encouraging reading we constitude a plenthora of books in our library.</p>
</div>
</div>
105
</div>
<div class="col-lg-4">
<div class="iconbox style3">
<div class="box-header">
<div class="box-icon">
<i class="ti-microphone"></i>
</div>
</div>
<div class="box-content">
<h5 class="box-title">Sports Complex</h5>
<p>For the physical fitness of the students we provide sports facilities for our students.</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="iconbox style3">
<div class="box-header">
<div class="box-icon">
<i class="ti-desktop"></i> </div>
</div>
<div class="box-content">
<h5 class="box-title">Yoga & Meditation</h5>
<p>A healthy mind is an innevitable part of learing, which is enabled though yoga and
meditation.</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="iconbox style3">
<div class="box-header">
<div class="box-icon">
106
<i class="ti-support"></i>
</div>
</div>
<div class="box-content">
<h5 class="box-title">Councelling</h5>
<p>Proper councelling will enable the inner strength of the students and improve their
strength.</p>
</div>
</div>
</div>
</div>
</div>
</section> <section class="flat-row v4 bg-section">
<div class="container">
<div class="row">
<div class="col-md-8 reponsive-onehalf">
<div class="title-section style2 left">
<h1 class="title">Our Courses</h1>
<div class="sub-title">
For a comprehensive development of the students we providing the courses.
</div>
</div>
</div>
<div class="col-md-4 reponsive-onehalf">
<div class="btn-showall float-right">
<a href="courses.html" class="flat-button">Show All Courses</a>
</div>
</div>
</div>
</div>
</section>
107
<section class="flat-row section-testimonials2">
<div class="container">
<div class="row"><div class="col-md-12"> <div class="title-section text-center"> <div
class="symbol">
“
</div>
<h1 class="cd-headline clip is-full-width">
<span>Who We Are?</span>
</h1>
</div>
</div>
<div class="col-md-12">
<div class="wrap-testimonial padding-lr79">
<div id="testimonial-slider">
<div class="testimonials style3 text-center">
<div class="message">
<blockquote class="whisper">
"<em>Indhira Janardhanan Vidhya Mandir</em> is an English medium school affiliated to
CBSE. The institution aiming to empower students to acquire, demonstrate, articulate and
value knowledge and skills that will support them; as lifelong learners, to participate in and
contribute to the global world and practice the core value of the school respect, tolerance and
inclusion, and excellence in all fields of their career. Indhira Janardhanan an Vidhya Mandir,
founded in the year 1992 the school was named after the first principal Mrs. Indhira
Janardhanan . The institutions main aim is to impart students with ethical and moral values
believing in the religion of oneness and creating a dynamic personality for the society. Hence
Indhira Janardhanan an Vidhya Mandir seeks to develop in students’ intellectual curiosity,
eagerness for learning, ability to utilize their knowledge for social welfare and discover their
talents so as to emerge as dynamic personality and to create youthful and smart generation."
</blockquote>
</div> </div>
</div>
108
</div><!-- /.wrap-testimonial -->
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer widget-footer">
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-6 reponsive-mb30">
<div class="widget-logo">
<div id="logo-footer" class="logo">
<a href="index.html" rel="home">
<img src="images/logo1.png" alt="image">
</a>
</div>
<p>The institution aiming to empower students to acquire, demonstrate, articulate and value
knowledge</p>
<ul class="flat-information">
<li><i class="fa fa-map-marker"></i><a href="#">Maruthorvattom,
Muttathiparambu<br/>Cherthala, Alappuzha, Kerala</a></li>
<li><i class="fa fa-phone"></i><a href="#">+91 0478-282-1075</a></li>
<li><i class="fa fa-envelope"></i><a href="#">[email protected]</a></li> </ul>
</div>
</div><!-- /.col-md-3 -->
<div class="col-lg-4 col-sm-6 reponsive-mb30">
<div class="widget widget-out-link clearfix">
<h5 class="widget-title">Our Links</h5>
<ul class="one-half">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Us</a></li>
109
<li><a href="facilities.html.html">Facilities</a></li>
<li><a href="Courses.html">Courses</a></li>
<li><a href="team-v1.html">Faculties</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div><!-- /.col-md-3 -->
<div class="col-lg-4 col-sm-6 reponsive-mb30">
<div class="widget widget-letter">
<h5 class="widget-title">Newsletter</h5>
<p class="info-text">Subscribe our newsletter gor get noti-fication about new updates,
etc.</p>
<form id="subscribe-form" class="flat-mailchimp" method="post" action="#" data-
mailchimp="true">
<div class="field clearfix" id="subscribe-content">
<p class="wrap-input-email"> <input type="text" tabindex="2" id="subscribe-email"
name="subscribe-email" placeholder="Enter Your Email">
</p>
<p class="wrap-btn">
<button type="button" id="subscribe-button" class="flat-button subscribe-submit"
title="Subscribe now">SUBSCRIBE</button>
</p>
</div>
<div id="subscribe-msg"></div>
</form>
</div>
</div><!-- /.col-md-3 -->
</div><!-- /.row -->
</div><!-- /.container -->
</footer>
<!-- Bottom -->
110
<div class="bottom">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="copyright">
<p>@2018 <a href="#">Indira Janardhanan Vidya Mandir</a>. All rights reserved.
</p> </div> </div> <div class="col-md-6 col-sm-6"> <ul class="social-links style2 text-
right"> <li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-vimeo"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<li><a href="#"><i class="fa fa-skype"></i></a></li>
</ul>
</div>
</div>
</div><!-- /.container -->
</div><!-- bottom -->
<!-- Go Top -->
<a class="go-top">
<i class="fa fa-angle-up"></i>
</a>
</div>
<!-- Javascript -->
<script src="javascript/jquery.min.js"></script>
<script src="javascript/tether.min.js"></script>
<script src="javascript/bootstrap.min.js"></script>
<script src="javascript/jquery.easing.js"></script> <script src="javascript/jquery-
waypoints.js"></script>
<script src="javascript/jquery-validate.js"></script>
<script src="javascript/jquery.cookie.js"></script>
<script src="javascript/owl.carousel.js"></script>
111
<script src="javascript/jquery.flexslider-min.js"></script>
<script src="javascript/headline.js"></script>
<script src="javascript/parallax.js"></script>
<script src="javascript/main.js"></script>
<!-- Revolution Slider -->
<script src="revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="revolution/js/slider.js"></script>
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File
Systems ! The following part can be removed on Server for On Demand Loading) -->
<script src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="revolution/js/extensions/revolution.extension.parallax.min.js"></script> <script
src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
</body>
</html>
112
BIBLIOGRAPHY
Books referred
Yeates, D., & Tony Wankfield. (2004). System Analysis and Design. Prentice Hall.
Websites referred
www.w3schools.com
www.tutorialspoint.com
http://www.ijvm.co.in
113