@extends('layouts.main')

@section('content')
    <section class="introduce jarallax pb-8">
        <div class><img class="jarallax-img" src="{{asset('storage/img/bg/dna1.png')}}" alt=""></div>
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <x-section-header pink-text="ДОКТОР" text="КАРИНА КИМ"/>
                </div>
            </div>
            <div class="row fs-4 content">
                <div class="col-12 col-sm-6 text-center order-1 order-sm-2">
                    <img class="img-fluid rounded-circle" src="{{asset('storage/img/photos/portret.webp')}}"></div>
                <ul class="list-group border-0 lh-1 col-12 col-sm-6 ps-md-5 pt-md-5 order-2 order-sm-1">
                    <li class="list-group-item border-0 circleMarker">врач общей практики</li>
                    <li class="list-group-item border-0 circleMarker">медицинский генетик</li>
                    <li class="list-group-item border-0 circleMarker">специалист профилактической медицины</li>
                    <li class="list-group-item border-0 circleMarker">кандидат медицинских наук</li>
                    <li class="list-group-item border-0 circleMarker">преподаватель Prevent age, МИИН</li>
                    <li class="list-group-item border-0 circleMarker">спикер конференций</li>
                    <li class="list-group-item border-0 circleMarker">автор научных и научно-популярных статей</li>
                </ul>
            </div>
        </div>
    </section>

    <section class="pb-8">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <x-section-header pink-text="КОНСУЛЬТАЦИИ"/>
                </div>
            </div>
            <div class="row g-xxl-5 g-3 gy-md-5">
                <div class="col-md-6">
                    <x-main-card
                    title="Расшифровка сырых данных генетических тестов"
                    text="Сдали тест в&nbsp;Генотек, Атласе, 23andMe, Ansectry и&nbsp;ничего не&nbsp;поняли?<br>Получите полноценную расшифровку с&nbsp;индивидуальными рекомендациями"
                    />
                </div>
                <div class="col-md-6">
                    <x-main-card
                    title="Онлайн-консультация"
                    text="Сдали тест в&nbsp;Генотек, Атласе, 23andMe, Ansectry и&nbsp;ничего не&nbsp;поняли?<br>Получите полноценную расшифровку с&nbsp;индивидуальными рекомендациями"
                    />
                </div>
            </div>
        </div>
    </section>

@endsection