@extends('layouts.front')

@section('search')
@include('partials.search')
@endsection

@section('content')

<main id="main">

    <section id="clients" class="clients styler1">
        <div class="container">
            <div class="section-title">
                <h2 class="animate__animated animate__fadeInDown">{!! $settings->title !!}</h2>
                <p class="animate__animated animate__fadeInUp">{!! $settings->description !!}</p>
            </div>
        </div>
    </section>

    <!-- ======= Featured Section ======= -->
    <section id="featured" class="featured">
        <div class="container">
            <div class="section-title" data-aos="fade-up">
                <h2>{{ $settings->section_1_title }}</h2>
            </div>
            <div class="row">
                <!-- {!! $settings->section_1 !!} -->
                <div class="col-lg-4">
                    <div class="icon-box">
                        <i class="{{ $settings->box_1_icon }}"></i>
                        <h3><a href="">{{ $settings->box_1_heading }}</a></h3>
                        {!! $settings->box_1_content !!}
                    </div>
                </div>
                <div class="col-lg-4 mt-4 mt-lg-0">
                    <div class="icon-box">
                        <i class="{{ $settings->box_2_icon }}"></i>
                        <h3><a href="">{{ $settings->box_2_heading }}</a></h3>
                        {!! $settings->box_2_content !!}
                    </div>
                </div>
                <div class="col-lg-4 mt-4 mt-lg-0">
                    <div class="icon-box">
                        <i class="{{ $settings->box_3_icon }}"></i>
                        <h3><a href="">{{ $settings->box_3_heading }}</a></h3>
                        {!! $settings->box_3_content !!}
                    </div>
                </div>
            </div>

        </div>
    </section>
    <!-- End Featured Section -->

    <!-- ======= About Section ======= -->
    <section id="about" class="about">
        <div class="container">
            <div class="section-title" data-aos="fade-up">
                <h2>{{ $settings->section_2_title }}</h2>
            </div>
            <div class="row">
                <!-- {!! $settings->section_2 !!} -->
                <div class="col-lg-6">
                    <img src="{{ $settings->getSection2ImageAttribute()->preview ?? '' }}" class="img-fluid" alt="">
                </div>
                <div class="col-lg-6 pt-4 pt-lg-0 content">
                    <h3>ABOUT HJRS</h3>
                    <p>
                        The prestige measurement criteria should consist of a number of publically available measures
                        and these measures should be (as much as possible) subject or domain independent. This criteria
                        should make provisions for subject area position of a Journal in a given Knowledge area.
                    </p>
                    <ul>
                        <li><i class="icofont-check-circled"></i>Platinum</li>
                        <li><i class="icofont-check-circled"></i>GOLD</li>
                        <li><i class="icofont-check-circled"></i>SILVER</li>
                    </ul>
                    <p>
                        HJRS X List uses the Snap & Freeze approach and that means it takes a snapshot of lists from HEC
                        Recognized databases on a given date and then categorizes the journals into W, X and Y on the
                        basis of their JPI scores within a Subject Area. Once the HJRS list is released, it remains
                        frozen for its entire validity period and it is not dynamically updated during this period.
                    </p>
                </div>
            </div>
        </div>
    </section>
    <!-- End About Section -->


    <!-- service sections -->
    <section id="services" class="services">
        <div class="container">

            <div class="section-title" data-aos="fade-up">
                <h2>{{ $settings->section_3_title }}</h2>
            </div>

            <div class="row">
                <!-- {!! $settings->section_3 !!} -->
                <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
                    <div class="icon-box">
                        <div class="icon"><i class="bx bxl-dribbble"></i></div>
                        <h4><a href="">Eligible Journal</a></h4>
                        <p>HEC requirements for Y category for local journals; and (3) it is not in the Not Recognized
                            category of HJRS.</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0">
                    <div class="icon-box">
                        <div class="icon"><i class="bx bx-file"></i></div>
                        <h4><a href="">Eigen Factor (EFT)</a></h4>
                        <p>This factor measures the prestige of a Journal because with a prestigious journal,
                            researchers will spend more time.</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0">
                    <div class="icon-box">
                        <div class="icon"><i class="bx bx-tachometer"></i></div>
                        <h4><a href="">Article Influence (AIF)</a></h4>
                        <p>The Article Influence Score™ (AIF) for each journal is a measure of the per-article citation
                            influence of the journal</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4">
                    <div class="icon-box">
                        <div class="icon"><i class="bx bx-world"></i></div>
                        <h4><a href="">Cites per Doc (CD2)</a></h4>
                        <p>Cites per Doc in last 2 years measures the scientific impact of an average article published
                            in the journal, it is computed using the same formula that journal impact factor ™ (Thomson
                            Reuters).</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4">
                    <div class="icon-box">
                        <div class="icon"><i class="bx bx-slideshow"></i></div>
                        <h4><a href="">Publication Fee</a></h4>
                        <p>Most Journals charge a publication fee of $500 to $1500 to cover the cost of publication in a
                            Journal.Many universities fund the publication cost for Journals from their R & D Fund.</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4">
                    <div class="icon-box">
                        <div class="icon"><i class="bx bx-arch"></i></div>
                        <h4><a href="">Free Journals</a></h4>
                        <p>Some publishers do not charge the publication fee from the authors and hence a researcher can
                            publish a paper in these Journals free of charge.

                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End service section -->

    <div class="container mt-5 mb-5">
        <div class="section-title" data-aos="fade-up">
            <h2>{{ $settings->section_4_title }}</h2>
        </div>
        <div class="p-x-15 blur">
            <div class="row">
                <!-- {!! $settings->section_4 !!} -->
                <div class="col-md-6 bg-img" style="margin-top: 80px">
                    <img src="{{ URL::to('/assets/img/HJRS_mockup-small.png') }}" alt="" width="100%" height="70%">

                </div>
                <div class="col-md-6  p-30 text-center bg-white mt-5">
                    <h4 class="mb-50 fw-bold">ACHIEVEMENTS</h4>
                    <ul class="timeline">
                        <li class="timeline">
                            <div class="timeline-badge"></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h5 class="timeline-title">W-CATEGORIES</h5>

                                    <p class="timeline-meta text-xs"><i
                                            class="fas fa-map-marker-alt va-middle mr-5"></i> <span
                                            class="va-middle mr-5">Miami</span> <i
                                            class="fas fa-calendar-alt va-middle mr-5"></i> <span
                                            class="va-middle">2016-2020</span></p>
                                </div>
                                <div class="timeline-body">
                                    <p>W is the highest recognized category followed by x and y.</p>
                                </div>
                            </div>
                        </li>

                        <li class="timeline-inverted">
                            <div class="timeline-badge"></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h5 class="timeline-title">X & Y-CATEGORIES</h5>
                                    <p class="timeline-meta text-xs"><i
                                            class="fas fa-map-marker-alt va-middle mr-5"></i> <span
                                            class="va-middle mr-5">New York</span> <i
                                            class="fas fa-calendar-alt va-middle mr-5"></i> <span
                                            class="va-middle">2012-2016</span></p>
                                </div>
                                <div class="timeline-body">
                                    <p>X and Y with each subject area and its associated sub-categories.</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

</main>

@endsection