@extends('frontend.layouts.app')

@section('title','Aura | Hubungi Kami')

@section('content')
    <!-- Slideshow static content element + Bottom mask style 2  -->
    <div class="kl-slideshow static-content__slideshow uh_light_gray maskcontainer--shadow_ud">
        <div class="bgback">
        </div>

        <!-- Static content wrapper with custom minimum height (500px) = .min-500 -->
        <div class="kl-slideshow-inner static-content__wrapper min-500">
            <!-- Static content source -->
            <div class="static-content__source">
                <!-- Background -->
                <div class="kl-bg-source">
                    <!-- Background image -->
                    <div class="kl-bg-source__bgimage" style="background-image:url(http://kallyas.themeforest.netdna-cdn.com/images/Working-Space.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position-x:center; background-position-y:center; background-size:cover;">
                    </div>
                    <!-- Background image -->

                    <!-- Gradient overlay -->
                    <div class="kl-bg-source__overlay" style="background:rgba(30,115,190,0.3); background: -moz-linear-gradient(left, rgba(30,115,190,0.3) 0%, rgba(53,53,53,0.3) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,115,190,0.3)), color-stop(100%,rgba(53,53,53,0.3))); background: -webkit-linear-gradient(left, rgba(30,115,190,0.3) 0%,rgba(53,53,53,0.3) 100%); background: -o-linear-gradient(left, rgba(30,115,190,0.3) 0%,rgba(53,53,53,0.3) 100%); background: -ms-linear-gradient(left, rgba(30,115,190,0.3) 0%,rgba(53,53,53,0.3) 100%); background: linear-gradient(to right, rgba(30,115,190,0.3) 0%,rgba(53,53,53,0.3) 100%);">
                    </div>
                    <!--/ Gradient overlay -->
                </div>
                <!--/ Background -->

                <!-- Animated Sparkles -->
                <div class="th-sparkles"></div>
                <!--/ Animated Sparkles -->
            </div>
            <!--/ .static-content__source -->

            <!-- Static content container -->
            <div class="static-content__inner container">
                <!-- Container with safe padding default top 150px -->
                <div class="kl-slideshow-safepadding sc__container ">
                    <!-- Static content wrapper -->
                    <div class="static-content default-style">
                        <!-- Title -->
                        <h3 class="static-content__subtitle text-left">
								<span class="fw-thin">Hubungi Kami, <span class="fw-semibold"><span data-rel="tooltip" data-placement="top" title="" data-animation="true" data-original-title="Highly premium actually"></span></span>
								<br>
								Aura Printing & Publishing
								</span>
                        </h3>
                        <!--/ Title -->
                    </div>
                    <!--/ .static-content -->
                </div>
                <!--/ Container with safe padding default top 150px -->
            </div>
            <!--/ .kl-slideshow-inner__inner -->
        </div>
        <!--/ Static content wrapper with custom minimum height (500px) = .min-500 -->

        <!-- Bottom mask style 2  -->
        <div class="kl-bottommask kl-bottommask--shadow_ud">
        </div>
        <!--/ Bottom mask style 2  -->
    </div>
    <!--/ Slideshow static content element + Bottom mask style 2  -->
    <!-- Vertical tabs style 1 element section with custom paddings -->
    <section class="hg_section--relative ptop-80 pbottom-80">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <!-- Vertical tabs element style 1 -->
                    <div class="vertical_tabs kl-style-1 clearfix">
                        <!-- Tabs wrapper -->
                        <div class="tabbable">
                            <!-- Navigation menu -->
                            <ul class="nav fixclear">
                                <!-- Tab #1 -->
                                <li class="active">
                                    <!-- Tab link id -->
                                    <a href="#tabs_6" data-toggle="tab">
                                        <!-- Icon = .glyphicon-comment -->
                                        <span class="glyphicon glyphicon-comment"></span>

                                        <!-- Title -->
                                        Customer Support
                                    </a>
                                    <!--/ Tab link id -->
                                </li>
                                <!--/ Tab #1 -->
                            </ul>
                            <!--/ Navigation menu -->

                            <!-- Tabs content -->
                            <div class="tab-content">
                                <!-- Tab #1 -->
                                <div class="tab-pane fade in active" id="tabs_6">
                                    <!-- Title -->
                                    <h4>Informasi dan Konsultasi</h4>
                                    <!-- Title -->

                                    <!-- Description -->
                                    <p>
                                        <!-- Image link -->
                                        <a href="#">
                                            <!-- Image right aligned-->
                                            <img src="http://kallyas.themeforest.netdna-cdn.com/images/support.jpg" class="alignright" width="194" height="199" alt="support" title="support">
                                            <!--/ Image -->
                                        </a>
                                        <!--/ Image link -->

                                        AURA Printing & Publishing Komplek UNILA Kedaton Bandar Lampung
                                        <br>
                                        HP: 0812-8143-0268 , 0822 8214 8711
                                    </p>
                                    <p>
                                        website: www.aura-publishing.com
                                    </p>
                                    <p>
                                        redaksiaura@gmail.com
                                    </p>
                                    <!--/ Description -->
                                </div>
                                <!--/ Tab #1 -->
                            </div>
                            <!--/ Tabs content -->
                        </div>
                        <!--/ Tabs wrapper -->
                    </div>
                    <!--/ Vertical tabs element style 1 -->
                </div>
                <!--/ col-md-12 col-sm-12 -->
            </div>
            <!--/ row -->
        </div>
        <!--/ container -->

        <!-- Bottom mask style 1 -->
        <div class="kl-bottommask kl-bottommask--shadow">
        </div>
        <!--/ Bottom mask style 1 -->
    </section>
    <!--/ Vertical tabs style 1 element section with custom paddings -->

    <!-- Grid icon boxes element section with white background and custom paddings -->
    <section class="hg_section--relative bg-white ptop-65 pbottom-0">
        <!-- Background source -->
        <div class="kl-bg-source">
            <!-- Gradient overlay -->
            <div class="kl-bg-source__overlay" style="background: rgba(255,255,255,1); background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); ">
            </div>
            <!--/ Gradient overlay -->
        </div>
        <!--/ Background source -->
    </section>
    <!--/ Grid icon boxes element section with white background and custom paddings -->

    <!-- Step boxes style 2 (go boxes) element section with white background and custom bottom padding -->
    <section class="hg_section bg-white pbottom-80">
        <div class="container">
            <div class="row gutter-md">
                <div class="col-sm-4">
                    <!-- Step box element #2 (First Go box) -->
                    <div class="gobox gobox-first ">
                        <!-- Content -->
                        <div class="gobox-content">
                            <!-- Title -->
                            <h4>planning &amp; strategy</h4>
                            <!--/ Title -->

                            <!-- Link -->
                            <a class="step_link" href="#" target="_blank"></a>
                            <!--/ Link -->

                            <!-- Description -->
                            <p>
                                Appropriately productivate distributed infrastructures for one-to-one expertise.
                            </p>
                            <!--/ Description -->
                        </div>
                        <!--/ Content -->
                    </div>
                    <!--/ Step box element #2 (First Go box) -->
                </div>
                <!--/ col-sm-4 -->

                <div class="col-sm-4">
                    <!-- Step box #2 (Second Go box) -->
                    <div class="gobox ">
                        <!-- Content -->
                        <div class="gobox-content">
                            <!-- Title -->
                            <h4>design &amp; develop</h4>
                            <!--/ Title -->

                            <!-- Link -->
                            <a class="step_link" href="#" target="_blank"></a>
                            <!--/ Link -->

                            <!-- Description -->
                            <p>
                                Credibly develop cross functional internal or "organic" sources vis-a-vis magnetic e-services.
                            </p>
                            <!--/ Description -->
                        </div>
                        <!--/ Content -->
                    </div>
                    <!--/ Step box #2 (Second Go box) -->
                </div>
                <!--/ col-sm-4 -->

                <div class="col-sm-4">
                    <!-- Step box #2 (Last Go box) -->
                    <div class="gobox ok gobox-last">
                        <!-- Icon = .glyphicon-ok-circle -->
                        <span class="glyphicon glyphicon-ok-circle"></span>
                        <!--/ Icon = .glyphicon-ok-circle -->

                        <!-- Content -->
                        <div class="gobox-content">
                            <!-- Title -->
                            <h4>test &amp; deliver</h4>
                            <!--/ Title -->

                            <!-- Link -->
                            <a class="step_link" href="#" target="_blank"></a>
                            <!--/ Link -->

                            <!-- Description -->
                            <p>
                                Continually promote empowered resources for professional manufactured products.
                            </p>
                            <!--/ Description -->
                        </div>
                        <!--/ Content -->
                    </div>
                    <!--/ Step box #2 (Last Go box) -->
                </div>
                <!--/ col-sm-4 -->
            </div>
            <!--/ row gutter-md -->
        </div>
        <!--/ container -->
    </section>
    <!--/ Step boxes style 2 (go boxes) element section with white background and custom bottom padding -->

@endsection