temp2.html

<style type="text/css">
    .item-main .right-side {
        float:right;
        width:200px;
        height:200px;
        border:solid 1px silver;
        margin:0 5px;
    }
    
    .item-main .left-side {
        float:right;
        width:700px;
        height:200px;
        border:solid 1px silver;
        margin:0 5px;
    }
    
    .item-main .left-side {
        float:left;
        width:130px;
        height:200px;
        border:solid 1px silver;
        margin:0 5px;
    }

    .user-title {
        text-align:center;
        width:100%;
        font-family:bkoodak;
        font-size:18px;
        font-weight:normal;
        margin:5px;
    }

    .rating1 {
        margin-top:10px;
        height:50px;
        width:100%;
    }

    .rat-power {
        font-family:bkoodak;
        font-size:22px;
        font-weight:bold;
    }
    
    .rat-qality
    {

    }

    .source-dest {
        margin-top:10px;
        width:70%;
        height:30px;
        background:gray;
        margin-bottom:10px;
    }
    
    .send-date
    {
        float:left;
        margin-top:2px;
    }

    .inquiry-body
    {
        width:100%;
        min-height:80px;
    }
</style>

<div class="item-main">
    <div class="right-side">
        <h2 class="user-title">شناسنامه کاربر</h2>
        <div class="rating1">
            <span class="rat-power">[Power]
            </span>
            <span class="rat-qality">[Rank]
            </span>
        </div>
        <div class="rating2">
            <span class="rat-good">خوب : 
                [NazareKoliyeKhoob]
            </span>
            <span class="rat-bad">بد : 
                [NazareKoliyeBad]
            </span>
        </div>
    </div>
    <div class="center-side">
        <div class="source-dest">
            <h2 class="source">[StartingPoint]</h2>
            <h2 class="dest">[Destination]</h2>
        </div>
        <div class="send-date">
            <span>تاریخ ارسال:[CreateDate]</span>
        </div>
        <div class="inquiry-body">
            <h2>کالا:
                <span>[LoadType]</span>
            </h2>
            <h2>وسیله حمل: 
                <span>[NoVaTedadeVasileyeHaml]</span>
            </h2>
            <h2>وزن خالص: 
                <span>[VazneKol]</span>
            </h2>
            <h2>تاریخ آماده به حمل:
                <span>[ActionDate]</span>
            </h2>
        </div>
    </div>
    <div class="left-side">
        <h3>
            <span class="date-util">[ExpireDate]</span>
            <span>مانده</span>
        </h3>
        <div class="replay-button">
            <a href="#">پاسخ</a>
        </div>
    </div>
</div>