@extends('layouts.medium')

@section('header')
    @include('inc.banner_top')
@endsection

@section('content')

<div class="rounded-more border p-4">
    <div class="bg-light border rounded p-4">
        <div class="row align-items-center " >
            <div class="col-md-6 text-left pt-4 pt-md-0 mb-4 mb-md-0">
                <p class="fs-4 lh-sm mb-1 text-center text-md-start">Proiectul</p>
                <h2 class="mb-4 text-blue fw-bold text-center text-md-start">Împreună creștem o școală</h2>
                <p class="text-center text-md-start">Desfășurat sub egida a trei parteneri:<br>
                    Compania Servier Pharma SRL, Asociația Brio pentru Evaluare Educațională și Liceul Teoretic C. A. Rosetti. </p>
                <p  class="text-center text-md-start "><b>Etapa 2 proiect</b>: Completare chestionar pentru identificarea intereselor vocaționale </p>
            </div>

            <div class="col-md-6 border-md-start ">
                @component('components.test-form',
                    array(
                        'test'  => 'SDS',
                        'motto' => 'CE ÎȚI PLACE SĂ FACI?',
                        'title' => 'Testul de interese <br>(SDS)',
                        'image' => '../images/pm3_small.png',
                        'input_class' => 'col-sm-6 col-md-8'
                    ))
                @endcomponent
            </div>
        </div>
    </div>
</div>
<div class="border-sm-bottom p-3">
    <div class="row" >
        <div class="col-sm-4 text-center ">
            <img src="images/logo-brio.jpg" class="img-fluid " style="max-width:200px;" >
        </div>
        <div class="col-sm-4 text-center">
            <img src="images/logo-rosetti.jpg" class="img-fluid " style="max-width:100px;">
        </div>
        <div class="col-sm-4 text-center">
            <img src="images/logo-servier.jpg" class="img-fluid " style="max-width:150px;" >
        </div>
    </div>
</div>

@endsection