<div class="contact-row">
    <div class="offset-3 grid3" id="contact">
        <h4>@lang('translations.contact-free')</h4>

        <h3 class="thank-you">@lang('translations.done-submit')</h3>

        <form action="/form/process" method="post">
            <label for="companyName">@lang('translations.form-labels.company-name')</label>
            <input name="companyName"
                   type="text"
                   id="companyName">
            <label id="contactNameLabel" class="required"
                   for="contactName">@lang('translations.form-labels.contact-name')</label>
            <input
                    name="contactName" class="required" type="text" id="contactName">
            <label id="emailFormLabel" for="emailForm">@lang('translations.form-labels.email-form')</label>
            <input
                    name="emailForm"
                    type="text"
                    id="emailForm">
            <label for="phoneForm">@lang('translations.form-labels.phone-form')</label>
            <input name="phoneForm"
                   type="text"
                   id="phoneForm">
            <label id="formMessageLabel" class="required"
                   for="formMessage">@lang('translations.form-labels.form-message')</label>
            <textarea
                    name="formMessage" data-autoresize class="required" id="formMessage"></textarea>
            <input name="submit" type="submit" value="@lang('translations.form-labels.send')">
        </form>
    </div>

    <div class="offset-1 grid3" id="reference">
        <div class="person-reference">
            <div class="image">
                <img alt="@lang('translations.reference.name')" src="@lang('translations.reference.img')"/>
            </div>
            <p>
                @lang('translations.reference.name')<br/>
                <span>@lang('translations.reference.function')</span>
            </p>
        </div>
        <h4>Snelheid</h4>
        <p class="person-text">
            @lang('translations.reference.text')
        </p>
        <hr>

        <div class="person-reference">
            <div class="image">
                <img alt="@lang('translations.reference2.name')" src="@lang('translations.reference2.img')"/>
            </div>
            <p>
                @lang('translations.reference2.name')<br/>
                <span>@lang('translations.reference2.function')</span>
            </p>
        </div>
        <h4>Samenwerking met partners</h4>
        <p class="person-text">
            @lang('translations.reference2.text')
        </p>
        <hr>

        <div class="person-reference">
            <div class="image">
                <img alt="@lang('translations.reference3.name')" src="@lang('translations.reference3.img')"/>
            </div>
            <p>
                @lang('translations.reference3.name')<br/>
                <span>@lang('translations.reference3.function')</span>
            </p>
        </div>
        <p class="person-text">
            @lang('translations.reference3.text')
        </p>
        <hr>

       {{-- <p class="list-text">@lang('translations.why-gripp.subTitle')</p>
        <ul>
            @foreach(trans('translations.why-gripp.list') as $item)
                <li>{{$item}}</li>
            @endforeach
        </ul>--}}

        <div class="contact-info">
            <h5>Contact</h5>
            <p>
                {{\Config::get('business.adres1')}}<br/>
                {{\Config::get('business.adres2')}}
            </p>

            <p>
                <strong style="display: inline-block; width: 60px;">K.v.K.:</strong>{{\Config::get('business.kvk')}}<br/>
                <strong style="display: inline-block; width: 60px;">BTW:</strong>{{\Config::get('business.btw')}}<br/>
                <strong style="display: inline-block; width: 60px;">IBAN:</strong>{{\Config::get('business.iban')}}
            </p>

            <p>
                <a href="tel:{{\Config::get('business.phone.call')}}"> {{\Config::get('business.phone.display')}}</a><br/>
                <a href="mailto:{{\Config::get('business.default_email')}}"> {{\Config::get('business.default_email')}}</a>
            </p>
        </div>

        <a class="terms" href="@lang('translations.terms.route')"><span class="icon-circle"> <span></span></span>@lang('translations.terms.name')</a>
        <a class="terms" style="margin-top: 10px;" href="@lang('translations.privacy.route')"><span class="icon-circle"> <span></span></span>@lang('translations.privacy.name')</a>

        <div class="certificates">
            <img alt="CIRE" src="/images/structure/cire.png?v=2" />
            <span class="certificates__name"><strong>CIRE ID:</strong><br/>I-20672221</span>
        </div>

    </div>

    <div class="clear"></div>

</div>