@extends('layouts.web')

@section('title', webText('menu.prevody.section1.title'))
@section('content')

    <section class="teaser teaser--small" style="background-image: url({{ asset('images/teaser-allison-transmission.jpg') }});">

        <div class="container d-flex flex-column flex-lg-row align-items-center justify-content-center justify-content-lg-between text-center text-lg-left">
            <h1 class="teaser__title">{{ webText('menu.prevody.section1.title') }}</h1>
            <a href="#" class="teaser__logo">
                <img class="logo logo--allison-teaser lazy" data-src="{{ asset('images/logo-allison-transmission.svg') }}" alt="">
            </a>
        </div>

    </section>

    @include('layouts.includes.nav')

    <section class="section space-p-b-20">

        <!-- Circle -->
{{--        <img data-src="{{ asset('images/circle.svg') }}" alt="" class="circle lazy">--}}

        <div class="container text-center text-lg-left space-p-b-60">
            <h2 class="h2">{{ webText('menu.prevody.section1.title') }}</h2>

            {!! webText('menu.prevody.section1.text') !!}
{{--            <p>Allison Transmission inc. nabízí nejširší řadu <b>plně automatických převodovek pro silniční a terénní provoz</b>. <br class="d-none d-lg-block">Naše převodovky jsou postaveny, aby byly spolehlivé, snadně použitelné, odolné a schopné vyhovět <br class="d-none d-lg-block">jakýmkoliv vašim požadavkům.</p>--}}

        </div>

        <div class="container text-center text-lg-left" id="nas-obor-cinnosti">
            <h2 class="h2">{{ webText('menu.prevody.section2.title') }}</h2>

            {!! webText('menu.prevody.section2.text') !!}

        </div>

    </section>

@endsection