@extends('frontEnd.layout-ex')

@section('content')

    <section class="pager-section overlay">
        <div class="container">
            <div class="main-banner-content p-relative">
                <div class="social-links">
                    <ul>
                        <li><a href="https://www.facebook.com/theblackstoryproject" title=""><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="https://www.instagram.com/theblackstoryproject/" title=""><i class="fab fa-instagram"></i></a></li>
                    </ul>
                </div><!--social-links end-->
                <div class="pager-content">
                    <ul class="breadcrumb-list">
                        <li><a href="#" title="">Home</a></li>
                        <li><span>Contact Us </span></li>
                    </ul><!--breadcrumb end-->
                    <h2 class="page-title">Contact Us</h2>
                </div><!--pager-content end-->
            </div><!--main-banner-content end-->
        </div>
    </section><!--pager-section end-->
<style>
    .form-group textarea {
        padding: 18px !important;
        border: 2px solid #c6c6c6 !important;
    }
</style>
    <section class="block2">
        <div class="container">
            <div class="contact_section">
                <div class="row align-items-center">
                    <div class="col-lg-4">
                        <div class="contact_info">
                            <ul>

                                <li>
                                        <span>
                                            <i class="flaticon-email"></i>
                                        </span>
                                    <div class="ccn-info">
                                        <a href="mailto:support@theblackstory.com" title="">support@theblackstory.com</a>
                                    </div>
                                </li>
                                <li>
                                        <span>
                                            <i class="flaticon-phone"></i>
                                        </span>
                                    <div class="ccn-info">
                                        <p>+880 1792263346</p>
                                    </div>
                                </li>

                                <li>
                                        <span>
                                            <i class="flaticon-pin"></i>
                                        </span>
                                    <div class="ccn-info">
                                        <p>Cosmos Centre<br>
                                            69/1 New Circular Road, Malibag. Dhaka 1217, Bangladesh</p>
                                    </div>
                                </li>

                            </ul>
                        </div><!--contact_info end-->
                    </div>
                    <div class="col-lg-8">
                        <div class="cnst-form">
                            <div class="section-title">
                                <h2 class="h-title dark-clr mw-100">We'd love to hear from you</h2>
{{--                                <span>Have a question or comment? Drop us a line.</span>--}}
                            </div>
                            <div class="consulation-form">
                                <form id="contact-form" method="post" action="{{url('contact/submit')}}">
                                    <div class="response"></div>
                                    <div class="row">
                                        <div class="col-lg-5">
                                            <div class="form-group">
                                                <input type="text" name="name" class="form-control name" placeholder="Name">
                                            </div><!--form-group end-->
                                        </div>
                                        <div class="col-lg-5">
                                            <div class="form-group">
                                                <input type="email" name="email" class="form-control email" placeholder="Email*">
                                            </div><!--form-group end-->
                                        </div>
                                        <div class="col-lg-10">
                                            <div class="form-group">
                                                <textarea name="message" placeholder="Message" rows="3"></textarea>
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            <button type="button" class="submit" id="submit">Submit</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div><!--cnst-form end-->
                    </div>
                </div>
            </div><!--contact_section end-->
        </div>
    </section>


@endsection