"Three Column Grid Content Boxes"
Bootstrap 3.0.0 Snippet by wondermarq

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="job-seekers-section">
<div class="col-md-4" style="background:url(http://via.placeholder.com/567x355.png);">
<a href="#"><h2>I WANT TO FIND A JOB IN THE SAME OCCUPATION OR INDUSTRY</h2>
</a>
</div>
<div class="col-md-4" style="background:url(http://via.placeholder.com/567x355.png)">
<a href="#"><h2>I WANT TO FIND A JOB IN THE SAME OCCUPATION OR INDUSTRY</h2>
</a>
</div>
<div class="col-md-4" style="background:url(http://via.placeholder.com/567x355.png)">
<a href="#"><h2>I WANT TO FIND A JOB IN THE SAME OCCUPATION OR INDUSTRY</h2>
</a>
</div>
<div class="col-md-4" style="background:url(http://via.placeholder.com/567x355.png)">
<a href="#"><h2>I WANT TO FIND A JOB IN THE SAME OCCUPATION OR INDUSTRY</h2>
</a>
</div>
<div class="col-md-4" style="background:url(http://via.placeholder.com/567x355.png)">
<a href="#"><h2>I WANT TO FIND A JOB IN THE SAME OCCUPATION OR INDUSTRY</h2>
</a>
</div>
<div class="col-md-4" style="background:url(http://via.placeholder.com/567x355.png)">
<a href="#"><h2>I WANT TO FIND A JOB IN THE SAME OCCUPATION OR INDUSTRY</h2>
</a>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
. .job-seeker {
background:url(http://via.placeholder.com/567x355.png);
}
.become-a .volunteer {
background:url(http://via.placeholder.com/567x355.png);
}
.become-a .employer {
background:url(http://via.placeholder.com/567x355.png);
}
.become-a .community {
background:url(http://via.placeholder.com/567x355.png);
}
.job-seekers-section > div {
height:355px;
border:4px solid #fff;
color:#fff;
font-size:18px;
font-family:"Roboto Condensed", sans-serif;
}
.job-seekers-section h2 {
color:#fff;
text-transform:uppercase;
font-size:32px;
}
.job-seekers-section a {
color:#fff;
font-size:24px;
}
.job-seekers-section h1 {
color:#E8284C;
font-family:"Playfair Display", serif;
font-size:44px;
margin-bottom:40px;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Paper Bootstrap Wizard
Content + Sidebar BS4
Fading Side Menu - Lets Focus on Content
Responsive Column Chart

Questions / Comments: