"Jumbotron T4 Widget"
Bootstrap 4.0.0 Snippet by aprilnicholem

<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>
.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; }

Related: See More


Questions / Comments: