CSS Arrow
#title-page {
position: relative;
}
.arrow {
border-bottom: 20px solid #FFF;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
bottom: 0;
left: 50%;
margin-left: -20px;
position: absolute;
}
<section id="title-page">
<h2>Choose the plan that suits you best</h2>
<span class="arrow"></span>
</section>