<div class="container-fluid py-5">
        <div class="container py-5">
            <div class="row">
                <div class="col-lg-5 mb-5 mb-lg-0" style="min-height: 500px;">
                    <div class="position-relative h-100">
                        <img class="position-absolute w-100 h-100" src="img/about.jpg" style="object-fit: cover;">
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="section-title position-relative mb-4">
                        <h6 class="d-inline-block position-relative text-danger text-uppercase pb-2">About Us</h6>
                        <h1 class="display-4">First Choice For Computer Education in Ashram</h1>
                    </div>
                    <p>YPDO stands for Youth Personality Development Organization. It is the best <b>IT training institute in Delhi</b>, which provides a variety of programs and courses at an affordable cost. We are the <b>Best DCA Institute in Delhi</b>, known for the excellence, quality and consistency. We have well qualified and experienced Trainers in various streams, who doesn’t only provide computer courses, but also helps in personality development of the students.<br>
YPDO is the <b>Best Computer institute in Delhi</b>, which provides quality training in Basic Computer, Digital Marketing, Graphic Designing, web designing, E-Accounting, digital literacy and short term courses. YPDO provides diploma, diploma and advance diploma in various career oriented courses. All programs have different fee structures and time duration. The academics of all courses are up-to-date and specially designed for a better career of the students.
</p>
                    <!-- <div class="row pt-3 mx-0">
                        <div class="col-3 px-0">
                            <div class="bg-success text-center p-4">
                                <h1 class="text-white" data-toggle="counter-up">123</h1>
                                <h6 class="text-uppercase text-white">Flexible<span class="d-block">Timing</span></h6>
                            </div>
                        </div>
                        <div class="col-3 px-0">
                            <div class="bg-primary text-center p-4">
                                <h1 class="text-white" data-toggle="counter-up">1234</h1>
                                <h6 class="text-uppercase text-white">Regular<span class="d-block">Classes</span></h6>
                            </div>
                        </div>
                        <div class="col-3 px-0">
                            <div class="bg-secondary text-center p-4">
                                <h1 class="text-white" data-toggle="counter-up">123</h1>
                                <h6 class="text-uppercase text-white">Skilled<span class="d-block">Instructors</span></h6>
                            </div>
                        </div>
                        <div class="col-3 px-0">
                            <div class="bg-warning text-center p-4">
                                <h1 class="text-white" data-toggle="counter-up">1234</h1>
                                <h6 class="text-uppercase text-white">Practical<span class="d-block">Guidance</span></h6>
                            </div>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>
    </div>