@extends('front.layout.app')
@section('content')

<main>

    <!-- Inner Banner Html Start -->
    <div class="inner-ban">
        <img src="{{ asset('front/images/Inner-Bann.png') }}" class="img-fluid" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h2>Promotions</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Inner Banner Html Start -->


<!-- Promotion Page Html Start -->
    <section class="peckages promotion-page">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="packages-card">
                        <h5 class="price"><span>&dollar;</span>49<span>.99 <span>per Course</span></span></h5>
                        <h4 class="title">Basic Package <span>Righteous indignation & well dislike</span></h4>
                        <ul>
                            <li><span>Theory</span><span>Lorem Ipsum</span></li>
                            <li><span>Practical</span><span>Lorem Ipsum</span></li>
                            <li><span>20 Days</span><span>1 hr/day</span></li>
                            <li><span>Type</span><span>Lorem Ipsum</span></li>
                        </ul>
                        <a href="" class="themeBtn themeBtn--border border--secondary">book now</a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="packages-card">
                        <div class="badge">popular</div>
                        <h5 class="price"><span>&dollar;</span>124<span>.99 <span>per Test</span></span></h5>
                        <h4 class="title">Ultra Package <span>Welcomed and every pain avoided</span></h4>
                        <ul>
                            <li><span>Theory</span><span>Lorem Ipsum</span></li>
                            <li><span>Practical</span><span>Lorem Ipsum</span></li>
                            <li><span>20 Days</span><span>1 hr/day</span></li>
                            <li><span>Type</span><span>Lorem Ipsum</span></li>
                        </ul>
                        <a href="" class="themeBtn themeBtn--border border--secondary">book now</a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="packages-card">
                        <h5 class="price"><span>&dollar;</span>89<span>.99 <span>per Course</span></span></h5>
                        <h4 class="title">Premium Package <span>Light to find fault with who chooses</span></h4>
                        <ul>
                            <li><span>Theory</span><span>Lorem Ipsum</span></li>
                            <li><span>Practical</span><span>Lorem Ipsum</span></li>
                            <li><span>20 Days</span><span>1 hr/day</span></li>
                            <li><span>Type</span><span>Lorem Ipsum</span></li>
                        </ul>
                        <a href="" class="themeBtn themeBtn--border border--secondary">book now</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

<!-- Promotion Page Html Start -->




</main>

@endsection