@extends('web.layouts.master')
@section('content') 
        <section class="bg-half-170 d-table w-100" style="background-color: #efefef; height:600px; padding:154px 0px 5px;">
            <div class="container">
                <div class="row align-items-center p-3">
                    <div class="col-md-12 mt-2">
                        <div class="row">
                            <div class="col-md-10" style="width:83%;">
                                <div class="content_header ml-0">
                                    <div class="right">
                                        <span class="main_title" style="font-weight:700;">My Application</span>
                                    </div>
                                </div>
                            </div>
                            <!-- <div class="col-md-2 text-right">
                                <button class="submit_button" style="margin-left:2.6rem;">Add New</button>
                            </div> -->
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="scrolled_content_part">
                            <div class="single_ad_pref_item">
                                <div class="p-3" style="border-top: 1px solid #eee; border-bottom-style: dashed; border-width: 0.5px 0px 0.5px; border-bottom-color: #eee; border-left: 1px solid #eee;  border-right: 1px solid #eee; display:flex;">
                                    <div class="left" style="width:50%;"> 
                                        <div class="uni_details" style="display:flex;">
                                            <div class="inner_left mt-1" style="border: 1px solid black; border-radius: 20px; padding: 6px; height: 37px; width: 37px;">
                                                <i class="fa fa fa-university ms-1"></i>
                                            </div>
                                            <div class="inner_right ms-2">
                                                <strong style="font-size:13px;">De Montfort University</strong></br>
                                                <h6 style="font-size:10px !important; font-weight:100 !important;">Department</h6>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="text-end" style="width:50%;">
                                        <span style="font-size:11px;">Proposed Start Date</span><br>
                                        <h6 style="font-size:11px !important; font-weight:800;">Mar 9</h6>
                                    </div>
                                </div>  
                                <div class="p-3" style="display:flex; border-width: 0px 0px 0.5px; border-top-style: dashed; border-top-color: #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom-style: dashed; border-bottom-color: #eee;">
                                    <div class="left" style="width:50%;"> 
                                        <div class="uni_details" style="display:flex;">
                                            <div class="inner_right ms-5">
                                                <strong style="font-size:13px;">Title</strong></br>
                                                    <div style="margin-top: -11px; display: block;">
                                                        <span style="font-size:10px;">methology</span>
                                                        <span>.</span>
                                                        <span style="font-size:10px;">department</span> 
                                                        <span>.</span>  
                                                        <span style="font-size:10px;">status</span> 
                                                    </div>  
                                            </div>
                                        </div>
                                    </div>
                                </div>                                  
                                <div class="p-3" style="display:flex; border-width: 0px 0px 0.5px; border-top-style: dashed; border-top-color: #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom-style: dashed; border-bottom-color: #eee;">
                                    <div class="left" style="width:50%;"> 
                                    </div>
                                    <div class="text-end" style="width:50%;">
                                        <span style="font-size:11px;">Application Status</span><br>
                                        <h6 style="font-size:11px !important; font-weight:800;"></h6>
                                    </div>
                                </div>  
                            </div>
                        </div>
                    </div> 
                </div>
            </div><!--end container-->
        </section>
@endsection