<div class="about">

    <div class="up">

        <div class="title"><h1>ABOUT</h1></div>

        <p>Lorem Ipsum is simply dummy text of the printing and typesetting </br>industry . Lorem Ipsum has been the industry's standard dummy </br>text ever since the 1500s.</p>

    </div>

    <div class="center">

        <div class="about_text1">

            <h3>A WORD</br>ABOUT US</h3>

            <div class="message">

                <p>Praesent dignissim viverra est, sed bibendum ligula congue non. Sed ac nisl et felis gravida commodo? Suspendisse eget ullamcorper ipsum. Suspendisse diam amet.</p>

                <button value="EXPLORE"></button>

            </div>   

        </div>

        <div class="about_img"><img src="images/bb3.jpg"></div>

        <div class="about_text2">

            <div class="num" id="num1">

                <h3>70000</h3>

                <label>Students</label>

            </div>

            <div class="num" id="num2">

                <h3>600</h3>

                <label>Faculty</label>

            </div>

        </div>

    </div>

</div>

/*CSS*/

.about{

width: 100%;

height: 600px;

position: absolute;

}

.about .up{

text-align: center;

width: 100%;

}

.about .center{

width: 100%;

height: 435px;

}

.title{

left: 50%;

padding-bottom: 10px;

border-bottom: #07cbc9 solid 1px;

width: 40px;

}

.title h1{

left: 50%;

text-align: center;

}