basic-business-template/content/pages/ueber-uns.blade.php

@extends('template.'.config('settings.template').'.content.master')

@section('content')
    

    <div class="container">


        <div class="row">
            <div class="col-12">
                <h1 class="mb-5 mt-5">Über uns</h1>

                <p class="fs-5 mb-5 text-center">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>
            </div>

            <div class="col-12 mb-5">
                <img src="https://picsum.photos/2000/600" class="img-fluid rounded">

            </div>

            <div class="col-12">
                <p class="fs-5 mb-5">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>

                <p class="fs-5 mb-5">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>

                <p class="fs-5 mb-5">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>

                <p class="fs-5 mb-5">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>
            </div>


        </div>

        <div class="row my-5">
                <div class="col-12 col-md-6 col-lg-4">
                    <img src="https://picsum.photos/1000/500" class="img-fluid rounded shadow-sm">
                </div>

                <div class="col-12 col-md-6 col-lg-4">
                    <img src="https://picsum.photos/1000/500" class="img-fluid rounded shadow-sm">
                </div>

                <div class="col-12 col-md-6 col-lg-4">
                    <img src="https://picsum.photos/1000/500" class="img-fluid rounded shadow-sm">
                </div>
            </div>

        <div class="row my-5">
            <div class="col-12 col-md-6">
                <h2 class="mb-3 mt-4">Überschrift 2</h2>


                <h3 class="mb-3 mt-4">Überschrift 3</h3>
                <h4 class="mb-3 mt-4">Überschrift 4</h4>


                <p class="fs-5 mb-5">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>

                <p class="fs-5 mb-5">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>

                <p class="fs-5 mb-5">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>

                <p class="fs-5 mb-5">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>
            </div>

            <div class="col-12 col-md-5 offset-md-1">

                <h2 class="mb-3 mt-4">Überschrift 2</h2>
                <ul class="fs-5">

                    <li class="mb-3 list-unstyled" style="margin-left: -33px;">
                        <svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
                        </svg>
                        lorem ipsum dolor sit amet
                    </li>

                    <li class="mb-3 list-unstyled" style="margin-left: -33px;">
                        <svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
                        </svg>
                        lorem ipsum dolor sit amet
                    </li>

                    <li class="mb-3 list-unstyled" style="margin-left: -33px;">
                        <svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
                        </svg>
                        lorem ipsum dolor sit amet
                    </li>

                    <li class="mb-3 list-unstyled" style="margin-left: -33px;">
                        <svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
                        </svg>
                        lorem ipsum dolor sit amet
                    </li>

                    <li class="mb-3 list-unstyled" style="margin-left: -33px;">
                        <svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
                        </svg>
                        lorem ipsum dolor sit amet
                    </li>

                    <li class="mb-3 list-unstyled" style="margin-left: -33px;">
                        <svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
                        </svg>
                        lorem ipsum dolor sit amet
                    </li>

                    <li class="mb-3 list-unstyled" style="margin-left: -33px;">
                        <svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
                        </svg>
                        lorem ipsum dolor sit amet
                    </li>


                </ul>
            </div>

        </div>






    </div>









    



    
@stop
    @section('scripts')

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jscroll/2.4.1/jquery.jscroll.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.countdown/2.2.0/jquery.countdown.min.js"></script>

    <script src="{{ asset('template/js/fslightbox.js') }}"></script>

  
@stop