BLOG STYLE

Blog Style

Latest Fashion for Women

May 6th, 2016, 12.45pm

But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was bornad will give you a complete pain was praising

New Trends for Men

May 15th, 2016, 03.25pm

But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was bornad will give you a complete pain was praising

										
<!-- SINGLE BLOG START -->
<div class="col-md-4 col-left-right mbr mb-xs">
<div class="blog-single">
<a href="#">
<img alt="" src="img/blog/1.jpg">
</a>
<div class="blog-content">
<h3><a href="#">Latest Fashion for Women</a></h3>
<div class="date">
<span>May 6th, 2016, 12.45pm</span>
</div>
<p>But I must explain to you how all this mistaken idea  of denouncing pleasure and praising pain was bornad will give you a complete pain was praising</p>
<div class="comment-area">
<ul>
<li class="more">
<a href="#">READ MORE  >></a>
</li>
<li>
<a href="#"><i class="flaticon-speech-bubbles-comment-option"></i>06Comments</a>
</li>
<li>
<a href="#"><i class="flaticon-big-heart"></i>25 Likes</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- SINGLE BLOG END -->
<!-- SINGLE BLOG START -->
<div class="col-md-4 col-left-right mb-xs">
<div class="blog-single">
<a href="#">
<img alt="" src="img/blog/2.jpg">
</a>
<div class="blog-content">
<h3><a href="#">New Trends for Men</a></h3>
<div class="date">
<span>May 15th, 2016, 03.25pm</span>
</div>
<p>But I must explain to you how all this mistaken idea  of denouncing pleasure and praising pain was bornad will give you a complete pain was praising</p>
<div class="comment-area">
<ul>
<li class="more">
<a href="#">READ MORE  >></a>
</li>
<li>
<a href="#"><i class="flaticon-speech-bubbles-comment-option"></i>06Comments</a>
</li>
<li>
<a href="#"><i class="flaticon-big-heart"></i>25 Likes</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- SINGLE BLOG END -->
<!-- SINGLE BLOG START -->
<div class="col-md-4 col-left-right hidden-sm hidden-xs">
<div class="blog-single">
<a href="#">
<img alt="" src="img/blog/3.jpg">
</a>
<div class="blog-content">
<h3><a href="#">Fashion Show With New Collection</a></h3>
<div class="date">
<span>May 14th, 2016, 10.45pm</span>
</div>
<p>But I must explain to you how all this mistaken idea  of denouncing pleasure and praising pain was bornad will give you a complete pain was praising</p>
<div class="comment-area">
<ul>
<li class="more">
<a href="#">READ MORE  >></a>
</li>
<li>
<a href="#"><i class="flaticon-speech-bubbles-comment-option"></i>06Comments</a>
</li>
<li>
<a href="#"><i class="flaticon-big-heart"></i>25 Likes</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- SINGLE BLOG END -->
										
									
										
.blog-content > h3{
margin: 18px 0 3px;
}
.blog-content > h3 a{
color: #282828;
font-family: montserrat;
font-size: 20px;
font-weight: 600;
}
.blog-content > h3 a:hover{
color:#ff4081;
}
.blog-single img {
width: 100%;
}
.date > span {
color: #ff4081;
font-family: brush script std;
font-size: 18px;
}
.blog-content > p {
color: #656565;
font-family: open sans;
line-height: 25px;
margin: 5px 0 12px;
}
.comment-area ul li {
display: inline-block;
}
.comment-area ul li a {
font-family: montserrat;
font-size: 12px;
color: #a6a6a6;
}
.comment-area ul li a:hover{color:#ff4081;}
.more > a {
color: #ff4081!important;
font-family: montserrat;
font-size: 11px;
}
.comment-area [class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {
font-family: Flaticon;
font-size: 12px;
font-style: normal;
margin-left: 20px;
margin-right: 5px;
}
.blog-single > a {
display: block;
position: relative;
overflow:hidden;
}
.blog-single > a::before, .blog-single > a::after {
background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
content: "";
height: 100%;
position: absolute;
transition: all 0.5s ease 0s;
width: 100%;
z-index: 8;
}
.blog-single > a::after {
bottom: -100%;
right: -100%;
}
.blog-single > a::before, .blog-single > a::after {
background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
content: "";
height: 100%;
position: absolute;
transition: all 0.5s ease 0s;
width: 100%;
z-index: 8;
}
.blog-single > a::before {
left: -100%;
top: -100%;
}
.blog-single:hover a::before {
left: 0;
top: 0;
}
.blog-single:hover a::after {
bottom: 0;
right: 0;
}
.reply-comment-area {
margin-top: 35px;
overflow: hidden;
}
.reply-comment-area h3, .user-comment-form-area h3 {
border-top: 1px solid #e5e5e5;
font-family: montserrat;
font-size: 24px;
font-weight: 700;
margin: 0 0 40px;
padding: 22px 0 0;
}
.single-reply {
margin: 0 0 20px;
overflow: hidden;
}
.comment-author {
float: left;
width: 8%;
padding-right: 15px;
}
.comment-author img {
border-radius: 100%;
}
.comment-info::before {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #ececec;
border-left: 1px solid #ececec;
content: "";
display: block;
height: 10px;
left: -5px;
position: absolute;
top: 10px;
transform: rotate(45deg);
width: 10px;
}
.comment-info {
border: 1px solid #ececec;
border-radius: 3px;
float: left;
padding: 10px;
position: relative;
width: 92%;
}
.comment-author-info {
color: #9d9d9d;
font-size: 12px;
line-height: 1;
margin: 0 0 15px;
}
.comment-author-info a {
color: #555;
text-decoration: none;
}
.comment-author-info a {
color: #555;
text-decoration: none;
}
.comment-info > p {
padding: 0;
}
.user-comment {
padding-left: 25px;
}
.user-comment-form-area {
margin-top: 40px;
overflow: hidden;
}
.user-comment-form-area p {
color: #656565;
font-family: open sans;
}
.input-element p {
float: left;
padding: 0 10px;
width: 33.3333%;
}
.input-element > p:last-child {
margin: 0;
}
.input-element p label {
color: #9d9d9d;
display: block;
font-weight: 400;
margin: 0 0 5px;
}
.input-element p input[type="text"], .input-element p textarea {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
border-radius: 0;
height: 32px;
outline: medium none;
padding: 0 0 0 10px;
width: 100%;
}
.input-element p label {
color: #9d9d9d;
display: block;
font-weight: 400;
margin: 0 0 5px;
}
.input-element p textarea {
height: inherit;
padding: 10px;
}
.input-element p input[type="submit"] {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
color: #3f3f3f;
display: inline-block;
font-family: Montserrat,Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: 700;
height: 39px;
line-height: 39px;
padding: 0 15px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.input-element p:nth-child(4) {
display: block;
float: none;
width: 100%;
}
.author-description a:hover, .comment-author-info a:hover {
color: #ff4081;
}
.input-element p input[type="submit"]:hover, .review-form form .comment-form-rating input[type="submit"]:hover {
background: #ff4081 none repeat scroll 0 0;
border-color: #ff4081;
color: #fff;
}									
										
									

OUR BRANDS

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor psum dolor sit ame

Lorem ipsum dolor sit amet, consectetur acing elit, sed do eiusmod tempor inciidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam inciidunt ut labore et dolore magna

  • 8901 Marmora Raod, Glasgow, D04 89GR

  • Telephone : (801) 4256 9856 Telephone : (801) 4256 9658

  • Email: Contact@devitems.us Website: www.devitems.com