@extends('layout.main')
@section('title') @if( ! empty($title)) {{ $title }} | @endif @parent @endsection

@section('main')

<div class="row">
    <div class="col-12">
        <div class="jumbo-image-1">
            <div class="container img_text text-center">
                <h1>Sponsorships</h1>
                <p><a href="{{ route('home') }}" style="cursor: pointer">Kupeza /</a> Sponsorships</p>
            </div>
        </div>
    </div>
</div>
<div style="background: #e9eaed;padding-top:100px">
    <div class="container" style="background-color: #e9eaed;">
        <div class="row">
            <div class="col-sm-4">
                <div class="card package-card sponsor">
                    <section class="inner-card3">
                        <h1>K 25,000</h1>
                    </section>
                    <h2 id="headliner-2">HEADLINER</h2>
                    <h5>(6 Months)</h5>
                    <section class="inner-card4">
                        <ul class="sponsor-list">
                            <li>728 X 90 Banner running on the listing
page</li>
                            <li>Scrolling banner running on search results</li>
                            <li>Ad section in flyers and booklets</li>
                            <li>Premium Logo placement on sponsor
segment of the site</li>
                            <li>Logo placement and addition to visual
and audio marketing material</li>
                            <li>Front page</li>
                        </ul>
                    </section>
                    <p>(12 MONTHS)</p>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card package-card sponsor">
                    <section class="inner-card3">
                        <h1>K 10,000</h1>
                    </section>
                    <h2 id="silver-h2">SILVER SPONSOR</h2>
                    <h5>(6 Months)</h5>
                    <section class="inner-card4">
                        <ul class="sponsor-list">
                            <li>120 X 600 Banner ad running on listing
page</li>
                            <li>Ad section in flyers and booklets</li>
                            <li>Logo Placement on sponsor segment of
page</li>
                            <li>Logo placement and addition to visual
and audio marketing material</li>
                        </ul>
                    </section>
                    <p>(12 MONTHS)</p>
                </div>    
            </div>
            <div class="col-sm-4">
                <div class="card package-card sponsor">
                    <section class="inner-card3">
                        <h1>K 5,000</h1>
                    </section>
                    <h2 id="bronze-h2">BRONZE SPONSOR</h2>
                    <h5>(6 Months)</h5>
                    <section class="inner-card4">
                        <ul class="sponsor-list">
                            <li>Regular 125 X 125 banner ad on listing
page</li>
                            <li>ad section in flyers and booklets</li>
                        </ul>
                    </section>
                    <p>(12 MONTHS)</p>
                </div>    
            </div>
    	</div>
    	<div class="row">
    	    <section class="diamond-card">
    	        <h2>
    	            GENERAL AD RATES
    	        </h2>
    	    </section>
    	    <section class="banner-section">
    	        <div style="display: grid;margin-top: 20px;">
        	        <table>
        	            <tbody>
        	                <tr>
        	                    <th>AD/BANNER SIZE</th>
        	                    <th>RATE</th>
        	                </tr>
        	                <tr>
        	                    <td>728</td>
        	                    <td>ZMW 5,000</td>
        	                </tr>
        	                <tr>
        	                    <td>120 x 600</td>
        	                    <td>ZMW 3,500</td>
        	                </tr>
        	                <tr>
        	                    <td>300 x 250</td>
        	                    <td>ZMW 2,000</td>
        	                </tr>
        	                <tr>
        	                    <td>260 x 125</td>
        	                    <td>ZMW 1,500</td>
        	                </tr>
        	                <tr>
        	                    <td>125 x 125</td>
        	                    <td>ZMW 1,000</td>
        	                </tr>
        	            </tbody>
        	        </table>
    	        </div>
    	    </section>
    	</div>
    </div>
</div>

@endsection

@section('page-js')
<script src=""></script>
<script>
    @if(session('success'))
            toastr.success('{{ session('success') }}', '<?php echo trans('app.success') ?>', toastr_options);
        @endif
</script>
@endsection