@extends('layouts.master')

@section('body')
<div id="services" class="content-section-b" style="border-top: 0">
    <div class="container">
        <div class="col-md-6 col-md-offset-3 text-center wrap_title">
            <h2>What can we do for you?</h2>
            {{--<p class="lead" style="margin-top:0">Our services</p>--}}
        </div>
        <div class="row">
            <div class="col-sm-4 wow fadeInDown text-center">
                <img class="rotate" src="/images/icon/browser.svg" alt="Generic placeholder image">
                <h3>Custom Web Apps</h3>
                <p class="lead">We create amazing web apps!</p>
                <a href="#customapps" class="btn btn-default" role="button">Learn More</a>
            </div>
            <div class="col-sm-4 wow fadeInDown text-center">
                <img class="rotate" src="/images/icon/picture.svg" alt="Generic placeholder image">
                <h3>Custom Web Design</h3>
                <p class="lead">More than another web template.</p>
                <a href="#customwebsite" class="btn btn-default" role="button">Learn More</a>
            </div>
            <div class="col-sm-4 wow fadeInDown text-center">
                <img class="rotate" src="/images/icon/retina.svg" alt="Generic placeholder image">
                <h3>Technical Consulting</h3>
                <p class="lead">Get advice from an industry expert.</p>
                <a href="#consulting" class="btn btn-default" role="button">Learn More</a>
            </div>
        </div>
    </div>
</div>

<div id="customapps" class="content-section-a">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 pull-right wow fadeInRightBig">
                <img class="img-responsive img-rounded" src="/images/intro/pexels-photo-106344-web.jpeg" alt="">
            </div>
            <div class="col-sm-6 wow fadeInLeftBig" data-animation-delay="200">
                <h3 class="section-heading">Custom Web Apps</h3>
                {{--<div class="sub-title lead3">Lorem ipsum dolor sit atmet sit dolor greand fdanrh<br> sdfs sit atmet sit dolor greand fdanrh sdfs</div>--}}
                <p class="lead">
                    We utilize the latest technology on proven platforms to help you to efficiently interact with employees, customers, and vendors. Having developed a wide range of web-based applications for our clientele, we can easily modify our products for each customer's needs. Whether your application is a simple web presence or requires a highly integrated business solution, our staff is there for you.
                </p>
                <p class="lead">
                    Our apps include Hosting, DNS Management, Database Management, Web Mail and more.
                </p>
                <p>
                    <a class="btn btn-embossed btn-primary" href="#contact" role="button">Get in touch</a>
                </p>
            </div>
        </div>
    </div>

</div>
<div class="content-section-b" id="customwebsite">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 wow fadeInLeftBig">
                <img class="img-responsive img-rounded" src="/images/intro/pexels-photo-19664-web.jpeg" alt="">

                {{--<div id="owl-demo-1" class="owl-carousel">--}}
                    {{--<a href="/images/iphone.png" class="image-link">--}}
                        {{--<div class="item">--}}
                        {{--</div>--}}
                    {{--</a>--}}
                    {{--<a href="/images/iphone.png" class="image-link">--}}
                        {{--<div class="item">--}}
                            {{--<img class="img-responsive img-rounded" src="/images/iphone.png" alt="">--}}
                        {{--</div>--}}
                    {{--</a>--}}
                    {{--<a href="/images/iphone.png" class="image-link">--}}
                        {{--<div class="item">--}}
                            {{--<img class="img-responsive img-rounded" src="/images/iphone.png" alt="">--}}
                        {{--</div>--}}
                    {{--</a>--}}
                {{--</div>--}}
            </div>
            <div class="col-sm-6 wow fadeInRightBig" data-animation-delay="200">
                <h3 class="section-heading">Unique Web Design</h3>
                {{--<div class="sub-title lead3">Lorem ipsum dolor sit atmet sit dolor greand fdanrh<br> sdfs sit atmet sit dolor greand fdanrh sdfs</div>--}}
                <p class="lead">
                    You have a great company, shouldn’t your website be great too? Don't let your website be just another template. Create a real impact with a website catered to your audiance.
                </p>
                <p class="lead">
                    Get in touch with our consultants who will help you plan out what you need to create an ideal website for your business.
                </p>
                <p>
                    <a class="btn btn-embossed btn-primary" href="#contact" role="button">Get in touch</a>
                </p>
            </div>
        </div>
    </div>
</div>
<div class="content-section-a" id="consulting">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 pull-right wow fadeInRightBig">
                <img class="img-responsive img-rounded" src="/images/intro/pexels-photo-40120-web.jpeg" alt="">
            </div>
            <div class="col-sm-6 wow fadeInLeftBig" data-animation-delay="200">
                <h3 class="section-heading">Technical Consulting</h3>
                <p class="lead">
                    We help our clients set up for long term success by looking deeper and asking questions such as:
                    How can you move faster? Can your infrastructure handle customer demand? How engaged/informed are your employees?
                </p>
                <p class="lead">
                    Simply put, we remove hidden friction points to ensure a seamless omni-channel experience and deliver actionable innovation to meet rapidly changing customer expectations.
                </p>
                <p>
                    <a class="btn btn-embossed btn-primary" href="#contact" role="button">Get in touch</a>
                </p>
                {{--<ul class="descp lead2">--}}
                    {{--<li><i class="glyphicon glyphicon-signal"></i> Scalable</li>--}}
                    {{--<li><i class="glyphicon glyphicon-refresh"></i> Reusable</li>--}}
                    {{--<li><i class="glyphicon glyphicon-ok"></i> User Friendly</li>--}}
                {{--</ul>--}}
            </div>
        </div>
    </div>
</div>

{{--<div id="screen" class="content-section-b">--}}
    {{--<div class="container">--}}
        {{--<div class="row">--}}
            {{--<div class="col-md-6 col-md-offset-3 text-center wrap_title ">--}}
                {{--<h2>Screen App</h2>--}}
                {{--<p class="lead" style="margin-top:0">A special thanks to Death.</p>--}}
            {{--</div>--}}
        {{--</div>--}}
        {{--<div class="row wow bounceInUp">--}}
            {{--<div id="owl-demo" class="owl-carousel">--}}
                {{--<a href="/images/slide/1.png" class="image-link">--}}
                    {{--<div class="item">--}}
                        {{--<img class="img-responsive img-rounded" src="/images/slide/1.png" alt="Owl Image">--}}
                    {{--</div>--}}
                {{--</a>--}}
                {{--<a href="/images/slide/2.png" class="image-link">--}}
                    {{--<div class="item">--}}
                        {{--<img class="img-responsive img-rounded" src="/images/slide/2.png" alt="Owl Image">--}}
                    {{--</div>--}}
                {{--</a>--}}
                {{--<a href="/images/slide/3.png" class="image-link">--}}
                    {{--<div class="item">--}}
                        {{--<img class="img-responsive img-rounded" src="/images/slide/3.png" alt="Owl Image">--}}
                    {{--</div>--}}
                {{--</a>--}}
                {{--<a href="/images/slide/1.png" class="image-link">--}}
                    {{--<div class="item">--}}
                        {{--<img class="img-responsive img-rounded" src="/images/slide/1.png" alt="Owl Image">--}}
                    {{--</div>--}}
                {{--</a>--}}
                {{--<a href="/images/slide/2.png" class="image-link">--}}
                    {{--<div class="item">--}}
                        {{--<img class="img-responsive img-rounded" src="/images/slide/2.png" alt="Owl Image">--}}
                    {{--</div>--}}
                {{--</a>--}}
                {{--<a href="/images/slide/3.png" class="image-link">--}}
                    {{--<div class="item">--}}
                        {{--<img class="img-responsive img-rounded" src="/images/slide/3.png" alt="Owl Image">--}}
                    {{--</div>--}}
                {{--</a>--}}
            {{--</div>--}}
        {{--</div>--}}
    {{--</div>--}}
{{--</div>--}}

{{--<div class="content-section-c ">--}}
    {{--<div class="container">--}}
        {{--<div class="row">--}}
            {{--<div class="col-md-6 col-md-offset-3 text-center white">--}}
                {{--<h2>Get Live Updates</h2>--}}
                {{--<p class="lead" style="margin-top:0">A special thanks to Death.</p>--}}
            {{--</div>--}}
            {{--<div class="col-md-6 col-md-offset-3 text-center">--}}
                {{--<div class="mockup-content">--}}
                    {{--<div class="morph-button wow pulse morph-button-inflow morph-button-inflow-1">--}}
                        {{--<button type="button "><span>Subscribe to our Newsletter</span></button>--}}
                        {{--<div class="morph-content">--}}
                            {{--<div>--}}
                                {{--<div class="content-style-form content-style-form-4 ">--}}
                                    {{--<h2 class="morph-clone">Subscribe to our Newsletter</h2>--}}
                                    {{--<form>--}}
                                        {{--<p><label>Your Email Address</label><input type="text" /></p>--}}
                                        {{--<p><button>Subscribe me</button></p>--}}
                                    {{--</form>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>>--}}
    {{--</div>--}}
{{--</div>--}}

{{--<div id="credits" class="content-section-a">--}}
    {{--<div class="container">--}}
        {{--<div class="row">--}}
            {{--<div class="col-md-6 col-md-offset-3 text-center wrap_title">--}}
                {{--<h2>Credits</h2>--}}
                {{--<p class="lead" style="margin-top:0">A special thanks to Death.</p>--}}
            {{--</div>--}}
            {{--<div class="col-sm-6  block wow bounceIn">--}}
                {{--<div class="row">--}}
                    {{--<div class="col-md-4 box-icon rotate">--}}
                        {{--<i class="fa fa-desktop fa-4x "> </i>--}}
                    {{--</div>--}}
                    {{--<div class="col-md-8 box-ct">--}}
                        {{--<h3> Bootstrap </h3>--}}
                        {{--<p> Lorem ipsum dolor sit ametconsectetur adipiscing elit. Suspendisse orci quam. </p>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="col-sm-6 block wow bounceIn">--}}
                {{--<div class="row">--}}
                    {{--<div class="col-md-4 box-icon rotate">--}}
                        {{--<i class="fa fa-picture-o fa-4x "> </i>--}}
                    {{--</div>--}}
                    {{--<div class="col-md-8 box-ct">--}}
                        {{--<h3> Owl-Carousel </h3>--}}
                        {{--<p> Nullam mo arcu ac molestie scelerisqu vulputate, molestie ligula gravida, tempus ipsum.</p>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>--}}
        {{--<div class="row tworow">--}}
            {{--<div class="col-sm-6  block wow bounceIn">--}}
                {{--<div class="row">--}}
                    {{--<div class="col-md-4 box-icon rotate">--}}
                        {{--<i class="fa fa-magic fa-4x "> </i>--}}
                    {{--</div>--}}
                    {{--<div class="col-md-8 box-ct">--}}
                        {{--<h3> Codrops </h3>--}}
                        {{--<p> Lorem ipsum dolor sit ametconsectetur adipiscing elit. Suspendisse orci quam. </p>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="col-sm-6 block wow bounceIn">--}}
                {{--<div class="row">--}}
                    {{--<div class="col-md-4 box-icon rotate">--}}
                        {{--<i class="fa fa-heart fa-4x "> </i>--}}
                    {{--</div>--}}
                    {{--<div class="col-md-8 box-ct">--}}
                        {{--<h3> Lorem Ipsum</h3>--}}
                        {{--<p> Nullam mo arcu ac molestie scelerisqu vulputate, molestie ligula gravida, tempus ipsum.</p>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>--}}
    {{--</div>--}}
{{--</div>--}}

{{--<div id="downloadlink" class="banner">--}}
    {{--<div class="container">--}}
        {{--<div class="row">--}}
            {{--<div class="col-md-6 col-md-offset-3 text-center wrap_title">--}}
                {{--<h2>I'm awesome</h2>--}}
                {{--<p class="lead" style="margin-top:0"></p>--}}
            {{--</div>--}}
        {{--</div>--}}
    {{--</div>--}}
{{--</div>--}}


@endsection