Access_New/message.php

102 lines
9.1 KiB
PHP
Raw Normal View History

<?php include('header.php')?>
<!--Hero Section Intro-->
<section class="cover-background page-title-big-typography ipad-top-space-margin" style="margin-top: inherit;">
<div class="container">
<div class="row align-items-center align-items-lg-end justify-content-center extra-very-small-screen g-0">
<div class="col-xxl-7 col-xl-6 col-lg-7 position-relative page-title-extra-small md-mb-30px md-mt-auto appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h2 class="alt-font text-dark-gray fw-500 mb-0 ls-minus-1px shadow-none shadow-in" data-shadow-animation="true" data-animation-delay="700" style="">Transforming Ambitions into Achievements</h2>
</div>
<div class="col-lg-5 offset-xxl-2 offset-xl-1 border-start border-2 border-color-base-color ps-40px sm-ps-25px md-mb-auto"></div>
</div>
</div>
</section>
<section class="overflow-hidden p-0">
<div class="container-fluid">
<div class="row">
<div class="col-12 p-0 position-relative"> <img src="images/demo-real-estate-about-01.jpg" alt="" class="w-100" data-no-retina="">
<div class="alt-font fw-600 fs-350 lg-fs-275 md-fs-250 xs-fs-160 ls-minus-5px xs-ls-minus-2px position-absolute right-minus-50px lg-right-0px bottom-minus-80px md-bottom-minus-60px xs-bottom-minus-40px text-white text-outline text-outline-width-3px skrollable skrollable-between" data-bottom-top="transform: translate3d(80px, 0px, 0px);" data-top-bottom="transform: translate3d(-280px, 0px, 0px);" style="transform: translate3d(59.8157px, 0px, 0px);">about</div>
</div>
</div>
</div>
</section>
<!--Hero Section Intro-->
<!--MD Intro Section-->
<section class="position-relative overflow-hidden section-dark">
<div class="container">
<div class="row align-items-center position-relative">
<div class="col-lg-6">
<div class="outside-box-left-20 md-outside-box-left-0 skrollable skrollable-between" data-bottom-top="transform:scale(1.1, 1.1)" data-top-bottom="transform:scale(1, 1)" style="transform: scale(1.07952, 1.07952);"> <img src="images/demo-web-agency-01.jpg" alt="" data-no-retina=""> </div>
</div>
<div class="col-lg-5 offset-lg-1 z-index-9 md-mt-35px appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [15, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 800, &quot;delay&quot;: 200, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h1 class="text-dark-gray fw-600 mb-40px md-mb-25px outside-box-left-15 md-outside-box-left-0 ls-minus-3px word-break-normal" style="">Simply a better way to learn
</h1>
<p class="lh-34 w-95 mb-30px lg-w-100" style="">Education is essential for the continuation of a person's growth. In this highly competitive educational scenario it is important to keep abreast. With higher education you dont just keep abreast, you move ahead. Your choice of education will shape your future. Education is the building block of human experience. It is not just an integral part of your professional life but greatly influences your overall personality. Our three- fold mission is that of “Mentoring” the youth of this country to dream “Motivating” them towards greater hopes and aspiration and “Guiding” them on the right track to realize those ambitions. We at Access Education are with you every step of the way to make the best choices to enhance your inherent talents.
</p>
<a href="demo-web-agency-about.html" class="btn btn-large btn-expand-ltr text-dark-gray btn-rounded fw-700" style=""><span class="bg-base-color"></span>About agency</a>
<div class="outside-box-right-30 position-absolute right-0px bottom-minus-50px xl-outside-box-right-25 md-outside-box-right-0 d-none d-md-inline-block" style="">
<div class="fs-300 xl-fs-250 lg-fs-200 text-base-color fw-600 ls-minus-20px word-break-normal skrollable skrollable-before" data-bottom-top="transform:scale(1, 1) translate3d(0px, 0px, 0px);" data-top-bottom="transform:scale(1, 1) translate3d(-100px, 0px, 0px);" style="transform: scale(1, 1) translate3d(0px, 0px, 0px);">about</div>
</div>
</div>
</div>
</div>
</section>
<!--MD Intro Section End-->
<!--Blog Section-->
<section class="bg-gradient-quartz-white border-radius-6px lg-border-radius-0px pb-0">
<div class="container">
<div class="row justify-content-center mb-3">
<div class="col-lg-7 text-center appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h3 class="text-dark-gray fw-700 ls-minus-1px" style="">Get Every Single Updates</h3>
</div>
</div>
<div class="row mb-5 sm-mb-7">
<div class="col-12">
<ul class="blog-grid blog-wrapper grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }" style="position: relative; height: 572.953px;">
<li class="grid-sizer"></li>
<!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 0%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/gokul.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"></div>
</div>
<div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access Education Network Lights Up Pokhara Street Festival</a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
</div>
</div>
</li>
<!-- end blog item -->
<!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 33.3298%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/access.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"> </div>
</div>
<div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access at 19: A Logo for the Legacy, A Vision for Tomorrow</a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
</div>
</div>
</li>
<!-- end blog item -->
<!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/tech.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"> </div>
</div>
<div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Be the strong willed one the public relationship.</a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
</div>
</div>
</li>
<!-- end blog item -->
</ul>
</div>
</div>
</div>
</section>
<!--Blog Section End-->
<?php include('footer.php')?>