about.php

См. документацию.

<?php
 
/**
 * @file
 * @brief страница
 */
 
?>
<!-- ================ start banner Area ================= -->
<section class="banner-area">
    <div class="container">
        <div class="row justify-content-center align-items-center">
            <div class="col-lg-12 banner-right">
                <h1 class="text-white">
                    About Us
                </h1>
                <p class="mx-auto text-white  mt-20 mb-40">
                    In the history of modern astronomy, there is probably no one greater leap forward than the building.
                </p>
                <div class="link-nav">
                    <span class="box">
                        <a href="./index">Home </a>
                        <i class="lnr lnr-arrow-right"></i>
                        <a href="./about">About</a>
                    </span>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ================ End banner Area ================= -->
 
<!-- ================ Start Feature Area ================= -->
<section class="feature-area">
    <div class="container-fluid">
        <div class="feature-inner row">
            <div class="col-lg-2 col-md-6">
                <div class="feature-item d-flex">
                    <i class="ti-book"></i>
                    <div class="ml-20">
                        <h4>New Classes</h4>
                        <p>
                            In the history of modern astronomy, there is probably no one greater leap forward.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 col-md-6">
                <div class="feature-item d-flex">
                    <i class="ti-cup"></i>
                    <div class="ml-20">
                        <h4>Top Courses</h4>
                        <p>
                            In the history of modern astronomy, there is probably no one greater leap forward.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 col-md-6">
                <div class="feature-item d-flex border-right-0">
                    <i class="ti-desktop"></i>
                    <div class="ml-20">
                        <h4>Full E-Books</h4>
                        <p>
                            In the history of modern astronomy, there is probably no one greater leap forward.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ================ End Feature Area ================= -->
 
<!-- ================- Start About Area ================= -->
<section class="about-area section-gap">
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-lg-5 col-md-6 about-left">
                <img class="img-fluid" src="img/about-img.png" alt="">
            </div>
            <div class="offset-lg-1 col-lg-5 col-md-12 about-right">
                <h1>
                    Over all <br>
                    2500 Courses <br>
                    from 20 Platforms
                </h1>
                <div>
                    <p>
                        There is a moment in the life of any aspiring astronomer that it is time to buy that first telescope.
                        It’s exciting to think about setting up your own viewing station. In the life of any aspiring astronomer
                        that it is time to buy that first telescope. It’s exciting to think about setting up your own viewing
                        station.
                    </p>
                    <p>
                        It’s exciting to think about setting up your own viewing station. In the life of any aspiring astronomer
                        that it is time to buy that first telescope exciting is time to buy that first.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ================- End About Area ================= -->
 
<!-- ================ Start Video Area ================= -->
<section class="video-area section-gap-bottom">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-5">
                <div class="section-title text-white">
                    <h2 class="text-white">
                        Watch Our Trainers <br>
                        in Live Action
                    </h2>
                    <p>
                        In the history of modern astronomy, there is probably no one greater leap forward than the building and
                        launch of the space telescope known as the Hubble.
                    </p>
                </div>
            </div>
            <div class="offset-lg-1 col-md-6 video-left">
                <div class="owl-carousel video-carousel">
                    <div class="single-video">
                        <div class="video-part">
                            <img class="img-fluid" src="img/video-img.jpg" alt="">
                            <div class="overlay"></div>
                            <a class="popup-youtube play-btn" href="https://www.youtube.com/watch?v=VufDd-QL1c0">
                                <img class="play-icon" src="img/play-btn.png" alt="">
                            </a>
                        </div>
                        <h4 class="text-white mb-20 mt-30">Learn Angular js Course for Legendary Persons</h4>
                        <p class="text-white mb-20">
                            In the history of modern astronomy, there is probably no one greater leap forward than the building and
                            launch of the space telescope known as the Hubble.
                        </p>
                    </div>
 
                    <div class="single-video">
                        <div class="video-part">
                            <img class="img-fluid" src="img/video-img.jpg" alt="">
                            <div class="overlay"></div>
                            <a class="popup-youtube play-btn" href="https://www.youtube.com/watch?v=VufDd-QL1c0">
                                <img class="play-icon" src="img/play-btn.png" alt="">
                            </a>
                        </div>
                        <h4 class="text-white mb-20 mt-30">Learn Angular js Course for Legendary Persons</h4>
                        <p class="text-white mb-20">
                            In the history of modern astronomy, there is probably no one greater leap forward than the building and
                            launch of the space telescope known as the Hubble.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ================ End Video Area ================= -->
 
<!-- ================ Start Feature Area ================= -->
<section class="other-feature-area">
    <div class="container">
        <div class="feature-inner row">
            <div class="col-lg-12">
                <div class="section-title text-left">
                    <h2>
                        Features That <br />
                        Can Avail By Everyone
                    </h2>
                    <p>
                        If you are looking at blank cassettes on the web, you may be
                        very confused at the difference in price. You may see some for
                        as low as $.17 each.
                    </p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="other-feature-item">
                    <i class="ti-key"></i>
                    <h4>Lifetime Access</h4>
                    <div>
                        <p>
                            Lorem ipsum dolor sit amet consec tetur adipisicing elit, sed
                            do eiusmod tempor incididunt labore. Lorem ipsum dolor sit
                            amet consec tetur adipisicing elit, sed do eiusmod tempor
                            incididunt labore.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 mt--160">
                <div class="other-feature-item">
                    <i class="ti-files"></i>
                    <h4>Source File Included</h4>
                    <div>
                        <p>
                            Lorem ipsum dolor sit amet consec tetur adipisicing elit, sed
                            do eiusmod tempor incididunt labore. Lorem ipsum dolor sit
                            amet consec tetur adipisicing elit, sed do eiusmod tempor
                            incididunt labore.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 mt--260">
                <div class="other-feature-item">
                    <i class="ti-medall-alt"></i>
                    <h4>Student Membership</h4>
                    <div>
                        <p>
                            Lorem ipsum dolor sit amet consec tetur adipisicing elit, sed
                            do eiusmod tempor incididunt labore. Lorem ipsum dolor sit
                            amet consec tetur adipisicing elit, sed do eiusmod tempor
                            incididunt labore.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="other-feature-item">
                    <i class="ti-briefcase"></i>
                    <h4>35000+ Courses</h4>
                    <div>
                        <p>
                            Lorem ipsum dolor sit amet consec tetur adipisicing elit, sed
                            do eiusmod tempor incididunt labore. Lorem ipsum dolor sit
                            amet consec tetur adipisicing elit, sed do eiusmod tempor
                            incididunt labore.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 mt--160">
                <div class="other-feature-item">
                    <i class="ti-crown"></i>
                    <h4>Expert Mentors</h4>
                    <div>
                        <p>
                            Lorem ipsum dolor sit amet consec tetur adipisicing elit, sed
                            do eiusmod tempor incididunt labore. Lorem ipsum dolor sit
                            amet consec tetur adipisicing elit, sed do eiusmod tempor
                            incididunt labore.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 mt--260">
                <div class="other-feature-item">
                    <i class="ti-headphone-alt"></i>
                    <h4>Live Supports</h4>
                    <div>
                        <p>
                            Lorem ipsum dolor sit amet consec tetur adipisicing elit, sed
                            do eiusmod tempor incididunt labore. Lorem ipsum dolor sit
                            amet consec tetur adipisicing elit, sed do eiusmod tempor
                            incididunt labore.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ================ End Feature Area ================= -->
 
<!-- ================ Start Testimonials Area ================= -->
<section class="testimonials-area section-gap">
    <div class="container">
        <div class="testi-slider owl-carousel" data-slider-id="1">
            <div class="row align-items-center">
                <div class="col-lg-5">
                    <div class="item">
                        <div class="testi-item">
                            <img src="img/quote.png" alt="" />
                            <div class="mt-40 text">
                                <p>
                                    As conscious traveling Paup ers we must always be oncerned
                                    about our dear Mother Earth. If you think about it, you
                                    travel across her face and She is the host to your
                                    journey.
                                </p>
                            </div>
                            <h4>Fanny Spencer</h4>
                            <p>Chief Executive, Amazon</p>
                        </div>
                    </div>
                </div>
 
                <div class="offset-lg-1 col-lg-6">
                    <img src="img/testimonial/t1.jpg" alt="" />
                </div>
            </div>
 
            <div class="row align-items-center">
                <div class="col-lg-5">
                    <div class="item">
                        <div class="testi-item">
                            <img src="img/quote.png" alt="" />
                            <div class="mt-40 text">
                                <p>
                                    As conscious traveling Paup ers we must always be oncerned
                                    about our dear Mother Earth. If you think about it, you
                                    travel across her face <br />
                                    and She is the host to your journey.
                                </p>
                            </div>
                            <h4>Fanny Spencer</h4>
                            <p>Chief Executive, Amazon</p>
                        </div>
                    </div>
                </div>
 
                <div class="offset-lg-1 col-lg-6">
                    <img src="img/testimonial/t1.jpg" alt="" />
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ================ End Testimonials Area ================= -->