@extends('layouts.app')
@section('content')
    <section class="section section-intro context-dark">
        <div class="intro-bg"
            style="background: url(images/intro-bg-1.jpg) no-repeat;background-size:cover;background-position: top center;">
        </div>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-8 text-center">
                    <h1 class="font-weight-bold wow fadeInLeft">Objective</h1>

                </div>
            </div>
        </div>
    </section>
    <section class="section section-lg bg-default">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-xl-12">
                    <h3>Image Centered</h3>
                    <figure class="figure-light offset-top-30"><img class="img-centered"
                            src="images/single-service-1-770x414.jpg" alt="" width="100%" height="auto" />
                        <figcaption>
                            <p>Reliable Services</p>
                        </figcaption>
                    </figure>
                    <p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will
                        find exactly what he/she is looking for. With advanced features of activating account and new login
                        widgets, you will definitely have a great experience of using our web page.</p>
                </div>
            </div>
        </div>
    </section>
    <!--Image Left-->
    <section class="section section-lg bg-default">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-xl-12">
                    <h3>Image Left</h3>
                    <div class="row row-30">
                        <div class="col-md-6"><img src="images/single-service-1-770x414.jpg" alt="" width="770"
                                height="auto" />
                        </div>
                        <div class="col-md-6">
                            <p>Welcome to our wonderful world. We sincerely hope that each and every user entering our
                                website will find exactly what he/she is looking for. With advanced features of activating
                                account and new login widgets, you will definitely have a great experience of using our web
                                page.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Image Right-->
    <section class="section section-lg bg-default">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-xl-12">
                    <h3>Image Right</h3>
                    <div class="row row-30 flex-md-row-reverse">
                        <div class="col-md-6"><img src="images/single-service-1-770x414.jpg" alt="" width="770"
                                height="auto" />
                        </div>
                        <div class="col-md-6">
                            <p>Welcome to our wonderful world. We sincerely hope that each and every user entering our
                                website will find exactly what he/she is looking for. With advanced features of activating
                                account and new login widgets, you will definitely have a great experience of using our web
                                page.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection