@extends('layout.basic_front')

@section("content")


</br></br></br></br></br></br></br>

        <div id="content" role="main">
                         
                 <div class="tp-caption rev-subtitle subtitle_text" style="z-index: 10;text-align:center;width:100%;">
                    <h2 class="title-underblock custom text-uppercase text-center">{{trans("about.title")}}</h2>
                </div>                     
                    <img id="title_img" style ="width:100%;height:100px;" src="{{asset('images/imgs/background.jpg')}}">
          
        </div><!-- End .page-header -->


            <div class="container margin_top">
                <div class="row">

                    <div class="col-md-6">

                        <div class="portfolio-details">
                            <p class="about-p-center" style="text-align:justify;">{{trans("about.intro1")}}</p>
                            <p class="about-p-center" style="text-align:justify;">{{trans("about.intro2")}}</p>
                            <p class="about-p-center" style="text-align:justify;">{{trans("about.intro3")}}</p>
                        </div><!-- End .portfolio-details -->
                        
                    </div><!-- End .col-md-6 -->

                    <div class="col-md-6" style = "height:80%">

                        <div id="project-gallery" class="portfolio-media carousel slide" data-ride="carousel" data-interval="7000">

                        <!-- Indicators -->
                        <ol class="carousel-indicators">
                            <li data-target="#project-gallery" data-slide-to="0" style="    width: 10px;height: 10px;    background-color: rgba(0,0,0,0);    border: 1px solid #fff;    border-radius: 5px;" class="active"></li>
                            <li data-target="#project-gallery" data-slide-to="1" style="    width: 10px;height: 10px;    background-color: rgba(0,0,0,0);    border: 1px solid #fff;    border-radius: 5px;"></li>
                            <li data-target="#project-gallery" data-slide-to="2" style="    width: 10px;height: 10px;    background-color: rgba(0,0,0,0);    border: 1px solid #fff;    border-radius: 5px;"></li>
                        </ol>

                            <!-- Wrapper for slides -->
                            <div class="carousel-inner">
                                <div class="item active">
                                    <img src="{{asset('images/imgs/about/company.jpg')}}" style="width:100%" alt="GENGHUNG">
                                </div><!-- End .item -->

                                <div class="item">
                                    <img src="{{asset('images/imgs/about/company.jpg')}}" style="width:100%" alt="GENGHUNG">
                                </div><!-- End .item -->

                                <div class="item">
                                    <img src="{{asset('images/imgs/about/company.jpg')}}" style="width:100%" alt="GENGHUNG">
                                </div><!-- End .item -->
                            </div><!-- End .carousel-inner -->

                            <!-- Controls -->
                            <!--a class="left carousel-control" href="#project-gallery" role="button" data-slide="prev"><i class="fa fa-angle-left"></i></a>
                            <a class="right carousel-control" href="#project-gallery" role="button" data-slide="next"><i class="fa fa-angle-right"></i></a-->
                        </div><!-- End .carousel -->
                    </div><!-- End .col-md-6 -->

                </div><!-- End .row -->
            </div><!-- End .container -->

</br></br></br></br></br>
                <div class="row" style="margin-right:0">
                    <div class="col-sm-4 no-padding">
                        <img style ="width:100%;" src="{{asset('images/imgs/about/p1.jpg')}}">
                    </div><!-- End .col-sm-4 -->
                    <div class="col-sm-4 no-padding">
                        <img id="p2" style ="width:100%;" src="{{asset('images/imgs/about/p2.jpg')}}">
                    </div><!-- End .col-sm-4 -->
                    <div class="col-sm-4 no-padding">
                        <img id="p3" style ="width:100%;" src="{{asset('images/imgs/about/p3.jpg')}}">
                    </div><!-- End .col-sm-4 -->
                </div><!-- End .row -->
</br></br></br></br>

@stop