<script type="text/javascript"src="http://dl.1learn.ir/admin/1learn/1learn.js"></script>

<style type="text/css">

.img {

background-image:url(http://dl.1learn.ir/alireza/image/dl-box1.png);

background-repeat:no-repeat;

position:absolute;

width:40%;

height:100%;

top:1.5%;

left:1.5%;

border-radius:2px;

transition:all 2s;

}

.img:hover {

background-image:url(http://dl.1learn.ir/alireza/image/dl-box1.png);

background-repeat:no-repeat;

position:absolute;

width:40%;

height:100%;

border-radius:2px;

transition:all 2s;

}

.bg {background-color:red;

border:3px solid grey;

border-left:10px solid grey;

position:absolute;

width:40%;

height:8%;

border-radius:2px;

transition:all 1s;

}

.bg:hover {background-color:red;

position:absolute;

border:3px solid grey;

border-left:15px solid grey;

width:40%;

height:8%;

border-radius:2px;

opacity:0.65;

transition:all 1s;

}

.link1 {text-decoration: none;

font:15px B yekan;

color:white;

position:absolute;

top:28%;

left:83%;}

.img2 {

background-image:url(http://dl.1learn.ir/alireza/image/dl-box2.png);

background-repeat:no-repeat;

position:absolute;

width:40%;

height:100%;

top:1.5%;

left:1.5%;

border-radius:2px;

transition:all 2s;

}

.img2:hover {

background-image:url(http://dl.1learn.ir/alireza/image/dl-box2.png);

background-repeat:no-repeat;

position:absolute;

width:40%;

height:100%;

border-radius:2px;

transition:all 2s;

}

.bg2 {background-color:#cac804;

border:3px solid grey;

border-left:10px solid grey;

position:absolute;

width:40%;

height:8%;

border-radius:2px;

transition:all 1s;

top:10%;

}

.bg2:hover {background-color:#cac804;

position:absolute;

border:3px solid grey;

border-left:15px solid grey;

width:40%;

height:8%;

border-radius:2px;

opacity:0.65;

transition:all 1s;

top:10%;

}

.link1 {text-decoration: none;

font:15px B yekan;

color:white;

position:absolute;

top:28%;

left:83%;

}

.img3 {

background-image:url(http://dl.1learn.ir/alireza/image/dl-box3.png);

background-repeat:no-repeat;

position:absolute;

width:40%;

height:100%;

top:1.5%;

left:1.5%;

border-radius:2px;

transition:all 2s;

}

.img3:hover {

background-image:url(http://dl.1learn.ir/alireza/image/dl-box3.png);

background-repeat:no-repeat;

position:absolute;

width:40%;

height:100%;

border-radius:2px;

transition:all 2s;

}

.bg3 {background-color:#2183fd;

border:3px solid grey;

border-left:10px solid grey;

position:absolute;

width:40%;

height:8%;

border-radius:2px;

transition:all 1s;

top:19%;

}

.bg3:hover {background-color:#2183fd;

position:absolute;

border:3px solid grey;

border-left:15px solid grey;

width:40%;

height:8%;

border-radius:2px;

opacity:0.65;

transition:all 1s;

top:19%;

}

.link1 {text-decoration: none;

font:15px B yekan;

color:white;

position:absolute;

top:28%;

left:83%;}

</style>

<!-- کد جعبه دانلود -->

<div class="bg">

<div class="img">

</div>

<a href="لینک دانلود" class="link1">دانلود فایل</a>

</div>

<div class="bg2">

<div class="img2">

</div>

<a href="لینک دمو" class="link1">دیدن دمو</a>

</div>

<div class="bg3">

<div class="img3">

</div>

<a href="لینک منبع" class="link1">منبع 1لرن</a>

</div>

<a href="http://www.1learn.ir" style="display:none"></a>

<!-- کد جعبه دانلود -->