@extends('Frontend.Layout.app')
@section('title', translate('Contact us'))
@section('content')
    <main>
        <section class="section">
            <div class="container">
                <div class="row">

                    <div class="col-lg-4">
                        <div class="pr-0 pr-lg-4">
                            <div class="content">{{translate('For contact and inquiries, please reach out to us via:')}}
                                <div class="mt-5">
                                    <p class="h3   font-weight-normal"><a class="text-dark" href="mailto:info@okpluss.de">info@okpluss.de</a>
                                    </p>
                                    <div class="social-links">
                                        <h4>{{translate('Links')}}</h4>
                                        <ul style="   list-style: none;">
                                            <li>
                                                <a href="https://twitter.com/OK_plus_News?t=rwkJMGFKTTHMVS40prqsnA&s=09" target="_blank" rel="noopener">
                                                    Twitter
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.instagram.com/ok_plus_de" target="_blank" rel="noopener">
                                                    Instagram
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.tiktok.com/@ok_plus_de" target="_blank" rel="noopener">
                                                    TikTok
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.facebook.com/ok.plus.de" target="_blank" rel="noopener">
                                                    Facebook
                                                </a>
                                            </li>
                                        </ul>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 mt-4 mt-lg-0">
                        <form method="POST" action="#!" class="row">
                            <div class="col-md-6">
                                <input type="text" class="form-control mb-4" placeholder="Name" name="name" id="name">
                            </div>
                            <div class="col-md-6">
                                <input type="email" class="form-control mb-4" placeholder="Email" name="email" id="email">
                            </div>
                            <div class="col-12">
                                <input type="text" class="form-control mb-4" placeholder="Subject" name="subject" id="subject">
                            </div>
                            <div class="col-12">
                                <textarea name="message" id="message" class="form-control mb-4" placeholder="Type You Message Here" rows="5"></textarea>
                            </div>
                            <div class="col-12">
                                <button class="btn btn-outline-primary" type="submit">{{translate('Send Message')}}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </section>
    </main>
@endsection