
<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;

        }
        .notpayed-note{
            background-color: rgb(195 5 5);
            padding: 9px 73px 10px;
            border-radius: 50px 0;
            font-size: 54px;
            margin: 0;
            display: inline-block;
            color: #fff;
        }
        .half-circle-container {
            width: 300px;
            height: 300px;
        }
        .half-circle-container > svg {
            width: 100%;
            height: 100%;
        }
        .card-img{
            width: 100%;
            min-height: 480px;
            /* 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-7 col-sm-8">
                <div class="card-block ">
                    <h2 class="card-title"> <span>شريف عنتر السيد موسى</span></h2>
                    <h2 class="card-title"> <span>فرع المنصورة</span></h2>
                    <p class="notpayed-note">
                        لم يتم الدفع
                    </p>
                </div>
            </div>

            <div class="col-lg-5 col-sm-4 bg-intro">

                <img src="{$path}/assets/img/user1.png" alt="" class="card-img">

            </div>

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


</div>
</div>