

<head>
    <title>برنامج البسيط للمحاسبة</title>
    <meta charset="utf-8">
    <!-- read and write any langs -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="{$path}/assets/2.ico" type="image/ico" />
    <!-- Favicons
            ================================================== -->
    <!--link rel="shortcut icon" href="assets/images/favicon/favicon.ico"-->

    <link rel="apple-touch-icon" href="assets/images/favicon/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicon/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicon/apple-touch-icon-114x114.png">

    <!-- Bootstrap -->
    <link href="{$path}/assets/css/bootstrap.min.css" rel="stylesheet" media="screen">



    <style>

        .card-pay{
            box-shadow: 2px 2px 4px #ddd, -2px -2px 4px #ddd;
            border-radius: 10px;
            padding: 18px 63px;
            margin:  10px;
            background-color: #e1effb;
            background: url({$path}/assets/img/bg-pay2.jpg);
            background-size: cover;
            color:#fff;
            font-family: 'Expo Arabic Book'!important;

        }
        .payed-note{
            background-color: rgb(0 197 114);
            padding: 3px 24px 3px 3px;
            border-radius: 50px;
            font-size: 30px;
            margin: 15px 0 0;
            display: inline-block;
            color:#fff
        }
        .payed-note span{
            background-color: #fff;
            border-radius: 50%;
            color: #000000;
            width: 45px;
            height: 45px;
            /* padding: 5px; */
            display: inherit;
            text-align: center;
            line-height: 1.5;

        }
        .card-img{
            width: 100%;
            min-height: 357px;
            margin: 44px auto;
            /* float: left; */
            border: 4px solid #f5f5f5;
            border-radius: 104px 0;
            /* float: left; */
            /*border: 4px solid #f5f5f5;*/
            /*border-radius: 50%;*/
            /*position: relative;*/
        }


        .card-title{
            color: #fff;
            margin: 34px 0 36px;
            font-size: 50px;
            font-family: 'Expo Arabic Book'!important;

        }
        .card-title span{
            color:#fff;
            font-family: 'Expo Arabic Book'!important;

        }
        .card-block{
            text-align: center;
            margin-top: 94px;
        }
        @media(max-width:1000px) {
            .card-block {
                margin-top: 54px;
            }
        }


    </style>

</head>


<body class="usedfont" >
    <div class="" >

        <div class="card-pay" >
            <div class="row ">

                <div class="col-lg-8 ">
                    <div class="card-block ">
                        <h2 class="card-title">الاسم: <span>شريف عنتر السيد موسى</span></h2>
                        <h2 class="card-title">الفرع: <span>فرع المنصورة</span></h2>
                        <p class="payed-note"><span>5</span>
                            تم الدفع
                        </p>
                    </div>
                </div>

                <div class="col-lg-4 bg-intro">
                    <img src="{$path}/assets/img/blank.png" alt="" class="card-img">

                </div>

            </div>
        </div>
    </div>


        </div>
    </div>
