@section('header')

@endsection

<div class="container">
    <div class="main-timeline">
    
                            <!-- start experience section-->
                            <div class="timeline">
                                <div class="icon"></div>
                                <div class="date-content">
                                    <div class="date-outer">
                                        <span class="date">
                                                <span class="month"> اولا </span>
                                        <span class="year"> 1 </span>
                                        </span>
                                    </div>
                                </div>
                                <div class="timeline-content">
                                    <h5 class="title"> اطلب كود التنازل من صاحب الاشتراك </h5>
                                   
                                </div>
                            </div>
                            <!-- end experience section-->
    
                            <!-- start experience section-->
                            <div class="timeline">
                                <div class="icon"></div>
                                <div class="date-content">
                                    <div class="date-outer">
                                        <span class="date">
                                                <span class="month"> ثانيا </span>
                                        <span class="year"> 2 </span>
                                        </span>
                                    </div>
                                </div>
                                <div class="timeline-content">
                                    <h5 class="title"> ادخل كود التنازل في نموذج البحث </h5>
                                   
                                </div>
                            </div>
                            <!-- end experience section-->
    
                            <!-- start experience section-->
                            <div class="timeline">
                                <div class="icon"></div>
                                <div class="date-content">
                                    <div class="date-outer">
                                        <span class="date">
                                                <span class="month">ثالثا</span>
                                        <span class="year">3</span>
                                        </span>
                                    </div>
                                </div>
                                <div class="timeline-content">
                                    <h5 class="title">اطلب الاشتراك</h5>
                                   
                                </div>
                            </div>
                            <!-- end experience section-->
    
                            <!-- start experience section-->
                            <div class="timeline">
                                <div class="icon"></div>
                                <div class="date-content">
                                    <div class="date-outer">
                                        <span class="date">
                                                <span class="month"> رابعا </span>
                                        <span class="year">4</span>
                                        </span>
                                    </div>
                                </div>
                                <div class="timeline-content">
                                    <h5 class="title">انتظر موافقة صاحب الاشتراك </h5>
                                   
                                </div>
                            </div>
                            <!-- end experience section-->
    
                        </div>
    </div>