<link rel="stylesheet" href="/var/www/selfanalyse/aptitude-test/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css">


<script src="/aptitude-test/js/jquery.min.js"></script>
<script src="/aptitude-test/js/bootstrap.min.js"></script>
<script src="/aptitude-test/js/highcharts.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%;

        margin-top: 2em;
        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;
    }

    .belowChartDiv {
        border: 1px solid #607D8B;
        padding: 5px;
    }

    .chrtDiv1 {
        font-weight: bold;
        color: #4CAF50;
    }

    .chrtDiv2 {
        font-weight: bold;
        color: #FF5722;
        text-align: center;
    }

    .chrtDiv3 {
        font-weight: bold;
        color: #FFC107;
        text-align: right;
    }


    .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;
    }
</style>
<!-- TOP TABLE SECTION -->
<div style="background: #f1f1f1;" id="main">
    <div class="container">
        <!----User details--->
        <div class="row">

            <div class="chart-header-box">
                <div class="col-md-6">
                    <img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/shine-logo.png" alt="">
                </div>
                <div class="col-md-6">
                    <h4 class="test-head"></h4>
                    <h4>Name : <span style="font-weight: bold;"> Rohit Kashyap  </span>, <span> Class :</span> <span style="font-weight: bold;">Class 9th</span></h4>
                    <h4>Date : <span style="font-weight: bold;">13 April, 2020</span></h4>
                </div>
            </div>
        </div>
        <!----First Page Content--->
        <div class="row">
            <div class="intro-box print-view-box">
                <div class="col-md-12">
                    <p>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>Psychometric tests are of two types:
                        <br>
                        1.Test for abilities or aptitude<br>
                        2.Test for personality

                    </p>
                    <p>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>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>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>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>
                    <p>These tests measure and quantify an individual’s abilities, interest and personality traits to figure out the best options in terms of field of study and career.</p>
                </div>
            </div>
            <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        </div>
        <div class="row">
            <div class="intro-box">
                <div class="col-md-2"></div>
                <div class="col-md-8">
                    <div class="chart-box">
                        <h5>Interest Test</h5>
                    </div>
                </div>
                <div class="col-md-2"></div>
            </div>
        </div>
        <!-------Highchart--------->
        <div class="row">
            <div class="intro-box">
                <!-- <div class="col-md-2"></div> -->
                <div class="col-md-12">
                    <div class="chart-box">
                        <!-- <h5>Click on PIE chart topic to get more details.</h5> -->
                        <figure class="highcharts-figure">
                            <img src="/var/www/selfanalyse/interest-test/chart_images/48-line.png" alt="">
                            <div class="col-md-12">
                                <table>
                                    <td class="chrtDiv1">High Interest Area (16-20)</td>
                                    <td class="chrtDiv2">Average Interest Area (5-15)</td>
                                    <td class="chrtDiv3">Below Avg. Interest Area (0-4)</td>
                                </table>
                            </div>
                        </figure>
                    </div>
                </div>
                <!-- <div class="col-md-2"></div> -->
            </div>
            <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        </div>
        <!---Introduction------>
        <div class="row">

            <div class="intro-box">
                <div class="col-md-12">
                    <h2>Interest Description</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>

                    <ul class="description-ul">
                                            </ul>
                </div>
            </div>
        </div>
        <!-----Disclaimer-------->
        <div class="row">
            <div class="intro-box print-view-box">
                <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>