@extends('layouts.page')

@section('title', 'Kosmic Events')


@section('content')

<!-- Hero Start -->
        <section class="bg-half bg-light d-table w-100" style="background: url('{{ asset('images/kosmic_events_speakers.jpg') }}') center center;">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-12 text-center">
                        <div class="page-next-level">
                            <h4 class="title"> Services </h4>
                            <div class="page-next">
                                <nav aria-label="breadcrumb" class="d-inline-block">
                                    <ul class="breadcrumb bg-white rounded shadow mb-0">
                                        <li class="breadcrumb-item"><a href="{{ url('/') }}">Komic Events</a></li>
                                        <li class="breadcrumb-item active" aria-current="page">Services</li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div><!--end col-->
                </div><!--end row-->
            </div> <!--end container-->
        </section><!--end section-->
        <!-- Hero End -->

        <!-- Shape Start -->
        <div class="position-relative">
            <div class="shape overflow-hidden text-white">
                <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
                </svg>
            </div>
        </div>
        <!--Shape End-->
        
        

        <!-- Feature Start -->
        <section class="section">
            <div class="container">
                <div class="row">
                	 <div class="col-md-4 col-12 mt-5">
                        <div class="features">
                            <div class="image position-relative d-inline-block">
                                <img src="{{ asset('images/kosmic/stage_lighting.png') }}" class="img-responsive img-thumbnail" alt="">
                            </div>

                            <div class="content mt-4">
                                <h4 class="title-2">Stage and Lighting</h4>
                                <p class="text-muted mb-0"> We offer multiple arrangement of lights and stage sizes for any events.</p>
                            </div>
                        </div>
                    </div><!--end col-->
                    
                    <div class="col-md-4 col-12 mt-5">
                        <div class="features">
                            <div class="image position-relative d-inline-block">
                                <img src="{{ asset('images/kosmic/sound.png') }}" class="img-responsive img-thumbnail" alt="">
                            </div>

                            <div class="content mt-4">
                                <h4 class="title-2">Indoor/Outdoor Sound Systems</h4>
                                <p class="text-muted mb-0"> We offer various audio setups for indoor and outdoor events.</p>
                            </div>
                        </div>
                    </div><!--end col-->
                    
                
                    <div class="col-md-4 col-12">
                        <div class="features mt-5">
                            <div class="image position-relative d-inline-block">
                                <img src="{{ asset('images/kosmic/goal_post.png') }}" class="img-responsive img-thumbnail" alt="">
                            </div>

                            <div class="content mt-4">
                                <h4 class="title-2">Goal Posts</h4>
                                <p class="text-muted mb-0">We offer multiple arrangements of trusses for any event entrances.</p>
                            </div>
                        </div>
                    </div><!--end col-->
                    
                    <div class="col-md-4 col-12 mt-5">
                        <div class="features">
                            <div class="image position-relative d-inline-block">
                                <img src="{{ asset('images/kosmic/photobooth.png') }}" class="img-responsive img-thumbnail" alt="">
                            </div>

                            <div class="content mt-4">
                                <h4 class="title-2">Photobooths</h4>
                                <p class="text-muted mb-0">We offer grass walls, printed fabrics and trusses for any photobooth.</p>
                            </div>
                        </div>
                    </div><!--end col-->
                    
                    <div class="col-md-4 col-12 mt-5">
                        <div class="features">
                            <div class="image position-relative d-inline-block">
                                <img src="{{ asset('images/kosmic/fencing.png') }}" class="img-responsive img-thumbnail" alt="">
                            </div>

                            <div class="content mt-4">
                                <h4 class="title-2">Fencing</h4>
                                <p class="text-muted mb-0">We offer perimeter fencing and crowd control barriers for any event.</p>
                            </div>
                        </div>
                    </div><!--end col-->

                    
                    
                   
                    
                    <div class="col-md-4 col-12 mt-5">
                        <div class="features">
                            <div class="image position-relative d-inline-block">
                                <img src="{{ asset('images/kosmic/dancefloor.png') }}" class="img-responsive img-thumbnail" alt="">
                            </div>

                            <div class="content mt-4">
                                <h4 class="title-2">Dancefloors/Vip Decks</h4>
                                <p class="text-muted mb-0">We offer dancefloors and raised enclosed vip decks with varying lighting for any event.</p>
                            </div>
                        </div>
                    </div><!--end col-->
                    
                    
                    
                    
                    
                    
                    
                    
                </div><!--end row-->
            </div><!--end container-->
	</section>
@endsection