<div class="bg-info c2a9" style="background-image:url(https://www.wrappixel.com/demos/ui-kit/wrapkit/assets/images/c2a/4.jpg)">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-7 text-center">
<h6 class="font-16 subtitle font-weight-normal text-white">The fast and easiest way to</h6>
<h2 class="text-white text-uppercase">showcase your photos</h2>
<div class="mt-4">
<button class="btn bg-white text-dark rounded-pill btn-md">Get Free Access</button>
</div>
</div>
</div>
</div>
</div>
@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500);
.c2a9 {
font-family: "Montserrat", sans-serif;
color: #8d97ad;
font-weight: 300;
background-position: top center;
padding: 90px 0px 280px 0px;
background-repeat: no-repeat;
}
.c2a9 h1,
.c2a9 h2,
.c2a9 h3,
.c2a9 h4,
.c2a9 h5,
.c2a9 h6 {
color: #3e4555;
}
.c2a9 .font-16 {
font-size: 16px;
}
.c2a9 .btn-md {
padding: 15px 45px;
font-size: 16px;
}
.c2a9 .subtitle {
color: #8d97ad;
line-height: 24px;
}