nikolajoow
Registered Member
- Jan 29, 2015
- 57
- 5
Hey guys, i need help.
i wanna know how i can make this on my page. if you want money i will pay $1.
The pictures is from Blueset.dk
<div class="media-group">
<div class="media">
<div class="media-content">
<img src="#" alt="#" />
<h3>Media Title</h3>
<p>media content goes here bla bla blah....</p>
</div>
</div>
<div class="media">
<div class="media-content">
<img src="#" alt="#" />
<h3>Media Title</h3>
<p>media content goes here bla bla blah....</p>
</div>
</div>
<div class="media">
<div class="media-content">
<img src="#" alt="#" />
<h3>Media Title</h3>
<p>media content goes here bla bla blah....</p>
</div>
</div>
<div class="media">
<div class="media-content">
<img src="#" alt="#" />
<h3>Media Title</h3>
<p>media content goes here bla bla blah....</p>
</div>
</div>
</div>
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.media-group {
margin-right: -15px;
margin-left: -15px;
}
.media-group:before,
.media-group:after {
display: table;
content: " ";
}
.media-group:after {
clear: both;
}
.media {
float: left;
width: 50%;
margin: 30px 0;
padding-left: 15px;
padding-right: 15px;
min-height: 1px;
position: relative;
}
.media-content {
padding: 30px;
text-align: center;
background: #fff;
}
.media-content img {
display: block;
margin: -40px 0 40px;
}
.media-content h3 {
font-size: 18px;
}
.media-content p {
margin: 0 0 15px;
}