@extends('layouts.app')
@section('metades')
    <meta name="description" content="Take A Test Education - An Education Website" />
    <meta name="author" content="Take A Test Education" />
    <meta name="keywords" content="take,test,education" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@endsection
@section('title')
    <title>{{ucwords(str_replace('-',' ',$page))}} / Smart Education</title>
@endsection
@section('css')
    <link rel="stylesheet" href="{{ asset('css/test.css') }}" />
@endsection
@section('content')
    <section class="Intro-Details">
        <h1 class="Highlight">Take a <span>Test Now</span> To Find Out Where You <span>Stand</span></h1>
        <p>Check Your Score And Collect Certificate from Results Section.</p>
        <div class="Mobile-Only">
            <div>
                <a class="Login" href="">Login/Register</a>
            </div>
            <div>
                <a href="{{ url('/') }}"><img src="{{ asset('assets/image/common/Facebook.png') }}" alt="Facebook" loading="lazy"></a>
                <a href="{{ url('/') }}"><img src="{{ asset('assets/image/common/Instagram-02.png') }}" alt="Instagram" loading="lazy"></a>
                <a href="{{ url('/') }}"><img src="{{ asset('assets/image/common/YouTube.png') }}" alt="YouTube" loading="lazy"></a>
            </div>
        </div>
    </section>
    <section class="Intro-Contact">
        <div class="Mobile">
            <img src="{{ asset('assets/image/intro/Mobile.png') }}" alt="Mobile" loading="lazy">
            <p>(+91) 9932053428 <br>
                (+91) 9832153428</p>
        </div>
        <div class="Email">
            <img src="{{ asset('assets/image/intro/Email.png') }}" alt="Email" loading="lazy">
            <p><span class="Black Medium">Email</span><br>
                director@smarteducation.org.in</p>
        </div>
    </section>
    <section class="Test-Wrapper">
        <div class="Heading">
            <h1>Take A Test</h1>
            <p>Find Out Your Potential</p>
        </div>
        <div class="Test">
            <a class="Item" href="{{ url('/test-grammer') }}">
                <img class="Image" src="{{ asset('assets/image/test/01.png') }}" alt="01">
                <p class="Title Semi-Bold">Grammer Test</p>
                <h5 class="Details">This course has been specially design to test your <span class="Semi-Bold">English Grammer</span> knowledge.</h5>
                <h4><span class="Semi-Bold">No. Of Questions</span> : 12</h4>
                <h4><span class="Semi-Bold">Time</span> : 12 Minutes</h4>
                <div class="Know-More">
                    <h4 class="Semi-Bold">Take This Test</h4>
                    <img src="{{ asset('assets/image/common/Arrow-White.png') }}" alt="Arrow-White">
                </div>
            </a>
            <a class="Item" href="{{ url('/test-grammer') }}">
                <img class="Image" src="{{ asset('assets/image/test/01.png') }}" alt="01">
                <p class="Title Semi-Bold">Reading Test</p>
                <h5 class="Details">This course has been specially design to test your <span class="Semi-Bold">English Reading</span> skills.</h5>
                <h4><span class="Semi-Bold">No. Of Questions</span> : 12</h4>
                <h4><span class="Semi-Bold">Time</span> : 30 Minutes</h4>
                <div class="Know-More">
                    <h4 class="Semi-Bold">Take This Test</h4>
                    <img src="{{ asset('assets/image/common/Arrow-White.png') }}" alt="Arrow-White">
                </div>
            </a>
            <a class="Item" href="{{ url('/test-grammer') }}">
                <img class="Image" src="{{ asset('assets/image/test/01.png') }}" alt="01">
                <p class="Title Semi-Bold">GK Test</p>
                <h5 class="Details">This course has been specially design to test your <span class="Semi-Bold">General Knowledge</span>.</h5>
                <h4><span class="Semi-Bold">No. Of Questions</span> : 12</h4>
                <h4><span class="Semi-Bold">Time</span> : 12 Minutes</h4>
                <div class="Know-More">
                    <h4 class="Semi-Bold">Take This Test</h4>
                    <img src="{{ asset('assets/image/common/Arrow-White.png') }}" alt="Arrow-White">
                </div>
            </a>
        </div>
    </section>
@endsection
@push('scripts')
    <script type="text/javascript">
        $(document).ready(function() {
            setTimeout(function() {
                $("#NavBarIudyogTop ul li a#{{$page}}-top").attr('class', 'Active');
            },2000);
        });
    </script>
@endpush