"Jumbotron T4 Widget"
Bootstrap 4.0.0 Snippet by aprilnicholem

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="jumbotron jumbotron-fluid d-flex align-items-end">
<div class="container ">
<h1 class="display-2">Who are peer leaders?</h1>
</div>
</div>
<div class="container">
<div class="row">
<h2>Peer leaders are VCU students who have been selected and trained in a leadership role to deliver educational services and promote active citizenship among their peers.</h2>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.jumbotron-fluid {
background:
linear-gradient(to left bottom,
rgba(300, 300, 300, 0),
rgba(300, 300, 300, 1)),
url(http://elevatedbilling.com/wp-content/uploads/2015/10/US-College-Students-Now-Use-More-Marijuana-Than-Cigarettes.jpg);
background-size: cover;
min-height: 600px;
color: #FFB300;
}
.display-2 {
font-weight: bold;
text-shadow: 1px 1px 4px #696969;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: