@extends('layouts.app')

@section('title')
Membership Letter 
@stop

@section('breadcrumb')
<ol class="breadcrumb pull-right no-print">
    <li><a href="{{route('home')}}"><i class="fa fa-dashboard"></i> Home</a></li>
    <li class="active">Membership Letter </li>
</ol>
@stop

@section('css')

<style type="text/css">

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #000000;
}

h6 {
    font-size: 16px !important;
}

@media print {
    
    .col-xs-12 {
        width:99%;
        float:left;
    }

    .border {
        border: 0px solid black ;
        border-bottom: 1px solid black;
        border-width: -22px solid black ;
        text-align: center;
    
    } 
    
    .border2 {
        border: 0px solid black !important;
        border-bottom: 1px solid black !important;
        border-width: 100% solid black !important;
    } 
    
    
    p {
        margin: 0 0 0px;
    }
    
    .white-box {
        margin-top: 50px;
    }
    
    .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
    
     .qr-code {
    
    margin-right: 4.2% !important;
}   
}

.qr-code {
    display: inline-block;
    border: 1px solid black;
    margin-top: 5px;
    float: right;
    position: relative;
    bottom: 4rem;
    margin-right: 1.2%;
}

</style>

@stop

@section('content')


            
<div class="container-fluid white-box border-none" style="margin-left: 15px;">
    <div class="row border-none" id="content">
        <div class="col-lg-12">
            <div class=" border-none">
                <div class="row" >
                    <div class="white-box border-none" style="margin-bottom: -40rem; font-family: calibri;">
                        <div class="row" >
                            <center><h4 style="position: relative;top: 2rem;"><strong style="text-decoration: underline;">MEMBERSHIP LETTER</strong></h4></center>
                            <br><h6 style="font-weight:bold;color:black; padding-left: 2rem;">DATE: {{date('d-m-Y')}}</h6>
                            <!--<center><h2><strong style="text-decoration: underline;">RAWAL PALM CITY</strong></h2></center>-->
                            <!--<center><h4><strong>HEAD OFFICE # Swan Camp, Kahuta Mor, Main GT Road, Islamabad</strong></h4></center>-->
                            <div class="col-sm-12 col-xs-12 mt-12">
                                <div class="row" >
                                    <div class="col-xs-4 col-sm-3" ><strong class="un" style="font-size: 19px;"></strong></div>
                                </div>
                                
                                <span class="qr-code">