@extends('master')
@section('content')
@include('inner_header')
<div class="portfolio_main_page">
    <div class="portfolio_one">
        <div class="container">
            <div class="home_header text-center">
                <h1>Portfolio</h1>
                <div class="line_main2">
                <span class="line wow slideinleft animated" style="visibility: visible;"></span>
                <span class="small_line wow fadeInLeft" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeft;"></span>
                </div>
            </div>
            <div class="port_main_box">
                <div class="row">
                    <div class="col-md-6">
                        <h3>Project of services #1</h3>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of </p>
                        <div class="row">
                            <div class="col-md-6">
                                <ul>
                                    <li>Lorem Ipsum is simply dummy</li>
                                    <li>Lorem Ipsum is simply dummy</li>
                                    <li>Lorem Ipsum is simply dummy</li>
                                    <li>Lorem Ipsum is simply dummy</li>
                                </ul>
                            </div>
                            <div class="col-md-6">
                                <ul>
                                    <li>Lorem Ipsum is simply dummy</li>
                                    <li>Lorem Ipsum is simply dummy</li>
                                    <li>Lorem Ipsum is simply dummy</li>
                                    <li>Lorem Ipsum is simply dummy</li>
                                </ul>
                            </div>
                        </div>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy
                        </p>
                            <small class="por_clname">-Lorem Ipsum</small>
                    </div>
                    <div class="col-md-6">
                        <img src="img/portfolio1.jpg" class="port_img">
                    </div>
                </div>
                <div class="row pro_mar_top">
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                </div>
                    
            </div>
            <div class="port_main_box">
                <div class="row">
                    <div class="col-md-6">
                        <img src="img/portfolio1.jpg" class="port_img">
                    </div>
                    <div class="col-md-6">
                        <h3>Project of services #2</h3>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of </p>
                        <div class="row">
                            <div class="col-md-6">
                                <ul>
                                    <li>Lorem Ipsum is simply dummy</li>
                                    <li>Lorem Ipsum is simply dummy</li>
                                    <li>Lorem Ipsum is simply dummy</li>
                                    <li>Lorem Ipsum is simply dummy</li>
                                </ul>
                            </div>
                            <div class="col-md-6">
                                <ul>
                                    <li>Lorem Ipsum is simply dummy</li>
                                    <li>Lorem Ipsum is simply dummy</li>
                                    <li>Lorem Ipsum is simply dummy</li>
                                    <li>Lorem Ipsum is simply dummy</li>
                                </ul>
                            </div>
                        </div>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy
                        </p>
                            <small class="por_clname">-Lorem Ipsum</small>
                    </div>
                </div>
                <div class="row pro_mar_top">
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                    <div class="col-md-1 col-xs-3">
                        <div class="text-center pro_a">
                            <img src="img/pr_a.jpg">
                            <p>lorem lipsum</p>
                        </div>
                    </div>
                </div>
                    
            </div>
            </div>
        </div>
    <div class="about_three">
        <div class="container">
            <div class="home_header text-center">
                <h1>Our Accomplishments</h1>
                    <div class="line_main2">
                        <span class="line wow slideinleft animated animated" style="visibility: visible;"></span>
                        <span class="small_line wow fadeInLeft" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeft;"></span>
                    </div>
            </div>
            <div class="row about_mar_top2">
                <div class="col-md-2">
                    <div class="border_1">
                        <img src="img/acco1.jpg">
                        <h3>12345+ <span>Websites</span></h3>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="border_1">
                        <img src="img/acco1.jpg">
                        <h3>12345+ <span>Websites</span></h3>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="border_1">
                        <img src="img/acco1.jpg">
                        <h3>12345+ <span>Websites</span></h3>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="border_1">
                        <img src="img/acco1.jpg">
                        <h3>12345+ <span>Websites</span></h3>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="border_1">
                        <img src="img/acco1.jpg">
                        <h3>12345+ <span>Websites</span></h3>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="border_1">
                        <img src="img/acco1.jpg">
                        <h3>12345+ <span>Websites</span></h3>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="about_three about_four">
        <div class="container">
            <div class="home_header text-center">
                <h1>Industries Served</h1>
                    <div class="line_main2">
                        <span class="line wow slideinleft animated animated" style="visibility: visible;"></span>
                        <span class="small_line wow fadeInLeft" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeft;"></span>
                    </div>
            </div>
            <div class="row about_mar_top3">
                <div class="col-md-2">
                    <div class="border_2">
                        <img src="img/bank1.jpg">
                        <p>Banking and Finance</p>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="border_2">
                        <img src="img/bank1.jpg">
                        <p>Banking and Finance</p>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="border_2">
                        <img src="img/bank1.jpg">
                        <p>Banking and Finance</p>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="border_2">
                        <img src="img/bank1.jpg">
                        <p>Banking and Finance</p>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="border_2">
                        <img src="img/bank1.jpg">
                        <p>Banking and Finance</p>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="border_2">
                        <img src="img/bank1.jpg">
                        <p>Banking and Finance</p>
                    </div>
                </div>
            </div>
            <div class="row about_mar_top3">
                <div class="col-md-2">
                    <div class="border_2">
                        <img src="img/bank1.jpg">
                        <p>Banking and Finance</p>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="border_2">
                        <img src="img/bank1.jpg">
                        <p>Banking and Finance</p>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="border_2">
                        <img src="img/bank1.jpg">
                        <p>Banking and Finance</p>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="border_2">
                        <img src="img/bank1.jpg">
                        <p>Banking and Finance</p>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="border_2">
                        <img src="img/bank1.jpg">
                        <p>Banking and Finance</p>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="border_2">
                        <img src="img/bank1.jpg">
                        <p>Banking and Finance</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</div>

@endsection('content')