<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Baba Mastnath University</title>
   <?php include 'stylesheet.php'																																																																																																																												?>
	<style>
	
	.figures{
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif" !important;
		font-size: 70px;
		color: #fff;
}
		.figures-tittle{
			
		}
		.figures-back{
			background-size:cover !important;
			
			margin-bottom: 40px;
			width: 100%;
			background: url("img/bg/bg1.jpg")  no-repeat;
		}
		
		.left-border{
			border-left: solid 2px #fc9928 !important;
		}
		.bottom-border{
			border-bottom: solid 2px #fc9928 !important;
			bottom: 80%;
			
		}
		.line-bg-fig{
			 	width:90% !important; 
				height: 10px !important; 
			text-align: center !important;
			background-color: #06A3DA !important;
			opacity: 1;
		}
		.figure-alt {
			color: #06A3DA !important;
			font-size: large;
			
		}
	</style>
</head>

<body>
    <!-- Spinner Start -->
    <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
        <div class="spinner"></div>
    </div>
    <!-- Spinner End -->

		  <?php include 'top-bar.php'?>

   


    <!-- Navbar & Carousel Start -->
    <div class="container-fluid position-relative p-0">
       	
		  <?php include 'navbar.php'?>
		
        <div class="container-fluid bg-primary py-5 bg-header" style="margin-bottom: 90px;">
            <div class="row py-5">
                <div class="col-12 pt-lg-5 mt-lg-5 text-center">
                    <h1 class="display-4 text-white animated zoomIn">About Us</h1>
                    <a href="" class="h5 text-white">Home</a>
                    <i class="far fa-circle text-white px-2"></i>
                    <a href="" class="h5 text-white">About</a>
                </div>
            </div>
        </div>
    </div>
    <!-- Navbar End -->









    <!-- Full Screen Search Start -->
    <div class="modal fade" id="searchModal" tabindex="-1">
        <div class="modal-dialog modal-fullscreen">
            <div class="modal-content" style="background: rgba(9, 30, 62, .7);">
                <div class="modal-header border-0">
                    <button type="button" class="btn bg-white btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body d-flex align-items-center justify-content-center">
                    <div class="input-group" style="max-width: 600px;">
                        <input type="text" class="form-control bg-transparent border-primary p-3" placeholder="Type search keyword">
                        <button class="btn btn-primary px-4"><i class="bi bi-search"></i></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Full Screen Search End -->

   <!-- About Start -->
    <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-lg-7">
                    <div class="section-title position-relative pb-3 mb-5">
                        <h1 class="mb-0">Why to Choose BMU?</h1>
                    </div>
							<p class="mb-1 text-dark" style="font-size: 20px;" >There are uncountable reasons to choose BMU. Some obvious reasons are :<br>
							 <i class="fa fa-caret-right"></i> At BMU Energy meets experience<br>
                                <i class="fa fa-caret-right"></i> Efforts meet excellence<br>
                                <i class="fa fa-caret-right"></i> Sincerity meets dedication<br>
                                <i class="fa fa-caret-right"></i> And that we, at BMU, are committed to make you a better 'you' by exploring your talent, channelising your energy, supporting your sincerity and bringing are the best in you
                            </ul>
							</p>

                    <a href="quote.html" class="btn btn-primary py-3 px-5 mt-3 wow zoomIn" data-wow-delay="0.9s">Apply Now</a>
                </div>
                <div class="col-lg-5" style="min-height: 500px;">
                    <div class="position-relative h-100">
                        <img class="position-absolute w-100 h-100 rounded wow zoomIn" data-wow-delay="0.9s" src="img/about.jpg" style="object-fit: cover;">
                    </div>
                </div>
            </div>
        </div>
		
    </div>
    <!-- About End -->

<div class="container-fluid pt-5 pb-5 figures-back" >
		<div class="container pt-3 pb-5 mt-5 mb-5" style="background-color: rgba(00, 0, 0, 0.7) !important;" >		
			<h1 class="text-white">HIGHLIGHTS </h1><hr class="bg-white">
							<div class="container" >
									<div class="row pt-3 " >
										<div class="col-lg-3 col-md-3    ">
												<span class="figures" >63+ </span><br>
											<span class="figure-alt "  > Years Education Experience</span>
											<hr class="prime-color-bg line-bg-fig" >
											</div>
										<div class="col-lg-3 col-md-3 ">
												<span class="figures">10,000+</span><br>
												<span class="figure-alt " >Students</span>
											<hr class="prime-color-bg  line-bg-fig" >
											</div>
										<div class="col-lg-3 col-md-3    ">
												<span class="figures">80+ </span><br>
												<span class="figure-alt " >Approved Courses</span>
												<hr class="prime-color-bg  line-bg-fig" >
											</div>
										<div class="col-lg-3 col-md-3    ">
												<span class="figures">500+</span><br>
												<span class="figure-alt " >Faculty Members</span>
												<hr class="prime-color-bg line-bg-fig" >
											</div>
										</div>
									</div>
								<div class="container  pt-3">
									<div class="row">
										<div class="col-lg-3 col-md-3    ">
												<span class="figures">10</span><br>
												<span class="figure-alt " >Faculties </span>
												<hr class="prime-color-bg line-bg-fig" >
											</div>
										<div class="col-lg-3 col-md-3    ">
											
												<span class="figures">250+</span><br>
												<span class="figure-alt " >Lush Green Campus</span>
												<hr class="prime-color-bg line-bg-fig" >
											</div>
										<div class="col-lg-3 col-md-3    ">
											
												<span class="figures">5000+</span><br>
												<span class="figure-alt " >Placed Students </span>
											<hr class="prime-color-bg line-bg-fig" >
											</div>
										<div class="col-lg-3 col-md-3    ">
											
												<span class="figures">25,000+</span><br>
												<span class="figure-alt " >Regsitered Alumni</span>
											<hr class="prime-color-bg line-bg-fig" >

												
											</div>
										</div>
									</div>
	</div>
</div>

    <!-- Team Start -->
    <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
        <div class="container py-5">
                <div class="container pl-0 pb--10">
					<div class="cta-area primary-bg has-color ptb--50 pl-5 pr-5">
						<div class="row align-items-center">
							<div class="col-md-9">
								<div class="section-title position-relative pb-3 mb-5">
								<h1 class="mb-0">Learning with Seven fold education </h1>
							</div>
								
							</div>
							<div class="col-md-3">
								<div class="cta-btn">
									<a class="btn btn-primary py-2 px-4 ms-3" href="#">Join Now</a>
								</div>
							</div>
						</div>
					</div>
				</div> 

				<div class="container"  style="background: url('img\about\seven-fold-education-bmu.jpg'); background-repeat: no-repeat; background-position: center">
					<div class="row border-bottom  p-5 m-4 ">
						<div class="container  col-md-1"><span style="font-size: 36px;"><i class="fa fa-graduation-cap  p-2  border h1 prim-color" aria-hidden="true"></i></span></div>
						<div class="col-md-11"><h3>QUALITY EDUCATION</h3>Impacting excellence in education is our primary objective. Education devoid of quality is life devoid of poetry.</div>
					</div>
					<div class="row border-bottom  p-5 m-4 " >
						<div class="container  col-md-1"><span style="font-size: 36px;"><i class="fa fa-handshake-o   p-2  border h1 prim-color" aria-hidden="true"></i></span></div>
						<div class="col-md-11"><h3>COMPETITIVE & POSITIVE ENVIRONMENT -</h3>Maintaining a positive and healthy competitive atmosphere is a requisite for the attainment of desired out comes at BMU, we aim to achieve this.</div>
					</div>
					<div class="row border-bottom  p-5 m-4 ">
						<div class="container  col-md-1"><span style="font-size: 36px;"><i class="fa fa-crosshairs p-4 h2 border  prim-color" aria-hidden="true"></i></span></div>
						<div class="col-md-11"><h3>SPORTS & PHYSICAL EDUCATION</h3>To help our students remain stress free during their process of learning, we promote participation in sports and physical activities. Trained professionals look after these activities.</div>
					</div>
					<div class="row border-bottom  p-5 m-4 ">
						<div class="container  col-md-1"><span style="font-size: 36px;"><i class="fa fa-line-chart p-4  border h2 prim-color" aria-hidden="true"></i></span></div>
						<div class="col-md-11"><h3>PERSONALITY DEVELOPMENT </h3>It is not what you know; it is what you can express. It is matters how you can express yourself so much as you know what to express. We take special care of the personality development of our students.
						</div>
					</div>
					<div class="row border-bottom  p-5 m-4 ">
						<div class="container  col-md-1"><span style="font-size: 36px;"><i class="fa fa-cubes p-4  border h2 prim-color" aria-hidden="true"></i></span></div>
						<div class="col-md-11"><h3>MORAL  & RELIGIOUS EDUCATION</h3>In order to make our students good citizens, we focus on imparting lessons in ethics and morality. Religious education is a part of our value system.</div>
					</div>
					<div class="row border-bottom  p-5 m-4 ">
						<div class="container  col-md-1"><span style="font-size: 36px;"><i class="fa fa-th-list p-4 border  h2 prim-color" aria-hidden="true"></i></span></div>
						<div class="col-md-11"><h3>CULTURAL VALUE</h3>Our teaching methodology is deeply rooted in our cultural values.</div>
					</div>
					<div class="row border-bottom  p-5 m-4 ">
						<div class="container  col-md-1 "><span style="font-size: 36px;"><i class="fa fa-gavel p-4 border  h2 prim-color" aria-hidden="true"></i></span></div>
						<div class="col-md-11"><h3>DISCIPLINE</h3>Discipline is the foremost requirement of education. It is the beginning and end of all knowledge we ensure to inculcate discipline in our students by all means.</div>
					</div>



			</div>
        </div>
    </div>
    <!-- Team End -->


       <?php include 'companies.php'?>

    

    <?php include 'footer.php'?>


    <!-- Back to Top -->
    <a href="#" class="btn btn-lg btn-primary btn-lg-square rounded back-to-top"><i class="bi bi-arrow-up"></i></a>
	
	<script>
 var tickerItems = document.querySelectorAll('.ticker-item');
var tickerWrapper = document.querySelector('.ticker-wrapper');

function initTicker() {
   tickerItems[0].classList.add('active');
   setTimeout(function() {
      tickerItems[0].classList.remove('active');
   }, 2000);
   setInterval(function() {
      var current = document.querySelector('.ticker-item.active');
      var next = current.nextElementSibling;
      if (!next) {
         next = tickerItems[0];
      }
      current.classList.remove('active');
      next.classList.add('active');
   }, 3000);
}

initTicker();

</script>



    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="lib/wow/wow.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/counterup/counterup.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>

    <!-- Template Javascript -->
    <script src="js/main.js"></script>
</body>

</html>