@extends('template.'.\Setting::get('template', 'default').'.content.master')
@section('content')
    <div class="section-sm bg-grey-lighter">
        <div class="container">
            <h1 class="font-weight-light margin-0">Unternehmen</h1>
        </div><!-- end container -->
    </div>

    <div class="section padding-bottom-0">
        <div class="container">
            <div class="margin-bottom-70">
                <div class="row text-center">
                    <div class="col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-2">
                        <h2 class="font-weight-normal">Willkommen bei Areya Webservices</h2>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                    </div>
                </div>
            </div>
        </div><!-- end container -->
        <div class="container-fluid">
            <div class="row gallery-wrapper spacing-10">
                <!-- Gallery image box 1 -->
                <div class="col-12 col-md-3 gallery-box">
                    <div class="gallery-img">
                        <a href="{{asset('template/images/ant-rozetsky-HXOllTSwrpM-unsplash.jpg')}}" data-gallery-title="Gallery Image 1">
                            <img src="{{asset('template/images/ant-rozetsky-HXOllTSwrpM-unsplash.jpg')}}" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-3 gallery-box">
                    <div class="gallery-img">
                        <a href="{{asset('template/images/ant-rozetsky-HXOllTSwrpM-unsplash.jpg')}}" data-gallery-title="Gallery Image 1">
                            <img src="{{asset('template/images/ant-rozetsky-HXOllTSwrpM-unsplash.jpg')}}" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-3 gallery-box">
                    <div class="gallery-img">
                        <a href="{{asset('template/images/ant-rozetsky-HXOllTSwrpM-unsplash.jpg')}}" data-gallery-title="Gallery Image 1">
                            <img src="{{asset('template/images/ant-rozetsky-HXOllTSwrpM-unsplash.jpg')}}" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-3 gallery-box">
                    <div class="gallery-img">
                        <a href="{{asset('template/images/ant-rozetsky-HXOllTSwrpM-unsplash.jpg')}}" data-gallery-title="Gallery Image 1">
                            <img src="{{asset('template/images/ant-rozetsky-HXOllTSwrpM-unsplash.jpg')}}" alt="">
                        </a>
                    </div>
                </div>




            </div><!-- end row -->
        </div><!-- end container-fluid -->
    </div>
    <div class="section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <p>


                        Areya ist ein eingespieltes Team von Webentwicklern und bietet mit dem Areya CMS und Areya Intern eigene Softwareprodukte, individuelle Webentwicklung und andere Webservices wie Onlinemarketing und Premium Hosting an.

                        Mit über 9 Jahren Markterfahrung konnten wir zahlreiche zufriedene Kunden aus ganz Deutschland und aus den verschiedensten Branchen für uns gewinnen. Sehen Sie dazu Referenzen in unserem Portfolio.

                        Unser Sitz und Büro befinden sich in der kleinen idylischen Stadt Pleystein .

                        Unsere Software wird von uns entwickelt, gewartet und auf unseren Servern gehostet, was einen reibungslosen Betrieb garantiert. So kann man mit Hilfe des Areya CMS Inhalte, selbst komplexer Seiten, einfach und für jedermann intuitiv verwalten. Das Areya Intern ermöglicht es auf Homepages z.B. Kundenregistrierungen, Rechnungsversand, etc. zu automatisieren und alle Vorgänge in einen zentralen System zu verwalten.

                    </p>
                </div>

            </div><!-- end row -->
        </div><!-- end container -->
    </div>

    <div class="section border-top">
        <div class="container">
            <div class="margin-bottom-50">
                <div class="row text-center">
                    <div class="col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-2">
                        <h6 class="font-family-tertiary font-small font-weight-normal uppercase">Team Members</h6>
                        <h2 class="font-weight-normal">Meet Our Creative Team</h2>
                    </div>
                </div>
            </div>
            <div class="row col-spacing-20 team-wrapper team-box-hover-3">

                <!-- Team box 2 -->
                <div class="col-6 col-md-6 col-lg-2 team-box">
                    <div class="team-img">
                        <img src="https://www.areya.de/images/team/benjamin.jpg" alt=""><!-- image source -->
                        <!-- social links -->
                        <div>
                            <ul>
                                <li><a href="https://www.benjaminvoelkl.com" target="_blank"><i class="fal fa-globe"></i></a></li>
                                <li><a href="https://twitter.com/paberlance" target="_blank"><i class="fab fa-twitter"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h6 class="font-weight-normal margin-0">Benjamin Völkl</h6>
                    <span>Marketer</span>
                </div>
                <!-- Team box 3 -->
                <div class="col-6 col-md-6 col-lg-2 team-box">
                    <div class="team-img">
                        <img src="https://www.areya.de/images/team/rafael.jpg" alt=""><!-- image source -->
                        <!-- social links -->
                        <div>
                            <ul>
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h6 class="font-weight-normal margin-0">Rafael Miranda</h6>
                    <span>Developer</span>
                </div>
                <!-- Team box 4 -->
                <div class="col-6 col-md-6 col-lg-2 team-box">
                    <div class="team-img">
                        <img src="https://www.areya.de/images/team/antonia.jpg" alt=""><!-- image source -->
                        <!-- social links -->
                        <div>
                            <ul>
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h6 class="font-weight-normal margin-0">Antonia Oliveira</h6>
                    <span>Designer</span>
                </div>
            </div><!-- end row -->
        </div><!-- end container -->
    </div>





    <div class="section border-top">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h2>Partnerschaften und Mitgliedschaften</h2>
                </div>

                <ul class="clients-grid column-5 border-style-solid">
                    <li>
                        <a href="#">
                            <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fthe-media-image.com%2Fwp-content%2Fuploads%2F2019%2F06%2Ffacebook1.jpg&f=1&nofb=1" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fthe-media-image.com%2Fwp-content%2Fuploads%2F2019%2F06%2Ffacebook1.jpg&f=1&nofb=1" alt="">
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fthe-media-image.com%2Fwp-content%2Fuploads%2F2019%2F06%2Ffacebook1.jpg&f=1&nofb=1" alt="">
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fthe-media-image.com%2Fwp-content%2Fuploads%2F2019%2F06%2Ffacebook1.jpg&f=1&nofb=1" alt="">
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fthe-media-image.com%2Fwp-content%2Fuploads%2F2019%2F06%2Ffacebook1.jpg&f=1&nofb=1" alt="">
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fthe-media-image.com%2Fwp-content%2Fuploads%2F2019%2F06%2Ffacebook1.jpg&f=1&nofb=1" alt="">
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fthe-media-image.com%2Fwp-content%2Fuploads%2F2019%2F06%2Ffacebook1.jpg&f=1&nofb=1" alt="">
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fthe-media-image.com%2Fwp-content%2Fuploads%2F2019%2F06%2Ffacebook1.jpg&f=1&nofb=1" alt="">
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fthe-media-image.com%2Fwp-content%2Fuploads%2F2019%2F06%2Ffacebook1.jpg&f=1&nofb=1" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fthe-media-image.com%2Fwp-content%2Fuploads%2F2019%2F06%2Ffacebook1.jpg&f=1&nofb=1" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fthe-media-image.com%2Fwp-content%2Fuploads%2F2019%2F06%2Ffacebook1.jpg&f=1&nofb=1" alt="">
                        </a>
                    </li>

                </ul>
            </div><!-- end row -->
        </div><!-- end container -->
    </div>

    <div class="section border-top">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h2>Geschichte</h2>
                </div>

                <div class="timeline-wrapper timeline-left">
                    <!-- Timeline box 1 -->
                    <div class="timeline">
                        <div class="timeline-date">
                            <h6 class="font-family-tertiary font-small font-weight-normal uppercase">19. Januar 2020</h6>
                        </div>
                        <div class="timeline-content">
                            <h6>Heading</h6>
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
                        </div>
                    </div>
                    <div class="timeline">
                        <div class="timeline-date">
                            <h6 class="font-family-tertiary font-small font-weight-normal uppercase">19. Januar 2009</h6>
                        </div>
                        <div class="timeline-content">
                            <h6>Heading</h6>
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
                        </div>
                    </div>
                    <div class="timeline">
                        <div class="timeline-date">
                            <h6 class="font-family-tertiary font-small font-weight-normal uppercase">19. Januar 2009</h6>
                        </div>
                        <div class="timeline-content">
                            <h6>Heading</h6>
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
                        </div>
                    </div>
                    <div class="timeline">
                        <div class="timeline-date">
                            <h6 class="font-family-tertiary font-small font-weight-normal uppercase">19. Januar 2009</h6>
                        </div>
                        <div class="timeline-content">
                            <h6>Heading</h6>
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
                        </div>
                    </div>
                    <div class="timeline">
                        <div class="timeline-date">
                            <h6 class="font-family-tertiary font-small font-weight-normal uppercase">19. Januar 2009</h6>
                        </div>
                        <div class="timeline-content">
                            <h6>Heading</h6>
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
                        </div>
                    </div>

                </div><!-- end timeline-wrapper -->
            </div><!-- end row -->
        </div><!-- end container -->
    </div>



@stop