CAREER GUIDANCE – ROOT MAP FOR STUDENTS AFTER 10TH

OSMANIA UNIVERSITY
HYDERABAD
SUBMITTED IN PARTIAL FULFILMENT OF THE REQUIREMENTS
FOR THE AWARD OF THE DEGREE OF BACHELOR OF SCIENCE
SUBMITTED BY

1. G. Manasa Reddy (123820467008)

2. P. Shravani Kumari (123820467026)
3. M. Sony (123820467017)
4. M. Niveditha (123820467020)

DEPARTMENT OF COMPUTER SCIENCE

VILLA MARIE DEGREE COLLEGE FOR
WOMEN
(Affiliated to Osmania University) Somajiguda,
Hyderabad – 500082
2020-2023

1
 Acknowledgement
We would like to place on record our deep sense of gratitude to Mrs. S. Gayathri, HOD
Department of Computer Science, Villa Marie Degree College for Women, Hyderabad, for
her stimulating guidance, continuous encouragement and supervision through the course of
the present work.
We also wish to extend our thanks to the Department Lecturers and other colleagues for
attending our seminars and for the insightful comments and constructive suggestions to
improve the quality of this project work.
We are extremely thankful to Mrs. Revati Devi Mathur, Principal of Villa Marie
Degree College for Women, Hyderabad, for providing us her valuable suggestions.
We are extremely thankful to Ms. Chinnamma, Secretary of Villa Marie Degree College for
Women and Dr. Philomena, Founder and Director of Villa Marie Degree College for Women,
Hyderabad, for providing us infrastructural facilities to work in, without which this work
would not have been possible.

Signature of the Students

1. G. Manasa Reddy (123820467008)

2. P. Shravani Kumari (123820467026)

3. M. Sony (123820467017)

4. M. Nivedita (123820467020)

2
 Declaration
We hereby declare that this project report entitled “Career Guidance – Root map for students
after 10th ” submitted by us to the Department of Computer Science, Osmania University,
Hyderabad, is a bonafide work undertaken by us and it is not submitted to any other university
or institution for the award of any degree/diploma/certificate or published any time before.

Signature of the Students

1. G. Manasa Reddy (123819467013)

2. P. Shravani Kumari (123820467026)

3. M. Sony (123820467017)

4. M. Nivedita (123820467008)

3
 Table Of Content

S.no Content Page no.

1. Abstract 5-6
2. Literature Survey 7-11
3. System Analysis 12-17
4. Requirement Specification 18-21
5. Design 22-26
6. Coding 28-58
7. Partial Implementation 59-62
8. Conclusion 63-64
9. Bibliography 65-66

4
Abstract

5
Abstract
Every student in India decides their career after completing their 10th standard. The step
which they take after 10th will decide their future. Career choice after 10th is not just an easy
task to decide upon. One needs to understand his strength, area of interest and then decide
which stream to take to have a fruitful career. Counselling the student after 10th is very
important because today there are many courses available in the colleges and schools.
Students are confused on what course to take and what course to leave. Just imagine a 10th
pass student has to choose his career with a mind full of confusion on whether to choose
between science, maths, commerce, computer science and to proceed on for 11th and 12th or
to choose a diploma and go to junior college. Besides traditional courses a 10th passed
student today has many other opportunities such as programming, catering, app development,
call centre courses and so on. Hence, choosing a career is not easy for students, a proper
guidance with proper assessing of the students calibre and interest will pave success in the
long run. If you have known any student who is doing their 10th standard or have completed
their 10th and dreaming about what to do after, then please direct them to us. We will help
them choose the best career after 10th.

6
Literature Survey

7
Literature Survey
To make the most of your career counselling process, students keep asking questions to
clarify their doubts. It’s actually a healthy way to start this career planning journey.
Sometimes, as a career counsellor, you are required to ask questions and break the ice. In
some cases, students create a list of questions to be asked to their counsellors and in this case,
this blog could really help you out.

Asking the students some questions to know them better and to know what they are feeling
Here are some questions that have been asked in a survey..

8
9
10
11
System Analysis

12
System Analysis
You cannot get complete information about the courses which can be select after 10th in one
search. Here we are trying to get you the complete information about the courses and how can
you build a great profile after 10th. Many of the websites will give you the information about
a specific course or half the courses but in this website u can have the complete information
about the courses which you have after 10th. “Choices are the hinges of destiny.”- Edwin
Markham.
The conclusion of secondary education happens at the end of the 10th standard. However, at
this point in your educational journey, you will have to choose between completing senior
secondary schooling in either the Commerce stream, Arts, or Science stream or opting
directly from a long list of courses after the 10th standard. Rather than moving to 11th
standard, many students go for skill development courses or training programs that can get
them placed in their field of interest. If you are planning to pursue a program right after the
10th but don’t know where to start, then you have certainly come to the right place! Here is a
detailed blog that elaborates on a comprehensive list of courses after the 10th standard and the
varied benefits they offer. So, Career Guidance After 10th gives confidence to students in
order to choose the right career after their completion of board examinations. There won’t be
any necessity to panic or become anxious even if they have scored lesser marks in it. The
matter of fact is that in today’s generation of self-starters, the number of options open to
students is several and varied. It is not recommended to make confusion between commerce
and science is an essential factor in simplifying the career after class 10. The course of study
after this class may be more generalized, but they are significant in giving a student a solid
foundation for career courses after schooling. Doing the research in advance can save
students time and, hasty decisions dues to parental/peer pressure. It is significant to pursue a
field that a student is usually passionate about. Students should seek career guidance as early
as class 10th and 12th. After everything, having to choose a lot in life.
An e-learning app found 10th grade students are unclear about their career path as they do not
know about the different fields or professions that they can explore. As a UX Designer, you
want to understand the behaviour of students with respect to their decisions related to career
and the factors that influence their decisions. Plan a research to identify the factors for the
business.
Most of the youth are suffering for the same. They’re being stressed out and depressed. Some
of them are even suiciding for choosing the wrong career paths. Because we don’t know what
is there in the user’s mind, we don’t know their context. So, we can’t jump directly to a
conclusion. If we assume ourselves as users, we design solutions for ourselves. It may not
satisfy the requirements of real users. It helps to gather more statistical, behavioural insights.
It helps to get much more information before jumping into user interviews and conclusion.
I’ve browsed several articles from national and international Papers, Magazines, and blogs.
These are the insights that I got while performing my desk research.

13
Statistical Insights
93% of the students aged 14 to 21 were aware of just seven career options though there are
more than 250 different types of job options available in India. Around 85% of students are
concerned about which option to choose for higher education and 92% don’t get any
careerrelated guidance from their schools. India has seen a massive rise in cases of depression
and anxiety for people aged between 15 to 29 years. Parents tried to exert influence over their
choice of career or course, with 69% saying their parents tried to influence their choice of
university. 94% of engineering graduates are not fit for hiring. Only 1.7 % of engineers have
the skills needed to work in new-age jobs. 60 % of faculty doesn’t talk about the application
of concepts in the industry Factual Insights:
India has only a limited number of trained career counsellors available who can assist and
guide students to make the correct career decision among the plethora of choices available
today. Parents need to remember that shaping a student’s profile with the right set of activities
in sync with their strength, capability and dreams is the way forward. Very often we come
across students who have a broad idea of what they wish to do but don’t have the resources to
plan it end to end. In such scenario parents are often found to vary of such plans and this
leads to parents asserting their own choices. Way of learning & Teaching also plays a key
role. It’s all about Ratification, CGPA, Class Copy. It’s not about Research, Projects,
Entrepreneurship, etc. The fear of being judged for scoring less and making career choices
has always led to students choosing the wrong career. Lack of interest is the main reason for
lack of dedication. I have used these insights in the Primary research stage to frame questions
that are more precise. To give career guidance for them, so that they can choose the correct
career path. Lack of awareness in students, parents and teachers is the main reason for the
issue.
5 W’s — WHO, WHAT, WHEN, WHERE & WHY to understand the Problem Statement:
It is important to understand the problem statement because without digging deep in it. I
would have a very broad perspective towards looking at user problems. To narrow down the
problem statement, it is necessary to dig deeper and understand the user to its core. Problem
statement just tells you the area where the research is needed but after digging it deeper i
could understand which part I could work upon to solve user problems.

WHO
Who are its primary users?
Students who are about to finish their school life in 2–3 years.
Who is most unclear about their career path?
Student who has less knowledge in which career he would be good at Who
all are already working towards this scenario?
Currently students could find career options related information on websites. Also can take
counselling sessions for career direction.
Who will be affected by this change?
Students would be able to make right decisions and parents would also have greater trust if it
is said/approved by the third person.

WHAT
• What can be the different career options? Today besides being a doctor and engineer,

14
there are many different options for students to carry on.

15
 • What could be done for students to be clear about their career? A platform where
students could get all the career options in addition with a counsellor who guides them
what would be best for them.
• What initiatives have already been taken? There are existing counselling sites and
some review sites where career options could be selected from.
• What all factors influence their decisions towards choosing their career? Parents,
Resources, Awareness, Interests
• What kind of behaviour of parents plays a role in a student’s career options? Parents
who are ready to consider new career options for their children helps the child in
making the choice he is interested in.
• What tells students in which career they could be good at? A proper counselling session.

WHEN
● When students get ready to choose their career path? There is no age bias here but yes
by 12th class he should have an idea where he wants to go next.
● When students find most difficulty in their decisions? When they are less clear in
which Career they would be good at.

WHERE
● Where do students find all the career options? There is no particular site where all
career options come but students could search according to a particular field.
● Where do students get the career path according to their choices? Students get a career
path according to their choice when they know about the particular field they are
interested in.
● Where students find the most issues? In finding the right career choice for them.
● Where students let others take decisions on their behalf? When they trust that person
would suggest them right.
● Where students could choose a path and know about its pros and cons? Reading in
detail about the career path along with its reviews would help students.

WHY
● Why is helping students in making the right decision for a career important? So that
they don’t end up wasting their time on doing nothing. Also, making the right career
decision in their initial phase of education would be helpful.
● Why is proper awareness of each profession important? To choose the best option
suitable for them, students should have knowledge of each career path available for
them. ● Why is understanding the factors which influence the students’ decision
important? Understanding those factors would help further in making the right career
decision for the student.
● Why is an E-learning app important for the students? An application would be more
important where all the career knowledge as well as counselling sessions is at one
16
place.

17
 Proposed System
After completing their tenth grade, every kid in India chooses a job. Their future
will depend on the actions they take after finishing grade 10. After grade 10,
choosing a career is not always simple. To choose a successful job path, one
must first determine their areas of interest and strengths. Because there are so
many courses accessible in colleges and schools today, counselling the student
after the tenth grade is crucial. Students are unsure of which subject to enrol in
and which to drop. Imagine a 10th grader who must decide between science,
math, business or computer science as a vocation and whether to continue on to
the 11th and 12th grades or to get a diploma and attend junior college. A student
who has completed their 10th grade now has a variety of different options,
including programmes in programming, catering, app development, call centre
training, and more. As a result, selecting a job is not an easy task for students.
Long-term success will be facilitated by competent counselling combined with
an accurate assessment of the students' aptitude and interests. Please refer any
students you know who are enrolled in or have completed the tenth grade and
are considering their options for the future to us. We'll aid them in selecting the
greatest post-tenth grade career.

Problem Definition
Whichever your situation is, at one point or other, you have gone through or will go through
some queries. So we have found some solutions for that and here are the answers. When you
ask your students what are their biggest strengths, weaknesses, interests, and more, they
usually get confused. Surely, they list out some points but there could always be some major
points left behind. Identifying their personality traits can help them choose a career that they
enjoy. Their strengths include skills like research skills, communication, problem-solving
abilities, teamwork, interpersonal skills and more. This varies from person to person and the
profession they want to pursue. To articulate their strengths, you can assess them first with
the help of psychometric tests and accordingly suggest to them what and how to improve
further. This will only not help them build their strengths but also working on their
weaknesses as well.
Career planning is a long process. It does not work in such a way that students choose any
subject, any stream and suddenly, they start making career decisions. Planning itself is a
synonym for creating well-thought and research proposals. Hence, career planning is totally
dependent on stream, course, and subject selection. Once, students ask you how to choose a
course and career, ask them to list down their likes, dislikes, strengths, weaknesses, and other
personality traits. Current academic performance, future goals, and so on, also play an
important role in course & career selection. You can also take up Course, Subject, Career
Selector Tests to help your student make the right decision. These are scientific &
personalized tools for students to determine the best-fit career, course, combination of
18
subjects etc. Through

19
a deep analysis of current academic performance, individual strengths, and future career
dreams, take a student from confusion to clarity.
In today’s world, the competition has been increasing rapidly. Students are getting good
marks and due to similar academic scores, universities & colleges have changed their
admission processes. Now, top universities look for a holistic student profile before granting
admission. Therefore, students look for professionals who can help them in building a strong
profile and getting them into their dream college. Therefore, you should understand various
aspects of admissions to lead universities. You can help students in creating a holistic profile
with the help of proMap. ProMap is a program that helps students in creating college-ready
profiles. Your student needs to stand out from the crowd and for this, he/she must build a
relevant profile. You can help them with advanced technologies & make their dreams come
true.

The majority of students go through a lot of pressure, anxiety and pressure while planning
their careers. Not only students, but their parents also feel the same until their kids find the
right career path. As a career counsellor, you can help these students and parents in career
planning and reduce anxiety & pressure. To do so, you need to make them understand that it’s
just a process & you’ll be there for them in every situation. You can start by talking to them,
break the ice and guide them in every stage. You can start with knowing their personality
traits & accordingly suggest courses, colleges, career options, etc. Meanwhile, tell them to
research various career opportunities according to their interests. If they are very anxious,
suggest them to make a proper routine, do some sort of physical activities, read inspirational
books, and of course, focus on their studies.

If you have conflicts between you and your parents, it’s important to resolve them. First, let’s
understand the situation, student’s requirements, parents’ expectations, their financial
condition, and accordingly, decide what to do and how. If handled properly, these conflicts
don’t turn into long-term problematic patterns. As a career professional, listen to both parties,
understand their requirements, and create a win-win situation for both sides. Don’t take side
any of the parties, just be fair & help them with the best career decision.

This is one of the most common questions asked in career counselling. In this advanced era,
kids are totally into technology. Along with their daily lives, they look for technical aspects in
everything, in career counselling also. That’s why as a career counsellor, you must use
21stcentury tools & technologies to help them effectively & in a satisfying manner. Along
with clients’ satisfaction, tools are also important to help you navigate through the
process. With the help of technology, it’s easier to know about the clients, their mindsets,
capabilities, and more. Not only about the clients, but you can also search for various career
options, courses, colleges, countries according to their interests and capabilities.
Objective
To make the students (10th passed out) have a better overview of the courses that they have in
hands and making sure that they choose what they like.

20
Requirement Specification

21
Requirement specification

Hardware
Device name LAPTOP-T0E61BTQ
Processor AMD Ryzen 7 4800HS with Radeon Graphics 2.90 GHz
Installed RAM 8.00 GB (7.42 GB usable)
System type 64-bit operating system, x64-based processor
Pen and touch No pen or touch input is available for this
display

Software
Edition Windows11 Home Single
Language Version 22H2
OS build 22621.1265
Visual Studio
code Google
chrome HTML,
CSS

Windows11
Windows 11 is a major version of the Microsoft Windows operating system. It was released
on October 5, 2021, and follows Windows10, the previous version of Windows, released in
2015.

The Windows 11 user interface is similar to Windows 10 but includes several minor changes.
For example, the task bar, left-aligned since Windows 95, is centered by default. Windows
have slightly rounded corners (like macOS and a subtle blurred translucent effect. "Snap
Layouts" make it easy to organize multiple windows in a preset grid.

1. CPU: 1 GHz or faster 64-bit processor (such as an Intel or AMD x86 CPU)

2. GPU: Graphics card or integrated processor compatible with DirectX 12 or later

3. RAM: 4 GB or more

4. Storage: 64 GB storage device or larger

5. Other hardware: Trusted Platform Module (TPM) chip, Secure Boot capable firmware

6. Additional requirements: Internet connectivity, Microsoft account

Visual Studio Code

Visual Studio Code is a lightweight but powerful source code editor which runs on your
desktop and is available for Windows, macOS and Linux.
22
Visual Studio Code, also commonly referred to as VS Code, is a source-code editor made by
Microsoft with the Electron Framework, for Windows, Linux and macOS. Features include

23
support for debugging, syntax highlighting, intelligent code completion, snippets, code
refactoring, and embedded Git. Users can change the theme, keyboard shortcuts, preferences,
and install extensions that add functionality. In the Stack Overflow 2022 Developer Survey,
Visual Studio Code was ranked the most popular developer environment tool among 71,010
respondents, with 74.48% reporting that they use it.

Features-
Visual Studio Code is a source-code editor that can be used with a variety of programming
languages including C, C++, Fortran, Go, Java, JavaScript, Node.js, Python, Rust. It is based
on the Electron framework, which is used to develop Node.js web applications that run on the
Blink Layout engine. Visual Studio Code employs the same editor component (codenamed
"Monaco") used in Azure DevOps (formerly called Visual Studio Online and Visual Studio
Team Services).
.

HTML
The Hyper Text Markup Language or HTML is the standard markup language for documents
designed to be displayed in a web browser. It is often assisted by technologies such as
Cascading style sheets (CSS) and scripting language such as JavaScript. Web browser receive
HTML documents from a web server or from local storage and render the documents into
multimedia web pages. HTML describes the structure of a page semantically and originally
included cues for its appearance.
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. HTML
provides a means to create structured documents by denoting structural semantics for text
such as headings, paragraphs, lists, links, quotes, and other items. HTML
elements are delineated by tags, written using image input angle brackets. Tags such
as and directly introduce content <p> into </p> the page. Other tags such as
and surround and provide information about document text
and may include sub-element tags. Browsers do not display the HTML tags but use them to
interpret the content of the page
CSS
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of
a document written in a markup language such as HTML or XML (including XML dialects
such as SVG, MathML or XHTML). CSS is a cornerstone technology of the World Wide
Web, alongside HTML and JavaScript.
CSS is designed to enable the separation of content and presentation, including layout, colors,
and fonts. This separation can improve content accessibility; provide more flexibility and
control in the specification of presentation characteristics; enable multiple web pages to share
formatting by specifying the relevant CSS in a separate. CSS file, which reduces complexity
and repetition in the structural content; and enable the .CSS file to be cached to improve the
page load speed between the pages that share the file and its formatting.

24
Separation of formatting and content also makes it feasible to present the same markup page
in different styles for different rendering methods, such as on-screen, in print, by voice (via
speech-based browser or screen reader), and on Braille-Based tactile devices. CSS also has
rules for alternate formatting if the content is accessed on a mobile device. The name
cascading comes from the specified priority scheme to determine which style rule applies if
more than one rule matches a particular element. This cascading priority scheme is
predictable. The CSS specifications are maintained by the World Wide Wb
Consortium (W3C). Internet
media type (MIME type) is registered for use with text/CSS CSS by RFC 2318 (March
1998). The W3C operates a free CSS validation service for CSS documents. In addition to
HTML, other markup languages support the use of CSS including XHTML, plain XML,
SVG, and XUL. CSS is also used in GTK widget toolkit.

25
Design

26
Design

About Main page

Courses

Intermedia Diplom Poly

te a technic
Intermediate

M.P.C Bi. P.C M.E.C C.E.C H.E.C

27
28
29
 Mechanical Engineering

Civil Engineering

Electrical Engineering

Computer Science Engineering

Polytechnic
Electronics and Communication Engineering

Chemical Engineering

Automobile Engineering

Aerospace Engineering

30
Coding

31
Main Page
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="with=device-width, initial- scale=1.0">
<title>Career Guidance</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?
family=Poppins:ital,wght@0,200;0,300;0,700;1,200 &display=swap" rel="stylesheet">
<style>
*{ margin:
0%; padding:
0%;
font-family: 'Poppins', sans-serif;
}
.header { min-
height: 100vh;
width: 100%;
background-image: linear-gradient(rgba(4,9,30,0.7),rgb(4,9,30,0.7)),
url(i1.avif); background-position: center; background-size: cover;
position: relative; overflow-x: hidden;
font-family: "open sans",sans-serif;
}
.nav-links{
flex: 1;
text-align: right;
}
.nav-links ul li
{
list-style: none;
display: inline-block;
padding: 40px 50px;
position: relative; font-
size: 30px;
}
a:hover a:active a:focus{
outline: none;
color: #eb92c1;
text-decoration: none;
}
.nav-links ul li a{
color: rgb(247, 243,
243); text-decoration:
none; font-size: 13px;

32
 }
.nav-links ul li::after{
content: ''; width: 0%;
height: 2px;
background: #c18076;
display: block;
margin: auto;
transition: 0.5s;
}
.nav-links ul li:hover::after
{ width: 100%;
}
.text-box{ width: 90%;
color: #fff; position:
absolute; top: 50%; left: 50%;
transform: translate(-50%,-50%);
text-align: center;
}
.text-box h1{
font-size: 62px;
}
.text-box p{
margin: 10px 0
40px; font-size:
14px; color: #fff;
}
.COURSES{
width:80%;
margin: auto; text-
align: center;
padding-top: 100px;
} h1{
font-size: 36px;
font-weight: 600;
}
p{ col
or:
rgb(5,
5, 5);
font-
size:
14px;
font-
weigh
t
: 300;
33
line-
height

34
:
22px;
padding: 10px;
} .row{ ma
rgin-top: 5%;
display: flex;
justify-content: space-between;
}
.COURSES-col{
flex-basis: 31%;
background: #e5cbcb;
border-radius: 10px; margin-
bottom: 5%; padding: 20px
12px; box-sizing: border-
box; transition: 0.5s;
} h2{ text-
align: center;
font-weight: 600;
margin: 10px 0;
}
.COURSES-col h2 a{
color: rgb(68, 93,
82);
text-decoration: none; font-size:
13px;
}
.COURSES-col
h2::after{ content: '';
width: 0%;
height: 2px;
background: #f44336;
display: block; margin:
auto; transition: 1.5s;
}
.COURSES-col h2:hover::after
{ width: 100%;
}
.COURSES-col :hover{ box-shadow: 0 0
20px 0px rgba(0, 0, 0, 0.2); }
.start{
width:90%; margin:
auto; text-align:
center; padding-top:
100px;
font-family: 'Times New Roman', Times, serif;
}
35
 .start-col{ flex-basis:
150%; background:

36
#d6aeae; border-radius:
10px; margin-bottom:
5%; padding: 20px
12px; box-sizing:
border-box; transition:
0.5s;
}
</style></head><body>
<section class="header">
<div class="nav-links">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="courses.html">COURSES</a></li>
</ul>
</div>
<div class="text-box">
<h1>CAREER GUIDENCE</h1>
<h3>Root Map For Students after 10th</h3>
</div>
</section>
<section class="start">
<h1><font size="50">HOW TO START</font></h1>
<img src="1.jpeg" width="500px" height="300px">
<div class="row">
<div class="start-col">
<p>Counselling the student after 10th is very important because today there are many
courses available in the colleges and schools. Students are confused on what course to
take and what course to leave. Just imagine a 10th pass student has to choose his career with a
mind full of confusion on whether to choose between maths , science
, commerce, computer science and to proceed on for 11th and 12th or to choose
diploma and go to junior college. Beside traditional courses a 10th passed student today has
many
other oppurtunities such as programming,cateirng,app development,call center
courses and so on. Hence ,choosing a career is not easy for students,a proper assessing of the
students
calbre and interest will pave success in the long run. If you know any student who
is doing their 10th standard or have competed their 10th and dreaming about what to do
after, thenplease direct them to us . we will help them choose the best career afer 10th </p>
</div>
</div></section>
</section>
<section class="COURSES">
<h1> LIST OF COURSES</h1>

37
 <p>Are you feeling anxious and confused about the next steps to take after completing
your Class 10th boards? It's only natural to experience these types of feelings as a young
person in India.
If that's why you're reading this article, then we have the answers for you. We'll discuss
the different courses available, which stream is best after 10th, and how to create a successful
career path.
Now a days we have more than hundreds of courses that are available . We have to
choose the right one where we can have a better future and the satisfaction of doing work
happily and joyfully. </p>
<div class="row">
<div class="COURSES-col">
<h2><a href="INTERMEDIATE.html"><font
size="5">INTERMEDIATE</font></a></h2>
<p>INTERMEDIATE is also known as Senior Secondary in some places. It refers to
the education imparted in the eleventh and twelfth standard in schools.</p> </div>
<div class="COURSES-col">
<h2><a href="diploma.html"><font size="5">DIPLOMA</font></a></h2>
<p>a "Diploma", a qualification granted by vocational education and training (VET)
sector or university.</p>
</div>
<div class="COURSES-col">
<h2><a href="polytechnic.html"><font size="5">POLYTECHNIC</font></a></h2>
<p>Polytechnic is a diploma or vocational course in which an institute focuses on delivering
technical education. Generally, polytechnic courses are a three year programme after
completion of which candidates obtain a certificate. Polytechnic also helps students to start
their career by getting a good job at a reputed company. </p>
</div>
</div>
</section>
</body>
</html>

About:
<html>
<head><title>About Us</title>
<style>
.header { min-
height: 70vh; width:
100%;
background-image: linear-gradient(rgba(4,9,30,0.7),rgb(4,9,30,0.7)),
url(abtimg.jpg); background-position: center; background-size: cover;
position: relative;
}
.start{
38
 width:100%;
margin: auto; text-
align: center;
padding-top: 100px;

}
.start-col{ flex-basis:
150%; background:
#d6aeae; border-radius:
10px; margin-bottom:
5%; padding: 20px
12px; box-sizing:
border-box; transition:
0.5s;
}
</style></head>
<body>
<section class="header"></section>
<section class="start">
<h1>ABOUT US</h1>
<div class="row">
<div class="start-col">
<p>Counselling the student after 10th is very important because today there are many
courses available in the colleges and schools. Students are counfused on what course to
take and what course to leave. Just imagine a 10th pass student has to choose his career with a
mind full of confusion on whether to choose between maths ,science
,commerce,computer science and to proceed on for 11th and 12th or to choose diploma and
go to junior college .Besides traditional courses a 10th passed student today has many
other oppurtunities such as programming,cateirng,app development,call center
courses and so on. Hence ,choosing a career is not easy for students,a proper assessing of the
students
calbre and interest will pave success in the long run. If you know any student who
is doing their 10th standard or have competed their 10th and dreaming about what to do
after, thenplease direct them to us . we will help them choose the best career afer 10th </p>
</div>
</div></section></body>
</html>

Courses
<html>
<head>
<title>courses</title>
<style>
39
 .header { min-
height: 70vh; width:
100%;
background-image: linear-gradient(rgba(4,9,30,0.7),rgb(4,9,30,0.7)),
url(couimg.jpg); background-position: center; background-size: cover;
position: relative;
}
.COURSES{
width:80%; margin:
auto; text-align:
center;
padding-top: 100px;

}
h1
{
font-size: 36px;
font-weight:
600;
} p{ color:
rgb(5, 5, 5); font-
size: 14px; font-
weight: 300; line-
height: 22px;
padding: 10px;
}
.row{
margin-top: 5%;
display: flex;
justify-content: space-between;
}
.COURSES-col{
flex-basis: 31%;
background: #e5cbcb;
border-radius: 10px; margin-
bottom: 5%; padding: 20px
12px; box-sizing: border-
box; transition: 0.5s;
} h2{ text-
align: center;
font-weight: 600;
margin: 10px 0;
}
.COURSES-col h2 a{
color: rgb(14, 46,
25);
text-decoration: none; font-size:
40
20px;
}

41
 .COURSES-col
h2::after{ content: '';
width: 0%;
height: 2px;
background: #f44336;
display: block; margin:
auto; transition: 1.5s;
}
.COURSES-col h2:hover::after
{ width: 100%;
}
.COURSES-col:hover{
box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
}
</style></head><body>
<section class="header"></section>
<section class="COURSES">
<h1> LIST OF COURSES</h1>
<p>Are you feeling anxious and confused about the next steps to take after completing
your Class 10th boards? It's only natural to experience these types of feelings as a young
person in India.
If that's why you're reading this article, then we have the answers for you. We'll discuss
the different courses available, which stream is best after 10th, and how to create a successful
career path.
Now a days we have more than hundreds of courses that are available . We have to
choose the right one where we can have a better future and the satisfaction of doing work
happilyand joyfully.</p>
<div class="row">
<div class="COURSES-col">
<h2><a href="INTERMEDIATE.html">INTERMEDIATE</a></h2>
<p>INTERMEDIATE is also known as Senior Secondary in some places. It refers to
the education imparted in the eleventh and twelfth standard in schools.</p> </div>
<div class="COURSES-col">
<h2><a href="#">DIPLOMA</a></h2>
<p>a "Diploma", a qualification granted by vocational education and training (VET)
sector or university.</p>
</div>
<div class="COURSES-col">
<h2><a href="polytechnic.html">POLYTECHNIC</a></h2>
<p>Polytechnic is a diploma or vocational course in which an institute focuses on
delivering technical education. Generally, polytechnic courses are a three year programme
after completion of which candidates obtain a certificate. Polytechnic also helps students to
start their career by getting a good job at a reputed company. </p>
</div>
</div>
42
</section></body>

43
</html>

Intermediate
<!-- saved from url=(0048)file:///C:/Users/tarun/Documents/manasa/mpc.html -->
<html><head><meta http-equiv="Content-Type"
content="text/html; charset=windows1252">
<title>INTERMEDIATE</title>
<style>
#header {
background-image: url(interimg.png); min-height:
400px;
width: 100%; background-
position: center; background-
size: cover; position: relative;
}
#nav { line-height:20px;
background-color:silver;
height:150px;
width:300px;
float:left; }
#info { line-height: 30px; height:
200px; background-color: rgb(110,
133, 82);
width:1500; font-size: 25px;
float:center; } table{
display: inline-table; list-
style: none; padding:
100px; border: 5px solid
lightgrey; border-collapse:
collapse; text-align: center;
}
tr{
background-color: rgb(152, 149,
154); color: rgb(7, 69, 7); cursor:
pointer; } tr:hover {
background-color: rgb(73, 180,
186); color: black;
transform: scale(1);
transition: transform 300px;

}
#nav table tr td a{
color: rgb(39, 67,
34);

44
text-decoration:
none; font-size: 30px;
}
#nav table tr td::after{
content: ''; width: 0%;
height: 2px;
background: #d5cfce;
display: block;
margin: auto; text-
decoration: none;
transition: 0.5s;
}
#nav table tr td:hover::after {
width: 100%;
}
#footer{
background-color: rgb(174, 147,
161); color: black;
width:1500px; height:
100px; text-align:
center; font-size:30px;
float:center;
}
</style>
</head>
<body>
<div id="header">
</div><br>
<div id="nav">
<table border="1" width="300px" height="200px">
<tr>
<td><font size="5"><a href="mpc.html">M.P.C</a></font></td>
</tr
<tr>
<td><font size="5"><a href="bipc.html">Bi.P.C</a></font></td>
</tr><tr>
<td><font size="5"><a href="mec.html">M.E.C</a></font></td></tr><tr>
<td><font size="5"><a href="hec.html">H.E.C</a></font></td></tr>
<tr><td><font size="5"><a href="cec.html">C.E.C</a></font></td></tr></table> </div>
<div id="info">
After 10 years of schooling at the primary and secondary level, students who succeed in
passing the Secondary School
Certificate (SSC) examination have the option of joining a college for a two-year higher
secondary education in respective areas of specialization. This phase of schooling is considered

45
as Higher Secondary schooling or College and at the end of higher secondary school, students
usually take a unified examination which is called Higher Secondary Certificate (HSC) exam.
</div><br>
<div id="footer">Here we have some courses in Inetmediate. To know more about them.
Click on the courses. You can know more about it</div>
</body></html>

Polytechnic
<html><head>
<title>Polytechnic</title>
<style>
#header {
background-image: url(polyim.jpg);
min-height: 500px; width: 100%;
background-position: center;
background-size: cover; position:
relative;
}
#nav
{ line-height:20px;
background-color:silver;
height:300px;
width:500px; float:left;
}
#info { line-
height: 30px;
height: 350px;
background-color: rgb(110, 133, 82);
width:1500; font-size: 25px;
float:center; } table{
display: inline-table; list-
style: none; padding:
100px; border: 5px solid
lightgrey; border-collapse:
collapse; text-align: center;
}
tr{
background-color: rgb(152, 149, 154);

46
 color: rgb(7, 69, 7);
cursor: pointer; }
tr:hover {
background-color: rgb(73, 180, 186);
color: black;
transform: scale(1);
transition: transform 300px;

} #nav table tr td a{
color: rgb(39, 67,
34); text-decoration:
none; font-size: 30px;
}
#nav table tr td::after{
content: ''; width:
0%; height: 2px;
background: #d5cfce;
display: block;
margin: auto; text-
decoration: none;
transition: 0.5s;
}
#nav table tr td:hover::after {
width: 100%;
}
#footer{
background-color: rgb(174, 147, 161);
color: black;
width:1500px; height:
100px; text-align:
center;
float:center; font-size:40px;
}
</style>
</head>
<body>
<div id="header">
</div><br>
47
<div id="nav">
<table border="1" width="500px" height="200px">
<tr>
<td><font size="5"><a href="civilenginerring.html">Civil
Engineering</a></font></td></tr>
<tr><td><font size="5"><a href="mechanicaleng.html">Mechanical
Engineering</a></font></td></tr><tr>
<td><font size="5"><a href="Electricalengineering.html">Electrical
Engineering</a></font></td></tr><tr>
<td><font size="5"><a href="computerscienceeng.html">Computer
Engineering</a></font></td></tr>
<tr><td><font size="5"><a href="Electronic&commu.html">Electronics and
Communication Engineering</a></font></td></tr>
<tr><td><font size="5"><a href="chemical
engineering.html">Chemical Engineering</a></font></td></tr>
<tr><td><font size="5"><a href="automobile.html">Automobile
Engineering</a></font></td></tr>
<tr><td><font size="5"><a href="Aeroscape.html">Aerospace
Engineering</a></font></td></tr></table>
</div>
<div id="info">
A polytechnic course is a progressive learning experience in which students
can pursue a diploma or vocational degree based on technical education. These
courses are a legitimate alternative to degree programmes, and students can
pursue them after finishing high school. Polytechnic courses emphasize on the
development of skills and practical experience over theoretical knowledge.
Students obtain a diploma upon completion, which often qualifies them to seek
for jobs in their selected sector.
</div><br>
<div id="footer">Here we have some courses in Inetmediate. To know more
about them. Click on the courses. You can know more about it</div>
</body></html>

Diploma
<html><head>
<title>Diploma</title>
<style>
#header
{

48
 background-image: url(diploimg.jpg);
min-height: 600px; width: 100%;
background-position: center;
background-size: cover; position:
relative;
}
#nav
{
line-height:20px;
background-color:silver;
height:300px;
width:500px; float:left;
}
#info
{ line-height: 30px; height:
350px; background-color: rgb(110,
133, 82); width:1500; font-size:
25px; float:center; } table{
display: inline-table; list-style: none;
padding: 100px; border: 5px solid
lightgrey; border-collapse: collapse;
text-align: center;
}
tr{
background-color: rgb(152, 149, 154);
color: rgb(7, 69,
7); cursor: pointer;
}
tr:hover
{
background-color: rgb(73, 180,
186); color: black;
transform: scale(1);
transition: transform 300px;

}
#nav table tr td a{
color: rgb(39, 67,
34); text-decoration:
none;
font-size: 30px;
}
#nav table tr td::after{
content: ''; width: 0%;
height: 2px;
49
background: #d5cfce;

50
display: block;
margin: auto; text-
decoration: none;
transition: 0.5s;
}
#nav table tr td:hover::after {
width: 100%;
}
#footer{
background-color: rgb(174, 147,
161); color: black; width:1500px;
height: 100px; text-align:
center; float:center;
font-size:40px;
}
</style>
</head>
<body>
<div id="header">
</div><br>
<div id="nav">
<table border="1" width="500px" height="200px">
<tr>
<td><font size="5"><a href="diploma in electrical engineering.html">Diploma in
Electrical Engineering</a></font></td></tr>
<tr><td><font size="5"><a href="diploma in agriculture engineering.html">Diploma in
Agriculture Engineering</a></font></td></tr><tr>
<td><font size="5"><a href="diploma in aeronautical engineering.html">Diploma in
Aeronautical Engineering</a></font></td></tr><tr>
<td><font size="5"><a href="Biomedical Biotechnolgy.html">Diploma in Biomedical
Engineering</a></font></td></tr>
<tr><td><font size="5"><a href="#">Electronics and Communication
Engineering</a></font></td></tr>
<tr><td><font size="5"><a href="#">Chemical Engineering</a></font></td></tr>
<tr><td><font size="5"><a href="#">Automobile Engineering</a></font></td></tr>
<tr><td><font size="5"><a href="#">Aerospace
Engineering</a></font></td></tr></table>
</div>
<div id="info">
After completing 10th grade, students can either choose to complete high school or opt
for courses in many different fields of study.
Students can choose from a variety of courses in design, engineering, technology, business,
management, computer science, the arts, media, journalism, and other fields. Here is a list
of
</div><br>
<div id="footer">Here we have some courses in Intermediate. To know more about them.
51
Click on the courses. You can know more about it</div>
</body></html>

MPC
<html>
<head>
<title>M.P.C</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/6.4.0/css/
all.min.css" integrity="sha512-
iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46Zmdt
Ac9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <style>
.header { min-
height: 90vh; width:
100%;
background-image:url(mpcimg3.html);
background-position: center;
background-size: cover; position:
relative;
}
.subjects {
background-color:silver;
color:black; line-
height:30px;
height:500px;
width:20%; float:left;
}
.info {
background-color:rgb(149, 147, 186);
color:rgb(10, 10, 10);
line-height:70px;
height:500px;
width:80%; font-
size: 20px;
float:right;
}

.start{ width:100
%; margin: auto;
text-align: center;
padding-top:
50px; font-
size: 30;

52
 } .start-col{ flex-
basis: 150%;
background: #4a4444;
border-radius: 10px;
margin-bottom: 5%;
padding: 20px 12px;
box-sizing: border-box;
transition: 0.5s; }
.text-box{ width: 90%;
color: rgb(9, 11, 100); position:
absolute; top: 50%; left:
80%; transform: translate(-
50%,-
50%); text-align: center;
}
.text-box h1{
font-size:
150px;
} p{ color: rgb(227,
192, 192); font-size:
20px; font-weight:
300; line-height: 22px;
padding: 10px;
}
.benefits{
width:100%;
margin: auto; text-
align: center;
padding-top:
50px; font-size:
40px;
} .further{
width:70%;
margin: auto;
text-align:
center;
padding-top:
40%;
font-size: 40px;
}

.further-col{ flex-
basis: 70%;
background:
#b08787; border-
53
radius: 10px; margin-
bottom: 5%; padding:
20px 12px;
text-align: left; font-

54
size: 30; box-sizing:
border-box; transition:
0.5s;
}
.couinf{ width:
70%; margin:
auto; text-align:
center; padding-
top: 5%; font-
size: 40px;
}

.fa-light fa-diploma{
font-size: 20px; color:
rgb(22, 6, 85);
} table{ min-
height: 50svh;
background: #f6f6f6;
width: 950px;
box-shadow: -1px 12px 12px -6px rgba(0,0,0,0.5);
}
table, td, th{
padding: 20px;

border: 1px solid lightgray; border-

collapse: collapse;
cursor: pointer;
} th,td{
font-
size:
20px;
}
tr{
background-color: rgb(70, 73, 74);
color: rgb(68, 68, 86);
}
tr:hover{
background-color: rgb(107, 156,
157); color: white;
transform: scale(0.5);
transition: transform 300ms ease-in;
} tr:nth-
child(odd)
{
background-color: lightblue;
55
 }
tr:nth-child(odd):hover{ background-
color: rgb(57, 60, 63);
color: white;
transform: scale(1.05);
transition: transform 300ms ease-in;
}
tr:nth-child(even){
background-color:
#f09e9e;
}
tr:nth-child(even):hover{ background-
color: rgb(32, 46, 59); transform:
scale(1.05);
transition: transform 300ms ease-in;
} *{ margin: 0;
padding: 0; box-sizing: border-
box; font-family: 'poppins',sans-
serif;
}
.conclusion{
display: flex; justify-
content: center; align-
items: center; min-
height: 100vh;
background: #f6f6f6;
}
.box{ width:600px; border-
bottom: 20px solid #03a9f4;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.box h2{ color: rgb(236,
230, 230); background:
#03a9f4; padding: 10px
20px; font-size: 20px;
font-weight: 700; border-
top-left-radius: 10px;
border-top-right-radius: 10px;
}
.box ul{
position: relative;
background: rgb(155, 152, 152);
}
.box ul li{ list-style: none;
padding: 10px; width: 100%;
56
background: rgb(199, 174, 174); box-
shadow: 0 5px 25px rbga(0,0,0,.1);
transform: 0.5s;
transition: transform
0.5s; text-decoration:
none;
}
.box ul li a{ color:
rgb(12, 12, 12); text-
decoration: none;
}
.box ul:hover li
{ opacity:
0.2; }
.box ul li:hover{
transform: scale(1.1);
z-index: 100;
background: #25bcff;
color: #fff; opacity:
1;
}
.box ul li span{
width: 20px; height:
20px; text-align:
center; line-height:
20px; background:
#25bcff; color:
#fff; display: inline-
block; border-radius:
50%; margin-right:
10px;
font-size: 12px; font-
weight: 600;
transform: translateY(-2px);
}
.box ul li:hover span{
background: #fff; color:
#25bcff;
}
</style>
</head>
<body>
<section class="header">
<div class="text-box">
<h1>M.P.C</h1>
</div>
57
</section>
<section class="start">

58
 <h1>M.P.C</h1>
<div class="row">
<div class="start-col">
<p>MPC Group is a part of Science Stream also known as PCM Group. After
completing 12th students have lots of professional courses to choose. Some of these courses
are meant to be for students from particular stream. And some courses are meant to be
common for all.
Also referred to as MPC subjects, this stream lets you dive into the non-medical side
of the domain of Science.
One of the most popular and commonly pursued streams in senior secondary school is
the Non-Medical stream. The MPC full form in intermediate studies isMaths, Physics, and
Chemistry, thus, it puts thrust on these three main areas. With a diverse curriculum, MPC
subjects
offer a wide range of career opportunities to explore. Architecture,
Engineering, Defence Services, Commercial pilot, Statistics, Industrial
Designing and Data Analytics are some of the few professions you can strive for. In
this blog, you will get a detailed analysis of MPC subjects.</p>
</div>
</div></section>
<section class="benefits">
<h1>BENEFITS OF THIS COURSE</h1>
</section>
<div class="subjects">
Maths<br>
Physics<br> Chemistry<br>
additionally:english<br>
one subject to choose<br>
</div>
<div class="info">
<ul style="list-style-type: '\1F44D';">
<li>A MPC student can pursue Defence Services through NDA which requires
Mathematics in Class 12, so you have an advantage of choosing Physics, Chemistry and
Maths subjects.</li>
<li>Besides becoming an Engineering aspirant, you can wish to choose Biotechnology
field, or go for higher degree in Mathematics and Statistics.</li>
<li>If you are fond of chemical reactions, you will love to have higher degree in
some field of Chemistry and research and publish your own Chemistry papers..</li>
<li>You can also go for B.Sc programe in particular field as per your interest, It all
depends on your Career goal & interest.</li>
</ul></div>
<section class="further">
<h1>Further Studies After MPC</h1>
<div class="further-col"> <ul style="list-style-type: '\1F44D';">
<ul style="list-style-type:
'\1F44D';"><li>B.e/B.TECHCSE,IT,ECE,EEE,CIVIL,MECHANICAL CHEMICAL etc</li>

59
 <li>B.ARCH</li>
<li>B.COM,B.Sc DEGREE</li>
<li>DEFENCE(NAVY,ARMY,AIR FORCE)</li>
<li>CA Program</li>
<li>Travel and Tourism Courses</li>
<li>LLB(Bachelor of Law)</li>
</ul>

</div>
</section>
<section class="couinf">
<h1>Course Information</h1>
<div class="couinf-col">
<ul style="list-style-type: '\1F44D';">
<table><tr><th align="left"><i class="fa-solid fa-regular fa-
buildingcolumns"></i>college code</li></th>
<th>---</th>
<tr><th align="left"><i class="fa-solid fa-graduation-cap"></i>years</th>
<th>intermediate/mpc</th></tr>
<tr><th align="left"><i class="fa-solid fa-regular fa-building-columns"></i>course
name<br></th>
<th>2 years</th></tr>
<tr><th align="left"><i class="fa-solid fa-book-open-reader"></i>level</th>
<th>intermediate</th></tr></table>
</div>
</section>
<section class="conclusion">
<div class="box">
<h2>List of Top Colleges </h2>
<ul>
<li><span>1</span><a href="https://www.justdial.com/Karimnagar/SAANVI-JUNIOR-
COLLEGE-AND-IIT-NEET-DEFENCE-ACADEMY-Near-Rekurthy-Chowrastha-
Rekurthi/9999PX878-X878-180608120927-A1Q1_BZDET">Saanvi junior &
Degree college</a></li>
<li><span>2</span><a href="https://www.justdial.com/Hyderabad/Krishnamurthy-
JuniorCollege-Near-Shankarmutt-Trafic-Signal-Vidya-Nagar/040PXX40-XX40-
211117152001-
N7F1_BZDET">Krishnamurthy Junior College</a></li>
<li><span>3</span><a href="https://bansal.ac.in/">Bansal classes kota Rajasthans junior
college</a></li>
<li><span>4</span><a href="https://srimedhav.com/">Sri Medhavi Junior
college</a></a></li>
<li><span>5</span><a href="https://www.justdial.com/Hyderabad/Kites-Junior-
CollegeNear-Ashok-Garden-Bowenpally/040PXX40-XX40-130510154517-
M3J7_BZDET">Kites Junior college</a></li>

60
 <li><span>6</span><a href="https://www.justdial.com/Hyderabad/Sri-Sanjeevni-
JuniorCollege-Academy-Near-Ou-Main-Gate-Durgabai-Deshmukh-
Colony/040PF003341_BZDET">Sri Sanjeevni Junior College & Academy</a></li>
</ul></div></section>
</body>
</html>

BI. P. C
<html>
<head>
<title>Bi.P.C</title>
<style>
#header { min-
height: 90vh;
width: 100%;
background-image: linear-
gradient(rgba(4,9,30,0.7),rgb(4,9,30,0.7)),url(bipc.webp);
background-position: center; background-size: cover;
position: relative;
}
#subjects {
background-color:silver;
color:black; line-
height:30px;
height:350px; width:20%;
float:left; }
#info {
background-color:rgb(80, 127, 152);
color:black; line-
height:70px;
height:350px;
width:80%; float:right;
} .start{ widt
h:100%;
margin:
61
auto;

62
text-align: center;
padding-top: 50px;
font-size: 40px;

} .start-col{ flex-
basis: 150%;
background: #c78f8f;
border-radius: 10px;
margin-bottom: 5%;
padding: 20px 12px;
box-sizing: border-box;
transition: 0.5s;
} .benefits{
width:90%;
margin: auto; text-
align: center;
padding-top: 30%;
font-size: 40px;
}

.benefits-col{ flex-
basis: 80%;
background: #d7b2b2;
border-radius: 10px;
margin-bottom: 5%;
padding: 20px 12px;
text-align: left; font-
size: 30; box-sizing:
border-box; transition:
0.5s;
} .further{ wid
th:100%; margin:
auto; text-align:
center;
padding-top: 10%;
font-size: 40px;
}

63
.further-col{ flex-basis:
80%; background:
#64847f; border-
radius: 10px; margin-
bottom: 5%; padding:
20px 12px; text-align:
left; font-size: 30; box-
sizing: border-box;
transition: 0.5s;
}
.couinf{ width:
70%; margin:
auto; text-align:
center; padding-
top: 5%; font-
size: 40px;
}

.fa-light fa-diploma{
font-size: 20px; color:
rgb(22, 6, 85);
} table{ min-
height: 50svh;
background: #f6f6f6;
width: 1000px;
box-shadow: -1px 12px 12px -6px rgba(0,0,0,0.5);
} table,
td, th{
padding: 20px;

border: 1px solid lightgray; border-

collapse: collapse;
cursor: pointer;
} th,td{
font-size: 20px;
}
tr{
background-color: rgb(70, 73, 74);

64
 color: rgb(68, 68, 86);
}
tr:hover{
background-color: rgb(107, 156,
157); color: white; transform:
scale(0.5); transition: transform
300ms ease-in;
} tr:nth-
child(odd)
{
background-color: lightblue;
}
tr:nth-child(odd):hover{ background-
color: rgb(57, 60, 63);
color: white;
transform: scale(1.05);
transition: transform 300ms ease-in;
}
tr:nth-child(even){
background-color: #f09e9e;
}
tr:nth-child(even):hover{ background-
color: rgb(32, 46, 59); transform:
scale(1.05);
transition: transform 300ms ease-in;
}
*{
margin: 0; padding:
0; box-sizing: border-
box;
font-family: 'poppins',sans-serif;
}
.conclusion{
display: flex; justify-
content: center; align-
items: center; min-
height: 100vh;
background: #f6f6f6;
}
65
 .box{ width:600px; border-
bottom: 20px solid #03a9f4;
border-bottom-left-radius: 10px;
border-bottom-right-radius:
10px;
}
.box h2{ color:
rgb(236, 230, 230);
background:
#03a9f4; padding: 10px
20px; font-size: 20px;
font-weight: 700; border-
top-left-radius: 10px;
border-top-right-radius: 10px;
}
.box ul{ position: relative;
background: rgb(155, 152, 152);
}
.box ul li{ list-style: none;
padding: 10px; width: 100%;
background: rgb(199, 174, 174); box-
shadow: 0 5px 25px rbga(0,0,0,.1);
transform: 0.5s;
transition: transform 0.5s;
}
.box ul:hover li
{ opacity:
0.2; }
.box ul li a{ color:
rgb(12, 12, 12); text-
decoration: none;
}
.box ul li:hover{
transform: scale(1.1);
z-index: 100;
background:
#25bcff;
color: #fff; opacity:
1; }
66
 .box ul li span{
width: 20px; height:
20px; text-align:

67
center; line-height:
20px; background:
#25bcff; color:
#fff; display: inline-
block; border-radius:
50%; margin-right:
10px;
font-size: 12px; font-
weight: 600;
transform: translateY(-2px);
}
.box ul li:hover span{
background: #fff;
color: #25bcff;
}
</style>
</head>
<body>
<div id="header">
</div>
<section class="start">
<h1> Introduction To Bi.P.C</h1>
<img src="bipcimg2.jpg"><br><br>
<div class="row">
<div class="start-col">
<p>The full form of BiPC is Biology, Physics, and Chemistry. Be it the
traditional medical courses like MBBS and BDS or alternate medical courses,
the diverse curriculum of this stream offers a plethora of career opportunities to
explore after standard 12th.</p>
</div>
</div></section>
<section class="start">
<h1>ABOUT Bi.P.C</h1>
</section>
<div id="subjects">
Biology<br>
Physics<br> Chemistry<br>
additionally:english<br>
one subject to choose<br>
68
</div>

69
<div id="info">
<ul style="list-style-type: '\1F44D';">
<li>BiPC, popularly known as the Medical stream is a subject
combination which is opted by students studying in senior secondary school.
</li>
<li>In simple terms, the full form of BiPC is Biology, Physics and Chemistry
and these depict the three core subjects in the Science stream in 10+2 in
India.</li>
<li>BiPC subjects offer a wide range of programs for those who want to
explore medical science or its interdisciplinary and related specialisations.</li>
<li> MBBS is a sought-after and best course after BiPC and there are many
prominent courses after 12th BiPC other than MBBS available in Homeopathy,
Ayurveda, Naturopathy, Veterinary Science, Nursing, to name a few.</li>
</ul>
</div>
<section class="benefits">
<h1>Benefits Of This Course</h1>
<div class="benefits-col">
<ul style="list-style-type: '\1F44D';"><li>You are not necessarily required to
appear for NEET after taking BiPC since there are several courses other than
MBBS in these subjects that you can explore.</li>
<li>You can also pursue short-term courses after BiPC like D Pharmacy,
Homeopathy courses, Paramedical courses, etc.</li>
<li> Not only the medical field, but you can also explore lucrative careers
in research, academia, medical journalism, etc. by taking BiPC in
intermediate..</li>
</ul>
</div>
</section>
<section class="further">
<h1>Further Studies After BiPC</h1>
<div class="further-col">
<ul style="list-style-type: '\1F44D';"><li><h4>Medical Courses:</h4>
MBBS (Medicine and Surgery), BDS (Dental Science), BDS to MBBS Bridge
Course</li>
<li><h4>AYUSH Courses:</h4>BAMS (Bachelor of Ayurveda, Medicine,
and Surgery), Bachelor of Naturopathy and Yogic Sciences (BNYS), BHMS
(Bachelor of Homeopathic Medicine and Surgery)</li>
<li><h4>Veterinary Courses:</h4> Bachelor of Veterinary Science
70
(BVSc)</li>

71
 <li><h4>Agriculture Courses:</h4> BSc Agriculture, BSc Forestry, BSc
Botany, BSc Biology</li>
<li><h4>Nursing Courses:</h4>: BSc Nursing</li>
<li> <h4>Medical Engineering Courses:</h4>: BTech Biotechnology,
BTech Food Technology, BTech Biomedical Engineering</li>
<li> <h4>Pharmacy Courses:</h4> D Pharmacy, Bachelor
of Pharmacy</li> </ul>
</div>
</section>
<section class="couinf">
<h1>Course Information</h1>
<div class="couinfo-col">
<ul style="list-style-type: '\1F44D';">
<table><tr><th align="left"><i class="fa-solid fa-regular fa-
buildingcolumns"></i>college code</li></th>
<th>---</th>
<tr><th align="left"><i class="fa-solid fa-graduation-cap"></i>years</th>
<th>intermediate/BiPC</th></tr>
<tr><th align="left"><i class="fa-solid fa-regular fa-
buildingcolumns"></i>course name<br></th>
<th>2 years</th></tr>
<tr><th align="left"><i class="fa-solid fa-book-
openreader"></i>level</th>
<th>intermediate</th></tr></table>
</div>
</section>
<section class="conclusion">
<div class="box">
<h2>List of Top Colleges </h2>
<ul>
<li><span>1</span><a href="https://www.ststephens.edu/">st.
stephen's college </a></li>
<li><span>2</span><a href="https://www.loyolacollege.edu/">loyola
college</a></li> <li><span>3</span><a
href="https://www.aiims.edu/index.php?lang=en">AIIMS</a></li>
<li><span>4</span><a href="https://afmc.nic.in/">Armed Force Medical
College</a></li>
<li><span>5</span><a href="https://manipal.edu/kmc-
mangalore.html">Kasturba Medical College</a></li>
72
 <li><span>6</span><a
href="https://www.osmecon.org/About/College">Osmania medical
college</a></li> </ul></div></section>
</body>

</html>

73
Partial Implementation

74
75
76
77
Conclusion

78
Conclusion
Career guidance can benefit individuals at various stages of their lives, including students
deciding on a college major, mid-career professionals seeking a career change, or individuals
who are unemployed and looking for new job opportunities. It can help individuals
understand their strengths and weaknesses, identify suitable career paths, and develop a plan
to achieve their career goals. Effective career guidance involves a combination of self-
assessment, exploration of career options, and practical strategies for achieving career goals.
This process can be facilitated through various channels such as career counselling, career
fairs, mentorship, online resources, and networking. Career guidance can be provided by
different professionals, such as career counsellors, coaches, and mentors. They can offer
advice, information, and resources to help individuals navigate their career journey. In
conclusion, career guidance is essential for individuals to make informed decisions about
their career and achieve their professional goals. It can provide them with the necessary
support to explore different career options, set achievable goals, and develop the skills and
knowledge needed to succeed in their chosen field.
Here is Our project about “Career Guidance-Root map for students after 10 th” you can know
the course details very clearly and if you visit our website can get every detail about the
courses.

79
Bibliography

80
https://www.careerfutura.com/career-guidance-after-
10th

https://www.globalcareercounsellor.com/blog/mostcom
mon-questions-asked-in-career-counselling/

https://www.careerfutura.com/career-guidance-after-
10th

https://www.edumilestones.com/blog/details/what-
after10th-career-counselling

81