<div class="linksCon" align="center">
              
        <div class="Links">
               <img src="http://i21.servimg.com/u/f21/18/04/55/46/link110.jpg" alt="" />   
            <div class="Txt">
                      
                <h1>
                       كود الإعلانات على ليالي مصرية   
                </h1>
                      
                <p>
كود جديد يتيح طريقة عرض اعلانات على المنتدى بشكل جميل وبتقنيات خارقة يلفت انتباه الاعضاء و الزوار
                </p>
                      
            </div>
                  
        </div>
              
        <div class="Links">
               <img src="http://i21.servimg.com/u/f21/18/04/55/46/link210.jpg" alt="" />   
            <div class="Txt">
                      
                <h1>
                        احـدث التقنيات   
                </h1>
                      
                <p>
كود تم برمجته من قبل ليالي المصرية من قبل Yassine Bablil
                </p>
                      
            </div>
                  
        </div>
              
        <div class="Links">
               <img src="http://i21.servimg.com/u/f21/18/04/55/46/link310.jpg" alt="" />   
            <div class="Txt">
                      
                <h1>
للمزيد من الأكواد
                </h1>
                      
                <p>
لمزيد من الاكواد الخارقة زورو موقعنا : http://www.layalyeg.com/
                                
                </p>
                      
            </div>
                  
        </div>
          
    </div><br class="spacer" />

.linksCon {
    float: right;
    margin-bottom: 30px;
    width: 100%;
}
.Links {
    cursor: pointer;
    float: right;
    height: 307px;
    margin-left: 7px;
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 308px;
}
.Links:hover > .Txt {
    bottom: 0;
}
.Links img {
    float: right;
    height: 307px;
    width: 308px;
}
.Links .Txt {
    background-image: url("http://i21.servimg.com/u/f21/18/04/55/46/linkpt10.png");
    bottom: -120px;
    height: 130px;
    padding-bottom: 35px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.7s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.63, 0.08, 0.35, 0.92);
    width: 100%;
}
.Links .Txt h1 {
    color: hsl(0, 0%, 100%);
    font-family: GESSTwoMed;
    font-size: 15px;
    font-weight: normal;
    padding-bottom: 10;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    text-align: center;
}
.Links .Txt p {
    color: hsl(0, 0%, 100%);
    font-family: GESSTwoMed;
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    text-align: center;
}