File: //proc/self/cwd/interest-test/pdf_content.php
<link rel="stylesheet" href="/var/www/selfanalyse/aptitude-test/css/bootstrap.min.css">
<style>
.bold-txt {
font-weight: bold;
color: #000;
}
.col-md-2 {
width: 13.666667% !important;
}
/* MARGIN CSS */
.mt-20 {
margin-top: 20px
}
.mb-20 {
margin-bottom: 20px
}
.header-logo {
width: 40%;
float: right;
}
.chart-header-box {
float: left;
width: 100%;
border-radius: 4px;
background: #fff;
padding: 10px;
/* border-bottom: 1px solid #cecece; */
}
.chart-header-box h4 {
font-size: 16px;
}
.intro-box {
margin: 0;
padding-left: 14px;
background: #fff;
padding: 10px;
float: left;
width: 100%;
}
.intro-box h2 {
margin: 0;
color: #464646;
font-weight: 600;
font-size: 24px;
padding: 0 0 20px;
}
.one-circle-box {
border-radius: 50%;
text-align: center;
padding: 24px 0;
width: 140px;
margin: 0 auto;
}
.one-circle-box i {
font-size: 28px;
}
.chart-box {
/* border: 1px solid #cccccc; */
box-shadow: 0 2px 4px 2px #c7c7c7;
margin: 2em 0;
}
#container {
/* height: 550px; */
}
.highcharts-data-table table {
font-family: Verdana, sans-serif;
border-collapse: collapse;
border: 1px solid #EBEBEB;
margin: 10px auto;
text-align: center;
width: 100%;
max-width: 500px;
}
.highcharts-data-table caption {
padding: 1em 0;
font-size: 1.2em;
color: #555;
}
.highcharts-data-table th {
font-weight: 600;
padding: 0.5em;
}
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
padding: 0.5em;
}
.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
background: #f8f8f8;
}
.highcharts-data-table tr:hover {
background: #f1f7ff;
}
svg:not(:root) {
overflow: visible !important;
}
.highcharts-container {
overflow: visible !important;
}
.intro-box h5 {
margin: 0;
color: #fff;
font-size: 18px;
padding: 10px;
text-align: center;
background: #f1802b;
}
.ability-desc-box h2 {
margin: 0;
color: #464646;
font-weight: 600;
font-size: 20px;
padding: 30px 0 10px;
}
.intro-box p {
margin: 0;
font-size: 16px;
}
.ability-desc-box {
border-bottom: 1px solid #434348;
padding-bottom: 20px;
}
.sten-score {
border: 1px solid #b1b1b1;
box-shadow: 0 2px 4px 2px #9a9a9a;
padding: 10px;
margin-top: 1em;
/* background: #90ed7d; */
}
.sten-score h3 {
font-size: 18px;
margin: 0;
padding-bottom: 10px;
}
.description-ul {
padding: 20px;
}
.description-ul li {
list-style: decimal;
color: #000;
margin-bottom: 20px;
font-size: 15px;
}
.test-head {
font-size: 26px !important;
padding-bottom: 10px;
}
.chart-header-box h6 {
margin: 0;
font-size: 17px;
padding: 10px 0 30px;
line-height: 24px;
font-weight: 600;
}
.back-home-btn {
font-size: 14px;
background: #0085f7;
padding: 10px;
display: table;
margin: 0 auto;
color: #fff;
cursor: pointer;
border-radius: 4px;
font-weight: bold;
}
.print-view-box ul {
margin: 8px auto;
}
.print-view-box ul li {
font-size: 15px;
padding: 4px 0;
color: #000;
font-weight: 700;
}
.print-view-box h2 {
padding: 0 0 10px;
font-size: 18px;
color: #333;
}
.print-view-box p {
margin-bottom: 10px;
}
.disc-print {
font-style: italic;
font-size: 14px !important;
color: #000;
font-weight: 700;
}
.footer {
width: 100%;
text-align: right;
position: fixed;
bottom: 0px;
background: #fbe5ac;
}
.first-footer {
width: 100%;
text-align: center;
position: fixed;
bottom: 95px;
background: #dadc53a6;
color: #000000;
font-weight: bolder;
padding: 10px 0 10px 0px;
font-style: italic;
}
</style>
<body>
<div class="footer">
<h5><span style="font-weight: bolder;font-style:italic;float:left;">www.selfanalyse.com</span>
<span style="font-weight: bolder;font-style:italic;text-align:right;">Source: PsyCom Services, New Delhi</span></h5>
</div>
<!-- TOP TABLE SECTION -->
<div id="main">
<div class="container">
<div class="row" style="page-break-after: always;">
<div class="chart-header-box">
<div class="col-md-6" style="text-align:center;">
<img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/shine-logo.png" alt="" style="background-color:#fdf3de;margin-top:-35px;padding: 40px 40px 40px 40px;">
</div>
<div class="col-md-2">
</div>
<div class="col-md-8" style="text-align: center;">
<h2 style="font-size:55px;font-weight:bolder;color:#f5c135;">PSYCHOMETRICS TEST</h2>
<p style="color:#005068;font-size:50px;">Report</p>
</div>
<br><br>
<!-- <div class="col-md-8" style="text-align:center;border: 2px solid black;">
<img style="margin-top: 20px;" src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/per-assessment.png" alt="">
</div> -->
<div class="col-md-2">
</div>
<div class="sol-md-12" style="text-align: center;">
<img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/per-assessment.png" alt="" style="background-color:#fdf3de;padding: 40px 40px 40px 40px;border-radius:30px;" width="75" height="75">
<br>
<h2 style="font-weight: bolder;">Interest Test Report</h2>
</div>
<div class="first-footer">
<h2>www.selfanalyse.com</h2>
</div>
</div>
</div>
<!----User details--->
<div class="row" style="page-break-after: always;">
<div class="chart-header-box" style="margin-bottom: 2em;">
<div class="col-md-12">
<img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/shine-logo.png" alt="">
</div>
<div class="col-md-12" style="text-align: left;">
<h2 style="color:#f5c135;font-weight:bolder;font-size:40px;">PERSONAL DETAILS</h2>
</div>
<br><br><br>
<div class="col-md-12">
<h4 style="color:#005068;font-size:20px;border-left:8px solid #005068;"> Name : <span style="font-weight: bold;"> <?php echo $studentName; ?> </span>
</div>
<br><br><br>
<div class="col-md-12">
<h4 style="color:#005068;font-size:20px;border-left:8px solid #005068;"> Gender : <span style="font-weight: bold;"> <?php echo $gender; ?> </span>
</div>
<br><br><br>
<div class="col-md-12">
<h4 style="color:#005068;font-size:20px;border-left:8px solid #005068;"> Current Education Level : <span style="font-weight: bold;"> <?php echo $class ?> </span>
</div>
<br><br><br>
<div class="col-md-12">
<h4 style="color:#005068;font-size:20px;border-left:8px solid #005068;"> Date of birth : <span style="font-weight: bold;"> <?php echo $dob; ?> </span>
</div>
<br><br><br>
<div class="col-md-12">
<h4 style="color:#005068;font-size:20px;border-left:8px solid #005068;"> Email Address : <span style="font-weight: bold;"> <?php echo $email; ?> </span>
</div>
<br><br><br>
<div class="col-md-12">
<h4 style="color:#005068;font-size:20px;border-left:8px solid #005068;"> Phone No. : <span style="font-weight: bold;"> <?php echo $mobile; ?> </span>
</div>
</div>
</div>
<!----First Page Content--->
<div class="row" style="page-break-after: always;">
<div class="intro-box print-view-box">
<div class="col-md-12">
<img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/shine-logo.png" alt="">
</div>
<br><br>
<div class="col-md-12">
<h2 style="font-size:40px;font-weight:bolder;color:#f5c135;">ABOUT PSYCHOMETRIC TESTS</h2>
</div>
<div class="col-md-12">
<p style="color:#005068;font-size:19px;">Psychometric tests are designed to assess the cognitive abilities and personality traits of an individual. Knowing one’s own abilities, helps in knowing our own strengths and weaknesses which in turn help us in choosing the career/course most suited for us.</p>
<p style="color:#005068;font-size:19px;">Psychometric tests are of different types:
.Test for Abilities or Aptitude <br>
.Test for Personality <br>
.Test for Interest
</p>
<p style="color:#005068;font-size:19px;">The result of psychometric tests tells us a lot about our own selves. It is important specifically when we are at a stage where we have to choose a career, a course or a stream. These results help us to be 100% sure that the course or stream that we are choosing is something that we can do well.</p>
<p style="color:#005068;font-size:19px;">Abilities or aptitude are some innate qualities that we are born with. For example, some people sing very well even without any particular training in music. We would say that their ‘ability’ to sing is high. Now that person can become a professional singer much more easily than a person who does not have that ability. Similarly, all of us have different levels of ability for numbers, for language, for reasoning and logic, for mechanics etc. These different abilities have a scope in different fields of career.</p>
<p style="color:#005068;font-size:19px;">Personality is the combination of characteristics or qualities that form an individual's distinctive character. It also plays a major role in the shaping of our career. For example, a person who is an extrovert, who loves to interact with people will not do well in a job where he has to sit alone all day in a cabin and work. He would do well if he was a part of a team.</p>
<p style="color:#005068;font-size:19px;">Interest also plays a major role in our career. As we all know, we are willing to work hard at a job that we find interesting. We do not want to do anything that we feel is boring.</p>
</div>
</div>
</div>
<div class="row" style="page-break-after: always;">
<div class="intro-box print-view-box">
<div class="col-md-12">
<img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/shine-logo.png" alt="">
</div>
<br><br><br><br>
<div class="col-md-12" style="text-align: center;">
<img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/first-content.png" alt="">
</div>
</div>
</div>
<!------If Interest test Report--------->
<div class="row" style="page-break-after: always;">
<div class="intro-box">
<div class="col-md-12">
<img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/shine-logo.png" alt="">
</div>
<br>
<div class="col-md-12" style="text-align: center;">
<div class="chart-box">
<h2 style="text-align:center;font-weight: bolder;color:#005068;">Interest Test</h2>
</div>
</div>
<div class="col-md-12" style="text-align: center;">
<div class="chart-box">
<figure class="highcharts-figure">
<img src="/var/www/selfanalyse/interest-test/chart_images/<?php echo $testID . '-line.png' ?>" alt="">
</figure>
</div>
</div>
</div>
</div>
<?php if($class_id == '9' || $class_id == '10'){ ?>
<div class="row" style="page-break-after: always;">
<div class="intro-box">
<div class="col-md-12">
<img src="/opt/selfanalyse/wp-content/themes/psychometrics/images/shine-logo.png" alt="">
</div>
<br>
<div class="col-md-12" style="text-align: center;">
<div class="chart-box">
<h2 style="text-align:center;font-weight: bolder;color:#005068;">Streams Details</h2>
</div>
</div>
<div class="col-md-12" style="text-align: center;">
<div class="chart-box">
<h4 style="font-size: 14px;color: #f00e0e;">Note :Given below is a matrix that can be used as a guide to help the student/parent/counselor. This is by no means a yardstick but is a general guideline. For better understanding and in-depth analysis, one-to-one counseling is recommended.</h4>
<table class="table table-bordered table-striped table-responsive">
<thead class="thead-light">
<tr>
<th>S.no.</th>
<th>Broad Areas of Professions</th>
<th>Suitable Stream/Subjects</th>
</tr>
</thead>
<tbody>
<tr class="danger">
<td>1</td>
<td>Agriculture</td>
<td>Bio related stream</td>
</tr>
<tr class="success">
<td>2</td>
<td>Artistics and Designing</td>
<td>Any stream</td>
</tr>
<tr class="info">
<td>3</td>
<td>Commerce and Management</td>
<td>Commerce</td>
</tr>
<tr class="warning">
<td>4</td>
<td>Defense</td>
<td>Any stream (some cases preference to PCM)</td>
</tr>
<tr class="danger">
<td>5</td>
<td>Education</td>
<td>Any stream</td>
</tr>
<tr class="success">
<td>6</td>
<td>Law-Order and Administrative Services</td>
<td>Any stream</td>
</tr>
<tr class="info">
<td>7</td>
<td>Mass Media and Journalism</td>
<td>Any stream</td>
</tr>
<tr class="warning">
<td>8</td>
<td>Medicine</td>
<td>PCB</td>
</tr>
<tr class="danger">
<td>9</td>
<td>Science and Technology</td>
<td>PCM</td>
</tr>
<tr class="success">
<td>10</td>
<td>Tourism and Hospitality</td>
<td>Any stream</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<?php } ?>
<div class="row" style="page-break-after: always;">
<div class="intro-box">
<div class="col-md-12">
<img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/shine-logo.png" alt="">
</div>
<div class="col-md-12">
<h2 style="text-align:center;font-weight: bolder;color:#005068;">Interest Test</h2>
<p>The various fields of career can be divided into 10 broad areas. Different areas require different set of abilities to be able to do well and succeed. It is to be kept in mind that if one is focused and passionate about a particular field then with enough hard work and training it can be achieved.</p>
<?php
$i = 1;
foreach ($countValues as $optionvalue => $show) {
$getInterestDesc = $wpdb->get_row("SELECT field_name,field_desc,field_img FROM $PSY_INTEREST_TEST_OPTION_MEAN where status='1' and option_name='$optionvalue'");
?>
<table style="font-size: 18px;text-align: justify;">
<tr>
<?php if ($i % 2 != 0) { ?>
<td style="width: 50%;">
<h3 style="font-size:20px;color:#005068;font-weight:bolder;"><?php echo $getInterestDesc->field_name ?></h3>
<p style="background:#cadbe0;color:#005068;padding: 1px 15px 1px 15px;border-radius: 6px;font-size:15px;"><?php echo $getInterestDesc->field_desc ?></p>
</td>
<td>
<img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/<?php echo $getInterestDesc->field_img ?>" alt="">
</td>
<?php } else { ?>
<td>
<img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/<?php echo $getInterestDesc->field_img ?>" alt="">
</td>
<td style="width: 50%;">
<h3 style="font-size:20px;color:#005068;font-weight:bolder;"><?php echo $getInterestDesc->field_name ?></h3>
<p style="background:#fdf1d6;color:#005068;padding: 1px 15px 1px 15px;border-radius: 6px;font-size:15px;"><?php echo $getInterestDesc->field_desc ?></p>
</td>
<?php } ?>
</tr>
</table>
<?php
$i++;
}
?>
</div>
</div>
</div>
<!------If Interest test Report End--------->
<!-----Disclaimer-------->
<div class="row">
<div class="intro-box">
<div class="col-md-12">
<p class="disc-print">
One to one counselling session is recommended for better interpretation of your scores.
</p>
<br><br>
<p class="disc-print">Disclaimer: It is to be noted that these test scores do not provide any kind of diagnosis. The cognitive functioning is a result of “Nature and Nurture”. This means how an individual thinks is a result of his innate nature as well as his environment. The scores should be taken in the right perspective. These scores indicate an individual’s ability to perform a particular task right now (at the moment of taking the test). Adding extra skill or training in that area may improve the scores.</p>
</div>
</div>
</div>
</div>
</div>
<!-- END TOP TABLE SECTION -->
</body>