overlay message
<div class="container">
<div class="row">
<div class="col-xl-7 col-lg-9">
<div class="slider-cont">
<h1 data-animation="bounceInLeft" data-delay="1s">AMED (American Education for Foreign Students)</h1>
<h1 data-animation="bounceInRight" data-delay="1s">Online Certificate Programs</h1>
<p data-animation="fadeInUp" data-delay="1.3s">Your path to exel your career goal</p>
<ul>
<li><a data-animation="fadeInUp" data-delay="1.6s" class="main-btn" href="about.php">Read More</a></li>
<li><a data-animation="fadeInUp" data-delay="1.9s" class="main-btn main-btn-2 registerModal" href="#">Get Started</a></li>
</ul>
</div>
</div>
</div>
<!-- row -->
</div>