"Facilities"
Bootstrap 4.1.1 Snippet by devfadi

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <script src="https://use.fontawesome.com/f00ada1a72.js"></script> <section class="facilities"> <div class="image-aboutus-banner" style="margin-bottom: 40px"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1 class="lg-text text-center">Facilities</h1> </div> </div> </div> </div> <div class="container-fluid"> <div class="width-90"> <div class="row mbr-justify-content-center"> <div class="col-lg-12 mbr-col-md-12"> <div class="wrap"> <div class="ico-wrap" style="margin-right: 15px"> <i class="fa fa-university fa-4x" aria-hidden="true"></i> </div> <div class="text-wrap vcenter"> <h2 class="mbr-fonts-style mbr-bold mbr-section-title3 display-5">Campus</h2> <p class="mbr-fonts-style text1 mbr-text display-6"> The PARD training complex is spread over 50 acres. The elegant building of PARD contains Auditorium, seven classrooms, Library, Two Computer Labs, Information Resource Center, Conference Room, Two Faculty Lounge, Cafeteria, hostels, guest-houses, employees’ residences, gymnasium, tennis, squash and badminton courts, exquisite lush green lawns and on open air theater. The Academy town is considered to be a unique government enclave in Peshawar for its environment and internal arrangements. </p> </div> </div> </div> <div class="col-lg-6 mbr-col-md-10"> <div class="wrap"> <div class="ico-wrap" style="margin-right: 15px"> <i class="fa fa-window-restore fa-4x" aria-hidden="true"></i> </div> <div class="text-wrap vcenter"> <h2 class="mbr-fonts-style mbr-bold mbr-section-title3 display-5">Class Rooms</h2> <p class="mbr-fonts-style text1 mbr-text display-6"> The PARD classrooms are equipped with all the available modern teaching aids i.e., Touch Screen LEDs, Computer Systems, Internet Connectivity, Adequate cooling and heating systems. For conferences and seminars, a well-equipped Auditorium is also part of the facilities available on the campus. </p> </div> </div> </div> <div class="col-lg-6 mbr-col-md-10"> <div class="wrap"> <div class="ico-wrap" style="margin-right:15px"> <i class="fa fa-hospital-o fa-4x" aria-hidden="true"></i> </div> <div class="text-wrap vcenter"> <h2 class="mbr-fonts-style mbr-bold mbr-section-title3 display-5"> Hostels and Guest Houses </h2> <p class="mbr-fonts-style text1 mbr-text display-6"> The Academy has two guest Houses and two hostels. Both single & double occupancy rooms are available for trainees. The hostel rooms are modestly furnished but equipped with all basic necessities of comfort. A mosque is also located within walking distance from the hostel. </p> </div> </div> </div> <div class="col-lg-12 mbr-col-md-12"> <div class="wrap"> <div class="ico-wrap" style="margin-right:15px"> <i class="fa fa-info-circle fa-4x" aria-hidden="true"></i> </div> <div class="text-wrap vcenter"> <h2 class="mbr-fonts-style mbr-bold mbr-section-title3 display-5">Information Technology (IT) Center </h2> <p class="mbr-fonts-style text1 mbr-text display-6"> In the modern era, computer has emerged as an effective tool for information processing and decision-making. It has facilitated the management function considerably. Keeping in view the ever-waxing significance, a Computer Center has been set up in this institution. The Center looks after the computer training needs of the participants, which is an essential component the syllabus for the courses. </p> </div> </div> </div> <div class="col-lg-6 mbr-col-md-10"> <div class="wrap"> <div class="ico-wrap" style="margin-right:15px"> <i class="fa fa-cutlery fa-4x" aria-hidden="true"></i> </div> <div class="text-wrap vcenter"> <h2 class="mbr-fonts-style mbr-bold mbr-section-title3 display-5"> Mess </h2> <p class="mbr-fonts-style text1 mbr-text display-6"> A well managed and spacious cafeteria is also located between class rooms & hostels where the efficient staff is always ready to serve breakfast, lunch, dinner and tea in stipulated timings. </p> </div> </div> </div> <div class="col-lg-6 mbr-col-md-10"> <div class="wrap"> <div class="ico-wrap" style="margin-right:15px"> <i class="fa fa-medkit fa-4x" aria-hidden="true"></i> </div> <div class="text-wrap vcenter"> <h2 class="mbr-fonts-style mbr-bold mbr-section-title3 display-5"> Dispensary </h2> <p class="mbr-fonts-style text1 mbr-text display-6"> A dispensary is also located on campus with in the walking distance from hostel and classroom. A qualified Medical Officer and para medical staff attends to the needs of the staff members and participants . </p> </div> </div> </div> <div class="col-lg-6 mbr-col-md-10"> <div class="wrap"> <div class="ico-wrap" style="margin-right:15px"> <i class="fa fa-subway fa-4x" aria-hidden="true"></i> </div> <div class="text-wrap vcenter"> <h2 class="mbr-fonts-style mbr-bold mbr-section-title3 display-5"> Transport </h2> <p class="mbr-fonts-style text1 mbr-text display-6"> The Academy have vehicles. This facility extends to the the participants at their arrival and departure. However, for private use, limited transport facilities are also available on payment for participants within the municipal limits of Peshawar. </p> </div> </div> </div> <div class="col-lg-6 mbr-col-md-10"> <div class="wrap"> <div class="ico-wrap" style="margin-right:15px"> <i class="fa fa-filter fa-4x" aria-hidden="true"></i> </div> <div class="text-wrap vcenter"> <h2 class="mbr-fonts-style mbr-bold mbr-section-title3 display-5"> Water Filtration Plants </h2> <p class="mbr-fonts-style text1 mbr-text display-6"> Water is life and provision of clean water to society is essential for healthy minds and body. Two filtration plants have been installed at the campus to provide clean drinking water to residents and participants. One plant is installed near Mess to facilitate participants and offices. second plant is near residential area. </p> </div> </div> </div> <div class="col-lg-12 mbr-col-md-12"> <div class="wrap"> <div class="ico-wrap" style="margin-right:15px"> <i class="fa fa-female fa-4x" aria-hidden="true"></i> </div> <div class="text-wrap vcenter"> <h2 class="mbr-fonts-style mbr-bold mbr-section-title3 display-5">Women Vocational Training Center </h2> <p class="mbr-fonts-style text1 mbr-text display-6"> In 1966 the Academy launched a pilot project namely "Women Industrial Center" for upgrading skills of rural women. Now it is renamed as Women Vocational Training Center affiliated with skill development council of Khyber Pakhtunkhwa. Presently two lady teachers are engaged in training the village women-folk in different trades like sewing, cutting, embroidery, stitching etc. </p> </div> </div> </div> <div class="col-lg-6 mbr-col-md-10"> <div class="wrap"> <div class="ico-wrap" style="margin-right:15px"> <i class="fa fa-plus-square fa-4x" aria-hidden="true"></i> </div> <div class="text-wrap vcenter"> <h2 class="mbr-fonts-style mbr-bold mbr-section-title3 display-5"> Day Care Center </h2> <p class="mbr-fonts-style text1 mbr-text display-6"> Baby day care center facility is also available for lady participants. </p> </div> </div> </div> <div class="col-lg-6 mbr-col-md-10"> <div class="wrap"> <div class="ico-wrap" style="margin-right:15px"> <i class="fa fa-envelope fa-4x" aria-hidden="true"></i> </div> <div class="text-wrap vcenter"> <h2 class="mbr-fonts-style mbr-bold mbr-section-title3 display-5"> Post Office, Bank and Utility Store </h2> <p class="mbr-fonts-style text1 mbr-text display-6"> A branch of the United Bank Limited., operates on campus for the convenience of staff and the participants. Similarly Post Office and Utility Store facilities are also available on the campus. </p> </div> </div> </div> </div> </div> </div> </section>
section.facilities { padding-top: 4rem; padding-bottom: 5rem; background-color: #f8f9fa; } .wrap { display: flex; background: white; padding: 1rem 1rem 1rem 1rem; border-radius: 0.5rem; box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1); margin-bottom: 2rem; } .wrap:hover { background: linear-gradient(135deg,#228B22 0%,#006400 100%); color: white; } .ico-wrap { margin: auto; } .mbr-iconfont { font-size: 4.5rem !important; color: #313131; margin: 1rem; padding-right: 1rem; } .vcenter { margin: auto; } .mbr-section-title3 { text-align: left; } .wrap h2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .display-5 { font-family: 'Source Sans Pro',sans-serif; font-size: 1.4rem; } .mbr-bold { font-weight: 700; } .wrap p { padding-top: 0.5rem; padding-bottom: 0.5rem; line-height: 25px; } .display-6 { /* font-family: 'Source Sans Pro',sans-serif;*/ font-size: 1rem; }

Related: See More


Questions / Comments: