محصولات

<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title></title>
<link href=”//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css” rel=”stylesheet” id=”bootstrap-css”>
<script src=”//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js”></script>
<script src=”//code.jquery.com/jquery-1.11.1.min.js”></script>
<style>
body {
}

.thumbnail {
position: relative;
overflow: hidden;
}

.caption {
position: absolute;
bottom: 100%;
right: 0;
background: rgba(230, 230, 230,0.75);
width: 100%;
height: 70px;
padding: 2%;
text-align: center;
color: #000 !important;
z-index: 2;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.thumbnail:hover .caption {
bottom: 0;
}

</style>
</head>
<body>

<!—— Products ———->

<div class=”container”>

<div class=”row”>
<div class=”col-xs-6 col-sm-4 col-md-4″>
<div class=”thumbnail”>
<div class=”caption”>
<h4>کالای خواب</h4>
<p>
<a href=”” class=”label label-default”>نمایش محصولات</a>
</p>
</div>
<img src=”rezintaj.com/wp-content/uploads/2019/09/1.jpg” />
</div>
</div>
<div class=”col-xs-6 col-sm-4 col-md-4″>
<div class=”thumbnail”>
<div class=”caption”>
<h4>نوزاد و نوجوان</h4>
<p>
<a href=”” class=”label label-default”>نمایش محصولات</a>
</p>
</div>
<img src=”img/1.jpg” />
</div>

</div>
<div class=”col-xs-6 col-sm-4 col-md-4″>
<div class=”thumbnail”>
<div class=”caption”>
<h4>بالش</h4>
<p>
<a href=”” class=”label label-default”>نمایش محصولات</a>
</p>
</div>
<img src=”img/3.jpg” />
</div>

</div>

</div>
<div class=”row”>
<div class=”col-xs-6 col-sm-4 col-md-4″>
<div class=”thumbnail”>
<div class=”caption”>
<h4>‍پتو</h4>
<p>
<a href=”” class=”label label-default”>نمایش محصولات</a>
</p>
</div>
<img src=”img/4.jpg” />
</div>
</div>
<div class=”col-xs-6 col-sm-4 col-md-4″>
<div class=”thumbnail”>
<div class=”caption”>
<h4>تشک</h4>
<p>
<a href=”” class=”label label-default”>نمایش محصولات</a>
</p>
</div>
<img src=”img/5.jpg” />
</div>

</div>
<div class=”col-xs-6 col-sm-4 col-md-4″>
<div class=”thumbnail”>
<div class=”caption”>
<h4>حوله</h4>
<p>
<a href=”” class=”label label-default”>نمایش محصولات</a>
</p>
</div>
<img src=”img/6.jpg” />
</div>

</div>

</div>
<div class=”row”>
<div class=”col-xs-6 col-sm-4 col-md-4″>
<div class=”thumbnail”>
<div class=”caption”>
<h4>رومیزی</h4>
<p>
<a href=”” class=”label label-default”>نمایش محصولات</a>
</p>
</div>
<img src=”img/7.jpg” />
</div>
</div>
<div class=”col-xs-6 col-sm-4 col-md-4″>
<div class=”thumbnail”>
<div class=”caption”>
<h4>سرویس آشپزخانه</h4>
<p>
<a href=”” class=”label label-default”>نمایش محصولات</a>
</p>
</div>
<img src=”img/8.jpg” />
</div>

</div>
<div class=”col-xs-6 col-sm-4 col-md-4″>
<div class=”thumbnail”>
<div class=”caption”>
<h4>پرده حمام</h4>
<p>
<a href=”” class=”label label-default”>نمایش محصولات</a>
</p>
</div>
<img src=”img/9.jpg” />
</div>
</div>
</div>
<div class=”row”>
<center>
<div class=”col-xs-6 col-sm-4 col-md-4″>
<div class=”thumbnail”>
<div class=”caption”>
<h4>هتلی و سازمانی</h4>
<p>
<a href=”” class=”label label-default”>نمایش محصولات</a>
</p>
</div>
<img src=”img/10.jpg” />
</div>
</div>
</center>
</div>
</div><!– /.container –>
</body>
</html>

اخبار

Start typing and press Enter to search

Shopping Cart