File: //proc/thread-self/cwd/self-strength-test/pdf-html/pdf-3020.html
<link rel="stylesheet" href="/var/www/selfanalyse/self-strength-test/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css">
<script src="/var/www/selfanalyse/self-strength-test/js/jquery.min.js"></script>
<script src="/var/www/selfanalyse/self-strength-test/js/bootstrap.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<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
}
/* table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border: 1px solid #ddd;
}
th,
td {
text-align: left;
padding: 8px;
} */
.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;
}
#header {
position: fixed;
left: 0px;
top: 10px;
right: 0px;
}
.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;
}
td:nth-child(2) {
border-right: 10px solid transparent;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
}
</style>
<body>
<div id="header">
<div class="col-md-12" style="margin-top: 10px;">
<img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/shine-logo.png" alt="">
</div>
</div>
<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: Dr Chris Peterson and Dr Martin Seligman, 2004</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-12">
<br><br><br><br>
<!-- <img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/emu-logo.png" alt=""> -->
</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;">Selft Assesment for Virtue and Strength 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">
<br><br><br><br>
<!-- <img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/emu-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;"> Gulfam Ali </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;"> Male </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;"> Class 12th </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;"> 10 October, 1990 </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;"> gulfam.ali@sarkaripariksha.com </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;"> 7861019191 </span>
</div>
</div>
</div>
<div class="row">
<div class="intro-box print-view-box">
<div class="col-md-12">
<br><br><br><br>
<!-- <img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/emu-logo.png" alt=""> -->
</div>
<div class="col-md-12" style="text-align: center;">
<h2 style="font-weight:bold;color:#005068;font-size:19px;">Graphical Representation of Virtues and Strengths</h2>
</div>
<div class="col-md-12" style="text-align: center;">
<h2 style="color:#005068;font-size:19px;">Character Virtues of (Gulfam Ali )</h2>
</div>
<div class="col-md-12">
<br><br><br><br>
<table >
<tr>
<td style="width:100%;">
<p style="color:#005068;text-decoration:underline;font-weight:bold;">Virtue of being Wise</p>
</td>
</tr>
<tr>
<td>
<img src="/var/www/selfanalyse/self-strength-test/chart_images/3020-being-wise-circle.png" alt="">
</td>
<td>
<img src="/var/www/selfanalyse/self-strength-test/chart_images/3020-being-wise-bar.png" alt="">
</td>
</tr>
<br>
</table>
<br><br><br><br>
<table style="page-break-after: always;" >
<tr>
<td style="width:100%;">
<p style="color:#005068;text-decoration:underline;font-weight:bold;">Virtue of overcoming Fear</p>
</td>
</tr>
<tr>
<td>
<img src="/var/www/selfanalyse/self-strength-test/chart_images/3020-overcoming-fear-circle.png" alt="">
</td>
<td>
<img src="/var/www/selfanalyse/self-strength-test/chart_images/3020-overcoming-fear-bar.png" alt="">
</td>
</tr>
<br>
</table>
<br><br><br><br>
<table >
<tr>
<td style="width:100%;">
<p style="color:#005068;text-decoration:underline;font-weight:bold;">Virtue of Empathy</p>
</td>
</tr>
<tr>
<td>
<img src="/var/www/selfanalyse/self-strength-test/chart_images/3020-empathy-circle.png" alt="">
</td>
<td>
<img src="/var/www/selfanalyse/self-strength-test/chart_images/3020-empathy-bar.png" alt="">
</td>
</tr>
<br>
</table>
<br><br><br><br>
<table style="page-break-after: always;" >
<tr>
<td style="width:100%;">
<p style="color:#005068;text-decoration:underline;font-weight:bold;">Virtue of Righteousness</p>
</td>
</tr>
<tr>
<td>
<img src="/var/www/selfanalyse/self-strength-test/chart_images/3020-righteousness-circle.png" alt="">
</td>
<td>
<img src="/var/www/selfanalyse/self-strength-test/chart_images/3020-righteousness-bar.png" alt="">
</td>
</tr>
<br>
</table>
<br><br><br><br>
<table >
<tr>
<td style="width:100%;">
<p style="color:#005068;text-decoration:underline;font-weight:bold;">Virtue of Self-Control and Moderation</p>
</td>
</tr>
<tr>
<td>
<img src="/var/www/selfanalyse/self-strength-test/chart_images/3020-self-control-and-moderation-circle.png" alt="">
</td>
<td>
<img src="/var/www/selfanalyse/self-strength-test/chart_images/3020-self-control-and-moderation-bar.png" alt="">
</td>
</tr>
<br>
</table>
<br><br><br><br>
<table style="page-break-after: always;" >
<tr>
<td style="width:100%;">
<p style="color:#005068;text-decoration:underline;font-weight:bold;">Virtue of Human Consciousness</p>
</td>
</tr>
<tr>
<td>
<img src="/var/www/selfanalyse/self-strength-test/chart_images/3020-human-consciousness-circle.png" alt="">
</td>
<td>
<img src="/var/www/selfanalyse/self-strength-test/chart_images/3020-human-consciousness-bar.png" alt="">
</td>
</tr>
<br>
</table>
</div>
</div>
</div>
<!-----Disclaimer-------->
<div class="row">
<div class="intro-box">
<div class="col-md-12">
<br><br><br><br>
<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>