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>