@extends('front.layouts.app')
@section('content')

    <section class="get-to-know">
        <section class="page-header">
            <div class="page-header-bg" style="background-image: url({{asset('front/assets/images/backgrounds/page-header-bg.jpg')}})">
            </div>
            <div class="container">
                <div class="page-header__inner">
                    <ul class="thm-breadcrumb list-unstyled">
                        <li><a href="index.html">Home</a></li>
                        <li><span>/</span></li>
                        <li class="active">Services</li>
                    </ul>
                    <h2>Services</h2>
                </div>
            </div>
        </section>
    </section>
    <section class="feature-one">
        <div class="container">
            <div class="row">
                <div class="col-xl-4 col-lg-4 wow fadeInUp animated" data-wow-delay="100ms" style="visibility: visible; animation-delay: 100ms; animation-name: fadeInUp;">
                    <!--Feature One Single-->
                    <div class="feature-one__single">
                        <div class="feature-one__img">
                            <img src="{{asset('front/assets/images/resources/feature-1-1.jpg')}}" alt="">
                            <div class="feature-one__title-box">
                                <h3 class="feature-one__title"><a href="about.html">Manage IT services</a></h3>
                            </div>
                            <div class="feature-one__hover-content">
                                <div class="feature-one__icon">
                                    <span class="icon-system"></span>
                                </div>
                                <h3 class="feature-one__hover-title"><a href="about.html">Manage IT services</a>
                                </h3>
                                <p class="feature-one__hover-text">There are many lipsum of in pass sages of
                                    available some.</p>
                                <div class="feature-one__learn-more">
                                    <a href="about.html">Learn more<i class="fa fa-long-arrow-alt-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 wow fadeInUp animated" data-wow-delay="100ms" style="visibility: visible; animation-delay: 100ms; animation-name: fadeInUp;">
                    <!--Feature One Single-->
                    <div class="feature-one__single">
                        <div class="feature-one__img">
                            <img src="{{asset('front/assets/images/resources/feature-1-1.jpg')}}" alt="">
                            <div class="feature-one__title-box">
                                <h3 class="feature-one__title"><a href="about.html">Manage IT services</a></h3>
                            </div>
                            <div class="feature-one__hover-content">
                                <div class="feature-one__icon">
                                    <span class="icon-system"></span>
                                </div>
                                <h3 class="feature-one__hover-title"><a href="about.html">Manage IT services</a>
                                </h3>
                                <p class="feature-one__hover-text">There are many lipsum of in pass sages of
                                    available some.</p>
                                <div class="feature-one__learn-more">
                                    <a href="about.html">Learn more<i class="fa fa-long-arrow-alt-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 wow fadeInUp animated" data-wow-delay="100ms" style="visibility: visible; animation-delay: 100ms; animation-name: fadeInUp;">
                    <!--Feature One Single-->
                    <div class="feature-one__single">
                        <div class="feature-one__img">
                            <img src="{{asset('front/assets/images/resources/feature-1-1.jpg')}}" alt="">
                            <div class="feature-one__title-box">
                                <h3 class="feature-one__title"><a href="about.html">Manage IT services</a></h3>
                            </div>
                            <div class="feature-one__hover-content">
                                <div class="feature-one__icon">
                                    <span class="icon-system"></span>
                                </div>
                                <h3 class="feature-one__hover-title"><a href="about.html">Manage IT services</a>
                                </h3>
                                <p class="feature-one__hover-text">There are many lipsum of in pass sages of
                                    available some.</p>
                                <div class="feature-one__learn-more">
                                    <a href="about.html">Learn more<i class="fa fa-long-arrow-alt-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 wow fadeInUp animated" data-wow-delay="100ms" style="visibility: visible; animation-delay: 100ms; animation-name: fadeInUp;">
                    <!--Feature One Single-->
                    <div class="feature-one__single">
                        <div class="feature-one__img">
                            <img src="{{asset('front/assets/images/resources/feature-1-1.jpg')}}" alt="">
                            <div class="feature-one__title-box">
                                <h3 class="feature-one__title"><a href="about.html">Manage IT services</a></h3>
                            </div>
                            <div class="feature-one__hover-content">
                                <div class="feature-one__icon">
                                    <span class="icon-system"></span>
                                </div>
                                <h3 class="feature-one__hover-title"><a href="about.html">Manage IT services</a>
                                </h3>
                                <p class="feature-one__hover-text">There are many lipsum of in pass sages of
                                    available some.</p>
                                <div class="feature-one__learn-more">
                                    <a href="about.html">Learn more<i class="fa fa-long-arrow-alt-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 wow fadeInUp animated" data-wow-delay="100ms" style="visibility: visible; animation-delay: 100ms; animation-name: fadeInUp;">
                    <!--Feature One Single-->
                    <div class="feature-one__single">
                        <div class="feature-one__img">
                            <img src="{{asset('front/assets/images/resources/feature-1-1.jpg')}}" alt="">
                            <div class="feature-one__title-box">
                                <h3 class="feature-one__title"><a href="about.html">Manage IT services</a></h3>
                            </div>
                            <div class="feature-one__hover-content">
                                <div class="feature-one__icon">
                                    <span class="icon-system"></span>
                                </div>
                                <h3 class="feature-one__hover-title"><a href="about.html">Manage IT services</a>
                                </h3>
                                <p class="feature-one__hover-text">There are many lipsum of in pass sages of
                                    available some.</p>
                                <div class="feature-one__learn-more">
                                    <a href="about.html">Learn more<i class="fa fa-long-arrow-alt-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 wow fadeInUp animated" data-wow-delay="100ms" style="visibility: visible; animation-delay: 100ms; animation-name: fadeInUp;">
                    <!--Feature One Single-->
                    <div class="feature-one__single">
                        <div class="feature-one__img">
                            <img src="{{asset('front/assets/images/resources/feature-1-1.jpg')}}" alt="">
                            <div class="feature-one__title-box">
                                <h3 class="feature-one__title"><a href="about.html">Manage IT services</a></h3>
                            </div>
                            <div class="feature-one__hover-content">
                                <div class="feature-one__icon">
                                    <span class="icon-system"></span>
                                </div>
                                <h3 class="feature-one__hover-title"><a href="about.html">Manage IT services</a>
                                </h3>
                                <p class="feature-one__hover-text">There are many lipsum of in pass sages of
                                    available some.</p>
                                <div class="feature-one__learn-more">
                                    <a href="about.html">Learn more<i class="fa fa-long-arrow-alt-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
           </div>
        </div>
    </section>
@endsection